@charset "UTF-8";
html{font-size: 14px;}
*{font-size:1rem; line-height:1.4; color:#333; margin:0; padding:0; list-style:none; font-family:'Arial','微軟正黑體','新細明體','標楷體'; text-align:justify;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; vertical-align:baseline; zooom:1;}
td{padding:5px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ol, ul{list-style:none; margin:0;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
table{border-collapse:collapse; border-spacing:0;}
h1{font-size:34px; line-height:45px;}
h2{font-size:24px; line-height:36px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
textarea{resize:none;}
.hidden, .hideit{display:none;}
.clear{clear:both; height:0;}
.form{width:600px; margin:20px auto;}
hr{border:solid #EEE; border-width:1px 0 0;	clear:both; height:0; margin:5px 0;}
pre{height:auto; font-family:Consolas, monospace; border:1px solid #f0f0f0;	background:#fafafa; padding:10px 20px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin:0 0 20px 0; overflow-x:auto;}
label{margin-right:5px;}
.responsive img, .responsive iframe, .responsive object, .responsive embed{width:100%; height:auto;}
img{max-width:100%; height:auto;}
a{color:#2D2C29; text-decoration:none;}
a:hover, a:focus{color:#d42a2a;}
.sabrosus{padding:3px; margin:50px auto; text-align:right; width:100%; border-top:1px #CCC solid; padding-top:10px;}
.sabrosus #sabrosus_dp{display:none;}
.sabrosus *{color:#333;}
.sabrosus a{border:#333 1px solid; color:#333; padding:2px 5px; margin-right:2px; text-decoration:none;}
.sabrosus a:hover{border:#666 1px solid; color:#FFF; background:#666;}
.sabrosus a.current{border:#333 1px solid; padding: 2px 5px; font-weight:bold; color: #fff; margin-right: 2px; background:#333}
.bh{text-align:right; margin:100px 0 20px 0;}
section, .frame{width:100%; max-width:1116px; margin:0 auto; position:relative;}
.share_tool{text-align:right;}
.left{width:270px; float:left; margin-left:43px; overflow:hidden; margin-bottom:20px;}
.main{width:calc(100% - 290px); max-width:720px; float:right; margin-right:43px;}
.main .title{font-family:'Droid Serif','微軟正黑體','新細明體','標楷體'; font-size:16px; line-height:25px; color:#d42a2a;}
.main .a{font-family:'Droid Serif','微軟正黑體','新細明體','標楷體'; font-size:30px; line-height:30px; float:left; font-weight:bold; margin:0 5px 50px 0;}
.float_left{float:left;}
#search a{margin:-2px 0 0 0; position:absolute;}
#header{height:37px; background:#d42a2a;}
#header form{float:left; margin-top:7px;}
#header input{border:none; background:#FFF; float:left; height:21px;}
#header .tool{float:right;}
#header .tool li{display:inline-block;}
#header a{line-height:37px; color:#fff;}
#logo{float: left;}
#navation{display:none; font-size:2rem; position: absolute; right:10px; top:2rem; color:#d42a2a; cursor: pointer;}
#menu{margin:0 auto; padding:0; float: right; margin-top:3rem;}
#menu li{display: inline-block; margin-left:1rem;}
#menu li a{font-size:1.2rem;}
#menu_hr{border:none; border-bottom:2px #d42a2a solid; margin:0;}
#banners{width:100%;}
#banners img{width:100%; height:auto;}
.cycle-pager{text-align:center; position:absolute; z-index:100; margin-top:-50px; width:100%;}
.cycle-pager span{font-size:0; line-height:0; width:10px; height:10px; border:1px #d42a2a solid; background:#d42a2a; display:inline-block; margin:0 3px; cursor:pointer;}
.cycle-pager span.cycle-pager-active{border-color:#FFF; background:#1B1A18;}
#product_list{margin:0;}
#product_list li{list-style:none; display:inline-block; width:calc(33% - 30px); line-height:1.2; vertical-align:top; float:left; margin:0 0 2rem 15px;}
#product_list li:nth-child(3n + 1){clear: left;}
#product_list li .img{width:173px; height:173px; border:1px #CCC solid; padding:5px;}
#product_list li .title{color:#d42a2a; font-weight:bold; font-size:14px;}
#product_list li s{display:block; color:#777; line-height:18px;}
#product_list li .size{border:1px #CCC solid; padding:2px 3px; margin-bottom:5px; display:inline-block; font-size:12px; line-height:14px;}
#product_imgbox{width:300px; float:left;}
#product_imgbox #img{width:100%; height:300px; margin-bottom:20px; display:block; position:relative; overflow:hidden;}
#product_imgbox #img img{width:285px; height:285px; border:1px #CCC solid; padding:5px; position:absolute; left:0; top:0;}
#product_imgbox .gallery{width:82px; height:82px; border:1px #CCC solid; padding:5px; cursor:pointer;}
#product_infobox{width:calc(100% - 320px); float:right;}
#product_infobox *{font-size:12px; color:#777;}
#product_infobox s, #product_infobox .cash{font-size:14px; color:#777;}
#product_infobox .cash{margin-bottom:10px;}
#product_infobox h1.title{color:#d42a2a; font-size:18px; line-height:25px; border-bottom:2px #d42a2a solid; margin-bottom:10px;}
a.specifications{display:inline-block; text-align:center; margin:0 2px 5px 0; cursor:pointer; border:1px #777 solid; color:#777; font-weight:bold; padding:0 5px;}
a.specifications_current{background:#F0F0F0;}
hr.product_clear{border:none; border-bottom:1px #CCC solid; margin:10px 0 20px 0;}
.product_infotitle{font-size:1.2rem; font-weight:bold; line-height:24px; color:#d42a2a;}
.product_infotitle_hr{border:none; border-bottom:2px #d42a2a solid; width:70px; margin:0 0 15px 25px;}
#related_products{width:781px; height:310px; overflow:hidden; position:relative;}
#related_products div{position:absolute; width:781px; height:310px;}
#new_product_box #related_products, #new_product_box #related_products div{width:100%;}
#related_products div a img{width:170px; height:170px; float:left; margin-right:10px;}
#news_list{margin:0;}
#news_list li{list-style:none; color:#333; line-height:18px; margin-bottom:20px;}
#news_list li .img{width:173px; border:1px #CCC solid; padding:5px; margin-right:15px; float:left;}
#news_list li .title{color:#d42a2a; font-weight:bold; font-size:16px; border-bottom:1px #d42a2a solid; float:left; width:520px;}
#news_list li .d{margin-bottom:5px; float:left; width:520px; font-size:12px;}
#news_title{color:#d42a2a; font-weight:bold; font-size:20px; line-height:25px; border-bottom:1px #d42a2a solid;}
#findus{border-top:11px #d42a2a solid; text-align:center; padding:70px 0;}
#links{text-align:center; margin-top:30px;}
#info{margin:50px auto 0 auto;}
#info:after{contain: ''; display: block; clear:both;}
#info li{width:calc(33% - 65px); max-width:230px; display:inline-block; padding:50px 0 0 65px; vertical-align:top; color:#d42a2a;}
#info li:nth-child(2){margin-left:7%;}
#info li:nth-last-child(1){float: right;}
#member_function a{margin-bottom:5px; width:73%;}
#member_function a:hover{color:#FFF;}
#member_default_box{margin:30px auto 0 auto; border:none; width:650px;}
#members_info{width:100%; margin:10px auto;}
#login_area{background:url(../images/user_login.png) no-repeat; width:334px; height:123px; padding-right:50px; float:left;}
#login_area .text{width:240px; height:38px; line-height:38px; border:none; background:none; margin-left:30px;}
#register_area{width:264px; float:right;}
#brand_list{width:100%;}
#brand_list td{border-bottom:3px #CCC solid; padding:10px 5px;}
#brand_list .img{width:143px; height:119px;}
#footer{border-top:1px #CCC solid; padding:10px 0;}
.title_en{font-family:'Droid Serif','微軟正黑體','新細明體','標楷體'; font-size:60px; line-height:80px; text-align:center; color:#EED7B1;}
.find_us{font-size:48px;}
.product_title{font-family:'Droid Serif','微軟正黑體','新細明體','標楷體'; font-size:16px; font-weight:bold; line-height:20px; text-align:center; margin-top:40px;}
.product_title_en{font-family:'Droid Serif','微軟正黑體','新細明體','標楷體'; font-size:60px; line-height:80px; text-align:center; border-bottom:1px #CCC solid; padding-bottom:30px; margin-bottom:30px;}
.product_sc_title{font-size:18px; font-weight:bold; line-height:24px; color:#000; background:url('../images/square02-16x16.png') no-repeat 0 2px; padding-left:20px;}
.product_sc_title_hr{border:none; border-bottom:2px #d42a2a solid; width:70px;}
.product_tc_box{border:1px #CCC solid; padding:18px 29px; margin:22px 0 44px 0;}
.product_tc_box a{border-bottom:1px #CCC solid; display:block; padding:0 20px 0 10px; margin-bottom:5px; font-size:15px; font-weight:bold;}
.product_tc_box a span{width:10px; height:10px; display:inline-block; margin:0 5px 1px 0;}
.product_tc_box a:hover, .product_tc_box a.current{color:#d42a2a;}
.product_tc_box a:hover span, .product_tc_box a.current span{background:#d42a2a;}
.fb_like{margin-top:-10px; display:inline-block; height:20px; overflow:hidden;}
.but_back, .increase{float:left; width:20px; height:20px; text-align:center; background:#F0F0F0; color:#777; border:1px #CCC solid;; line-height:20px; display:inline-block;}
input.num{border:1px #CCC solid; border-left:none; border-right:none; float:left; width:50px; height:20px; line-height:20px; text-align:center; padding:0;}
#product_infobox .button1, .button1{padding:0 10px; color:#FFF; background:#d42a2a; border:none; height:25px; line-height:25px; display:inline-block; font-size:14px; cursor:pointer;}
#orders_list{width:100%; margin:20px 0;}
#orders_list tr.title td{font-weight:bold;}
#orders_list tr td{text-align:center; border-bottom:1px #CCC solid; padding:5px 0;}
#shopping_steps{margin:0 auto 20px auto; width:700px; height:74px;}
#shopping_steps li{list-style:none; text-align:center; border:1px #FFF solid; float:left; height:74px; line-height:74px; font-family:'Droid Serif'; font-size:30px; color:#d42a2a;}
#shopping_steps li.current{border-color:#CCC;}
#shopping_list{width:100%;}
#shopping_list tr.title td{text-align:center; font-weight:bold; background:#EEEEEF;}
#shopping_list td{text-align:center; vertical-align:top;}
#order_email{width:350px; margin-right:10px; margin:0 10px 20px 150px;}
span.icon{background:url('images/square02-16x16.png') no-repeat; display:inline-block; width:16px; height:16px; margin:0 5px 0 0;}
.blue{color:#06F;}
.red{color:#F00;}
#dirlink{margin:-15px 0 10px 25px; color:#666;}
#dirlink a{font-family:'新細明體'; font-size:13px; color:#666;}
#dirlink a:hover{color:#999;}
@media screen and (max-width:1000px) {
    #menu li a{font-size:1rem;}
}
@media screen and (max-width:900px) {
    #menu{display: none; position: fixed; z-index:900; right:0; top:4rem; background:rgba(212,42,42,0.9); padding:10px;}
    #menu li{display: block; margin:10px 0;}
    #menu li a{color:#fff; padding:0 10px; display: block;}
    #navation{display: inline-block;}
}
@media screen and (max-width:700px) {
    .left, .main{float: none; width:100%; max-width: none; margin:0;}
    #product_imgbox, #product_infobox{width:100%; float: none;}
    #info{margin:2rem 0 0 1rem;}
    #info li{width:100%; max-width: none; float: none;}
    #info li:nth-child(2){margin:1rem 0;}
    #info li:nth-last-child(1){float: none;}
}