@charset "utf-8";

/* CSS Document */
html { -webkit-text-size-adjust: none; }
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
body { background-color:#1e0f0a; font-size: 13px; color:#beb49a; line-height: 180%; font-family:微軟正黑體, Arial, Helvetica; }
input, select, textarea { font-size: 13px; font-family:微軟正黑體, Arial, Helvetica; }
button { font-family:微軟正黑體, Arial, sans-serif; border:0; cursor:pointer; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; }
ul, li { list-style-type:none; }
a { text-decoration:none; color:#beb49a; border:none; outline:none}
a img { border:0; outline:none}
a:hover { color:#ce0000}



/*---------------layout---------------------*/
#wrapper{ width:1100px; height:100%; margin:0 auto; padding:35px 40px 50px 40px; background-color:#1e0f0a; }

#header{width:1100px; margin:0 0 45px 0; display:block; height:73px; }
#header h1{width:188px; height:73px; float:left; display:block; }

#navi { width:545px; margin:34px 0px 0 0px; padding:0 8px 6px 8px; border-bottom:2px solid #3c2e25; display:block; float:right; }
#navi ul{ list-style-type: none; margin:0px; padding:0; }
#navi li{ float:left; font-size: 14px; color:#e5e3d1; margin:0 30px 0 0px; }
#navi li a{ color:#e5e3d1; }
#navi li a:hover{ color:#bc1b21; }
#navi li.last{ margin:0 0px 0 0px; }

#category { height:100%; float:left; padding:0 0 0 2px; }
#category ul{ list-style-type: none; width:114px; float:left; margin:0 26px 0 0px;  }
#category ul.lastone{ margin:0; }
#category li{ width:114px; display:block; }
#category li img{ display:block; }
#category li a img{ opacity:0.7; filter:alpha(opacity=70); }
#category li a:hover img{ opacity:1; filter:alpha(opacity=100); transition:opacity .20s linear; -webkit-transition:opacity .20s linear; -moz-transition:opacity .20s linear; }
#category .frame{ width:114px; height:115px; overflow:hidden; }
#category .frame .name{ font-size: 14px; color:#50503c; margin:8px 0px 0 0px; text-align:center; }
#category .frame:hover .name{ color:#e5e3d1;  }


#content { width:1100px; float:left; height:100%; margin:50px 0px 90px 0px; position:relative; }
#content02{ width:1100px; float:left; height:100%; margin:55px 0px 90px 0px; background:url(langs/tw/images/bg.png) repeat-y; position:relative; }
#content03{ width:1100px; float:left; height:100%; margin:55px 0px 90px 0px; position:relative; }
#content_wrap{ width:1100px; float:left; height:100%; padding:20px 0 28px 0; background:url(langs/tw/images/bg.png) repeat-y; }


#left_wrap{ width:188px; float:left; margin:16px 109px 0px 0px; }

.leftnavi{ width:188px; padding:0; }
.leftnavi dl{ margin:0; padding:0; display:block; }
.leftnavi dt{ font-size:15px; color:#beb49a; list-style:none; margin:0px 5px 6px 0px; display:block; text-align:right; letter-spacing:1px; }
.leftnavi dt a{ color:#beb49a; display:block; }
.leftnavi dt a:hover{ color:#bc1b21; text-decoration:none; display:block; }

.leftnavi dd { margin:0; padding:3px 0px 5px 39px; display:block; background:url(langs/tw/images/icon_02.png) no-repeat 30px 14px; }
.leftnavi dd a{ color:#111111; display:block;}
.leftnavi dd a:hover{ color:#cb3d02; text-decoration:none; display:block; }
.leftnavi dd.on a{ color:#cb3d02; text-decoration:none; display:block; }
.leftnavi dd.last{ border-bottom:1px solid #cfcfcf; }


#center_block { width:552px; float: left; margin:12px 66px 0px 0; position:relative; }
#right_block { width:185px; float: left; margin:0; }


.title{font-size:25px; color:#e5e3d1; letter-spacing:5px; margin:0px 0px 42px 0px; padding:0 0px 11px 2px; border-bottom:2px solid #781717; }
.title02{width:186px; font-size:25px; color:#e5e3d1; letter-spacing:5px; margin:16px 0px 42px 0px; padding:0 0px 11px 2px; border-bottom:2px solid #781717; }


#right_content{ width:803px; float:left; margin:18px 0px 80px 0; }

.bulleted ul li{ list-style:inside disc; padding-left:2px; }
.bulleted ol li{ list-style:inside decimal; padding-left:2px; }



/*---------------index---------------------*/
#index_wrapper{ width:100%; height:100%; margin:0; padding:0; position:absolute; }
#index_banner{ width:100%; height:100%; overflow:hidden; position:absolute; z-index:-1; }
#banner_list div._imgs { width: 100%; height: 100%; overflow: hidden; float: left; }
#banner_list div img { width: auto; height: auto; min-width: 100%; min-height: 100%; }

/* 舊的背景縮放 */
#index_bg{ width:100%; height:100%; background:url(langs/tw/images/index_bg.jpg) center center fixed no-repeat; margin:0; padding:0; -moz-background-size: cover; background-size: cover; }
/* -------- */

.index_block { width:1300px; height:100%; position:relative; }

.index_menu { width:212px; height:100%; left:47px; position:absolute; z-index:20; background:rgba(30, 15, 10, 0.85) ; background-color:#1e0f0a \9; filter:alpha(opacity=85) \9; }
.index_logo { margin:46px 0 58px 0; text-align:center; }

.index_navi { margin:0px 28px 30px 0; position:relative; z-index:10; }
.index_navi ul{ list-style-type:none; }
.index_navi li{ font-size:13px; color:#e5e3d1; margin:0px 0px 6px 0; text-align:right; letter-spacing:2px; }
.index_navi li a{ color:#e5e3d1; }
.index_navi li a:hover{ color:#bc1b21; }


.index_photo { margin:0px 29px 0 29px; position:relative; }
.index_photo ul{ list-style-type: none; }
.index_photo li{ width:154px; height:85px; margin: 0px 0px 28px 0; display:block; position:relative; }
.index_photo li a:hover img{ opacity:0.5; filter:alpha(opacity=50); transition:opacity .30s linear; -webkit-transition:opacity .30s linear; -moz-transition:opacity .30s linear; }
/* 滑出式產品名稱 */
.index_photo .slide-out02 { position: absolute; bottom: 6px; width: 100%; display: none; overflow: hidden; font-size: 19px; color: #e5e3d1; letter-spacing:3px; text-align:center; }
/* -------- */

.index_footer{ width:75%; left:295px; bottom:15px; font-size:12px; color: #beb49a; position:absolute; }

#footer_info02{ float:left; width:540px; margin:0px 0px 0 0; }
#footer_info02 ul{ list-style-type: none; }
#footer_info02 li{ float:left; margin:0px 32px 0px 0; line-height:21px; }
#footer_info02 li span{ margin:0px 0px 0px 20px; }

.counter02{ float:right; width:88px; height:23px; padding:0 0 0 19px; margin:12px 35px 0 0; background:url(langs/tw/images/counter.png) no-repeat; line-height:22px; text-align:center; }

.email_block02{ margin:12px 35px 0px 0px; padding:0 4px 0 7px; height:100%; float:right; background:rgba(30, 15, 10, 0.8) ; background-color:#1e0f0a \9; filter:alpha(opacity=80) \9;  border-radius:13px 13px; }
.email_block02 ul {list-style-type:none; margin:0; }
.email_block02 li.emailtext{width:65px; float:left; margin:0; line-height:24px; }
.email_block02 li.emailinput{float:left; width:94px; height:16px; margin:4px 0 0 0; padding:1px 0 0 7px; background:url(langs/tw/images/input.png) no-repeat; line-height: 12px; }
.email_block02 li.send{float:left; width:17px; height:17px; margin:4px 0 0 0; }
.email_block02 li img{ display:block; }

.share_block03{ margin:12px 0 0px 0px; height:100%; float:right; }
.share_block03 ul {list-style-type:none; margin:0; }
.share_block03 li{float:left; margin:0 8px 0 0px; }
.share_block03 li img{display:block; }




/*---------------product---------------------*/
.search_wrap{ margin:0 0 12px 0px; }

.search_block{ margin:0 0 0px 148px; height:100%; float:right; }
.search_block ul {list-style-type:none; margin:0; }
.search_block li.searchtext{width:85px; float:right; font-size:12px; color:#50503c; margin:0 5px 0 0; line-height:24px; }
.search_block li.search{float:right; width:94px; height:16px; margin:4px 0 0 0; padding:1px 0 0 7px; background:url(langs/tw/images/input.png) no-repeat; line-height: 12px; }
.search_block li.go{float:right; width:17px; height:17px; margin:4px 0 0 0; }
.search_block li img{ display:block; }

.share_block{ margin:0 0 0px 0px; height:100%; float:right; }
.share_block ul {list-style-type:none; margin:0; }
.share_block li{float:right; margin:0 0px 0 8px; }
.share_block li img{display:block; }


.prod_summary { width:745px; float:left; margin:0px 155px 0px 0px; }
.prod_series { width:200px; float:left; margin:5px 0 0 0; }

.title_block{ margin:0 0 40px 0px; height:100%; float:left; }
.title_block02{ margin:0 0 36px 0px; height:192px; float:left; }
.category_name{ float:left; width:214px; font-size:25px; color:#e5e3d1; letter-spacing:5px; margin:2px 68px 0px 0px; padding:0 0px 11px 2px; border-bottom:2px solid #781717; }
.category_name02{ float:left; width:214px; font-size:25px; color:#e5e3d1; letter-spacing:5px; margin:2px 90px 0px 0px; padding:0 0px 11px 2px; border-bottom:2px solid #781717; }
.feature_text{ float:left; width:461px; min-height:129px; }
.feature_text h2{ font-size:17px; font-weight:normal; line-height:28px; }
.feature_text02{ float:left; width:461px; height:188px; }
.feature_text03{ float:left; width:794px; min-height:133px; }
.feature_text03 h2{ font-size:17px; font-weight:normal; line-height:28px; }
.back{ margin:0px 0px 36px 0px; text-align:right; clear:both; }

.arrows{ width:192px; float:left; padding:16px 0px 16px 8px; background-color:#150a07; }
.arrows ul{ list-style-type:none; }
.arrows li{ float:left;margin:0px 0px 0px 33px; cursor:pointer; }
.arrows li img{display:block; }

#series { height:100%; padding:0px; clear:both; }
#series ul{ list-style-type: none; }
#series li{ width:200px; height:128px; padding: 12px 0px 12px 0; display:block; position:relative; }
#series li a:hover img{ opacity:0.5; filter:alpha(opacity=50); transition:opacity .30s linear; -webkit-transition:opacity .30s linear; -moz-transition:opacity .30s linear; }
/* 滑出式產品名稱 */
#series .slide-out { position: absolute; bottom: 20px; width: 100%; display: none; overflow: hidden; font-size: 19px; color: #e5e3d1; letter-spacing:3px; text-align:center; }
/* -------- */

.prod_con_block{ width:1100px; float:left; margin:0px; }
.prod_con{ width:1100px; float:left; margin:0px 0px 56px 0px; }
.big_photo { width:456px; height:340px; float:left; margin:3px 145px 0px 0; }

.p_text_block { width:450px; float:left; margin:0px; }
.product_name h3{ font-size: 21px; font-weight:normal; color: #deb887; padding:0 0 0px 53px; background:url(langs/tw/images/icon.png) no-repeat 0px 2px; line-height:32px; height:70px; }
.p_text_con{ font-size:15px; color:#deb887; margin:0px 0 40px 2px; height:212px; line-height:24px; }
.function_button{ float:right; margin:0px; }
.function_button ul{ list-style-type: none; }
.function_button li{ float:right; margin:0px 0 0px 5px; cursor:pointer; }
.function_button li img{ display:block; }

.prod_small{ float:left; display:block; position:relative; }
.prod_small ul{ list-style-type: none; margin: 0px; }
.prod_small li{ float:left; margin:0px 14px 0 13px; display:block; position: relative; opacity:0.7; filter:alpha(opacity=70); cursor:pointer; }
.prod_small li:hover{ opacity:1; filter:alpha(opacity=100); transition:opacity .20s linear; -webkit-transition:opacity .20s linear; -moz-transition:opacity .20s linear; }
.prod_small li img{ display:block; }


.alt_text{ z-index:999; color:#2e2e2e; padding:0px 6px 0px 6px; background-color:#ffffff; border:1px solid #8b8b8b; border-radius:3px 3px; }



/*---------------brand & article---------------------*/
.center_con { padding:13px 32px 80px 0; clear:both; }
.center_con p.heading{ margin:60px 0px 20px 0; }
.center_con p.first{ margin:0px 0px 20px 0; }

.totemker_icon {position:absolute; bottom:12px; right:251px; }
.totemker_icon04 {position:absolute; bottom:12px; right:0px; }


.sgs{ width:552px; float:left; margin:0 0 50px 0px;  }
.sgs ul{ list-style-type: none; float:left; }
.sgs li{ width:125px; height:88px; float:left; margin:0 56px 50px 3px; display:block; cursor:pointer; }


.article_title{ height:42px; padding:0px 0 0px 2px; margin:76px 0 17px 0; border-bottom:2px solid #3c2e25; }
.article_title p{ font-size:22px; color: #e5e3d1; padding:8px 0 0px 0; }
.article_title02{ min-height:42px; padding:0px 0 0px 2px; margin:76px 0 17px 0; border-bottom:2px solid #3c2e25; }
.article_title02 p{ font-size:22px; color: #e5e3d1; padding:4px 0 4px 0; line-height:28px; }
.totemker_icon02 {float:right; margin:0px 4px 0px 0; }

.article_list{ clear:both; margin:0 0px 0px 3px; }
.article_list ul{ list-style-type: none; }
.article_list li{ font-size:14px; margin:0 0px 17px 0; }
.article_list li a{ color: #beb49a;  }
.article_list li a:hover{ color: #f3f1df; }
/**
.page{ width:552px; float:left; margin:0 0px 20px 0px; }
.page ul{ list-style-type: none; }
.page li{ float:right; font-size:12px; margin:0 0px 0px 12px; }

*/
.page{
	margin:0 0px 20px 0px;
	text-align:right;
}
.page ul{
	list-style-type: none;
	width:auto;
}
.page li {
	display:inline-block;
	font-size:12px; 
	margin:0 0px 0px 12px;
}
.page li a{ color: #beb49a;  }
.page li a:hover{ color: #bc1b21; }
.page li.on a{ color: #bc1b21; }



.article_con{ padding:20px 40px 80px 3px; text-justify:inter-ideograph; text-align: justify; }

.totemker_icon03 {position:absolute; bottom:12px; right:251px; z-index:10; }
.totemker_icon03 ul{list-style-type: none; }
.totemker_icon03 li{float:left; margin:0 0 0 20px; }
.totemker_icon03 li.article_back{margin:7px 0 0 0px; }
.totemker_icon03 img{ display:block; }



/*---------------store & customer_service---------------------*/
.store_block{ width:1100px; float:left; }
.store_block ul{ width:1100px; float:left; margin:0px 0 90px 0; }
.store_block li.region{ width:184px; float:left; font-size:15px; margin:0px 74px 0px 0; text-align:right; }
.store_block li.store_info{ width:315px; float:left; margin:0px 103px 0px 0; }
.store_block li.store_info .store_name{ font-size:22px; color: #e5e3d1; padding:0px 0 9px 1px; margin:0px 0 35px 0; border-bottom:1px solid #3c2e25; }
.stamp_icon {float:right; margin:0px 2px 0px 0; }
.store_block li.store_info .store_con{ margin:0px 0 15px 2px; clear:both; }
.store_block li.store_info .store_con a:hover{ color: #bc1b21; }
.store_block li.store_info .store_map{ margin:0px 0 0px 2px; }
.store_block li.store_photo{ width:424px; float:left; }


.headline{ font-size:22px; }
.headline02{ font-size:15px; }




/*---------------contact---------------------*/
.contact_block{ width:1100px; float:left; margin:0px 0px 105px 0; }
.contact_subject{ width:184px; float:left; font-size:15px; margin:0px 175px 0px 0; text-align:right; }
.contact_form_block{ width:741px; float:left; }
.company_name{ font-size:22px; color: #e5e3d1; padding:0px 0 9px 1px; margin:0px 0 22px 0; border-bottom:1px solid #3c2e25; }
.contact_info{ margin:0px 0 40px 2px; clear:both; }
.contact_info a:hover{ color: #bc1b21; }
.contact_table th{ font-size:15px; color: #e5e3d1; font-weight: normal; text-align:left; }

.contact_map{ padding:12px 0px 20px 0px; text-align:center; }
.transportation{ margin:0px 0px 75px 2px; }




/*---------------form---------------------*/
form { margin: 0 0px; padding: 0px; }
.input { border: #5a4d40 1px solid; width: 220px; height: 30px; COLOR: #e5e3d1; background-color:transparent; font-family: Arial, Helvetica, sans-serif; }
.textarea {border: #5a4d40 1px solid; width: 628px; height: 150px; COLOR: #e5e3d1; background-color:transparent; margin:5px 0 7px 0; }
.select { color: #333333; font-family:Arial, Helvetica, sans-serif; height:24px; padding:3px 3px 3px 3px; }
.option { font-size:12px; color:#333; font-weight:bold;}

.code_input { border: #d6d6d6 1px solid; width: 180px; height: 24px; COLOR: #333333; background-color: #fbfbfb; font-family: Arial, Helvetica, sans-serif; }
.search_input { border:none; width: 90px; height: 14px; font-size:12px; COLOR: #333333; background-color: #e5e3d1; font-family: Arial, Helvetica, sans-serif; }



/*---------------------------- footer css----------------------------------------------------- */
#footer{ clear:both; width:1100px; font-size:12px; color: #beb49a; }
#footer_info{ float:left; width:540px; margin:0px 130px 0 0; }
#footer_info ul{ list-style-type: none; }
#footer_info li{ float:left; margin:0px 32px 0px 0; line-height:21px; }
#footer_info li span{ margin:0px 0px 0px 20px; }


.counter{ float:left; width:88px; height:23px; padding:0 0 0 19px; margin:12px 40px 0 0; background:url(langs/tw/images/counter.png) no-repeat; line-height:22px; text-align:center; }

.email_block{ margin:12px 40px 0px 0px; height:100%; float:left; }
.email_block ul {list-style-type:none; margin:0; }
.email_block li.emailtext{width:65px; float:left; margin:0; line-height:24px; }
.email_block li.emailinput{float:left; width:94px; height:16px; margin:4px 0 0 0; padding:1px 0 0 7px; background:url(langs/tw/images/input.png) no-repeat; line-height: 12px; }
.email_block li.send{float:left; width:17px; height:17px; margin:4px 0 0 0; }
.email_block li img{ display:block; }

.share_block02{ margin:12px 0 0px 0px; height:100%; float:left; }
.share_block02 ul {list-style-type:none; margin:0; }
.share_block02 li{float:left; margin:0 8px 0 0px; }
.share_block02 li img{display:block; }