@import url("reset.css");

#Wrapper {width:1000px; height:auto; margin:0px auto; padding:0px; overflow:hidden; font-family:Arial;
          background:url(../images/side-bg.jpg) repeat-y left;}

#Header {width:1000px; height:104px; margin:0px ; padding:0px;background:url(../images/top.jpg) no-repeat; }

#Container {width:1000px; height:auto; margin:0px; background:url(../images/side-down.jpg) no-repeat bottom left;
            overflow:hidden;}

#Side { width:243px;height:auto; margin:0px; padding:0px;float:left;
        background:url(../images/side-head.jpg) no-repeat; }

#Content {width:757px;height:auto; margin:0px; padding:0px;overflow:hidden;float:left;}

#Footer {width:1000px; height:67px; margin:0px ; background:url(../images/footer.jpg) no-repeat;clear:both;      
         font-family:Verdana;-webkit-text-size-adjust: none;}

.clearbox { clear:both; }


/*===============Menu======================*/
.Menu {width:401px; height:25px;margin:0px 0px 0px 549px;padding-top:56px;}
.Menu ul{ margin:0;padding:0;}
.Menu li{ margin:0;padding:0;float:left;}

.Menu .ibtn01 a{width:76px; height:25px;margin-left:0px;padding:0px; display: block;text-decoration: none;
text-indent: -9999px;background:url(../images/menu-index.jpg) no-repeat -0px 0px; }
.Menu .ibtn01 a:hover{background:url(../images/menu-index.jpg) no-repeat -0px -23px;}

.Menu .ibtn02 a{width:74px; height:25px;margin-left:30px;padding:0px; display: block;text-decoration: none;
text-indent: -9999px;background:url(../images/menu-index.jpg) no-repeat -106px 0px; }
.Menu .ibtn02 a:hover{background:url(../images/menu-index.jpg) no-repeat -106px -23px;}

.Menu .ibtn03 a{width:61px; height:25px;margin-left:35px;padding:0px; display: block;text-decoration: none;
text-indent: -9999px;background:url(../images/menu-index.jpg) no-repeat -215px 0px; }
.Menu .ibtn03 a:hover{background:url(../images/menu-index.jpg) no-repeat -215px -23px;}

.Menu .ibtn04 a{width:67px; height:25px;margin-left:35px;padding:0px; display: block;text-decoration: none;
text-indent: -9999px;background:url(../images/menu-index.jpg) no-repeat -311px 0px; }
.Menu .ibtn04 a:hover{background:url(../images/menu-index.jpg) no-repeat -311px -23px;}

.Menu .btn01 a{width:76px; height:25px;margin-left:0px;padding:0px; display: block;text-decoration: none;
text-indent: -9999px;background:url(../images/menu-page.jpg) no-repeat -0px 0px; }
.Menu .btn01 a:hover{background:url(../images/menu-page.jpg) no-repeat -0px -23px;}

.Menu .btn02 a{width:75px; height:25px;margin-left:13px;padding:0px; display: block;text-decoration: none;
text-indent: -9999px;background:url(../images/menu-page.jpg) no-repeat -89px 0px; }
.Menu .btn02 a:hover{background:url(../images/menu-page.jpg) no-repeat -89px -23px;}

.Menu .btn03 a{width:61px; height:25px;margin-left:16px;padding:0px; display: block;text-decoration: none;
text-indent: -9999px;background:url(../images/menu-page.jpg) no-repeat -180px 0px; }
.Menu .btn03 a:hover{background:url(../images/menu-page.jpg) no-repeat -180px -23px;}

.Menu .btn04 a{width:68px; height:25px;margin-left:15px;padding:0px; display: block;text-decoration: none;
text-indent: -9999px;background:url(../images/menu-page.jpg) no-repeat -256px 0px; }
.Menu .btn04 a:hover{background:url(../images/menu-page.jpg) no-repeat -256px -23px;}

.Menu .btn05 a{width:62px; height:25px;margin-left:15px;padding:0px; display: block;text-decoration: none;
text-indent: -9999px;background:url(../images/menu-page.jpg) no-repeat -339px 0px; }
.Menu .btn05 a:hover{background:url(../images/menu-page.jpg) no-repeat -339px -23px;}


