@charset "utf-8";
@import url(font-awesome.min.css);

/* 預設樣式 */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:101%;}
body{position:relative; width:100%; height:101%; margin:0; padding:0; font:14px/20px "微軟正黑體";}
.warpper{}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}/* Hides from Ie-mac \*/
* html .clearfix{height:1%;}/* end hide from Ie-mac */
a:link, a:visited{display:inline-block; text-decoration:none; outline:none; hlbr:expression(this.onfocus=this.blur()); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
a:hover, a:active{text-decoration:none;}
img{border:0; max-width:100%; height:auto; width:auto\9; vertical-align:middle;}
input, textarea{outline:none;}
textarea{resize:none;}
input{vertical-align:middle;}
input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appearance:none;}
.slicknav_menu{display:none;}
input.select-box{border:1px #cbcbcb solid; padding:5px 3%; width:20px; height:20px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px;}
.wrapper{width:95%; max-width:1000px; margin:0 auto;}
.i-wrapper{width:95%; max-width:1140px; margin:0 auto;}
.mobile-only{display:none;}
.flex{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center;}

/* 表單預設文字顏色設定 */
::-webkit-input-placeholder{color:#ddd;}
::-moz-placeholder{color:#ddd;}
:-ms-input-placeholder{color:#ddd;}
input:-moz-placeholder{color:#ddd;}

#field2::-webkit-input-placeholder{color:#333;}
#field2::-moz-placeholder{color:#333;}

#field3::-webkit-input-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}
#field3::-moz-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}

#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#333;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999;}

/* 手機選單、選單 色塊-變色 */
.b-color, .slicknav_menu{} /* 選單顏色 */
.slicknav_icon-bar{background-color:#fff;} /* 手機選單ICON按鈕色 */
.slicknav_btn{background:rgb(246, 172, 29);} /* 手機選單IcON按鈕底色 */
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{background:rgb(246, 172, 29);} /* 選單滑入顏色 */
.slicknav_nav>li{border-bottom:1px solid rgba(255,255,255,.5);}
.slicknav_nav>li.first{}
.border-color{border-left:7px solid #a0a0a0;} /* 標題顏色 */
header{}
.head-main{height:133px; margin:0 auto;}
.head-tool{width:90px; float:right; margin-top:25px;}
.head-tool li{list-style:none; padding:0px; margin:0; float:left; width:50%; background-color:#ffcc33;}
.head-tool li a{display:block; margin:0; padding:0; color:#fff; text-align:center; line-height:40px; }
.head-tool li a:hover{background:#f6ac1d;}
.head-main .logo{display:inline-block; float:left; padding:20px 25px 0 12px; font:30px "Times New Roman";}
.head-main .logo a{color:#777;}
.head-main .logo img{}
.home{display:block; position:absolute; top:-35px; right:0; width:25px; height:auto;}
.home_w{display:none;}
h3.login-title{margin:0 0 10px 0; font-family:"Times New Roman"; font-size:24px; line-height:30px; color:#9b9b9b;}
.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 固定標籤 */
.fixedBox{position:fixed; left:0; top:130px; z-index:9999;}
@media screen and (max-width:1000px){
	.fixedBox{display:none;}
}
.fixedBox ul{margin:0; padding:0; list-style:none;}
.fixedBox ul li{margin:2px 0; padding:0;}
.fixedBox ul li a{display:block; width:60px; height:50px; font-size:18px; line-height:50px; color:#fff; overflow:hidden;}
.fixedBox ul li:nth-child(1) a{background:url(../images/fixed-tag1-bg.png) right;}
.fixedBox ul li:nth-child(2) a{background:url(../images/fixed-tag2-bg.png) right;}
.fixedBox ul li a .glyphicon{margin:0 10px 0 15px; width:33px; height:33px; line-height:33px; background-color:#fff; border-radius:17px; text-align: center;}
.fixedBox ul li:nth-child(1) a .glyphicon{color:#573a01; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.fixedBox ul li:nth-child(2) a .glyphicon{color:#7c9abc; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.fixedBox ul li:nth-child(1) a:hover .glyphicon{background-color:#573a01; color:#fff;}
.fixedBox ul li:nth-child(2) a:hover .glyphicon{background-color:#7c9abc; color:#fff;}

.fixedBoxOn{position:fixed; left:0; top:130px; z-index:9999;}
@media screen and (max-width:1000px){
	.fixedBoxOn{display:none;}
}
.fixedBoxOn ul{margin:0; padding:0; list-style:none;}
.fixedBoxOn ul li{margin:2px 0; padding:0;}
.fixedBoxOn ul li a{display:block; width:148px; height:50px; font-size:18px; line-height:50px; color:#fff; overflow:hidden;}
.fixedBoxOn ul li:nth-child(1) a{background:url(../images/fixed-tag1-bg.png);}
.fixedBoxOn ul li:nth-child(2) a{background:url(../images/fixed-tag2-bg.png);}
.fixedBoxOn ul li a .glyphicon{margin:0 10px 0 15px; width:33px; height:33px; line-height:33px; background-color:#fff; border-radius:17px; text-align: center;}
.fixedBoxOn ul li:nth-child(1) a .glyphicon{color:#573a01; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.fixedBoxOn ul li:nth-child(2) a .glyphicon{color:#7c9abc; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.fixedBoxOn ul li:nth-child(1) a:hover .glyphicon{background-color:#573a01; color:#fff;}
.fixedBoxOn ul li:nth-child(2) a:hover .glyphicon{background-color:#7c9abc; color:#fff;}

/*分類選單*/
.m_classLink{display:none; }
@media screen and (max-width:640px){ /* 綠色樣式 */
	ul.classLink{display:none; }
	.m_classLink{display:block; position:relative; width:100%; margin:10px 0; background-color:#f9f9f9;}
	.m_classLink a.main{display:block; background:#ececec url(../images/icon.png) no-repeat 10px 15px; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif; border:1px solid transparent; color:#1e1e1e; position:relative; padding:10px 10px 10px 35px; }
	.m_classLink a.main i{display:block; font-size:15px; background:#337ab7; width:30px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0; }
	.m_classLink>ul{display:none; list-style:none;}
	.m_classLink ul{width:100%; background:rgba(0,0,0,.1); left:0; top:100%; z-index:999; box-sizing:border-box; margin:0; padding:5px 10px 12px 10px;}
	.m_classLink>ul>li{margin:5px 0;}
	.m_classLink>ul>li>a{display:block; background:#ececec url(../images/icon.png) no-repeat 10px 13px; padding:8.8px 0 8.8px 28px; border-top:1px solid transparent; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222; background-color:#ececec; border-radius:5px;}
	.m_classLink ul li a:hover, .m_classLink ul li a.current, .m_classLink ul li a.current:hover{background-color:#337ab7; color:#fff;}
	.m_classLink ul li:first-child a{border:none; }
	.m_classLink ul li ul li {display:block; padding:3px 0; border-bottom:1px dotted #ccc;}
	.m_classLink>ul>li>ul li a{display:block; padding:10px; border-top:1px solid transparent; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222; border-radius:5px;}
	.m_classLink ul li ul li a:hover{font-weight:bold; color:#337ab7; background-color:transparent;}
}

/* toTop 效果 */
#toTop{display:none; text-decoration:none; position:fixed; bottom:59px; right:47px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(../images/ui.totop.png) no-repeat left top; z-index:999999;}
@media screen and (max-width:640px){
	#toTop{bottom:59px; right:0;}
}
#toTopHover{background:url(../images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity:0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus{outline:none;}

/* 訂單列表 */
.order-search{padding-left:30px;}
.order-list{padding-left:30px;}
.order-list td{text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc;}
.order-list img.pro-photo{width:90px; height:90px; padding:10px; border:1px solid #ccc;}
.order-list .order-list-th{font-size:15px; color:#fff; text-align:center; line-height:25px;}
.order-list .order-list-td{font-size:15px; color:#333; text-align:center;}
.order-list .price{font-size:15px; color:#900;}
.order-list .numb{font-size:15px; color:#788bac; text-align:left;}
.order-list .numb a{color:#788bac;}
.order-list .count{font-size:15px; color:#333;}
.order-list .count-portal{padding:10px 0; border-bottom:1px #ccc dotted; margin-bottom:20px;}
.count-price{font-size:24px; font-family:Verdana; color:#900; font-weight:bold;}
.order-list .portal{display:block; width:200px; font-size:15px; color:#900; float:right; text-align:right;}
.order-list .freight{display:block; width:150px; font-size:15px; color:#900; float:right; text-align:right;}
.oproject{display:none; color:#900;}
ul.order-list{list-style:none; margin:0; padding:0;}
ul.order-list li{border-bottom:1px #ccc dotted; padding:5px 0;}
ul.order-list li:nth-child(odd){background:#f5f5f5;}
ul.order-list li.th{background:#666; color:#fff; text-shadow:-1px -1px 0 #333; padding:3px 0; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; border:0;}
.th .order-list-img, .th .order-list-name, .th .order-list-price, .th .order-list-quantity, .th .order-list-subtotal, .th .order-list-del{padding-top:5px;}
.order-list-img{float:left; width:10%; display:table-cell; font-size:15px; vertical-align:middle; text-align:center;}
.order-list-img02{float:left; width:10%; display:table-cell; font-size:15px; padding-top:5px; vertical-align:middle; text-align:center;}
.sorder-list-img img{width:90px; height:auto; padding:5%; border:1px #ccc solid; margin:5%; text-align:center;}
.order-list-del a{color:#fff; padding:3px 10px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgb(248,80,50);}
.order-list-del a:hover{background:rgb(255,48,25);}
.order-ditaile-info{padding:0 0 0 40px; font-size:15px; color:#333; line-height:1.5em;}
.jump-window-box{max-width:500px; margin:0 auto; border:1px solid #ccc; padding:20px; margin-top:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 會員登入 */
.member-login-box{max-width:500px; margin:0 auto; border:1px solid #ccc; padding:20px; margin-top:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 購物車 */
.cart-body{max-width:1000px; margin:0 auto;}
.shopping-car{padding-left:30px;}
th.shopping-car-th{background:#69c; font-size:15px; color:#fff; text-align:center; line-height:25px; border-right:1px dotted #fff;}
.shopping-car td{text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px #ccc dotted; border-right:1px #ccc dotted;}
.shopping-car img.pro-photo{width:90px; height:90px; padding:10px; border:1px #ccc solid;}
.shopping-car .pro-name{font-size:15px; color:#333; text-align:left;}
.shopping-car .price{font-size:15px; color:#900;}
.shopping-car .numb{font-size:15px; color:#66f;}
.shopping-car .count{font-size:15px; color:#333;}
.shopping-car .count-portal{padding:10px 0; border-bottom:1px dotted #ccc; margin-bottom:20px;}
W.count-price{font-size:24px; font-family:Verdana; color:#900; font-weight:bold;}
.shopping-car .portal{display:block; width:200px; font-size:15px; color:#900; float:right; text-align:right;}
.shopping-car .freight{display:block; width:150px; font-size:15px; color:#900; float:right; text-align:right;}
ul.shopping-car-list{list-style:none; margin:0; padding:0;}
ul.shopping-car-list li{border-bottom:1px #ccc dotted; padding:5px 0;}
ul.shopping-car-list li.th{background:#777; color:#fff; text-shadow:-1px -1px 0 #393939; min-height:0px; padding:5px 0; border:0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.th .shop-car-img, .th .shop-car-name, .th .shop-car-price, .th .shop-car-quantity, .th .shop-car-subtotal, .th .shop-car-del{padding-top:5px;}
.shop-car-img{display:table-cell; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-img img{width:90px; height:auto; padding:5%; border:1px solid #ccc; margin:5%; text-align:center;}
.shop-car-name{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-price{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-quantity{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-subtotal{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-del{display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-del a{color:#fff; padding:3px 10px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgb(248,80,50);}
.shop-car-del a:hover{background:rgb(255,48,25);}
.shopping-car .oproject{font-size:15px; color:#000; display:none; font-weight:bold;}
.checkout-box{background:#eee; padding:10px; margin-left:30px; border-bottom:2px dotted #fff;}
.checkout-box h3{background:#999; border-left:5px #333 solid; font-size:18px; color:#fff; text-shadow:-1px -1px 0 #666; line-height:30px; padding-left:20px; font-weight:500;}
.check-box{padding:5px; font-size:15px; color:#000;}
.check-box a{color:#000;}
.check-box a:hover{color:#960;}
.appointment{max-width:600px; margin:0 auto;}
.appointment-title{text-align:center;}

/* 產品專區 */
.search{padding:0 10px;}
.search-input{padding:10px 0; position:relative;}
.search-input img{position:absolute; right:0; top:10px;}
.search input{background:#e8d5d5; font-size:15px; color:#737946; padding:5px 0 5px 5%; line-height:31px; height:31px; width:85%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; border:0; margin:0 10% 0 0; right:70px; vertical-align:middle;}
.search img{vertical-align:middle;}
.pro-store-info{font-size:13px; line-height:1.5em; color:#666; padding:10px 0 10px 35px; border-bottom:1px #ccc dotted; margin-bottom:20px;}
.pro-search-info{font-size:18px; color:#64691f; line-height:1.5em; border-bottom:1px #ccc dotted; margin-bottom:20px; text-align:center; padding-bottom:10px;}
.pro-list ul{max-width:1000px; margin:0 auto; padding:0; list-style:none;}
.pro-list ul li{width:calc(33.33% - 20px); margin:0 10px 24px; padding:0; text-align:center; float:left; border:1px solid #e0e0e0; background-color:#f6f6f6;}
@media screen and (max-width:1000px){
	.pro-list ul li{width:calc(33.33% - 10px); margin:0 5px 24px;}
}
@media screen and (max-width:850px){
	.pro-list ul li{width:calc(50% - 10px); margin:0 5px 24px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
}
.pro-list ul li:hover{background:#f9b42f; border:1px solid #f9b42f;}
.pro-list ul li h4{font-size:18px; color:#936509; line-height:25px; font-weight:bold; margin:15px 0; padding:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.pro-list ul li:hover h4{color:#fff;}
.pro-photo{background:#fff; width:100%; display:table; position:relative; table-layout:fixed; border:1px solid #eee;}
.pro-photo a{display:table-cell; height:100%; vertical-align:middle; text-align:center;}
.pro-photo img.index-pro-img{width:auto; height:auto; max-width:100%; max-height:100%;}
.pro-list ul li .index-pro-store{color:#938c83; line-height:1.5em; padding:10px 0; display:block;}
.pro-list ul li .index-pro-price{color:#b83400; font-size:18px; padding:0 0 10px 0; display:block;}
.pro-detaile{padding-left:30px;}
h3.pro-detaile-title{border-bottom:1px #ccc dotted; font-size:20px; color:#333; line-height:30px; margin-bottom:20px; padding-bottom:10px; font-weight:normal;}
.pro-detaile .pro-photo{background:#fff; width:100%; margin:0 0 10px; padding:0;}
.pro-detaile .pro-photo img{width:100%; height:auto;}
.pro-specification{font-size:12px; line-height:1.5em; color:#333; position:relative; margin-bottom:10px;}
.pro-content{padding:0; font-size:12px; line-height:1.5em; color:#999; clear:both;}
.pro-content p.spec{margin:0; padding:0; font-size:12px; line-height:1.5em; color:#333;}
h3.pro-introduce{font-weight:normal; border-top:1px dotted #ccc; border-bottom:1px solid #ccc; border-left:5px solid #900; padding:5px 0 5px 20px; font-size:20px; color:#333;}
.pro-qr-code img{width:100px; height:auto;}
.cart-info{vertical-align:middle;}
.cart-info .price{font-size:28px; font-weight:bold; text-align:right; margin:20px 0; color:#f00; vertical-align:middle; display:block;}
.cart-info .quantity{font-size:16px; color:#333; vertical-align:middle; display:block; padding:10px 0; line-height:30px;}
.cart-info .quantity select{line-height:25px;}
.check-out{text-align:center; vertical-align:middle; display:block;}
.check-out a{display:block; vertical-align:middle; font-size:13px; min-width:130px; color:#333; padding:5px 10px; margin:10px 0; text-shadow:-1px -1px 0 #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff; border:1px #d4d4d4 solid;}
.check-out a:hover{background:#d4d4d4; text-shadow:-1px -1px 0 #a2a2a2; color:#333;}
.check-out a img{vertical-align:middle; margin-right:10px;}
.cart-btn{padding:15px 0 10px 0; text-align:center; margin-top:15px;}
.size{margin:5px 0; padding:7px 0; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}
.size ul{list-style:none; margin:0 auto; padding:0;}
.size ul li{background:#aaa; font-size:12px; color:#fff; margin:0 2px; float:left; cursor:pointer; width:25px; line-height:25px; text-align:center;}
.size ul li:hover{background:#5e9bc7;}
.size ul li.active{background:#5e9bc7;}
.size ul li.none{background:#e7e7e7;}
.size ul li.title{background:none; font-size:15px; color:#575757; width:auto;}

/* 產明細圖片特效樣式 */
.slider-wrap{width:100%;}
.stripViewer .panelContainer{width:400% !important;}
.stripViewer .panelContainer .panel ul{text-align:left; margin:0 15px 0 30px; width:100%;}
.stripViewer{position:relative; overflow:hidden; width:100%; height:auto;}
.stripViewer .panelContainer{position:relative; left:0; top:0; width:400%;}
.stripViewer .panelContainer .wrapper{width:100%;}
.stripViewer .panelContainer img{width:100%; height:auto;}
.stripViewer .panelContainer .panel{float:left; position:relative; margin-bottom:0; border:0; box-shadow:none;}
.stripNavL, .stripNavR, .stripNav{display:none; width:100%;}
.slider-wrap a{height:auto;}
.nav-thumb{margin-right:5px;}
#movers-row{margin:5px 0 0; width:101%;}
#movers-row div{width:25%; float:left; padding-right:1%;}
#movers-row div a.cross-link{float:right;}
.photo-meta-data{padding:10px; height:30px; margin-top:-50px; position:relative; z-index:9999; color:white;}
.photo-meta-data span{font-size:13px;}
.cross-link{display:block; margin-top:0px; position:relative; padding-top:0px;}
.active-thumb{background:transparent;}
.panel{width:25%;}

/* 聯絡我們 */
.contact-body{padding:0 0 0 27px;}
.contact-left img{width:100%; height:auto; margin-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.btn-send{font-size:13px;}
a.btn-send, input.btn-send{background-color:#f9b42f; padding:3px 20px; text-align:center; font-size:18px; color:#000; width:173px; margin:2px;}
a.btn-send:hover, input.btn-send:hover{color:#fff;}
a.btn-reset, input.btn-reset{background:#666; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-reset:hover, input.btn-reset:hover{background:#777;}
a.btn-send-over{background:#79919f; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-send-over:hover{background:#63aebd;}
img.code{width:100px; height:32px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 5px; vertical-align:middle;}


/* 最新消息 */
.news ul{margin:0; padding:0; list-style:none;}
.opacl{font-size:12px; line-height:20px; padding-bottom:10px;}
.opacl a{background:#888; color:#fff; padding:3px 10px; margin:0 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.opacl a:hover{background:#699;}
a.close_qa{font-size:12px;}

/* news-list  最新消息 */
.news-list{list-style:none;}
.news-list li{clear:both; border-bottom:1px dotted #e3e3e3;}
.news-list li span{float:left; width:130px; line-height:25px; display:block; padding:7px 0 7px 30px; color:#a6a6a6;}
.news-list li .news-lis-cont{margin:0 0 0 130px; padding:7px 0;}
.news-list li .news-lis-cont a{color:#333; display:block;}
.news-list li .news-lis-cont a:hover{color:#5c97bd;}
.time{color:#3ca3d5; padding:10px 0 10px 40px; border-bottom:1px dotted #d7d7d7;}

/* 內頁架構 */
.content-body{max-width:1000px; margin:0 auto;}
.page-title{background:url(../images/page-title.png) left top no-repeat; font-size:16px; color:#333; padding:0 0px 5px 40px; line-height:30px; margin:10px 0 10px 0; border-bottom:1px #ccc dotted;}
.page-main{padding:0 0 0 40px; font-size:13px; color:#666; line-height:1.5em;}
.left-menu-title{background:#909090; text-align:center; font-size:18px; color:#fff; text-shadow:-1px -1px 0 #666; padding:5px 0 10px 0; border-top:1px dotted #999; -webkit-border-radius:0 0 5px 0; -moz-border-radius:0 0 5px 0; border-radius:0 0 5px 0;}
.in-left-menu>ul{margin:0; padding:10px 0 0; list-style:none; border-bottom:3px solid #dbdbdb;}
.in-left-menu>ul>li{border-bottom:1px solid #eae9dd; font-size:15px; color:#666; padding:5px 0;}
.in-left-menu>ul>li>a{background:url(../images/left-icon.png) no-repeat 5px 7px; color:#333; display:block; padding:5px 0 5px 25px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.in-left-menu>ul>li>a:hover{background:url(../images/left-icon.png) no-repeat 5px 7px #efeded;}
.in-left-menu>ul>li ul{margin:5px 0 0 40px; padding:0; list-style:square;}
.in-left-menu>ul>li ul li{border-top:1px dotted #ccc; padding:5px;}
.in-left-menu>ul>li ul li:hover{background:#e8e8e6;}
.in-left-menu>ul>li ul li a{font-size:13px; color:#666; display:block;}
.in-left-menu>ul>li ul li a:hover{color:#71743d;}

/* 內頁BANNER */
.inside-banner{background:#909090; padding:20px 0;}
.inside-banner .banner-title{max-width:1000px; font-size:18px; color:#fff; margin:0 auto; border-left:4px #aaa8a8 solid; padding:0 0 0 20px; line-height:30px;}

/* 首頁產品 */
.index-pro{max-width:1000px; margin:0 auto;}
.index-pro-title{font-size:24px; color:#333; line-height:30px; padding-bottom:10px; text-align:center; font-weight:normal; border-bottom:3px solid #dfdfdf;}
.index-pro ul{max-width:1000px; margin:0 auto; padding:0; list-style:none;}
.index-pro ul li{width:20%; padding:1%; text-align:center; float:left;}
.index-pro ul li:hover{background:#f8f6f6;}
.index-pro ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.index-pro ul li .index-pro-store{color:#938c83; line-height:1.5em; padding:10px 0; display:block; text-decoration:line-through;}
.index-pro ul li .index-pro-price{color:#b83400; font-size:20px; padding:0 0 10px 0; display:block; font-family:Helvetica, arial;}
a.cart{background:#9b9b9b; padding:5px 8px; color:#fff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0 solid #dbdbdb; width:48%; margin-right:2%; float:left;}
a.cart img{padding-right:0px; vertical-align:middle;}
a.cart:hover{background:#a7a7a7;}
a.check{background:#9b9b9b; padding:5px 8px; color:#fff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0 solid #dbdbdb; width:48%; margin-left:2%; float:left;}
a.check img{padding-right:0px; vertical-align:middle;}
a.check:hover{background:#a7a7a7;}
.index-more{max-width:1000px; border-top:1px solid #dad0d0; margin:50px auto 0; height:50px; position:relative;}
.index-more a{background:url(../images/index-more-pro.png) no-repeat; color:#a7a7a7; width:132px; height:36px; display:block; margin:0 auto; text-align:center; position:absolute; top:-10px; left:50%; margin-left:-66px;}

/* 首頁連結 */
.index-link{max-width:1000px; margin:0 auto;}
.index-link h3{color:#333; font-size:36px; font-weight:normal; text-align:center; line-height:0.8em; letter-spacing:2px;}
.index-link h3 .red{color:#d45500; font-size:24px; letter-spacing:0px;}
.index-link h3 .brwon{color:#c2ab8a; font-size:24px; padding-left:15px; letter-spacing:0px;}
.index-link-top{height:75px;}
.index-link ul{background:#e1e1e1; margin:0; padding:0; list-style:none;}
.index-link ul li{float:left; width:25%; margin:0; padding:0; border:1px dotted #fff;}
.index-link ul li img{width:100%; height:auto; border:0; margin:0; padding:0;}

/* 首頁 搜尋 最新消息模組 */
.index-news{width:100%; position:relative;}
.index-news-line{position:absolute; width:100%; border-bottom:1px #d1d1d1 solid; top:50px; z-index:-1;}
.index-search-news{max-width:1000px; margin:0 auto;}
.index-search h3{font-size:24px; color:#333; font-weight:normal; line-height:40px; margin:10px 0 10px 0; padding:0;}
.index-search span{display:block; float:right; font-size:15px; color:#d1d1d1; font-weight:normal;}
.index-search-input{padding:10px 0 20px 0; position:relative; color:#333;}
.index-search-input img{position:absolute; right:0; top:10px;}
.index-search input{background:#e8d5d5; font-size:15px; color:#333; padding:5px 0 5px 20px; line-height:21px; width:100%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; border:0; margin:0 5% 0 0; right:51px; vertical-align:middle;}
.index-search img{vertical-align:middle;}
.i-news{padding-left:50px;}
.i-news h3{font-size:24px; color:#333; font-weight:normal; line-height:40px; margin:10px 0; padding:0;}
.i-news h3 span{display:block; float:right; font-size:14px; color:#afaaaa; font-weight:normal;}
.i-news h3 span a{color:#333;}
.i-news h3 span a:hover{color:#12a8d5;}
.i-news ul{list-style:square; color:#333; padding:0 0 0 20px; margin:0;}
.i-news ul li{padding:5px 0; font-size:15px; line-height:1.5em; border-bottom:1px solid #e7e7e7;}
.i-news ul li a{color:#333; display:block;}
.i-news ul li a:hover{color:#f96;}

/* 首頁-主題連結 */
.i-subject{background:#f4c23b url(../images/i-subject-bg.png) repeat-x top; padding:50px 0;}
.i-subject .owl-carousel .item{border:1px solid transparent;}
.i-subject .owl-carousel .item:hover{border:1px solid #fff;}
.i-subject .owl-carousel .item .i-subject-photo{background:#fff; width:100%; table-layout:fixed;}
.i-subject .owl-carousel .item .i-subject-photo a{vertical-align:middle; text-align:center;}
.i-subject .owl-carousel .item .i-subject-photo img.index-pro-img{width:100%; height:auto; max-width:100%; max-height:100%;}

.i-subject .owl-carousel .item .content{position:relative; width:100%; font-size:18px; color:#010101; line-height:21px; padding:1em; height:100px; overflow:hidden; top:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
@media screen and (max-width:640px){
	.i-subject .owl-carousel .item .content{top:-40px;}
}
.i-subject .owl-carousel .item.t01 .content{background:#f6ac1d url(../images/index-subject-icon-01.png) no-repeat right center;}
.i-subject .owl-carousel .item.t02 .content{background:#f6ac1d url(../images/index-subject-icon-02.png) no-repeat right center;}
.i-subject .owl-carousel .item.t03 .content{background:#f6ac1d url(../images/index-subject-icon-03.png) no-repeat right center;}
.i-subject .owl-carousel .item.t04 .content{background:#f6ac1d url(../images/index-subject-icon-04.png) no-repeat right center;}
.i-subject .owl-carousel .item:hover .content{top:-40px;}
.i-subject .owl-carousel .item .content .txt{display:table; width:100%; height:100%;}
.i-subject .owl-carousel .item .content .txt p{display:table-cell; text-align:center; vertical-align:middle;}
.i-subject .owl-carousel .item .content span{display:block; font-weight:bold; font-size:15px; color:#fff;}
.i-subject .owl-carousel .item a.more{display:none; position:absolute; bottom:-40px; width:calc(100% - 2px); height:40px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
@media screen and (max-width:640px){
	.i-subject .owl-carousel .item a.more{display:block; position:absolute; bottom:1px; text-align:center; font-size:14px; line-height:40px; background:#fc3; color:#fff; text-transform:uppercase; padding:3px 20px; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease; transition:all 0.6s ease;}

} 
.i-subject .owl-carousel .item:hover a.more{display:block; position:absolute; bottom:1px; text-align:center; font-size:14px; line-height:40px; background:#fc3; color:#fff; text-transform:uppercase; padding:3px 20px; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease; transition:all 0.6s ease;}




/* 會員登入 */
h3.login-title{margin:10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9b9b9b;}
.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.member-signup{font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center;}
.calender{width:30px; height:auto;}

/* 版面欄位 */
.main{padding-top:0px;}
.col-100{float:left; width:100%;}
.col-010{width:9%; margin-right:1%; float:left;}
.col-015{width:14%; margin-right:1%; float:left;}
.col-020{width:19%; margin-right:1%; float:left;}
.col-025{width:24%; margin-right:1%; float:left;}
.col-030{width:29%; margin-right:1%; float:left;}
.col-040{width:39%; margin-right:1%; float:left;}
.col-045{width:44%; margin-right:1%; float:left;}
.col-050{width:49%; margin-right:1%; float:left;}
.col-055{width:54%; margin-right:1%; float:left;}
.col-060{width:59%; margin-right:1%; float:left;}
.col-065{width:64%; margin-right:1%; float:left;}
.col-070{width:69%; margin-right:1%; float:left;}
.col-075{width:74%; margin-right:1%; float:left;}
.col-080{width:79%; margin-right:1%; float:left;}
.col-085{width:84%; margin-right:1%; float:left;}
.cor-010{width:10%; float:left;}
.cor-015{width:15%; float:left;}
.cor-020{width:20%; float:left;}
.cor-025{width:25%; float:left;}
.cor-030{width:30%; float:left;}
.cor-035{width:35%; float:left;}
.cor-040{width:40%; float:left;}
.cor-045{width:45%; float:left;}
.cor-050{width:50%; float:left;}
.cor-055{width:55%; float:left;}
.cor-060{width:60%; float:left;}
.cor-065{width:55%; float:left;}
.cor-070{width:70%; float:left;}
.cor-075{width:75%; float:left;}

/* 選單與下拉 */
nav{float:left; width:600px; margin-top:23px; border-bottom:1px solid #f6ac1d; }
@media screen and (max-width:1100px){
	nav{width:calc(100% - 420px);}
}
.menu{margin:0; padding:0; list-style:none; position:relative; width:100%; max-width:480px; margin:0 auto;}
.menu>li{width:25%; float:left; font-size:15px; text-align:center; position:relative; line-height:47px; cursor:pointer; padding:10px 5px;}
.menu>li>a{font-weight:bold; line-height:23px; color:#666; display:block; }
.menu>li>a:hover{color:#f6ac1d;}
.menu>li.sub>ul.sub-menu{display:none; position:static; margin:0; padding:0; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; z-index:999;}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:100%; left:0; top:43px; padding-top:8px; z-index:999;}
.menu>li.sub>ul.sub-menu>li{display:block; border-top:1px dotted #fff; padding:2px 0;}
.menu>li.sub>ul.sub-menu:hover li{display:block;}
.menu>li.sub>ul.sub-menu>li>a{display:block; background-color:rgba(249,180,47,.8); line-height:34px; color:#4b4b4b; border:1px solid #fff;}
.menu>li.sub>ul.sub-menu>li>a:hover{background-color:rgba(249,180,47,1); color:#fff; border:1px solid rgba(249,180,47,1);}
 
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
@-moz-keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
.fade-in{opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity:1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:0.3s;
	-moz-animation-duration:0.3s;
	animation-duration:0.3s;}

/* 訂位填寫 */
.show-date{background:#14a1f0; padding:5px 10px; font-size:14px; color:#fff; line-height:25px; margin-bottom:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.show-date a{color:#d0ff00; text-decoration:none;}
.show-date a:hover{color:#f0ff9b;}
.kyein-be-member{background:#ff1115; padding:5px 10px; font-size:14px; color:#ffdada; line-height:25px; margin-bottom:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 訂位區塊 */
.info-box{font-size:14px; color:#686868; line-height:20px; padding-bottom:10px; margin-bottom:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
h4.info-title{background:#ffeded; font-size:17px; line-height:30px; color:#ad3a3c; padding:0 0 0 10px; margin:5px 0px 10px 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:normal;}
.info-content{padding:0 0 10px 20px;}
.info-content ul{list-style:square; margin:0; padding:0 0 0 20px;}
.info-content ul li{border-bottom:1px dotted #bfbfbf; margin-bottom:10px; color:#a41c1f;}
.info-content ul li p{font-size:12px; color:#767676; margin:0 0 10px; padding:0;}
h5.info-set-opint{color:#69b7ff; font-size:15px; line-height:25px; border-bottom:1px solid #d9d9d9; margin:0 0 10px;}

/* step */
.step{list-style:none; margin:0; padding:20px 0;}
.step li{float:left; width:25%; font-size:28px; line-height:1.2em; color:#d9d9d9; border-left:1px solid #d9d9d9; padding:0; text-align:center;}
.step li.active, .step li.active span{color:#0091ed;}
.step li span{color:#7f7f7f; display:block; font-size:15px; line-height:18px; padding:5px 0 0; border-top:1px dotted #dbd8d8; margin:10px auto 0; width:80%;}

/* 定位-選項-時段 */
.order-opinion{padding:0 0 10px;}
.time{font-size:14px; color:#7e7e7e; line-height:20px;}
.time ul{margin:0; padding:0; list-style:none;}
.time ul li{background:#ff5558; float:left; text-align:center; font-size:14px; color:#fff; line-height:20px; padding:3px 0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:1% 1% 0 0; width:11.5%;}
.time ul li a{color:#fff;}
.time ul li:hover{background:#d30003;}
.time ul li.finish{background:#d3d2d2;}
.time ul li span{display:block; border-top:1px solid #ffb6b7; line-height:20px;}
.order-note{color:#df0205; padding:10px 0;}

/* 歷史訂單 */
.table-border{background:#dbdbdb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:10px;}
.table-border th{font-size:14px; color:#fff; padding:3px 5px;}
.table-border td{font-size:14px; color:#515151; padding:3px 5px; text-align:center;}
.table-border tr:first-child{background:#ff6700; font:12px; padding:3px 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.table-border tr:last-child{background:#fff; font:12px; padding:3px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.table-border tr:nth-child(2n){background:#fff;}
.table-border tr:nth-child(2n+3){background:#fffbf0;}

/* 表單欄位 */
.form-box{}
.form-box input, .form-box img{vertical-align:middle; height:43px; border:0;}
.form-box input[type="radio"], input[type="checkbox"]{height:39px; margin:0 32px 0 10px;}
.form-style01{font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; padding:5px 0 10px 0; line-height:20px; width:100%;}
.opinion{display:flex; -webkit-align-items:stretch; align-items:stretch; -webkit-justify-content:start; justify-content:start; border-bottom:1px solid #c19f5d; font-size:18px; color:#4e4e4e; line-height:43px;}
.opinion-left01{background:#fff; padding:0; margin-right:18px; }
.opinion-right01{float:left; width:7.5%; border:1px solid #cbcbcb; padding:0 2%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; border-left:0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.input-main-style01{float:left; width:55%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}
.input-main-style02{background:#fff; float:left; width:70%; margin:0; padding:5px 3%; font-size:18px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; border:0;}
.input-main-style03{float:left; width:93.3333%; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}
.select-style{font-size:15px; color:#666; line-height:20px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.order-numb{color:#ff0004;}

/* 輸入欄位 */
.input-style01{border:1px solid #cbcbcb; padding:5px 3%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:70%; margin-bottom:5px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset;              
	-webkit-box-shadow:0px 0px 5px #e9e9e9 inset;           
	box-shadow:0px 0px 5px #e9e9e9 inset;                   
}
.input-botton01{border:1px #cbcbcb solid; padding:5px 3%; line-height:18px; font-size:13px; font-family:"微軟正黑體"; color:#4e4e4e; width:100px; margin:0 auto; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px; text-shadow:1px 0px #fff; font-weight:800;}
.select-style01{border:1px #cbcbcb solid; padding:5px 3%; width:99%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; margin:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset;              
	-webkit-box-shadow:0px 0px 5px #e9e9e9 inset;           
	box-shadow:0px 0px 5px #e9e9e9 inset;                   
}
.input-botton-blue{background:#feffff;}
.bg-gary-whrite{background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* ff3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(98%, rgba(0,0,0,0.06))); /* chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* Ie10+ */
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* W3c */
filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#00000000', endcolorstr='#0f000000', GradientType=0 ); /* Ie6-9 */
}
.bg-red-orange{background:rgb(248,80,50); 
	background:-moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* ff3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1))); /* chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* Ie10+ */
	background:linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* W3c */
filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#f85032', endcolorstr='#e73827', GradientType=0 ); /* Ie6-9 */
}

/* 頁次 */	
.page{height:40px; font:15px/20px "微軟正黑體"; color:#333; text-align:center; clear:both; margin:10px auto 95px;}
.page a{background:#838282; font-size:13px; color:#fff; margin:10px 0; padding:2px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page a:hover{background:#e19922; color:#fff;}
.page br{display:none;}

/* 底部資訊 */
.bottom-info{background:url(../images/bottom-info.jpg); padding-bottom:30px;}
.bottom-info-main{max-width:1000px; margin:0 auto; background:url(../images/bottom-info-bg.jpg) center top no-repeat; min-height:200px;}
.bottom-info-main h3{font-size:15px; color:#fff; border-bottom:1px solid #999; line-height:40px;}
.bottom-info-main ul.bottom-link{list-style:none; margin-left:0; padding-left:0;}
.bottom-info-main ul.bottom-link li{float:left; font-size:15px; width:95px; line-height:1.7em;}
.bottom-info-main ul.bottom-link li a{color:#fff;}
.bottom-info-main ul.bottom-link li a:hover{color:#fffe82;}
.bottom-info-main p.content{font-size:12px; color:#fff; line-height:24px;}
.bottom-info-main .bottom-tool{border-top:1px solid #999; margin-top:20px; padding-top:20px;}
footer{clear:both;}
footer .copyright{max-width:1140px; margin:0 auto; font-size:12px; line-height:50px; text-align: center; color:#444; border-top:7px solid #f7f7f7;}


/* top */
.top{  width:50px; height:50px; display:block;border-radius:25px; position: fixed; bottom:20px; right:2%; z-index:9999; font-size:0; line-height:0; }
.top a{ background:#fff url(../images/top.png) no-repeat center center; width:50px; height:50px; display:block;border-radius:25px; box-shadow:0px 1px 4px 0 #301a60; }
.top a:hover{ background:#fff url(../images/top.png) no-repeat center center; width:50px; height:50px; display:block;border-radius:25px;box-shadow:0px 1px 4px 0 #301a60; }


/* 關於威驊 */
.about .classmenu{margin:0 auto 45px;}
.about .classmenu ul.classLink{margin:0; padding:0; list-style:none; text-align: center;}
.about .classmenu ul.classLink li{display:inline-block; margin:0 0 25px; padding:0;}
.about .classmenu ul.classLink li a{position:relative; display:inline-block; padding:10px 20px; font-size:15px; line-height:24px; color:#4b4b4b; border:1px solid #f9b42f;}
.about .classmenu ul.classLink li a:hover, .about .classmenu ul li a.current{background-color:#f9b42f; color:#fff;}
.about .classmenu ul.classLink li a.current:after{content:""; position:absolute; bottom:-17px; left:calc(50% - 7px); background:url(../images/active-pointer.png) no-repeat; width:14px; height:9px;}

/* 關於我們-Menu */
.about-menu{padding:0 0 111px;}
.about-bg{background:url(../images/about-bg.jpg) bottom; background-size:cover;}
.about-menu ul{width:100%; margin:0 auto; padding:0; list-style:none;}
.about-menu ul li{width:calc(20% - 10px); margin:0 5px; padding:0; float:left;}
.about-menu ul li a{position:relative;}
.about-menu ul li:nth-child(2) a{background:url(../images/about-01.jpg) no-repeat -100px; background-size:cover;}
.about-menu ul li:nth-child(3) a{background:url(../images/about-02.jpg) no-repeat -205px; background-size:cover;}
.about-menu ul li:nth-child(4) a{background:url(../images/about-03.jpg) no-repeat -15px; background-size:cover;}
.about-menu ul li:nth-child(5) a{background:url(../images/about-04.jpg) no-repeat -480px; background-size:cover;}

.about-menu ul li a h1{display:flex; align-items:center; justify-content:center; position:absolute; bottom:0; width:100%; margin:0; padding:0; background-color:rgba(255,255,255,.7); font-weight:bold; font-size:24px; color:#0d3966; text-align:center; height:195px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.about-menu ul li a:hover h1{background-color:rgba(13,57,102,.8); color:#f9b42f;}
.about-menu ul li a h1 span{display:block; font:bold 16px/24px "Century Gothic";}
.about-menu ul li a:hover h1 span{color:#fff;}
@media screen and (max-width:640px){
	.about-menu ul li:nth-child(1){display:none;}
	.about-menu ul li{width:calc(100% - 10px); margin:0 0 15px; padding:0; float:none;}
	.about-menu ul li a{width:100%;}
	.about-menu ul li a img{width:100%; height:350px;}

	.about-menu ul li:nth-child(2) a{background:url(../images/about-01.jpg) no-repeat center center; background-size:cover;}
.about-menu ul li:nth-child(3) a{background:url(../images/about-02.jpg) no-repeat center center; background-size:cover;}
.about-menu ul li:nth-child(4) a{background:url(../images/about-03.jpg) no-repeat center center; background-size:cover;}
.about-menu ul li:nth-child(5) a{background:url(../images/about-04.jpg) no-repeat center center; background-size:cover;}
.about-menu ul li a h1{height:100px;}

}

/* 關於我們-Detail */
.about-detail{padding:0 0 111px;}
.about-detail .about-detail-content{position:relative; max-width:1000px; margin:0 auto;}
.about-detail .about-detail-txt{position:absolute; bottom:30px; width:100%; display:table; background-color:rgba(255,255,255,.8);}
.about-detail .about-detail-txt:before, .about-detail .about-detail-txt:after{content:''; display:table-cell; width:7%;}
.about-detail .about-detail-txt h1{display:table-cell; padding:25px 0; width:195px; font-weight:bold; font-size:24px; background-color:rgba(13,57,102,.8); color:#f9b42f; text-align:center; vertical-align:middle;}
.about-detail .about-detail-txt h1 p{margin-bottom:0;}
.about-detail .about-detail-txt h1 span{display:block; font:bold 16px/24px "Century Gothic"; color:#fff;}
.about-detail .about-detail-txt>p{display:table-cell; width:calc(86% - 195px); margin-bottom:0; padding:25px; font-weight:bold; font-size:18px; line-height:27px; color:#000; vertical-align:middle;}
@media screen and (max-width:640px){
	.about-detail .about-detail-txt h1{display:block; width:100%;}
	.about-detail .about-detail-txt h1 span{display:inline-block; margin-left:5px;}
	.about-detail .about-detail-txt>p{display:block; width:100%;}
	.about-detail .about-detail-txt{position:relative;}
}

/* 聯絡我們 */
.contact{}
.contact h3.page-title{font-weight:bold; font-size:24px; color:#000; line-height:30px; margin:0; padding:15px; width:50%; margin:0 auto; background-color:#f6ac1d; background-image:none; text-align:center; }
.contact h3.page-title span{display:inline-block; color:#fff; margin:0 10px;}
.contact .contact-note{font-size:16px; line-height:28px; color:#573a01; text-align: center; margin:25px 0;}
.contact .contact-body{border:1px solid #d0b683; padding:20px 13%; text-align: center;}
.contact .contact-body h4{background-color:#123966; display:inline-block; margin:0 auto 22px; color:#fff; font-size:16px; line-height:24px; padding:10px 26px;}
.contact .contact-body .opinion:hover input[type=text], .contact .contact-body .opinion:hover textarea[type=text]{background-color:#ececec;}
@media screen and (max-width:640px){
	.contact .contact-body .opinion input[type=text], .contact .contact-body .opinion textarea[type=text]{background-color:#ececec; width:100%;}
}

/* 常見問題FAQ */
.faq-head{background:#e5e5e5 url(../images/faq-title-bg.jpg); padding:20px 0 40px;}
.faq-head .faq-title{font:24px/24px Arial, "微軟正黑體"; margin-bottom:12px; padding-bottom:18px; text-align:center; border-bottom:1px solid #fff;}
.faq-head .faq-notice{font:bold 15px/24px "微軟正黑體"; color:#123966; text-align:center;}
.faq-content{padding:28px 0 60px;}
.faq ol{margin:0; padding:0; list-style:none;}
.faq ol li{margin:0; padding:0; color:#fff; border-bottom:8px solid #fff;}
.faq ol li .qa_title{font-weight:normal;}
.faq ol li .qa_title a{display:-webkit-flex; display:flex; color:#fff;}
.faq ol li .qa_title a b{display:inline-block; padding:10px 0; width:50px; background-color:#a26f0d; font:normal 18px/30px "微軟正黑體"; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.faq ol li .qa_title a:hover b{background-color:#3f3f3f;}
.faq ol li .qa_title a .title-txt{display:inline-block; background:#f6ac1d; width:calc(100% - 50px); padding:10px 20px; font:normal 18px/30px "微軟正黑體"; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.faq ol li .qa_title a:hover .title-txt{background:#123966; color:#fff;}
.faq ol li .qa_content{position:relative; background-color:#fff; border:1px solid #b2b2b2; margin-top:2px; padding:20px 70px 40px; font:15px/24px "微軟正黑體"; line-height:1.5em; color:#666;}
.faq ol li .qa_content .close_qa{position:absolute; right:0; bottom:0; display:block; width:20px; height:20px; background:#666 url(../images/close.gif) no-repeat center center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.faq ol li .qa_content .close_qa:hover{background-color:#123966;}

/* 安心製程 */
.workflow-head{background:#e5e5e5 url(../images/faq-title-bg.jpg); padding:20px 0 40px;}
.workflow-head .workflow-title{font:24px/24px Arial, "微軟正黑體"; margin-bottom:12px; padding-bottom:18px; text-align:center; border-bottom:1px solid #fff;}
.workflow-head .workflow-notice{font:bold 15px/24px "微軟正黑體"; color:#123966; text-align:center;}

/* 健康新知-分類 */
.know-class{border-bottom:10px solid #f6ac1d; margin-bottom:48px;}
.know-class .row{padding:20px;}
.know-class .row a{position:relative; display:block; width:100%; height:100%;}
.know-class .row a .col-md-6 h1{margin:30px; padding:0; font-size:18px; color:#000; line-height:3em; border-top:3px solid #333;}
.know-class .row a .col-md-6 .brief{margin:0 30px 30px 30px;}
.know-class .row a .more{position:absolute; display:block; width:100%; height:100%; left:0; top:0; opacity:0; color:#fff;
	-webkit-transition: all .8s ease; 
	-moz-transition:all .8s ease; 
	-o-transition:all .8s ease; 
	-ms-transition:all .8s ease; 
	transition:all .8s ease;}
.know-class .row a:hover .more{opacity:1;}
.know-class .row a .more:before{content:''; position:absolute; display:block; width:100%; height:100%; left:0; top:0; opacity:.8;
	background:rgb(122,186,214); 
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 
	background:-moz-linear-gradient(left, rgba(122,186,214,1) 0%, rgba(158,206,202,1) 100%); 
	background:-webkit-linear-gradient(left, rgba(122,186,214,1) 0%,rgba(158,206,202,1) 100%); 
	background:linear-gradient(to right, rgba(122,186,214,1) 0%,rgba(158,206,202,1) 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abad6', endColorstr='#9ececa',GradientType=1 );}
.know-class .row a .more b{position:absolute; left:calc(50% - 50px); bottom:calc(50% - 50px); width:100%; text-align:center; font-size:18px; display:block; width:100px; height:100px; line-height:100px; border-radius:50px; border:2px solid rgba(255,255,255,.8); opacity:0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;}
.know-class .row a:hover .more b{opacity:1;
	-webkit-transition: all .8s ease .3s;
  -moz-transition: all .8s ease .3s;
  -o-transition: all .8s ease .3s;
  -ms-transition: all .8s ease .3s;
  transition: all .8s ease .3s;}
.know-class .know-title{font-weight:bold; font-size:24px; color:#000; background-color:#f6ac1d; line-height:36px; padding:12px 10%;}
.know-class .know-title .name{color:#fff;}
.know-class .know-brief{background-color:#eee; padding:16px 10% 24px; font-size:16px; line-height:24px; color:#573a01; font-weight:bold; margin-bottom:50px;}
.know-class .know-content{border-top:1px solid #c19f5d; border-bottom:1px solid #c19f5d; text-align: center; margin-bottom:26px;}
.know-class .know-content .know-sub-title{font-size:18px; color:#fff; background-color:#f9b42f; line-height:24px; padding:8px 27px; margin:15px 0 13px; display:inline-block;}
.know-class .know-content p{text-align:left; font-size:15px; font-weight:bold; color:#333; padding:0 5% 5px;}

/* 健康新知-列表 */
.know-list .classmenu{margin:0 auto 45px;}
.know-list .classmenu ul.classLink{margin:0; padding:0; list-style:none; text-align: center;}
.know-list .classmenu ul.classLink li{display:inline-block; margin:0 0 25px; padding:0;}
.know-list .classmenu ul.classLink li a{position:relative; display:inline-block; padding:10px 20px; font-size:15px; line-height:24px; color:#4b4b4b; border:1px solid #f9b42f;}
.know-list .classmenu ul.classLink li a:hover, .know-list .classmenu ul li a.current{background-color:#f9b42f; color:#fff;}
.know-list .classmenu ul.classLink li a.current:after{content:""; position:absolute; bottom:-17px; left:calc(50% - 7px); background:url(../images/active-pointer.png) no-repeat; width:14px; height:9px;}
.pro-list.knowledge{width:100%; float:none;}


/* 健康新知-明細 */
.know-detail{border-bottom:10px solid #f6ac1d; margin-bottom:48px;}
.know-detail .know-title{font-weight:bold; font-size:24px; color:#000; background-color:#f6ac1d; line-height:36px; padding:12px 10%;}
.know-detail .know-title .name{color:#fff;}
.know-detail .know-brief{background-color:#eee; padding:16px 10% 24px; font-size:16px; line-height:24px; color:#573a01; font-weight:bold; margin-bottom:50px;}
.know-detail .know-content{border-top:1px solid #c19f5d; border-bottom:1px solid #c19f5d; text-align: center; margin-bottom:26px;}
.know-detail .know-content .know-sub-title{font-size:18px; color:#fff; background-color:#f9b42f; line-height:24px; padding:8px 27px; margin:15px 0 13px; display:inline-block;}
.know-detail .know-content p{text-align:left; font-size:15px; font-weight:bold; color:#333; padding:0 5% 5px;}

/* 熱門推薦產品 */
.hot-pro{background:#e5e5e5 url(../images/faq-title-bg.jpg) top center; text-align: center; padding-bottom:16px;}
.hot-pro h4{display:inline-block; font-weight:bold; font-size:16px; line-height:44px; color:#fff; padding:0 26px; background-color:#123966; margin:0 auto 28px;}
.hot-pro .owl-carousel{position:relative;}
.hot-pro .owl-nav{position:absolute; top:calc(50% - 15px); width:100%;}
.hot-pro .owl-nav .owl-prev{position:absolute; left:-20px;}
.hot-pro .owl-nav .owl-next{position:absolute; right:-20px;}

/* BANNER */
.banner{position:relative; background:#f9b42f url(../images/i-subject-bg.png) repeat-x; }
.banner .i-wrapper{position:relative; height:320px;}
.banner .slogan{width:50%; float:left; margin:100px 0 117px; text-align: center;}
.banner .slogan .en{display:inline-block; font:52px "Times New Roman"; color:#fff; width:380px;}
.banner .slogan .tc{display:inline-block; font-size:20px; font-weight:bold; color:#fff; line-height:1.5em; padding:7px 15px; background-color:#33322f; letter-spacing:.22em; max-height:calc(3em + 12px); overflow: hidden; width:380px;}
.banner .edm{position:absolute; top:-30px; right:0; width:50%;}
.jssora051{display:block;}
@media screen and (max-width:1000px){
	.banner.detail .slogan{width:380px; float:none; margin:20px 0 10px; text-align: center;}
}
@media screen and (max-width:860px){
	.banner.detail .i-wrapper{position:relative; height:400px;}
	.banner.detail .slogan{width:380px; float:none; margin:20px auto 10px; text-align: center;}
	.banner.detail .edm{position:relative; top:0; width:380px; margin:0 auto;}
}
@media screen and (max-width:640px){
	.banner .i-wrapper{position:relative; height:540px;}
	.banner .edm{position:relative; top:0; right:0; width:100%;}
	.jssora051{display:none;}
}
@media screen and (max-width:600px){
	.banner .i-wrapper{position:relative; height:500px;}
}
@media screen and (max-width:550px){
	.banner .i-wrapper{position:relative; height:480px;}
}
@media screen and (max-width:500px){
	.banner .i-wrapper{position:relative; height:460px;}
}
@media screen and (max-width:450px){
	.banner .i-wrapper{position:relative; height:420px;}
}
@media screen and (max-width:400px){
	.banner .i-wrapper{position:relative; height:380px;}
}

/* 產品列表頁 */
.banner .class-name{position:absolute; bottom:0; display:inline-block; font:bold 60px "微軟正黑體"; color:#573a01; letter-spacing:.22em; background:url(../images/class-name-icon.png) no-repeat left 15px; margin-left:70px; padding-left:55px;}
@media screen and (max-width:640px){
	.banner .class-name{position:relative; bottom:0; display:inline-block; font:bold 48px "微軟正黑體"; color:#573a01; letter-spacing:0; background:url(../images/class-name-icon.png) no-repeat left 15px; margin:20px 0; padding-left:55px;}

}
.banner .class-name:after{content:""; margin-left:-55px; display:block; width:calc(100% + 55px); height:23px; background-color:rgba(255,255,255,.3); border-radius:15px 15px 0 0;}
.product{ padding:87px 0 60px;}
@media screen and (max-width:640px){
	.product{ padding:20px 0 60px;}
}
.product .classmenu{float:left; width:275px;}
.product .classmenu ul.classLink{margin:0 0 0 60px; padding:0; list-style:none; max-width:152px;}
.product .classmenu ul.classLink li{margin:0 0 18px; padding:0;}
.product .classmenu ul.classLink li a{display:block; font:18px/24px "微軟正黑體"; color:#fff; padding:5px 12px 5px 38px; background:#f9b42f url(../images/menu-icon.png) no-repeat 9px 5px; border:1px solid #f9b42f;}
.product .classmenu ul.classLink li a:hover{background:#fff url(../images/menu-icon-hover.png) no-repeat 9px 5px; color:#573a01;}
.pro-list{float:left; width:calc(100% - 275px);}
@media screen and (max-width:1010px){
	.product .classmenu{width:215px;}
	.product .classmenu ul.classLink{margin:0;}
	.pro-list{width:calc(100% - 215px);}
}
@media screen and (max-width:640px){
	.product .classmenu{width:100%;}
	.pro-list{width:100%;}
}


/* 產品明細頁 */
.product-detail .classmenu{margin:60px auto 45px;}
.product-detail .classmenu ul.classLink{margin:0; padding:0; list-style:none; text-align: center;}
.product-detail .classmenu ul.classLink li{display:inline-block; margin:0 0 25px; padding:0;}
.product-detail .classmenu ul.classLink li a{position:relative; display:inline-block; padding:10px 20px; font-size:15px; line-height:24px; color:#4b4b4b; border:1px solid #f9b42f;}
.product-detail .classmenu ul.classLink li a:hover, .product-detail .classmenu ul li a.current{background-color:#f9b42f; color:#fff;}
.product-detail .classmenu ul.classLink li a.current:after{content:""; position:absolute; bottom:-17px; left:calc(50% - 7px); background:url(../images/active-pointer.png) no-repeat; width:14px; height:9px;}
.product-detail-content{font:15px/30px "微軟正黑體"; color:#666;}
.product-detail-content .photo-large{text-align: center;}
.product-detail-content .photo-large img{margin:0 auto;}
.product-detail-content h1.pro-name{font:bold 30px/40px "新細明體"; margin-top:-10px; padding-bottom:10px; border-bottom:1px solid #ccc; color:#573a01;}
.product-detail-content .wrapper{padding-bottom:0;}
.wd_title_02{font:bold 16px "微軟正黑體"; color:#936509;}