@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
html, body{overflow-x:hidden;}
*, body, div, p, input, button, a, strong, td, li, i, h1, h2, h3, h4, h5, strong, button, span{font-size:16px; line-height:inherit; font-family:'Noto Sans TC', 'FontAwesome', '微軟正黑體', sans-serif; text-decoration:none; text-shadow:none; margin:0; padding:0;}
a{text-decoration:none; font-weight:normal;}
ul, ol, li{margin:0; padding:0;}
p{margin:20px 0;}
textarea{resize:none; height:auto !important;}
hr{border:none; border-bottom:1px #E5E9EF solid; margin-bottom:15px;}
h1{font-size:52px; margin-bottom:10px; padding-bottom:5px;}
h2{font-size:44px; margin-bottom:10px; padding-bottom:5px;}
h3{font-size:36px; margin-bottom:10px; padding-bottom:5px;}
h4{font-size:28px; margin-bottom:10px; padding-bottom:5px;}
h5{font-size:20px; margin-bottom:10px; padding-bottom:5px;}
.main{width:100%; max-width:1000px; margin:0 auto; position:relative;}
.hide{display:none;}
.clear{clear:both; height:0; line-height:0; display:block;}
.clearLeft{clear:left; height:0; line-height:0; display:block;}
.sabrosus{text-align:center;}
.sabrosus a{padding:5px; min-width:20px; margin:20px 3px; border:1px #eee solid; border-radius:3px; background:#09f; color:#fff; display:inline-block;}
.sabrosus a.current, .sabrosus a:hover{background:#fff; color:#09f;}
.bh{clear:both; text-align:right; margin:50px 0 20px 0;}
.bh a{padding:3px 8px; line-height:30px; font-size:12px;}
#header{background:url('../images/headerBg.png') repeat-y center #fff; background-size:100% auto; width:100%; height:115px; position:fixed; z-index:9999; left:0; top:0;}
#header .main{padding:10px 0;}
#header .main .logo{float:left;}
#header .main .searchBox{float:left; margin:30px 0 0 110px;}
#header .main .searchBox *{float:left; height:30px; line-height:30px;}
#header .main .searchBox span .ui-select .ui-btn{margin:0; padding:0 40px 1px 5px;}
#header .main .searchBox span .ui-select.ui-btn-inline, .twzipcode span .ui-select.ui-btn-inline{margin:7px 0;}
#header .main .searchBox [type=text]{width:200px; height:26px;}
#header .main .searchBox [type=image]{border-radius:0 5px 5px 0; margin-top:10px;}
#header .main .loginBox{float:right; margin-top:40px;}
#header .main .loginBox, #header .main .loginBox a{color:#fff;}
#menu{border:1px #383231 solid; border-left:none; border-right:none; background:#3e3a39; width:100%; height:45px; position:fixed; z-index:9999; left:0; top:115px;}
#menu .main li{float:left; width:110px; display:inline-block; list-style:none; position:relative; border-left:1px #383231 solid; border-right:1px #3c3837 solid;}
#menu .main li a{color:#fff; text-align:center; padding:10px 0; display:block; font-weight:normal;}
#menu .main li a:hover{color:#09f;}
#menu .main li.actives{float:right; height:47px; background:#e4007f; margin-top:-1px;}
#menu .main li.actives:hover{color:#FF770D;}
#menu .main li .sub{position:relative; z-index:900; margin:0; background:#3E3A39; overflow:hidden; display:none;}
#menu .main li .sub a{padding:5px 10px; display:block; white-space:nowrap;}
#menu .main li:hover .sub{display:block; animation:.5s fadeIn; -webkit-animation:.5s fadeIn;}
#menu .main li .sub li .thr{position:absolute; right:0; overflow:hidden; max-height:0; background:#f00;}
#menu .main li .sub li .thr li{list-style:none;}
#menu .main li .sub li:hover .thr{display:block; animation:.5s fadeInLeft; -webkit-animation:.5s fadeInLeft;}
#content{min-height:600px; margin-top:160px; padding-bottom:50px; position:relative;}
#content .main{padding:20px 0;}
#content.loginPage, #content.forgotPassPage, #content.verification_passwordPage{background:url('../images/loginBg.png') no-repeat; background-size:cover;}
#loginBox{background:rgba(255,255,255,0.7); width:750px; margin:100px auto; padding:30px; border:2px #999 solid; border-radius:20px;}
#loginBox h3{font-size:20px;}
#loginBox .ui-input-text{width:310px; height:35px; line-height:35px;}
#loginBox label{float:left; line-height:43px; margin-right:15px;}
#loginBox [type=image]{float:left; margin:10px 10px 0 0;}
#loginBox .forgotPass{float:right; margin-top:10px;}
#loginBox .submit{line-height:70px;}
#loginBox .loginOther{float:right; border-left:1px #999 solid; margin-left:30px; padding-left:30px; height:200px;}
#content.forgotPassPage #loginBox .loginOther{width:100%; max-width:350px;}
#loginBox .QRCode{float:right; border-left:1px #999 solid; margin-left:30px; padding-left:30px;}
#cknBox *{float:left;}
#cknBox .ui-input-text{width:80px; display:inline-block;}
#cknBox #cknCode{height:35px;}
#cknBox img{margin-top:8px;}
#cknBox img:nth-last-child(1){margin-top:18px;}
#content.registerPage{background:url('../images/registerBg.png') no-repeat; background-size:cover;}
#content::after{clear:both;}
.left{width:100%; max-width:490px; float:left;}
.right{width:100%; max-width:489px; float:right; margin-bottom:20px;}
.list{margin:0 0 20px 0; padding:0;}
.list li{list-style:none; border-bottom:1px #595757 dashed; margin-bottom:5px;}
.list li a{display:block;}
.list li .d{color:#e83828; margin-right:10px;}
#left{width:200px; float:left;}
#left a{display:block;}
#left .list{margin:0;}
#left .list li{list-style:none; margin-bottom:10px; border:none;}
#left .list li a{border-bottom:2px #E4007F solid; display:block; color:#3E3A39; background:url('../images/icon03.png') no-repeat 2px 7px; margin-bottom:5px; padding:0 0 10px 22px; font-weight:bold;}
#left .list li a:hover{color:#09F;}
#left .list li a.current{background-image:url('../images/icon02.png');}
#left .list li .sub a{border-bottom:1px #727171 solid; color:#727171; background:none; margin-left:23px; padding:0;}
#main{width:770px; float:right; position:relative;}
#main.vr{float:left;}
#fbShareBox{position:absolute; right:0; top:0;}
#pageDir{margin-bottom:20px;}
#googleMap{margin-top:50px;}
#right{width:200px; float:right;}
#right .list{margin:0;}
#right .list li{list-style:none; margin-bottom:15px;}
#right .list li .img{display:block; margin:0;}
#pageTitle{font-size:25px; line-height:25px; margin-bottom:20px; padding-bottom:5px; border-bottom:2px #EED7B1 solid;}
.homeListTitle .more{margin-left:15px; line-height:24px;}
.homeList{margin:0 0 30px 0; width:100%; max-width:810px; float:left;}
.homeList li{list-style:none; width:190px; height:150px; float:left; display:inline-block; background:#F9F9F9; color:#949BA1; margin:0 15px 50px 0;}
.homeList li:nth-child(4n){margin-right:0;}
.homeList li .img img{width:100%;}
.homeList li .title{color:#777; margin:0 10px; font-size:16px; line-height:18px;}
.homeList li .info{margin:0 10px; font-size:14px; line-height:18px;}
.homeList.first{max-width:none;}
.homeList.first li{width:187px;}
.homeList.first li:nth-child(4n){margin-right:15px;}
.homeList.first li:nth-child(5n){margin-right:0px;}
.indexHotList{width:100%; max-width:180px; float:right;}
.indexHotList h5{font-size:18px; line-height:25px;}
.indexHotList a{display:block; margin-bottom:12px; line-height:20px;}
.indexHotList a span.num{width:20px; height:20px; line-height:18px; display:inline-block; margin-right:10px; background:#b8c0cc; color:#fff; border-radius:3px; text-align:center;}
.indexHotList a:nth-child(-n+4) span.num{background:#ff9c00;}
.indexHotList .adsense{margin-top:40px;}
.indexHotList .adsense img{width:100%;}
#index_ad01{width:100%; max-width:1000px; height:350px; position:relative; overflow:hidden;}
#index_ad02{width:100%; max-width:1000px;}
#index_ad02 img{width:100%;}
#storeList{margin:0;}
#storeList li{list-style:none; width:190px; height:150px; float:left; display:inline-block; background:#F9F9F9; color:#949BA1; margin:0 15px 50px 0;}
#storeList li:nth-child(4n){margin-right:0;}
#storeList li .img img{width:100%;}
#storeList li .title{color:#777; margin:0 10px; font-size:16px; line-height:18px;}
#storeList li .info{margin:0 10px; font-size:14px; line-height:18px;}
#vrBox{background:#282828; margin-bottom:20px;}
#pano{width:100%; height:500px; position:relative; overflow:hidden;}
#productsList{margin:0;}
#productsList li{list-style:none; width:170px; height:280px; float:left; display:inline-block; color:#949BA1; margin:0 0px 50px 0; padding:0 10px; border-right:1px #999 dashed;}
#productsList li:nth-child(5n){margin-right:0; border-right:none;}
#productsList li .title{color:#777; font-size:14px; margin:0 10px;}
#productsList li .info{margin:0 10px;}
#productImgBox{width:400px; float:left; margin-left:20px;}
#productImgBox #img{border:1px #999 solid; width:100%;}
#productImgBox .simgs img{border:1px #999 solid; margin:5px 10px 10px 0; cursor:pointer;}
#productInfo{width:330px; float:right;}
#productInfo .title{font-size:20px; line-height:26px;}
#productInfo .color{width:22px; height:22px; float:left; margin:0 10px 10px 0; cursor:pointer;}
#productInfo .specifications{width:45px; display:inline-block; text-align:center; margin:0 2px 5px 0; cursor:pointer; border:1px #777 solid; color:#777; font-weight:bold;}
#productInfo .specifications_current{background:#CCC;}
#orders_list{border:none; border-collapse:collapse; width:100%;}
#orders_list td{vertical-align:top; text-align:center;}
#orders_list .title td{background:#6C491D; color:#FFF; border:1px #FFF solid;}
#info{margin:0 0 20px 0;}
.productInfoTitle{color:#2e5ecf;}
.order_title{color:#FF7000; font-size:22px; line-height:27px; margin:20px 0 10px 0;}
#member_index_list{margin-top:20px;}
#member_index_list li{list-style:none; margin:0 0 40px 0; line-height:14px;}
#member_index_list li a.title{color:#FF770D; font-weight:bold; font-size:20px; line-height:25px; display:block;}
#footerList{background:#595757; padding:20px 0; color:#fff;}
#footerList a{color:#fff;}
#footerList .main .info{width:305px; float:left; padding:0px 0;}
#footerList .main .info .title{font-size:20px; font-weight:normal;}
#footerList .main .info a{display:block; margin-bottom:10px; font-weight:normal;}
#footerList .main .info a:hover{color:#7E7E7E;}
#footerList .main .info a img{float:left; margin-right:10px; position:relative; top:5px;}
#footerList .main .info:nth-child(3) a{display:inline-block;}
#footerList .main .info .title .more{font-size:14px; float:right; margin:5px 0 0 0; display:inline-block;}
#footerList .main .info:nth-child(1) .more{margin-right:30px;}
#footerList .main .info:nth-child(2){maring-left:20px; padding:0px 30px; border-left:1px #fff solid; border-right:1px #fff solid;}
#footerList .main .info:nth-child(3){float:right;}
#footer{background:#000; color:#fff; padding:10px 0;}
#footer .main a{color:#fff; font-weight:normal;}
#footer .main a:hover{color:#9C9C9C;}
#footer .main .menu{float:right;}
.ui-btn.ui-btn-blue{font-family:'Noto Sans TC', 'FontAwesome', '微軟正黑體', sans-serif; background-color:#008de1;border-color:#3a6a85;color:#fff; text-shadow:0 1px 0 #454f66;}
.ui-btn.ui-btn-blue:hover{background-color:#0a75d2; color:#fff; text-shadow:0 1px 0 #454f66;}
.ui-btn.ui-btn-default, .bh .ui-btn.ui-btn-default{font-family:'Noto Sans TC', 'FontAwesome', '微軟正黑體', sans-serif; background-color:#ff770d; border-color:#d66006; color:#fff; text-shadow:0 1px 0 #454f66;}
.ui-btn.ui-btn-default:hover{background-color:#d66006; color:#fff; text-shadow:0 1px 0 #454f66;}
.main.members #right a{margin-top:10px; display:block;}
.main.members #right a:before{width:20px; display:inline-block; text-align:center; margin-right:8px;}
.cycle-slideshow img{width:100%;}
@media screen and (max-width:1000px){ 
	.main{width:96%;}
	
}
@media screen and (max-width:600px){
	#header{height:80px;}
	#header .main .logo img{height:60px;}
	#header .main .searchBox{float:right; margin:10px 10px 0 0px;}
	.left, .right{width:96%; margin:10px auto; float:none;}
	#footerList .main .info{width:96%; margin:10px auto; float:none;}
	#footerList .main .info:nth-child(2){margin-left:auto; padding:0; border:none;}
}