/*===============Banner======================*/
#Banner{width:867px; height:471px; margin:15px auto;position:relative;}
.B-numbox{ position:absolute; bottom:0px; left:0px;}
.B-numbox li{  font-size:13px; padding:0px;  background-color:#333; color:#FFF; margin:0px; float:left;filter:Alpha(opacity=60)}
.B-numbox li a{  padding:1px 10px; margin:0px; color:#FFF; display:block;}
.B-numbox li a:hover{ color:#F00}
.B-numbox li.Mark a{  color:#F00}




/*===============Side======================*/
.S-menu{width:243px;   overflow:hidden;margin-top:180px;}
.S-menu ul{width:200px; margin:0px 0px 10px 43px; display:block}
.S-menu li{  margin:8px 0px}
.S-menu img{ float:left; margin-top: 7px; width:12px; height:12px }
.S-menu a{ margin-left:8px; color:#066486; font-size:13px; text-decoration:none;float:left; width:150px;  
           line-height:24px; font-family:Arial }
.S-menu a:hover{color:#0099ff;}
.S-menu p{ clear:both}

.S-down{width:243px; height:272px; margin:0px ;  }
.S-menu ul ul img{ float:left; margin-top: 7px; width:12px; height:12px }
.S-menu ul ul{width:160px; margin:10px 0px 10px 20px; display:block}
.S-menu ul ul li a{ margin-left:3px; color:#066486; font-size:13px; text-decoration:none;float:left; width:135px;  
                    line-height:24px; font-family:Arial ; display:block; color:#666}
.S-menu ul ul li a:hover{ color:#000}

.pcp{ width:200px; height:40px;background:url(../images/side-wd.png) no-repeat; text-indent:-9999px }


/*--------prodicts---------*/
.Sidebox{ display:block;  width:243px;overflow:hidden;margin-top:200px;}


.Sidebox ul{ width:200px; display:block;  margin:0 auto; }
.Sidebox li { font-size:13px; line-height:18px;  }
.Sidebox li.sline {border-bottom:1px solid #eee;padding:0px}
.Sidebox li a{ color:#333; text-decoration:none}

.Sidebox li.sbtnA{ list-style-image:url(../images/dot1.jpg); margin-left:40px;padding:10px 0px; }
.Sidebox li.sbtnA a{color:#066486; }
.Sidebox li.sbtnA a:hover{color:#000}
.Sidebox li.sbtnB{ list-style-image:url(../images/dot2.jpg); margin-left:50px; padding:8px 0px}
.Sidebox li.sbtnB a{color:#216fb7}
.Sidebox li.sbtnB a:hover{color:#333}
.Sidebox li.sbtnC{ list-style-image:url(../images/dot3.jpg); margin-left:60px;padding:5px 0px}
.Sidebox li.sbtnC a{color:#777}
.Sidebox li.sbtnC a:hover{color:#333}




/*===============Content======================*/
.C-top{width:757px; height:135px; margin:0px ; background:url(../images/head.jpg) no-repeat }
.C-title1{width:660px; height:31px; margin:10px 0px 5px 20px ; background:url(../images/title1.jpg) no-repeat;
          border-bottom:1px dashed #999}
.C-title2{width:660px; height:31px; margin:10px 0px 5px 20px ; background:url(../images/title2.jpg) no-repeat;
          border-bottom:1px dashed #999}
.C-title3{width:660px; height:31px; margin:10px 0px 5px 20px ; background:url(../images/title3.jpg) no-repeat;
          border-bottom:1px dashed #999}
.C-title4{width:660px; height:31px; margin:10px 0px 5px 20px ; background:url(../images/title4.jpg) no-repeat;
          border-bottom:1px dashed #999}
.C-map {width:660px; font-size:11px; line-height:24px; margin:5px 0px 5px 20px; padding-left:20px;color:#666; 
        -webkit-text-size-adjust: none;background:url(../images/dot-map.jpg) no-repeat; letter-spacing:1px}
.C-map a{color:#4d4d4d;}
.C-map a:hover{color:#333; text-decoration:underline;}
.C-text{ width:650px; min-height:400px; margin:20px 0px 0px 30px; font-size:13px;text-align:justify;text-justify:inter-ideograph;}

.list-td td{ line-height:48px}
.list-td p{ line-height:24px; margin:10px 20px 10px 0px; color:#555}
.list-td a{ color:#066486; font-weight:bold; margin-left:10px}
.list-td a:hover{ color:#F00; font-weight:bold}

.list-pageNum { text-align:center; margin:20px 0px; }
.list-pageNum li{ display:inline; font-size:12px; color:#03f; margin:5px;}
.list-pageNum li a{ color:#666666;}
.list-pageNum li a:hover{ color:#06f;}

/*===============contact======================*/

.btnA{ width:90px; height:30px; background:url(../images/btn2.jpg) no-repeat; color:#06f;font:bold 11px Verdana;
       border:none;  cursor:pointer;-webkit-text-size-adjust: none;}
.btnB{ width:90px; height:30px; background:url(../images/btn1.jpg) no-repeat; color:#333;font:bold 11px Verdana;
       border:none;  cursor:pointer; margin-left:10px;-webkit-text-size-adjust: none;}
.tf-wd{ font-size:11px; padding:5px;-webkit-text-size-adjust: none;}
.star{ color:#F00; font-size:13px;}
.ewd{ font-size:13px;margin-left:5px; color:#06C; letter-spacing:1px}


/*===============Footer======================*/
.Information1 { text-align:center;color:#666; font-size:10px;  padding-top:15px;}
.f1{ color:#333; font-weight:bold}
.f2{ color:#333; font-weight:bold; margin-left:10px}
.Information2{ text-align:center;color:#666; font-size:10px; line-height:15px  }

.IwareFoot {font-size:10px; color:#999; margin-left:10px; font-family:sans-serif}
.IwareFoot a{ color:#999;}
.IwareFoot a:hover{ color:#666;}


/*=========產品目錄==========*/
.listbox{width:140px; height:180px; float:left; margin:0px 20px 20px 0px; }
.listbox img{width:136px; height:133px;margin:0px 0px 0px 2px; border:1px #666 solid }
.listbox p{width:136px; text-align:center;font-weight:bold;color:#666; line-height:18px; margin-top:5px;font-size:12px;}
.listbox a{color:#666; font-family:Verdana; }
.listbox a:hover{color:#000;}

.listbox a img{filter:alpha(opacity=80); }      /* IE */
.listbox a img{-moz-opacity:0.8; }            /* Moz + FF */
.listbox a img{opacity:0.8; }
.listbox a:hover img{filter:alpha(opacity=100); }      /* IE */
.listbox a:hover img{-moz-opacity:1; }            /* Moz + FF */
.listbox a:hover img{opacity:1; }


/*=========產品詳細頁==========*/
.productsPic {width:340px; float:left; }
.productsPic img{ border:1px solid #ccc}
.productsWord {width:300px; float:left; color:#666; font-size:12px; font-family:Arial}


.bigimg { margin:0px; }
.smallimg { margin-top:20px; overflow:hidden }
.sbox { float:left; margin:0px 10px 10px 0px;}

.sbox a img{filter:alpha(opacity=60); }      /* IE */
.sbox a img{-moz-opacity:0.6; }            /* Moz + FF */
.sbox a img{opacity:0.6; }
.sbox a:hover img{filter:alpha(opacity=100); }      /* IE */
.sbox a:hover img{-moz-opacity:1; }            /* Moz + FF */
.sbox a:hover img{opacity:1; }

.th{ color:#c33; font-size:18px; font-weight:bold;line-height:17px; margin-bottom:30px; }
.tp{ font-size:15px;line-height:24px;color:#000;border-bottom:1px #ccc dashed; padding:10px 0px 10px 0px }
.tp span{ color:#999; font-weight:bold}



/*=========搜尋頁==========*/
.C-SearchBox{ width:664px; min-height:456px; margin:20px 0px 0px 30px; font-size:15px;
              background:url(../images/search-bg.jpg) no-repeat; position:relative}

.se-1 {	width:160px;	height:25px;	position:absolute;	top:24px;	left:328px;}
.se-2 {	width:160px;	height:25px;	position:absolute;	top:93px;	left:294px;}
.se-3 {	width:160px;	height:25px;	position:absolute;	top:162px;	left:245px;}
.se-4 {	width:160px;	height:25px;	position:absolute;	top:229px;	left:217px;}
.se-5 {	width:160px;	height:25px;	position:absolute;	top:299px;	left:189px;}
.se-6 {	width:160px;	height:25px;	position:absolute;	top:368px;	left:149px;}
.se-btnA {	width:102px; height:50px; background:url(../images/s-btnA.png) no-repeat; color:#fff;
            font:bold 15px Arial; border:none; cursor:pointer;position:absolute; bottom:100px; right:50px}
.se-btnB {	width:102px; height:50px; background:url(../images/s-btnB.png) no-repeat; color:#fff;
            font:bold 15px Arial; border:none; cursor:pointer;position:absolute; bottom:40px; right:50px}



/*=========詳細搜尋頁==========*/

.P-title{ font-size:18px; color:#333;padding:5px 10px;border-bottom:1px dotted #339ae9;}

.P-SearchBox{ width:650px; min-height:390px; margin-top:20px; font-size:15px; border-bottom:1px solid #999;
              background:url(../images/search-probg.jpg) no-repeat; position:relative; }


.pro-btnA {	width:102px; height:50px; background:url(../images/s-btnA.png) no-repeat; color:#fff;
            font:bold 15px Arial; border:none; cursor:pointer;position:absolute; bottom:100px; right:20px}
.pro-btnB {	width:102px; height:50px; background:url(../images/s-btnB.png) no-repeat; color:#fff;
            font:bold 15px Arial; border:none; cursor:pointer;position:absolute; bottom:40px; right:20px}