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

html, body{margin:0;padding:0; font-family:Arial; color:#171717; }
a{ text-decoration:none; border:0}
*{ margin:0; padding:0;}
a img{border:0px;}


body{background: url(../images/all/di_a.jpg) repeat-y 50% #E6E6E6;}
.h2{ text-align:center; line-height:30px; padding-bottom:15px;}
#fixed {background:url(../images/all/di_b.jpg) repeat-y 50% #D90000; width:100%;height:110px;top:0; left:0;position:fixed; clear:both;z-index:5000000; }
.logo_menu{width:1002px;margin:0 auto; height:110px;}
.logo{ float:left; padding:25px 0 0 53px;}
.menu_s{ float:right; list-style:none; font-family:Arial;font-size:13px; width:750px;margin-top:10px;}
.menu_s li{ float:right; background: url(../images/all/hr_a.jpg) no-repeat 100% 75%; text-align:center;}
.menu_s a{ display:block; padding:10px 10px 0 10px;color:#FFBFBF;}
.menu_s a:hover{ background:url(../images/all/li_a.jpg) no-repeat top center;color:#171717}
.menu_s .no{ background:url(../images/all/transparent.gif) no-repeat right bottom; padding-right:27px;}
.menu_b{ float:right;list-style:none;width:750px;background:url(../images/all/menu_di_a.jpg) repeat-x;padding:0; margin-top:15px;}
.menu_b li{ float:left;}
.menu_b a{ display:block; width:175px; padding:4px 0 9px 0; text-align:center;}
.menu_b a:hover{ background: url(../images/all/menu_ch.gif) no-repeat top;color:#171717}

#wrapper{width: 1002px; text-align:center; margin:0 auto; padding-top:130px; padding-top:130px \9;*padding-top:130px;_padding-top:20px;font-size:14px; clear:both;}
/*********首頁動態圖片***********/

#main{width:938px; height:224px; overflow:hidden; border:1px solid #e3e3e3; margin:0 auto; padding-top:8px;}
.sub_box{width:928px; height:216px; float:left; position:relative; overflow:hidden;}
#bd1lfimg{position:relative; width:928px; height:216px; overflow:hidden; margin:0px 0 0 8px;}
#bd1lfimg div{width:100000px; margin-left:-4px;}
#bd1lfimg dl{width:928px; height:216px; position:relative; float:left;}
#bd1lfimg dt{width:80px; height:60px; position:absolute; left:0px; top:0px;}

.sub_nav{width:928px; height:60px; left:20px; bottom:20px; position:absolute;z-index:200;}
.sub_no{float:left;}
.sub_no li{display:block;float:left; width:80px; height:60px; border:2px solid #FFDC73; overflow:hidden; margin:0 5px;cursor:pointer;}
.sub_no li.show{border:2px solid #F90;}
/*********首頁動態圖片***********/

.news_box,.products_box,.must_know_box{ float:left; text-align:left;}
.news_box .tit_a,.products_box .tit_a,.must_know_box .tit_a{ margin:16px 0 14px 0;}
.news_box .di_a,.products_box .di_a{ background:url(../images/index/hr_a.gif) repeat-y right;}
.news_box{width:344px; padding-left:37px;}
.news_box ul{ list-style:none;}
.news_box li{ padding-bottom:6px; font-family: Arial;color:#777; letter-spacing:0; }
.news_box a{width:320px; height:103px; display:block; border:3px solid #BFBFBF;cursor:pointer;color:#777;}
.news_box a:hover{ border:3px solid #666;}
.news_box .img_a{width:153px; height:103px; float:left; position: absolute; display:block; overflow:hidden;}
.news_box .img_b{width:246px; height:103px; float:left; position: absolute; margin-left:75px; background:url(../images/index/di_b.gif) no-repeat;}
.news_box b{ font-size:13px;width:40px; display:block; float:left; padding:62px 11px 0 30px;text-align:right;}
.news_box h3{ font-size:16px; padding-top:9px; color:#DE0010}
.news_box font{font-size:12px; padding:2px 8px 0 0; display:block; line-height:16px;}

.products_box{width:178px; margin-left:15px;}
.products_box ul{ list-style:none;}
.products_box li{ text-align:center;width:161px;padding-bottom:3px; font-family:Arial;color:#fff; letter-spacing:0;}
.products_box li a{color:#FFF;}
.products_box span{display:block;margin-bottom:1px;}
.products_box h4{display:block; padding:5px 3px 3px 3px;background:url(../images/all/di_d.jpg); font-size:16px;}

.must_know_box{width:385px; margin-left:15px;}
.must_know_box ul{ list-style:none;}
.must_know_box li{ font-family: Arial;color:#777; letter-spacing:0; padding-bottom:11px;}
.must_know_box a{width:385px; height:105px; display:block;cursor:pointer;color:#777;}
.must_know_box a:hover{ background:#F3F3F3;}
.must_know_box .img_a{width:105px; height:105px; float:left;display:block; overflow:hidden;}
.must_know_box .img_b{width:270px; height:105px; float: right;}
.must_know_box b{width:65px; display:block; float:right; padding-top:43px;}
.must_know_box h3{width:195px; font-size:16px; float:left; padding-top:9px; color:#DE0010}
.must_know_box font{width:195px; font-size:12px; float:left; padding-top:4px; display:block; line-height:17px;}

.left_box{float:left;width:200px; padding-left:37px; padding-top:9px;}
/*********選單***********/
#col{width:200px; text-align:left;}
.sliderbox {margin: 0 auto;overflow:hidden;}
.sliderbox a {color:#797979;text-decoration:none;}
.sliderbox a:hover {color:#000;}
.sliderbox dt {background: url(../images/all/li_b.jpg) no-repeat 10px 50%;cursor:pointer;}
.sliderbox dt:hover span { color:#000; display:block;}	
.sliderbox .open {background: url(../images/all/li_c.jpg) no-repeat 10px 50%;cursor:pointer;}
.sliderbox .open:hover span { color:#01b2f1;}
.sliderbox .title {color:#797979;}
.sliderbox dd {position:relative;overflow:hidden;}
.sliderbox dd img{ padding-bottom:1px;}
.sliderbox ul,.sliderbox ol,.sliderbox li{ list-style:none; padding:0; margin:0}
.sliderbox b{ background: url(../images/all/li_d.jpg) no-repeat left #eee; display: block;padding:15px 0 10px 35px;}
.sliderbox b a{color:#333; font-size:15px; letter-spacing:0;}
.sliderbox li a{ background:#fff; display: block;padding:13px 0 8px 35px;}
.sliderbox li a:hover{ background: url(../images/all/li_e.jpg) no-repeat left #eee;}
.sliderbox .title a{ display:block;padding:15px 0 13px 27px;}
.sliderbox .products_di_a:hover{ background:url(../images/products/di_a.jpg) no-repeat right bottom;}
.sliderbox .products_di_b:hover{ background:url(../images/products/di_b.jpg) no-repeat right bottom;}
.sliderbox .products_di_c:hover{ background:url(../images/products/di_c.jpg) no-repeat right bottom;}
/*********選單***********/
.advertising img{ border:1px solid #CBCBCD; margin:5px 0}

.right_box{float:left;width:736px; text-align:left; font-size:13px}
.lead_a{ padding:15px 0 10px 40px; font-size:13px; background:url(../images/all/li_f.jpg) no-repeat 22px 15px; font-family:Arial; float:left; display:inherit}
.lead_a a{color:#666; background:url(../images/all/li_g.jpg) no-repeat 100% 1px; padding:0 12px 0 8px;}
.lead_a a:hover{color:#000;}
.lead_a img{ float:left; margin-right:5px;}
.lead_a span{ padding:0 12px 0 8px;color:#000;}
.lead_hr_a{ background:url(../images/all/hr_b.jpg) repeat-x bottom; padding-bottom:1px; width:718px; margin:0 auto 20px auto; clear:both;}
.lead_hr_b{ background:url(../images/all/hr_b.jpg) repeat-x bottom; height:15px; width:718px; margin:0 auto 20px auto; clear:both;}
.lead_hr_c{ background:url(../images/all/hr_b.jpg) repeat-x bottom; height:20px; width:718px; margin:0 auto; clear:both;}
.products_list_a{ width:718px; margin:0 auto; }
.fields_a{ background:url(../images/all/di_e.jpg) no-repeat; padding:12px 0 9px 0; margin-bottom:5px;}
.fields_a .txt_a{ margin: 0 26px 0 30px;}
.fields_a .txt_b{ margin-left:298px;}
.fields_a .txt_c{ margin:0 244px;}
.fields_a .txt_d{ margin-left:34px;}

.fields_b{background:url(../images/all/hr_b.jpg) repeat-x bottom; clear:both; height:154px;}
.fields_b a{color:#333; cursor:pointer;}
.fields_b:hover{ background:url(../images/all/hr_b.jpg) repeat-x bottom #F6F6F6;}
.fields_b .item{ width:100px;padding-top:75px; text-align:center; float:left;}
.fields_b .img{  float:left;width:160px; height:84px; overflow:hidden;padding-top:26px; }
.fields_b .news_img{  float:left;width:105px; height:105px; overflow:hidden;padding-top:26px; }
.fields_b .txt{ float:left; color:#333; padding-top:30px; margin-left:25px; width:340px; font-size:13px; line-height:20px; letter-spacing:0;}
.fields_b .pro_index_txt{ float:left; color:#333; padding-top:65px; margin-left:25px; width:340px; font-size:13px; line-height:20px; letter-spacing:0;}
.fields_b .news_txt{ float:left; color:#333; padding-top:30px; margin-left:15px; width:385px; height:103px; overflow:hidden; font-size:13px; line-height:25px; letter-spacing:0;}
.fields_b .news_day{ float: right; width:95px; padding-top:65px;}
.fields_b h3{ color:#DE0010; font-size:16px;}
.fields_b .more{ float:right; padding-top:65px;}
.pagination_a{padding: 7px; margin:25px 9px; text-align: center; font-family:Arial; clear:both;}
.pagination_a a { border: 1px solid #666; padding: 2px 9px; margin:2px;color:#666; text-decoration: none}
.pagination_a a:hover {border:1px solid #333;color:#fff;background: #333}
.pagination_a span.current {border: 1px solid #666; padding:2px 9px; font-weight: bold;margin:2px;color: #fff;background: #666;}
.pagination_a span.disabled {border: 1px solid #eee; padding:2px 9px;margin: 2px; color: #ddd;}
.switch{ list-style:none;text-align:right;font-size:16px; padding-top:1px; height:30px;}
.switch li{ display:inline; padding:0 2px; background:#CCC; cursor:pointer; margin-left:3px; border:1px solid #A1A1A1}
.switch li:hover{ background: #C00; color:#FFF;}

.products_list_a .movie{text-align:right;}
.back_list_a{ width:75px; float:right; margin-top:5px;}
.back_list_a a{color:#333; font-size:16px;}
.back_list_a a:hover{color:#C00; font-size:16px;}

.pro_content{ margin-top:-50px; font-size:13px; clear:both;}
.pro_content .tit_a{ margin-left:35px; width:600px;}
.pro_content .tit_a h1{color:#D80000;}
.pro_content .tit_a h2{color:#000;}
.pro_content .tit_a p{ margin-top:3px;}
.pro_content .tit_b{ margin-left:25px; line-height:25px;}
.pro_content .tit_b .img{background:url(../images/products/coffee/di_a.jpg) no-repeat; padding:14px 11px; float:left;}
.pro_content .tit_b .txt{float:right; width:445px;}
.pro_content .tit_b h2{ color:#444; margin-top:17px;}
.pro_content .tit_b ul{ margin:10px 0 0 0; font-family:Arial; list-style:none;}
.pro_content .tit_b li{}
.pro_content .tit_c{ width:690px; margin-left:15px; padding-bottom:20px;}
.pro_content .tit_c h2{ color:#111; margin-top:20px;}
.pro_content .tit_c p{margin-top:10px; line-height:25px; letter-spacing:0; font-family:Arial; color:#666;}
.pro_content .tit_d{ width:690px; margin-left:15px; padding-bottom:20px;}
.pro_content .tit_d h2{ color:#111; margin:40px 0 15px 0;}
.pro_content .tit_d p{margin-top:10px; line-height:25px; letter-spacing:0; font-family:Arial; color:#666;}
.pro_content .tit_d img{ float:left;}
.pro_content .tit_e{ width:690px; margin-left:15px; padding:40px 0 20px 0; clear:both;}
.pro_content .tit_e h1{color:#D80000; text-align:center; line-height:25px; letter-spacing:0;}
.pro_content .tit_e h2{color:#111; text-align:center; margin-bottom:15px;line-height:25px; letter-spacing:0;}
.pro_content .tit_e img{ float:left;}
.pro_content .tit_e p{ padding-top:10px;  line-height:22px; letter-spacing:0; font-family:Arial; color:#666;}
.pro_content .tit_f{ width:690px; margin-left:15px; padding:0 0 20px 0; clear:both;}
.pro_content .tit_f h1{color:#D80000; padding-top:10px; text-align:center; line-height:25px; letter-spacing:0;}
.pro_content .tit_f h2{color:#111; text-align:center; padding:20px 0;line-height:25px; letter-spacing:0;}
.pro_content .tit_f img{ float:left;}
.pro_content .tit_f p{ line-height:20px; padding-bottom:5px;letter-spacing:0; font-family:Arial; color:#666; display: block}
.pro_content .tit_f b{ padding:5px 10px 3px 10px; background:#333; color:#FFF;}
.pro_content .tit_g{ width:690px; margin-left:15px; padding:40px 0 20px 0; clear:both;}
.pro_content .tit_g h2{color:#111; text-align:left; padding:8px 0;line-height:25px; letter-spacing:0;}
.pro_content .tit_g img{ float:left;}
.pro_content .tit_g p{ line-height:22px; letter-spacing:0; font-family:Arial; color:#666;}
.pro_content .tit_h{ width:690px; margin-left:15px; padding:40px 0 20px 0; clear:both;}
.pro_content .tit_h h1{color:#D80000; text-align:center; line-height:25px; letter-spacing:0; width:410px; float:left;}
.pro_content .tit_h h2{color:#111; text-align:center; padding:45px 0 10px 0;line-height:25px; letter-spacing:0; width:410px; float:left;}
.pro_content .tit_h img{ float: right;}
.pro_content .tit_i{ width:690px; margin-left:15px; padding:25px 0 0 0; clear:both;}
.pro_content .tit_i h2{color:#111; text-align:left; padding:8px 0;line-height:25px; letter-spacing:0;}
.pro_content .tit_i img{ float:left;}
.pro_content .tit_i p{line-height:22px; letter-spacing:0; font-family:Arial; color:#666;}

.contact_tit_a{ width:736px; height:251px; background: url(../images/contact/tit_b.jpg) no-repeat;}
.contact_tit_a div{ padding-top:9px; margin:0 9px 9px 9px; height:216px; overflow:hidden;}
.contact_tit_b{ background:url(../images/contact/di_a.jpg) no-repeat; width:230px; height:95px; text-align:right; position: absolute; top:250px; letter-spacing:0; margin-left:490px;}
.contact_tit_b a{ padding:14px 17px; display:block;color:#FFF;}


#bottom{background:url(../images/all/di_c.jpg) no-repeat center bottom; height:129px; font-size:15px; text-align:right; clear:both;}
.copyright{width:926px;margin:0 auto;}
.copyright div{ padding-top:5px;}
.copyright img{ margin:14px 0;}
.copyright a{color:#FFBFBF}
.copyright a:hover{color:#171717}