@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:#2c1811; font-size: 14px; color:#beb49a; line-height: 190%; 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}


.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

img {
	max-width: 100%;
	height: auto;
	text-align: center;
}



/*---------------layout---------------------*/
#wrapper{ width:100%; height:100%; margin:0 auto; background-color:#2c1811; }

#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 { padding:20px 0 0 2px; position:relative; text-align:center; }
#category ul{ list-style-type: none; float:left; width:250px; margin:0 27px 20px 27px;  }
#category li.cate-img{ width:250px; display:block; margin:13px 0 15px 0; text-align:center; }
#category li.name{ font-size: 21px; color: #deb887; }
#category li.des{ height:150px; margin:-50px 0 0 0; }
#category li img{ display:block; }


#content { padding:95px 15px 30px 15px; 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; }


#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:100%; margin:12px 0 00 0; position:relative; }
#right_block { width:185px; float: left; margin:0; }


.title{font-size:24px; color:#e5e3d1; letter-spacing:5px; margin:0 0 20px 0; padding:0 0 11px 0; 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; }


#gotop { display:none; position: fixed; right: 10px; bottom: 90px; background:url(../langs/tw/images/top.png) no-repeat; z-index: 99999; width: 45px; height: 45px; cursor: pointer; }




/*---------------index---------------------*/
.index_menu { font-size:17px; color:#e5e3d1; margin:0 0 60px 0; text-align:center; }
.index_menu a{ color:#e5e3d1; }
.index_menu a:hover{ color:#bc1b21; }


#index_banner{ width:100%; padding:77px 0 20px 0; }

/* 舊的背景縮放 */
#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_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_block{ margin:0 auto; display:table; clear:both; }

.index_photo { margin:0 0 60px 0; position:relative; text-align:center; height:100%; }
.index_photo ul{ list-style-type: none; width:154px; float:left; margin: 0 10px 0 10px; }
.index_photo li.ad-img{ width:154px; height:85px; margin: 0 0 10px 0; display:block; position:relative; }
.index_photo li.ad-name{ font-size: 17px; color: #e5e3d1; letter-spacing:2px; 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 25px 0; }

.search_block{ margin:0 0 0 2px; }
.search_block ul {width:100%; list-style-type:none; margin:0; }
.search_block li.searchtext{width:85px; float:left; font-size:12px; color:#828264; margin:2px 7px 0 0; line-height:24px; }
.search_block li.search{float:left; width:140px; }
.search_block li.go{float:left; width:25px; height:24px; margin:2px 0 0 8px; }
.search_block li img{ display:block; }

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

.prod-menu { margin:0 0 35px 0; }

.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%; }
.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{ font-size:16px; line-height:28px; margin:0 0 45px 0; }

.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 { margin:10px 0 35px 0; text-align:center; }

.product_name h3{ font-size: 21px; font-weight:normal; color: #deb887; padding:3px 0 0 47px; background:url(../langs/tw/images/icon.png) no-repeat 0px 2px; line-height:32px; height:50px; }
.p_text_con{ font-size:15px; color:#deb887; line-height:24px; }
.buy-btn{ margin:35px 0 55px 0; }

.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---------------------*/
.drop-down-menu { float:left; margin:0 40px 0 0; }

.center_con { padding:35px 0 60px 0;}
.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:10px; }
.totemker_icon04 {position:absolute; bottom:12px; right:0px; }


.sgs{ margin:-15px 0 20px 10px; position:relative; }
.sgs ul{ list-style-type: none; }
.sgs li{ width:225px; height:158px; float:left; margin:0 35px 45px 35px; cursor:pointer; }


.article_title{ height:42px; padding:25px 0 0 0; margin:0 0 17px 0; border-bottom:2px solid #3c2e25; clear:both; }
.article_title p{ font-size:22px; color: #e5e3d1; padding:8px 0 0px 0; }
.article_title02{ padding:35px 0 8px 0; margin:0 0 10px 0; border-bottom:2px solid #3c2e25; clear:both; }
.article_title02 p{ font-size:21px; color: #e5e3d1; line-height:28px; }
.totemker_icon02 {float:right; margin:0 2px 0 0; }

.article_list{ clear:both; margin:0 0 0 1px; min-height:120px; }
.article_list ul{ list-style-type: none; }
.article_list li{ font-size:14px; margin:0 0 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{
	padding:10px 0 20px 0;
	text-align: center;
}
.page ul{
	list-style-type: none;
	width:auto;
}
.page li {
	display:inline-block;
	font-size:13px; 
	margin:0 0 0 12px;
}
.page li a{ color: #beb49a;  }
.page li a:hover{ color: #bc1b21; }
.page li.on a{ color: #bc1b21; }



.article_con{ padding:20px 0 45px 0; text-justify:inter-ideograph; text-align: justify; }

.totemker_icon03 {float:right; }
.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 0; }
.totemker_icon03 img{ display:block; }



/*---------------store & customer_service---------------------*/
.store_block{ width:100%; padding:10px 0 0 0; }
.store_block ul{ width:100%; margin:0 0 70px 0; }
.store_block li.region{ font-size:15px; margin:0 0 10px 1px; }
.store_block li.store_info{ margin:0 0 27px 0; }
.store_block li.store_info .store_name{ font-size:22px; color: #e5e3d1; padding:0 0 9px 0; margin:0 0 25px 0; border-bottom:1px solid #3c2e25; }
.stamp_icon {float:right; margin:0 2px 0 0; }
.store_block li.store_info .store_con{ margin:0 0 20px 0; clear:both; }
.store_block li.store_info .store_con a:hover{ color: #bc1b21; }
.store_block li.store_info .store_map{ margin:0 0 0 0; }
.store_block li.store_photo{ width:100%; }


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


.customer_service{ padding:15px 0 50px 0; }




/*---------------contact---------------------*/
.contact_block{ width:100%; padding:10px 0 0 0; }
.contact_subject{ font-size:15px; margin:0 0 10px 2px; }
.contact_form_block{ width:100%; margin:0 0 40px 0; }
.company_name{ font-size:22px; color: #e5e3d1; padding:0 0 9px 1px; margin:0 0 22px 0; border-bottom:1px solid #3c2e25; }
.contact_info{ margin:0px 0 40px 2px; clear:both; }
.contact_info a:hover{ color: #bc1b21; }
.field-name{ font-size:15px; color: #e5e3d1; font-weight: normal; text-align:left; }
.contact-button{ width:100%; height:36px; font-size: 15px; color: #bdb797; text-align:center; background-color:#150a08; display:block; line-height: 36px; }

.contact_map{ padding:10px 0 40px 0; text-align:center; }
.transportation{ margin:0 0 55px 2px; }




/*---------------form---------------------*/
form { margin: 0 0px; padding: 0px; }
.input { border: #5a4d40 1px solid; width: 100%; height: 30px; color: #e5e3d1; background-color:transparent; margin:5px 0 18px 0; }
.textarea {border: #5a4d40 1px solid; width: 100%; height: 150px; color: #e5e3d1; background-color:transparent; margin:5px 0 18px 0; }
.select { border: #d8d6c2 1px solid; width: 180px; height: 29px; font-size:17px; color: #d8d6c2; letter-spacing:2px; background-color:transparent; font-family:微軟正黑體, Arial, Helvetica; padding:1px 3px 0 3px; }
.option { font-size:12px; color:#333; font-weight:bold;}

.code_input { border: #5a4d40 1px solid; width: 75%; height: 30px; color: #e5e3d1; background-color:transparent; margin:5px 0 18px 0; }
.search_input { border:none; width: 90px; height: 14px; font-size:12px; COLOR: #333333; background-color: #e5e3d1; font-family: Arial, Helvetica, sans-serif; }
.search_input02 { border:none; width: 140px; height: 21px; font-size:14px; color: #333333; background-color: #e5e3d1; }
.menu-select { border: #d8d6c2 1px solid; width: auto; height: 29px; font-size:17px; color: #d8d6c2; background-color:transparent; font-family:微軟正黑體, Arial, Helvetica; padding:1px 3px 0 3px; }



/*---------------------------- footer css----------------------------------------------------- */
#footer{ clear:both; font-size:12px; color: #beb49a; padding:20px 15px 20px 15px; background-color:#1e0f0a; }
#footer_info{ width:100%; font-size:13px; text-align:center; }
#footer_info ul{ list-style-type: none; }
#footer_info li{ line-height:21px; }
#footer_info li span{ margin:0 0 0 17px; }

.counter_block{ margin:0 auto; margin-top:15px; display:table; clear:both; }
.counter{ float:left; width:88px; height:23px; padding:0 0 0 19px; margin:0 18px 0 0; background:url(../langs/tw/images/counter.png) no-repeat; line-height:22px; text-align:center; }

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


.email_wrap{ margin:0 auto; margin-top:15px; display:table; clear:both; }
.email_block{text-align:center; }
.email_block ul {list-style-type:none; margin:0; }
.email_block li.emailtext{width:65px; float:left; margin:0 4px 0 0; line-height:24px; }
.email_block li.emailinput{float:left; width:94px; height:16px; margin:3px 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:3px 0 0 0; }
.email_block li img{ display:block; }