@charset "utf-8";
/* CSS Document */

body{margin:0 auto; background:url(../images/body_bg.jpg) top repeat-x #FFF; font:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:12px;}
#wrapper{margin:0 auto; width:1008px; background:url(../images/con_bg_01.png) repeat-y; height:auto;}
#contant_body{margin:0 auto; width:980px; height:auto;}
#header{background:url(../images/top_pic_01.jpg) left top no-repeat; width:980px; height:165px; position:relative;}


/*上面選單*/
#top_nav{width:455px; height:42px; position:absolute; left:270px; top:100px;}
#header .header_img{float:right; position:absolute; top:0; right:0;}
#header .header_img02{position:absolute; top:80px; left:15px }
#header_topnav{margin:0 0 0 460px; width:260px; height:18px; background:url(../images/top_icon_01.jpg) no-repeat center left; padding-top:8px; padding-left:10px;}
#header_topnav ul{text-align:center; list-style-type:none;}
#header_topnav ul li{display:inline; color:#0387a3;}
#header_topnav ul li a{text-decoration:none; color:#0387a3;}
#header_topnav ul li a:hover{text-decoration:underline;}

#header_search{margin:0 0 0 396px; background:url(../images/top_pic_02.jpg) no-repeat left; width:270px; height:35px; padding-left:69px; padding-top:39px;}
#header_search form{width:256px; height:20px; padding-top:3px;}
#header_search .c1 {border:#999 1px solid; width:120px; height:15px; float:left; }
#header_search .c2 {width:27px; height:18px; float:left; padding-left:5px;}
/*網站層級*/
#header .home{margin-left:420px; margin-top:40px; position:absolute; width:300px; text-align:right;}
#header .home .tag{color:#FFF; padding-top:5px;}
#header .home .tag a{font:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none;}
#header .home .tag a:hover{font:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:underline;}

.clean{clear:both;}
/*網頁內容*/
.contant_canter{padding:0; height:auto; width:980px;}
/*左邊選單*/

/* 以下為sidebar設定====================================================================================================================== */
#sidebar{margin:3px 0 0 5px;_margin:3px 0 0 2px; width:208px; background:#f2f2f2 url(../images/right_pic_01.jpg) no-repeat left bottom; padding-bottom:250px; float:left; min-height:500px; height:auto !important; height:500px; border:#999 1px dotted;}
#sidebar #grey_bg{padding:5px 6px; background:#f2f2f2; margin-bottom:12px;}
/*產品搜尋*/
#sidebar #grey_bg #easy{margin-bottom:17px; padding-bottom:10px; padding-left:8px;}
#sidebar #grey_bg #easy img{padding-bottom:8px;}
#sidebar #grey_bg #easy select{padding:2px; background:#fff; color:#666; width:180px; border:#ccc 1px solid; margin-bottom:4px;}
#sidebar #grey_bg #easy #price_search{margin-top:8px; position:relative; height:45px;}
#sidebar #grey_bg #easy #price_search p{color:#333; background:url(../images/top_icon_01.jpg) no-repeat 8px 5px; padding-left:23px; margin-bottom:3px;}
#sidebar #grey_bg #easy #price_search .box_1{border:#ccc 1px solid; padding:2px; width:60px; margin-left:2px;}
#sidebar #grey_bg #easy #price_search .go_but{position:absolute; right:3px; bottom:3px;_bottom:2px; width:27px; height:18px; border:none;}
/*產品清單*/
#sidebar #grey_bg ul{margin-left:2px; margin-bottom:5px;}
#sidebar #grey_bg ul li{ margin:5px 0; border-bottom:dotted #3755a2 1px; padding-bottom:3px; background:url(../images/right_icon_01.jpg) no-repeat 10px 6px; width:158px;}
#sidebar #grey_bg ul li.blue{color:#0387a3; padding-left:20px; margin-bottom:5px; }
#sidebar #grey_bg ul li.blue a{color:#0387a3; text-decoration:none; display:block; padding-left:5px;}
#sidebar #grey_bg ul li.blue a:hover{background:#e5d9d9; display:block; padding-left:5px;}

#sidebar #grey_bg ul p.list_01{color:#0387a3; font-weight:bold; width:120px; text-align:center; margin:0 auto;}

#sidebar #grey_bg ul li.other{color:#b80e0e; padding-left:20px; margin-bottom:5px; }
#sidebar #grey_bg ul li.other a{color:#b80e0e; text-decoration:none; display:block; padding-left:5px;}
#sidebar #grey_bg ul li.other a:hover{background:#e5d9d9; display:block; padding-left:5px;}
#pro_listtop{padding-top:15px; padding-bottom:30px;}


#footer{clear:both; position:relative; background:url(../images/footer_bg_01.jpg) no-repeat;}
#footer .c4{padding-left:280px; padding-top:18px; color:#333; word-spacing:5px;}
/*下方按鈕選單*/
#footer .c5{ margin-left:20px; margin-top:10px; padding-top:7px; padding-left:256px; width:642px; height:26px; border:#ffcaca 1px solid ; background:url(../images/footer_nav_bg_01.jpg) repeat-x bottom; color:#333;}
#footer .c5 ul{width:642px;}
#footer .c5 ul li{float:left; list-style-type:none; padding-left:3px; padding-right:3px;}
#footer .c5 a{text-decoration:none; color:#333;}
#footer .c5 a:hover{text-decoration:underline; color:#666;}
/*下方地址資訊*/
#footer .c6{padding-left:280px; padding-top:10px; color:#333; height:57px; word-spacing:5px;}
#footer .c6 a{text-decoration:none; color:#333; }
#footer .c6 a:hover{text-decoration:underline; color:#333;}

#footer .logo_img{position:absolute; top:-34px; left:0; width:257px; height:177px;}
/*awoo-seo*/
h1 {
position:absolute;
top:0;
left:0;
width:190px;
height:165px;
background:url(../images/top_pic_01_logo.jpg) left top no-repeat;
text-indent:-9999px;}
#grey_bg h2 {
width:180px;
height:51px;
background:url(../images/search_top_pic_01.jpg) left top no-repeat;
text-indent:-9999px;
margin-bottom:8px;}
#grey_bg h3 {
width:180px;
height:30px;
background:url(../images/right_top_01.jpg) left top no-repeat;
text-indent:-9999px;
margin-bottom:8px;}
#grey_bg h4 {
width:192px;
height:70px;
background:url(../images/tel_pic_01.jpg) left top no-repeat;
text-indent:-9999px;}