@charset "utf-8";
/* CSS Document */
body{ font-family:"Microsoft YaHei",微软雅黑,"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1f1f1f; background-color:#ffffff;}
li{ list-style:none;}
a:hover{ text-decoration:none; color:inherit}
a:visited{ text-decoration:none;color:inherit}
a:active{ text-decoration:none;color:inherit}
a{ color:#1a1a1a;}
.all-box{ width:100%;max-width:1920px;min-width:1400px; margin:0 auto;}
.all-box2{ width:100%; float:left;}
.box-1400{ width:1400px;margin:0 auto;}
.red{ color:#F00;}
.margin-f8{ margin-top:-8px !important;}
.margin-0{ margin-top:0px !important;}
.margin-10{ margin-top:10px !important;}
.margin-34{ margin-top:34px !important;}
.margin-45{ margin-top:45px !important;}
.margin-55{ margin-top:56px !important;}
.margin-65{ margin-top:65px !important;}
.margin-74{ margin-top:74px !important;}
.margin-l-38{ margin-left:38px !important;}
.margin-l-76{ margin-left:76px !important;}
.margin-l-116{ margin-left:116px !important;}
.margin-l-188{ margin-left:188px !important;}
.box-1300{ width:1300px;margin:0 auto;}
.box-920{ width:920px;margin:0 auto;}
.box-940{ width:940px;margin:0 auto;}
.color-666666{ color:#666666;}
.btn1{ width:220px; height:42px; font-size:14px; line-height:42px; text-align:center; border:1px #000000 solid; border-radius:2px; float:left;}
.btn1 a{ width:100%; float:left;}

.btn2{ width:220px; height:42px; font-size:14px; line-height:42px; text-align:center; background-color:#3756a8; border-radius:2px; float:left;}
.btn2 a{ width:100%; color:#FFF; float:left;}

.float-left{ float:left !important}
.float-right{ float:right !important}

.page-box{ width:100%; margin-top:65px; margin-bottom:100px; float:left;}
.page-box ul{padding:0px; margin:0 auto; display:table;}
.page-box ul li{ width:36px; height:36px; font-size:14px; line-height:36px; text-align:center; border:1px #dddddd solid; border-radius:50%; margin:6px;float:left;}
.page-box ul li a{ width:100%; height:36px; float:left;}
.page-box ul li:hover{ background-color:#3756a8; border:1px #3756a8 solid; color:#FFF;}
.page-box ul li:hover a{ color:#FFF;}
.page-box .active{ background-color:#3756a8; border:1px #3756a8 solid; color:#FFF;}

.header-box{ width:100%; height:89px;float:left;}
.logo-box{ width:343px;margin-top:29px;  float:left;}
.menu-box{ width:934px; margin-top:49px; float:left;}
.menu-box ul{ margin:0px; padding:0px;}
.menu-box ul li{ width:104px; text-align:center; float:left;}
.menu-box ul li a{ width:100%; font-size:18px; line-height:19px; float:left;}
.menu-box ul li:nth-child(1){ width:66px; margin-left:26px;}
.menu-box ul li:nth-child(2){ width:127px;}
.menu-box ul li:nth-child(3){ width:127px;}
.menu-box ul li:nth-child(6){ width:127px;}
.menu-box ul li img{ margin-left:8px;}
.menu-box ul li:hover img{transform: rotateX(-180deg);}

.menu-ej{ width:200px; position:relative; z-index:9999;margin-top:18px; background:#FFF;padding-top:20px; padding-bottom:25px;box-shadow: 0px 2px 2px #d5d5d5; display:none; float:left;}
.menu-ej-b{ background:url('../image/menu-ej1.png') 85% 50% no-repeat;}
.menu-ej ul{ margin:0px; padding:0px; float:left}
.menu-ej ul li{ width:200px; height:40px; text-align:left; margin-top:7px;float:left;}
.menu-ej ul li:nth-child(1){ width:100%; margin-left:0px;}
.menu-ej ul li:nth-child(2){ width:100%;}
.menu-ej ul li:nth-child(3){ width:100%;}
.menu-ej ul li:hover{ background-color:#3756a8;}
.menu-ej ul li:hover a{ color:#FFF;}
.menu-ej ul li:hover .menu-ej-b{ background:url('../image/menu-ej2.png') 85% 50% no-repeat;}
.menu-ej ul li a{ width:100%; font-size:16px; line-height:40px; padding-left:29px; float:left;}
.menu-ej ul li a:hover{ color:#FFF;}


.menu-box ul li:hover .menu-ej{ display:block}

.menu-sj{ width:0px; background:#3756a8; position:absolute; margin-left:200px; top:0px; overflow:hidden}
.menu-sj ul{ width:100%; margin:0px; padding:0px; margin-left:45px; margin-top:33px; margin-bottom:20px;}
.menu-sj ul li{ width:50% !important; margin-bottom:25px; height:16px; float:left;}
.menu-sj ul li:nth-child(1){ width:50% !important;}
.menu-sj ul li a{ width:100%; line-height:16px; color:#FFF; padding-left:0px;}

.menu-ej ul li:hover .menu-sj{ width:633px;}
.menu-ej ul li:hover .menu-sj-brand{ width:633px;}

.menu-sj-brand{ width:0px; height:458px; background:#3756a8; position:absolute; margin-left:200px; top:0px; overflow:hidden}
.menu-sj-brand-box{ width:593px; height:398px; overflow:hidden; margin-left:20px; margin-top:27px;  float:left}
.menu-sj-brand-list{ width:100%; height:384px;float:left}
.menu-sj-brand-list ul{ margin:0px; padding:0px;}
.menu-sj-brand-list ul li{ width:190px !important; height:72px; background-color:#FFF; margin-right:11px !important; margin-top:0px !important; margin-bottom:24px; float:left;}
.menu-sj-brand-list ul li:nth-child(3n){ margin-right:0px !important;}
.menu-sj-brand-list ul li:hover{ background-color:#FFF;}
.menu-sj-brand-list ul li a{ width:180px; height:62px; margin:5px; background-size:contain !important; float:left;}
.menu-sj-brand-btn{float:right;}
.menu-sj-brand-btn a{ width:16px !important; height:12px !important;  margin-left:17px; padding-left:0px !important; float:left;}
.menu-sj-brand-btn a img{ margin-left:0px !important;}

.p-menu-box{ display:none;}

.h-btn{ margin-top:40px; float:right;}
.h-btn ul{ margin:0px; padding:0px;}
.h-btn ul li{ height:28px; margin-left:26px; float:left;}
.h-btn ul li:nth-child(1){ width:18px; background:url('../image/h-b1.png') no-repeat; background-position:bottom; margin-left:0px;}
.h-btn ul li:nth-child(2){ width:22px; background:url('../image/h-b2.png') no-repeat; background-position:bottom}
.h-btn ul li:nth-child(3){ width:28px; background:url('../image/h-b3.png') no-repeat; background-position:bottom}
.h-btn ul li:nth-child(4){ display:none}
.h-btn-num{ width:18px; height:18px; font-size:10px; line-height:18px; text-align:center; color:#FFF; border-radius:50%; background-color:#3756a8; float:right;}

.h-btn ul li a{ width:100%; height:28PX; float:left}

.search-box{ width:100%; height:50px; background:url('../image/search.png') 30px 50% no-repeat; background-color:#f5f5f5; border-radius:30px; border:0px; margin-top:18px; outline:none; padding-left:56px; font-size:18px; float:left;}

/*幻燈片*/
.slide-box{ width:100%; margin-top:24px; float:left;}
.index-slide-box{ width:1400px; height:620px;float:right;}

.slideplay ,.slideshow{ position: relative; } 
.slideshow li{ width:100%; position: absolute; left: 0; top: 0; display: none; } 
.loadbar{ width:100%; position: absolute; left:0; z-index: 9;background-color:#dddddd; margin:0px; padding:0px;} 
.loadbar li{height: 6px; float: left; position: relative;} 
.loadbar span{ position: absolute; left: 0; top: 0; height: 6px; width: 100%; text-align: center; z-index: 12; cursor: pointer; color: #fff; border-radius: 2px; 
} 
.loadbar em{ position: absolute; left: 0; top: 0; height: 6px; background: #3756a8; z-index: 10;} 
.zindex{ z-index: 0; } 

.index-cat-btn{ width:100%; margin-top:50px; float:left;}
.index-cat-btn ul{ margin:0px; padding:0px;}
.index-cat-btn ul li{ width:440px; height:220px; margin-right:40px; float:left;}
.index-cat-btn ul li:nth-child(1){ background-color:#38c565;}
.index-cat-btn ul li:nth-child(2){ background-color:#3756a8;}
.index-cat-btn ul li:nth-child(3){ background-color:#f97d91; margin-right:0px;}
.index-cat-btn a{ width:400px; height:180px; font-size:26px; line-height:180px; letter-spacing:7px; text-align:center; color:#FFF; border:2px #FFFFFF solid; margin:20px; float:left;}


.index-t-box{ width:100%; font-size:28px; line-height:28px; margin-top:50px; margin-bottom:50px; text-align:center; float:left;}

.brand-box{ width:100%; margin-bottom:40px; float:left}
.brand-box ul{ margin:0px; padding:0px;}
.brand-box ul li{ width:260px; margin-right:24px; float:left}
.brand-box ul li:nth-child(5){ margin-right:0px;}
.brandbox{ width:100%; border:1px #dddddd solid;background-size:100%!important;float:left}
.brandbox2{ width:100%; border:1px #dddddd solid;background-size:100%!important; margin-top:25px; float:left}
.brandbox:hover{ border:1px #3756a8 solid; background-size:110% !important;transition: all .34s;}
.brandbox2:hover{ border:1px #3756a8 solid;background-size:110% !important;transition: all .34s;}
.brand-box ul li:nth-child(1) .brandbox{ height:196px;}
.brand-box ul li:nth-child(1) .brandbox2{ height:196px;}
.brand-box ul li:nth-child(2) .brandbox{ height:244px;}
.brand-box ul li:nth-child(2) .brandbox2{ height:148px;}
.brand-box ul li:nth-child(3) .brandbox{ height:290px;}
.brand-box ul li:nth-child(3) .brandbox2{ height:102px;}
.brand-box ul li:nth-child(4) .brandbox{ height:244px;}
.brand-box ul li:nth-child(4) .brandbox2{ height:148px;}
.brand-box ul li:nth-child(5) .brandbox{ height:196px;}
.brand-box ul li:nth-child(5) .brandbox2{ height:196px;}

.index-btn{ width:123px; height:44px; font-size:14px; color:#3756a8; line-height:44px; text-align:center; border:1px #3756a8 solid; margin:0 auto; margin-bottom:40px; border-radius:2px;}
.index-btn a{ width:100%;color:#3756a8; float:left }
.index-btn:hover{ background-color:#3756a8;}
.index-btn:hover a{ color:#FFF;}

.index-Advertising{ width:100%; text-align:center; float:left;}
.index-Advertising img{ max-width:100%;}

/*新品推介*/
.index-new-p-box{ width:1300px; margin-left:50px; float:left}
.index-new-p-box ul{ margin:0px; padding:0px;}
.index-new-p-box ul li{ width:250px; margin-right:99px; margin-bottom:60px; float:left;}
.index-new-p-box ul li:nth-child(4n){ margin-right:0px;}
.index-new-p-img{ width:250px; height:250px; overflow:hidden; float:left;}
.index-new-p-brand{ height:24px; font-size:14px; line-height:24px; background-color:#3756a8; color:#fff; padding-left:10px; padding-right:10px; border-radius:30px; margin-top:8px; float:left;}
.index-new-p-t{ width:100%; font-size:16px; line-height:16px; color:#1a1a1a; margin-top:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;float:left;}
.index-new-p-price{ font-size:20px; line-height:20px; color:#1a1a1a; margin-top:19px; float:left;}
.index-new-p-Cart{ width:20px; height:20px; margin-top:19px; float:right;}

.index-hot-p-box{ width:1300px; margin-left:50px; float:left}
.index-hot-p-box ul{ margin:0px; padding:0px;}
.index-hot-p-box ul li{ width:250px; margin-right:99px; margin-bottom:60px;float:left;}
.index-hot-p-box ul li:nth-child(1){ width:600px; }
.index-hot-p-box ul li:nth-child(3){ margin-right:0px;}
.index-hot-p-box ul li:nth-child(7){ margin-right:0px;}

/*特價推介*/
.index-special-p-box{ width:1300px; margin-left:50px; float:left}
.index-special-p-box ul{ margin:0px; padding:0px;}
.index-special-p-box ul li{ width:402px; margin-right:47px; margin-bottom:40px; float:left}
.index-special-p-box ul li:nth-child(3n){ margin-right:0px;}
.index-special-p-img{ width:160px; height:160px; overflow:hidden;float:left;}
.index-special-p-txt{ width:230px; float:right;}
.index-special-p-t{ width:100%; height:73px; font-size:16px; line-height:18px; color:#1a1a1a; margin-top:10px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;float:left;}
.index-p-price-through{ width:100%; font-size:16px; line-height:16px; color:#999999; text-decoration: line-through; float:left;}


/**底部*/
.footer-box{ width:100%; background-color:#3756a8; padding-top:40px; padding-bottom:40px; float:left}
.footer-list{ height:182px; border-right:1px #FFFFFF solid; float:left;}
.footer-list ul{ margin:0px; padding:0px;}
.footer-list ul li{ width:247px; float:left}
.footer-list ul li:nth-child(4){ width:125px; }
.footer-list ul li p{ font-size:14px; margin:0px; padding:0px; margin-bottom:10px; color:#FFF;}
.footer-list ul li p:nth-child(6){ margin-bottom:0px;}
.footer-list ul li p a{ color:#FFF;}
.footer-t{ font-size:16px !important; line-height:16px; margin-bottom:25px !important;}
.footer-right-box{ width:456px;height:182px; border-right:1px #FFFFFF solid; padding-right:58px; float:left;}
.footer-logo{ font-size:36px; line-height:36px; color:#FFF; letter-spacing:6px;float:right;}
.footer-tel{ color:#FFF; margin-top:40px; background:url('../image/footer.png') 0% 50% no-repeat; padding-left:75px; float:right;}
.footer-tel p{ margin:0px;}
.footer-tel p:nth-child(1){ font-size:16px; line-height:16px;}
.footer-tel p:nth-child(2){ font-size:24px; line-height:24px; margin-top:14px;}
.footer-num{ font-size:14px; line-height:14px; margin-top:25px; color:#FFF; float:right}
.footer-num a{ color:#FFF;}
.footer-tb{ width:16px; float:right}
.footer-tb ul{ margin:0px; padding:0px;}
.footer-tb ul li{ width:100%; text-align:center; margin-bottom:24px; float:left}




/******登錄*******/
.login-box{ width:504px; margin:0 auto;}
.login-t1{ width:100%; font-size:28px; line-height:28px; text-align:center; margin-top:40px;float:left}
.login-t2{ width:100%; font-size:16px; line-height:16px; text-align:center; margin-top:20px;float:left}
.login-wechat{ width:100%; height:42px; font-size:16px; line-height:42px; color:#FFF; text-align:center; background-color:#3eb135; border-radius:30px; margin-top:30px; float:left;}
.login-wechat img{ line-height:42px; margin-right:8px; margin-top:-3px;}
.login-wechat:hover{ color:#FFF;}
.login-fgx{ width:100%; height:1px; background-color:#dddddd; margin-top:36px; float:left;}
.login-fgx-txt{ width:40px; font-size:16px; line-height:16px; color:#999999; background-color:#FFF; text-align:center; margin:0 auto; margin-top:-9px;}
.login-input-t{ width:100%; font-size:16px; line-height:16px; margin-top:34px; float:left;}
.login-input{ width:100%; height:42px; border:1px #dddddd solid; border-radius:30px; margin-top:14px; text-align:center; outline:none; float:left;}
.login-remember{ font-size:14px; line-height:18px; margin-top:20px; float:left;}
.login-remember input[type='checkbox'] {
  display: none;
}
.login-remember label {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  background-position: 0 0px;
  border:1px #000000 solid;
  margin:0px;
  padding:0px;
  float:left;
}
.login-remember input[type='checkbox']:checked+label {
	background:url('../image/checkbox.png') 50% 50% no-repeat;
}

.login-remember span{ margin-left:8px;float:left;}
.login-remember span a{ color:#3756a8}
.login-forget{ font-size:14px; line-height:14px; color:#3756a8; margin-top:22px; float:right;}

.login-btn{ width:124px; height:44px; font-size:14px; line-height:44px; color:#FFF; background:#3756a8; margin:0 auto; margin-top:64px;}
.login-btn a{ width:100%; color:#FFF; text-align:center; float:left;}
.login-t3{ width:100%; font-size:22px; line-height:22px; margin-top:38px; float:left}
.login-t4{ width:100%; font-size:14px; line-height:16px; margin-top:20px; letter-spacing:1px; float:left}
.login-t5{ width:100%; font-size:14px; line-height:14px; color:#3756a8; margin-top:22px; margin-bottom:100px; float:left;}
.login-t6{ width:100%; font-size:14px; line-height:14px; color:#3756a8; margin-top:32px; margin-bottom:100px; text-align:center; float:left;}
.login-t6 a{color:#3756a8;}

.ny-box{ width:100%; padding-top:24px;  float:left}
.ny-menu{ width:100%;margin-top:24px; float:left}
.ny-menu ul{ margin:0px; padding:0px;}
.ny-menu ul li{ font-size:14px; line-height:14px; margin-right:4px; float:left;}
.data-total{ width:520px; font-size:14px; line-height:18px; margin-left:50px; float:left;}
.data-total span{ font-size:18px; line-height:18px;}

.screen-checkbox{ float:left;}
.screen-checkbox ul{ margin:0px; padding:0px;}
.screen-checkbox ul li{ margin-right:77px; float:left;}
.screen-checkbox input[type='checkbox'] {
  display: none;
}
.screen-checkbox label {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  background-position: 0 0px;
  border:1px #000000 solid;
  margin:0px;
  padding:0px;
  float:left;
}
.screen-checkbox input[type='checkbox']:checked+label {
	background:url('../image/checkbox.png') 50% 50% no-repeat;
}

.screen-checkbox span{ margin-right:10px;float:left;}
.sort-box{ width:48px; height:18px; font-size:14px; line-height:18px; margin-right:50px;float:right;}
.sort-box a{ color:#3756a8}
.sort-box a img{ margin-left:8px; transform: rotateX(-180deg);}
.sort-list{ width:200px; height:100px; position:relative; background-color:#FFF; border:1px #3756a8 solid; margin-left:-152px; margin-top:16px; display:none;}
.sort-list ul{ margin:0px; padding:0px;}
.sort-list ul li{ width:100%; height:36px; font-size:14px; line-height:36px; margin-top:7px; padding-left:18px; float:left;}
.sort-list ul li a{ color:#1a1a1a}
.sort-list ul li:nth-child(1){ background:url('../image/sort-list1.png') 90% 50% no-repeat;}
.sort-list ul li:nth-child(2){ background:url('../image/sort-list2.png') 90% 50% no-repeat;}
.sort-list ul li:hover{ background-color:#eeeeee;}
.sort-on img{transform: rotateX(0deg) !important;}


/****聯絡我們*****/
.contact-left{ width:399px; float:left;}
.contact-left ul{ margin:0px; padding:0px;}
.contact-left ul li{ width:100%; font-size:16px; line-height:18px; color:#1a1a1a; margin-bottom:30px; padding-left:25px; float:left}
.contact-left ul li:nth-child(1){ background:url('../image/address.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(2){ background:url('../image/tel.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(3){ background:url('../image/fax.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(4){ background:url('../image/email.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(5){ background:url('../image/wechat2.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(6){ background:url('../image/facebook.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(7){ background:url('../image/whatsapp.png') 0% 50% no-repeat;}

.contact-map{ width:900px; float:right;}
.contact-map img{ max-width:100%;}
.contact-from{ width:100%; padding-bottom:100px; float:left;}
.contact-from .input-box{ width:408px; float:left;}
.contact-from .input-t{ width:100%; font-size:16px; line-height:16px; margin-top:30px; float:left}
.contact-from .input{ width:100%; height:42px; border:1px #dddddd solid; margin-top:12px; outline:none; padding-left:10px; float:left;}
.textarea-box{ width:854px; float:left;}

.contact-from .textarea{ width:100%; height:200px; border:1px #dddddd solid; margin-top:12px; padding-left:10px; padding-top:10px;outline:none; float:left;}
.contact-from .btn-box{ padding-top:214px; float:right}
.contact-from .btn-box ul{ margin:0px; padding:0px;}
.contact-from .btn-box ul li{ width:124px; height:44px; float:left;}
.contact-from .btn-box ul li:nth-child(1){ background-color:#3756a8;}
.contact-from .btn-box ul li:nth-child(1) a{ width:100%; font-size:14px; line-height:44px; text-align:center; color:#FFF; float:left}
.contact-from .btn-box ul li:nth-child(2){ border:1px #000000 solid; margin-left:36px;}
.contact-from .btn-box ul li:nth-child(2) input{ width:100%; font-size:14px; line-height:44px; background:none; border:0px;}

.about-box{ width:100%; font-size:16px; padding-bottom:10%; float:left;}

/*****最新資訊******/
.news-box{ width:100%; float:left;}
.news-box ul{ margin:0px; padding:0px;}
.news-box ul li{ width:100%; height:46px; border-bottom:1px #dddddd solid; float:left;}
.news-t{ width:790px; font-size:16px; line-height:46px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; float:left;}
.news-date{  font-size:16px; line-height:46px; float:right;}
.news-t:hover{ color:#3756a8}


/*******產品詳情******/
.picture-group{ width:662px; margin-top:36px; float:left;}
.picture-group-sm{ width:62px; height:500px; float:left;}
.picture-group-big{ width:560px; height:500px; margin-left:39px; float:left;}
.carousel-inner{ width:560px; height:500px;text-align:center;}
.carousel-inner .item{ width:500px; height:500px;background-size:contain !important; margin-left:30px;}
.picture-left{ width:18px; height:500px; background:url('../image/left.png') 50% 50% no-repeat; position:absolute; top:0;}
.picture-right{ width:18px; height:500px; background:url('../image/right.png') 50% 50% no-repeat; position:absolute; top:0; right:0;}
.carousel-indicators{ width:62px; height:500px;position:inherit; left:0px; margin-left:-101px; bottom:0px;float:left;}
.carousel-indicators li{ width:62px; height:62px; border-radius:0px;margin:0px; margin-top:25px; border:1px #dddddd solid;background-size:contain !important;}
.carousel-indicators li:nth-child(1){ margin-top:0px;}
.carousel-indicators .active{width:62px; height:62px; margin:0px;margin-top:25px; border:1px #3756a8 solid;}
.product-d-box{ width:569px; margin-top:29px; float:right;}
.product-d-t{ width:100%; height:43px; font-size:20px; line-height:22px; margin-top:12px; overflow:hidden; float:left;}
.product-d-txt{ width:100%; height:182px; font-size:14px; line-height:23px;overflow:auto; float:left;}
.product-d-txt::-webkit-scrollbar{/*滚动条整体*/
width:5px;
}
.product-d-txt::-webkit-scrollbar-track{/*滚动条轨道*/
background:#999;
}
.product-d-txt::-webkit-scrollbar-thumb{/*滚动条里面的滑块*/
background:#CCC;

}
.product-d-txt::-webkit-scrollbar-thumb:hover{/*滚动条鼠标事件，鼠标放上去出现的事件*/
background:#333;
}
.product-d-txt::-webkit-scrollbar-corner{/*滚动条边角*/
background:#179a16;
}
.product-d-price{ width:100%; font-size:28px; line-height:28px; margin-top:25px; float:left;}
.product-d-by{ width:100%; font-size:14px; line-height:14px; margin-top:26px; float:left}
.product-d-num{ width:100%; font-size:14px; line-height:14px; margin-top:12px; float:left}
.product-d-num-box{ width:124px; height:42px; border:1px #000000 solid; margin-top:12px; border-radius:2px; float:left}
.product-d-num-input{ width:57px; height:40px; margin-left:17px; border:0px; background:none; outline:none; float:left;}
.product-d-num-btn{ width:8px; margin-right:17px; float:right}
.product-d-num-btn a{ float:left;}
.product-d-num-btn a:nth-child(1){ margin-top:9px;} 
.product-d-num-btn a:nth-child(2){ margin-top:12px;} 
.product-d-stock{ font-size:14px; line-height:42px; margin-left:20px; margin-top:12px; float:left}
.product-d-btn{ width:100%; margin-top:20px; float:left}
.product-d-btn ul{ margin:0px; padding:0px;}
.product-d-btn ul li{ width:260px; height:42px; font-size:14px; line-height:42px; text-align:center; border-radius:2px; float:left}
.product-d-btn ul li a{ width:100%; float:left;}
.product-d-btn ul li:nth-child(1){ background-color:#3756a8;}
.product-d-btn ul li:nth-child(1) a{ color:#FFF;}
.product-d-btn ul li:nth-child(1) a img{ margin-right:10px;}
.product-d-btn ul li:nth-child(2){ border:1px #000000 solid; float:right}

.product-d-fgx{ width:100%; height:1px; background-color:#dddddd; margin-top:40px; float:left}


/****購物車*****/
.cart-menu{ width:100%; border-top:1px #dddddd solid; border-bottom:1px #dddddd solid; float:left;}
.cart-box1{ width:754px; min-height:57px;float:left}
.cart-box2{ width:122px; font-size:16px; line-height:57px;text-align:center; float:left}
.cart-box3{ width:342px; font-size:16px; line-height:57px; text-align:center; float:left}
.cart-box4{ font-size:16px; line-height:57px; text-align:right; float:rght}

.cart-list{ width:100%; border-bottom:1px #dddddd solid;float:left}
.cart-list ul{ margin:0px; padding:0px;}
.cart-list ul li{ width:100%; margin-top:30px; margin-bottom:30px; float:left;}
.cart-img{ width:132px; height:132px; background-size:contain !important; margin-right:20px; float:left;}
.cart-d{ width:600px; float:left;}
.cart-d-price{ width:100%; font-size:22px; line-height:22px; margin-top:50px; float:left}
.cart-btn{ margin-top:40px; margin-bottom:110px; float:left;}
.cart-btn ul{ margin:0px; padding:0px;}
.cart-btn ul li{ font-size:14px; line-height:20px; float:left;}
.cart-btn ul li a{ width:100%; padding-left:28px; float:left;}
.cart-btn ul li:nth-child(1){ background:url('../image/bag.png') 0 0 no-repeat;}
.cart-btn ul li:nth-child(2){ background:url('../image/Trash.png') 0 0 no-repeat; margin-left:60px;}
.cart-btn2{ float:right;}
.cart-Total{ font-size:20px; line-height:20px; margin-top:40px; float:left;}
.cart-settlement{ width:220px; height:42px; background-color:#3756a8; margin-left:70px; margin-top:29px; float:left;}
.cart-settlement a{ width:100%; font-size:14px; line-height:42px; color:#FFF; text-align:center; float:left;}

/*****訂單查詢*****/
.lookup-box{ width:340px; height:38px; background-color:#f5f5f5; border-radius:30px; float:left;}
.lookup-box input{ width:290px; height:38px; border:0px; background:none; outline:none; margin-left:27px; float:left;}
.lookup-btn{ width:123px; height:38px; background-color:#3756a8; float:left;}
.lookup-btn a{ width:100%; font-size:14px; line-height:38px; color:#ffffff; text-align:center; float:left;}
.lookup-list-box{ width:100%; margin-top:40px; padding-bottom:90px; float:left}
.lookup-t-box{ width:100%; font-size:14px; line-height:40px; color:#FFF; background-color:#3756a8;float:left;}
.lookup-t-box span:nth-child(1){ margin-left:26px;}
.lookup-t-box span:nth-child(2){ margin-left:58px;}
.lookup-list{ width:100%; border:1px #dddddd solid; padding-left:26px; padding-right:26px; padding-bottom:26px; margin-bottom:18px; float:left;}
.lookup-list ul{ margin:0px; padding:0px;}
.lookup-list ul li{ width:100%; margin-top:26px; float:left}
.lookup-list-box1{ width:689px; font-size:14px; text-align:center; float:left;}
.lookup-list-box2{ width:160px; font-size:14px; text-align:center; padding-top:34px; float:left;}
.lookup-list-box3{ width:286px; font-size:14px; text-align:center; padding-top:34px; float:left;}
.lookup-list-box4{  font-size:14px; text-align:right;padding-top:34px; color:#8b53ab; float:right;}
.lookup-img{ width:80px; height:80px; background-size:contain !important; float:left;}
.lookup-d{ width:590px; margin-left:19px; float:left;}
.lookup-brand{ height:20px; font-size:12px; line-height:20px; background-color:#3756a8; color:#fff; padding-left:10px; padding-right:10px; border-radius:30px; float:left;}
.lookup-list-t{ width:100%; font-size:14px; line-height:14px; text-align:left; margin-top:8px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;float:left;}
.lookup-list-price{ width:100%; font-size:14px; line-height:14px; margin-top:27px; text-align:left; float:left;}

/******訂單結算*******/
.settlement-get-box{ width:100%; float:left}
.settlement-get-box ul{ padding:0px; margin:0 auto; display:table}
.settlement-get-box ul li{ width:146px; height:44px; border:1px #000000 solid; margin-left:40px; margin-right:40px; border-radius:2px; float:left;}
.settlement-get-box ul li a{ width:100%; font-size:16px; line-height:44px; text-align:center; float:left;}
.settlement-get-box ul li:hover{ background-color:#3756a8;border:1px #3756a8 solid;}
.settlement-get-box ul li:hover a{ color:#FFF;}
.settlement-get-box .active{background-color:#3756a8;border:1px #3756a8 solid;}
.settlement-get-box .active a{color:#FFF;}
.settlement-address{ width:100%; border-top:1px #dddddd solid;border-bottom:1px #dddddd solid; margin-top:20px; background:url('../image/address2.png') 0 50% no-repeat; padding-left:35px; float:left;}
.settlement-address-box1{ font-size:16px; line-height:56px; margin-right:39px; float:left}
.settlement-address-box2{ font-size:16px; line-height:56px;float:right}
.settlement-list-box1{ width:806px; float:left}
.settlement-list-box2{ width:145px; font-size:14px; line-height:14px; padding-top:61px; text-align:center; float:left}
.settlement-list-box3{  font-size:20px; line-height:20px; padding-top:61px; float:right}
.pay-box{ width:100%; margin-top:20px; padding-bottom:20px; border-bottom:1px #dddddd solid; float:left}
.pay-box ul{ margin:0px; padding:0px;}
.pay-box ul li{ width:146px; height:44px; border:1px #dddddd solid; border-radius:2px; margin-right:40px; float:left;}
.pay-box ul li:hover{ border:1px #3756a8 solid;}
.pay-box ul li a{ width:100%; height:44px; float:left;}
.pay-wechat{ background:url('../image/pay-wechat.png') 50% 50% no-repeat;}
.pay-mpay{ background:url('../image/pay-mpay.png') 50% 50% no-repeat;}
.pay-box .active{border:1px #3756a8 solid;}
.settlement-freight{ width:100%; font-size:16px; line-height:56px; border-bottom:1px #dddddd solid; float:left;}
.coupon-select{ width:95%; border:0px; outline:none;}
.settlement-btn-box{ width:100%; margin-bottom:100px; float:left}
.settlement-Total{ font-size:20px; margin-top:30px; float:left;}
.settlement-btn{ margin-top:21px;float:right;}

/*******常見問題******/
.question-list{ width:100%; float:left}
.question-list ul{ margin:0px; padding:0px;}
.question-list ul li{ width:100%; border-bottom:1px #000000 solid; padding-bottom:13px; margin-bottom:20px; background:url('../image/question1.png') 100% 10px no-repeat; float:left;}
.question-t{ width:95%; font-size:16px; line-height:20px; cursor:pointer; float:left;}
.question-t span:nth-child(1){ width:5%; float:left;}
.question-t span:nth-child(2){ width:95%; float:left;}
.question-content{ width:100%; height:0px; overflow:hidden; font-size:16px; line-height:23px; margin-top:12px;transition:all .30s linear; float:left;}
.question-content-on{background:url('../image/sort.png') 100% 10px no-repeat !important;}
.question-content-on .question-content{ height:auto;transition:all .30s linear;}
.question-content-on .question-t{ color:#3756a8}

/***會員中心*****/
.member-box{ width:100%;box-shadow:0 0 5px #dddddd; margin-bottom:100px; float:left;}
.member-left{ width:283px;  float:left;}
.head-portrait{ width:88px; height:88px; border-radius:50%; background-size:contain !important;  margin:0 auto; margin-top:25px;}
.member-name{ width:100%; font-size:16px; line-height:16px; margin-top:16px; text-align:center; float:left;}
.member-menu{ width:100%; margin-top:35px;float:left;}
.member-menu ul{ margin:0px; padding:0px;}
.member-menu ul li{ width:100%; height:36px;border-left:4px #ffffff solid; margin-bottom:28px; float:left;}
.member-menu ul li:hover{ border-left:4px #3756a8 solid;}
.member-menu ul li a{ width:100%; font-size:16px; line-height:36px; padding-left:70px; float:left;}
.member-menu ul li a:hover{ color:#3756a8}
.member1{ background:url('../image/member1.png') 40px 50% no-repeat;}
.member1:hover{ background:url('../image/member1-2.png') 40px 50% no-repeat;}
.member2{ background:url('../image/member2.png') 40px 50% no-repeat;}
.member2:hover{ background:url('../image/member2-2.png') 40px 50% no-repeat;}
.member3{ background:url('../image/member3.png') 40px 50% no-repeat;}
.member3:hover{ background:url('../image/member3-2.png') 40px 50% no-repeat;}
.member4{ background:url('../image/member4.png') 40px 50% no-repeat;}
.member4:hover{ background:url('../image/member4-2.png') 40px 50% no-repeat;}
.member5{ background:url('../image/member5.png') 40px 50% no-repeat;}
.member5:hover{ background:url('../image/member5-2.png') 40px 50% no-repeat;}
.member-menu .active a{color:#3756a8}
.member-menu .active{border-left:4px #3756a8 solid;}
.member-menu .active .member1{ background:url('../image/member1-2.png') 40px 50% no-repeat;}
.member-menu .active .member2{ background:url('../image/member2-2.png') 40px 50% no-repeat;}
.member-menu .active .member3{ background:url('../image/member3-2.png') 40px 50% no-repeat;}
.member-menu .active .member4{ background:url('../image/member4-2.png') 40px 50% no-repeat;}
.member-menu .active .member5{ background:url('../image/member5-2.png') 40px 50% no-repeat;}

.member-right{ width:1017px; min-height:500px;border-left:1px #dddddd solid; padding-left:59px; padding-right:59px;float:left;}
.member-t{ width:100%; font-size:22px; line-height:22px; margin-top:38px; margin-bottom:38px; text-align:center; float:left;}
.member-t2{ width:100%; font-size:14px; line-height:18px; float:left}
.member-t2 span{ font-size:18px;}
.member-addree-list{ width:100%;  float:left;}
.member-addree-list ul{ margin:0px; padding:0px;}
.member-addree-list ul li{ width:284px; height:276px; border:1px #dddddd solid; padding:20px; margin-top:16px; margin-right:23px; float:left;}
.member-addree-list ul li:nth-child(3n){ margin-right:0px;}
.member-addree-list ul li:hover{ border:1px #3756a8 solid;}
.member-addree-top{ width:100%; height:211px; border-bottom:1px #dddddd solid; float:left;}
.member-addree-t{ width:100%; font-size:16px; line-height:22px; text-align:center; margin-top:6px; margin-bottom:8px; float:left;}
.default-btn{ width:110px; height:40px; font-size:14px; line-height:40px; text-align:center; background-color:#3756a8; color:#FFF; margin-left:67px; margin-top:18px; float:left;}
.member-a1{ font-size:14px; line-height:14px; color:#666666; margin-top:15px; float:left;}
.member-a2{ font-size:14px; line-height:14px; color:#666666; margin-top:15px; float:right;}
.member-addree-t2{ width:100%;font-size:16px; line-height:16px; text-align:center; color:#666666; margin-top:13px; float:left;}

.member-address-input-box{ width:391px; font-size:16px; line-height:42px; margin-bottom:47px; float:left}
.member-address-input-box2{ width:100%; font-size:16px; line-height:42px; float:left}
.member-address-input-t{ width:91px; float:left;}
.member-address-input{ width:299px; height:42px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:right}
.member-address-input2{ width:808px; height:42px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:right}
.member-address-select{ width:299px; height:42px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:right}

.member-order-box{ width:100%; margin-top:14px; float:left;}
.member-order-list-box1{ width:464px; font-size:14px; text-align:center; float:left;}
.member-order-list-box2{ width:63px; font-size:14px; text-align:center; padding-top:34px; float:left;}
.member-order-list-box3{ width:246px; font-size:14px; text-align:center; padding-top:34px; float:left;}
.member-order-d{ width:362px; margin-left:19px; float:left;}

.member-order-d-t-box{ width:100%; font-size:14px; line-height:40px; color:#FFF; background-color:#3756a8; padding-left:26px; padding-right:26px;float:left;}
.member-order-d-box1{ width:620px; font-size:14px; text-align:center;float:left;}
.member-order-d-box2{ width:78px; font-size:14px; text-align:center;float:left;}
.member-order-d-box3{ font-size:14px; text-align:right; float:right;}
.member-order-d-total{ width:100%; font-size:14px; line-height:42px; border:1px #dddddd solid; border-top:0px; padding-left:26px; padding-right:26px; margin-top:-18px; margin-bottom:20px; float:left;}
.member-order-d-total span:nth-child(1){ float:left}
.member-order-d-total span:nth-child(2){ float:right}

.member-order-d-div1{ width:281px; font-size:16px; line-height:24px; margin-top:20px; float:left;}
.member-order-d-div1 img{ height:24px;}
.member-order-d-div2{ width:100%; font-size:16px; line-height:24px; margin-top:20px; float:left;}

/**優惠卷***/
.coupon-list{ width:100%; float:left}
.coupon-list ul{ margin:0px; padding:0px;}
.coupon-list ul li{ width:31%; font-size:16px; line-height:72px; border:1px #dddddd solid; text-align:center; margin-right:3.5%; margin-top:14px; float:left;}
.coupon-list ul li:nth-child(3n){ margin-right:0px;}


/***我的資料****/
.member-data-box1{ font-size:16px; line-height:42px; width:392px; margin-bottom:40px; float:left;}
.member-data-box2{ font-size:16px; line-height:42px;width:392px; margin-bottom:40px;float:right;}
.member-data-box3{ font-size:16px; line-height:42px;width:389px; margin-bottom:40px;float:left;}
.member-data-box4{ font-size:16px; line-height:42px; margin-bottom:40px;float:right;}

.member-data-t{ width:93px; float:left;}
.member-data-input{ width:299px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:left}
.member-data-select{width:200px; height:42px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:left}


/***品牌列表*****/
.brand-list{ width:100%;float:left}
.brand-list ul{ margin:0px; padding:0px;}
.brand-list ul li{ width:190px; height:72px; border:1px #dddddd solid;margin-right:60px; margin-bottom:34px; float:left;}
.brand-list ul li:nth-child(4n){ margin-right:0px;}
.brand-list ul li a{ width:180px; height:62px; margin:5px; background-size:contain !important;  float:left;}
.brand-list ul li:hover{ border:1px #3756a8 solid;}



@media(max-width:768px){
.all-box{ width:100%;max-width:100%;min-width:100%; margin:0 auto;}
.all-box2{ width:100%; float:left;}
.box-1400{ width:100%;margin:0 auto;}
.red{ color:#F00;}
.margin-f8{ margin-top:0px !important;}
.margin-0{ margin-top:0px !important;}
.margin-10{ margin-top:10px !important;}
.margin-34{ margin-top:34px !important;}
.margin-45{ margin-top:45px !important;}
.margin-55{ margin-top:52px !important;}
.margin-65{ margin-top:65px !important;}
.margin-74{ margin-top:30px !important;}
.margin-l-38{ margin-left:0% !important;}
.margin-l-76{ margin-left:76px !important;}
.margin-l-116{ margin-left:0px !important;}
.margin-l-188{ margin-left:5% !important;}
.box-1300{ width:95%;margin:0 auto;}
.box-920{ width:95%;margin:0 auto;}
.box-940{ width:95%;margin:0 auto;}
.color-666666{ color:#666666;}
.btn1{ width:220px; height:42px; font-size:14px; line-height:42px; text-align:center; border:1px #000000 solid; border-radius:2px; float:left;}
.btn1 a{ width:100%; float:left;}

.btn2{ width:220px; height:42px; font-size:14px; line-height:42px; text-align:center; background-color:#3756a8; border-radius:2px; float:left;}
.btn2 a{ width:100%; color:#FFF; float:left;}

.float-left{ float:left !important}
.float-right{ float:right !important}

.page-box{ width:100%; margin-top:20px; margin-bottom:50px; float:left;}
.page-box ul{padding:0px; margin:0 auto; display:table;}
.page-box ul li{ width:36px; height:36px; font-size:14px; line-height:36px; text-align:center; border:1px #dddddd solid; border-radius:50%; margin:6px;float:left;}
.page-box ul li a{ width:100%; height:36px; float:left;}
.page-box ul li:hover{ background-color:#3756a8; border:1px #3756a8 solid; color:#FFF;}
.page-box ul li:hover a{ color:#FFF;}
.page-box .active{ background-color:#3756a8; border:1px #3756a8 solid; color:#FFF;}

.header-box{ width:100%; height:80px;  overflow:hidden; position:fixed; z-index:888; background-color:#FFF;loat:left;}
.logo-box{ width:50%; height:80px;margin-top:0px; overflow:hidden; margin-left:2.5%;float:left;}
.logo-box img{ height:58px; margin-top:6px;}
.menu-box{ display:none}

/**手機版導航***/
.p-menu-box{ width:0%; height:100%; overflow:hidden; background-color:#3756a8;position:fixed; top:0; left:0; z-index:999999;display:block;transition: all .3s;}
.p-menu-box ul{ width:309px; margin:0px; padding:0px;}
.p-menu-box ul li{ width:80%; margin-left:20%; margin-top:15%; float:left;}
.p-menu-box ul li a{ width:100%; font-size:18px; line-height:18px; color:#FFF; float:left}
.p-menu-box-on{ width:40%;transition: all .3s;}

.p-menu-ej{ width:100%; height:0px; overflow:hidden; float:left}
.p-menu-ej ul{ margin:0px; padding:0px;}
.p-menu-ej ul li{ width:90%; margin-top:10%; margin-left:5%; float:left;}
.p-menu-ej ul li a{ font-size:14px; line-height:14px;}
.p-menu-ej-on .p-menu-ej{ height:auto;}


.h-btn{ margin-top:26px; margin-right:2.5%; float:right;}
.h-btn ul{ margin:0px; padding:0px;}
.h-btn ul li{ height:28px; margin-left:26px; float:left;}
.h-btn ul li:nth-child(1){ width:18px; background:url('../image/h-b1.png') no-repeat; background-position:bottom; margin-left:0px;}
.h-btn ul li:nth-child(2){ width:22px; background:url('../image/h-b2.png') no-repeat; background-position:bottom}
.h-btn ul li:nth-child(3){ width:28px; background:url('../image/h-b3.png') no-repeat; background-position:bottom}
.h-btn ul li:nth-child(4){ font-size:25px; margin-left:50px; margin-top:4px; display:block}
.h-btn-num{ width:18px; height:18px; font-size:10px; line-height:18px; text-align:center; color:#FFF; border-radius:50%; background-color:#3756a8; float:right;}

.h-btn ul li a{ width:100%; height:28PX; float:left}

.search-box{ width:95%; height:50px; background:url('../image/search.png') 30px 50% no-repeat; background-color:#f5f5f5; border-radius:30px; border:0px; margin-top:18px; outline:none; padding-left:56px; font-size:18px; margin-top:80px; margin-left:2.5%; float:left;}

/*幻燈片*/
.slide-box{ width:100%; margin-top:24px; float:left;}
.index-slide-box{ width:100%; height:auto;float:right;}

.slideplay ,.slideshow{ position: relative; } 
.slideshow li{ width:100%; position: absolute; left: 0; top: 0; display: none; } 
.loadbar{ width:100%; position: absolute; left:0; z-index: 9;background-color:#dddddd; margin:0px; padding:0px;} 
.loadbar li{height: 6px; float: left; position: relative;} 
.loadbar span{ position: absolute; left: 0; top: 0; height: 6px; width: 100%; text-align: center; z-index: 12; cursor: pointer; color: #fff; border-radius: 2px; 
} 
.loadbar em{ position: absolute; left: 0; top: 0; height: 6px; background: #3756a8; z-index: 10;} 
.zindex{ z-index: 0; } 
.slideplay img{ width:100%;}

.index-cat-btn{ width:95%; margin-top:40px; margin-left:2.5%; float:left;}
.index-cat-btn ul{ margin:0px; padding:0px;}
.index-cat-btn ul li{ width:32%; height:160px; margin-right:2%; float:left;}
.index-cat-btn ul li:nth-child(1){ background-color:#38c565;}
.index-cat-btn ul li:nth-child(2){ background-color:#3756a8;}
.index-cat-btn ul li:nth-child(3){ margin-right:0px; background-color:#f97d91; margin-right:0px;}
.index-cat-btn a{ width:90%; height:140px; font-size:20px; line-height:140px; letter-spacing:7px; text-align:center; color:#FFF; border:2px #FFFFFF solid; margin:0px; margin-left:5%; margin-top:10px; float:left;}


.index-t-box{ width:100%; font-size:25px; line-height:25px; margin-top:30px; margin-bottom:30px; text-align:center; float:left;}

.brand-box{ width:95%; margin-bottom:40px; margin-left:2.5%; float:left}
.brand-box ul{ margin:0px; padding:0px;}
.brand-box ul li{ width:100%; margin-right:0%; margin-bottom:5%; float:left}
.brand-box ul li:nth-child(5){ margin-right:5%;}
.brand-box ul li:nth-child(2n){ margin-right:0px;}
.brandbox{ width:47.5%; border:1px #dddddd solid;background-size:contain !important; margin-right:5%;float:left}
.brandbox2{ width:47.5%; border:1px #dddddd solid;background-size:contain !important; margin-top:0px; float:left}
.brandbox:hover{ border:1px #3756a8 solid; background-size:110% !important;transition: all .34s;}
.brandbox2:hover{ border:1px #3756a8 solid;background-size:110% !important;transition: all .34s;}
.brand-box ul li:nth-child(1) .brandbox{ height:196px;}
.brand-box ul li:nth-child(1) .brandbox2{ height:196px;}
.brand-box ul li:nth-child(2) .brandbox{ height:196px;}
.brand-box ul li:nth-child(2) .brandbox2{ height:196px;}
.brand-box ul li:nth-child(3) .brandbox{ height:196px;}
.brand-box ul li:nth-child(3) .brandbox2{ height:196px;}
.brand-box ul li:nth-child(4) .brandbox{ height:196px;}
.brand-box ul li:nth-child(4) .brandbox2{ height:196px;}
.brand-box ul li:nth-child(5) .brandbox{ height:196px;}
.brand-box ul li:nth-child(5) .brandbox2{ height:196px;}

.index-btn{ width:123px; height:44px; font-size:14px; color:#3756a8; line-height:44px; text-align:center; border:1px #3756a8 solid; margin:0 auto; margin-bottom:40px; border-radius:2px;}
.index-btn a{ width:100%;color:#3756a8; float:left }
.index-btn:hover{ background-color:#3756a8;}
.index-btn:hover a{ color:#FFF;}

.index-Advertising{ width:95%; text-align:center; margin-left:2.5%; float:left;}
.index-Advertising img{ max-width:100%;}

/*新品推介*/
.index-new-p-box{ width:95%; margin-left:2.5%; float:left}
.index-new-p-box ul{ margin:0px; padding:0px;}
.index-new-p-box ul li{ width:48%; margin-right:4%; margin-bottom:60px; float:left;}
.index-new-p-box ul li:nth-child(2n){ margin-right:0px;}
.index-new-p-img{ width:100%; height:250px; overflow:hidden; background-size:contain !important; float:left;}
.index-new-p-brand{ height:24px; font-size:14px; line-height:24px; background-color:#3756a8; color:#fff; padding-left:10px; padding-right:10px; border-radius:30px; margin-top:8px; float:left;}
.index-new-p-t{ width:100%; font-size:16px; line-height:16px; color:#1a1a1a; margin-top:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;float:left;}
.index-new-p-price{ font-size:20px; line-height:20px; color:#1a1a1a; margin-top:19px; float:left;}
.index-new-p-Cart{ width:20px; height:20px; margin-top:19px; float:right;}

.index-hot-p-box{ width:95%; margin-left:2.5%; float:left}
.index-hot-p-box ul{ margin:0px; padding:0px;}
.index-hot-p-box ul li{ width:48%; margin-right:4%; margin-bottom:60px;float:left;}
.index-hot-p-box ul li:nth-child(1){ width:100%; }
.index-hot-p-box ul li:nth-child(1) img{ width:100%; }
.index-hot-p-box ul li:nth-child(3){ margin-right:0px;}
.index-hot-p-box ul li:nth-child(5){ margin-right:0px;}
.index-hot-p-box ul li:nth-child(7){ margin-right:0px;}

/*特價推介*/
.index-special-p-box{ width:95%; margin-left:2.5%; float:left}
.index-special-p-box ul{ margin:0px; padding:0px;}
.index-special-p-box ul li{ width:48%; margin-right:4%; margin-bottom:40px;float:left}
.index-special-p-box ul li:nth-child(2n){ margin-right:0px;}
.index-special-p-box ul li:nth-child(3){ margin-right:4%;}
.index-special-p-img{ width:30%; height:160px; overflow:hidden;float:left;}
.index-special-p-txt{ width:65%; float:right;}
.index-special-p-t{ width:100%; height:73px; font-size:16px; line-height:18px; color:#1a1a1a; margin-top:10px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;float:left;}
.index-p-price-through{ width:100%; font-size:16px; line-height:16px; color:#999999; text-decoration: line-through; float:left;}


/**底部*/
.footer-box{ width:100%; background-color:#3756a8; padding-top:0px; padding-bottom:0px; padding:2.5%; float:left}
.footer-list{ width:100%; border-right:0px #FFFFFF solid; margin-bottom:5%; float:left;}
.footer-list ul{ margin:0px; padding:0px;}
.footer-list ul li{ width:25%; text-align:center; float:left}
.footer-list ul li:nth-child(4){ width:25% }
.footer-list ul li p{ font-size:14px; margin:0px; padding:0px; margin-bottom:10px; color:#FFF;}
.footer-list ul li p:nth-child(6){ margin-bottom:0px;}
.footer-list ul li p a{ color:#FFF;}
.footer-t{ font-size:16px !important; line-height:16px; margin-bottom:25px !important;}
.footer-right-box{ width:80%; float:left;}
.footer-logo{ font-size:36px; line-height:36px; color:#FFF; letter-spacing:6px;float:right;}
.footer-tel{ color:#FFF; margin-top:40px; background:url('../image/footer.png') 0% 50% no-repeat; padding-left:75px; float:right;}
.footer-tel p{ margin:0px;}
.footer-tel p:nth-child(1){ font-size:16px; line-height:16px;}
.footer-tel p:nth-child(2){ font-size:24px; line-height:24px; margin-top:14px;}
.footer-num{ font-size:14px; line-height:14px; margin-top:25px; color:#FFF; float:right}
.footer-num a{ color:#FFF;}
.footer-tb{ float:left; margin-left:2.5%;}



/******登錄*******/
.login-box{ width:504px; margin:0 auto;}
.login-t1{ width:100%; font-size:28px; line-height:28px; text-align:center; margin-top:40px;float:left}
.login-t2{ width:100%; font-size:16px; line-height:16px; text-align:center; margin-top:20px;float:left}
.login-wechat{ width:100%; height:42px; font-size:16px; line-height:42px; color:#FFF; text-align:center; background-color:#3eb135; border-radius:30px; margin-top:30px; float:left;}
.login-wechat img{ line-height:42px; margin-right:8px; margin-top:-3px;}
.login-wechat:hover{ color:#FFF;}
.login-fgx{ width:100%; height:1px; background-color:#dddddd; margin-top:36px; float:left;}
.login-fgx-txt{ width:40px; font-size:16px; line-height:16px; color:#999999; background-color:#FFF; text-align:center; margin:0 auto; margin-top:-9px;}
.login-input-t{ width:100%; font-size:16px; line-height:16px; margin-top:34px; float:left;}
.login-input{ width:100%; height:42px; border:1px #dddddd solid; border-radius:30px; margin-top:14px; text-align:center; outline:none; float:left;}
.login-remember{ font-size:14px; line-height:18px; margin-top:20px; float:left;}
.login-remember input[type='checkbox'] {
  display: none;
}
.login-remember label {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  background-position: 0 0px;
  border:1px #000000 solid;
  margin:0px;
  padding:0px;
  float:left;
}
.login-remember input[type='checkbox']:checked+label {
	background:url('../image/checkbox.png') 50% 50% no-repeat;
}

.login-remember span{ margin-left:8px;float:left;}
.login-remember span a{ color:#3756a8}
.login-forget{ font-size:14px; line-height:14px; color:#3756a8; margin-top:22px; float:right;}

.login-btn{ width:124px; height:44px; font-size:14px; line-height:44px; color:#FFF; background:#3756a8; margin:0 auto; margin-top:64px;}
.login-btn a{ width:100%; color:#FFF; text-align:center; float:left;}
.login-t3{ width:100%; font-size:22px; line-height:22px; margin-top:38px; float:left}
.login-t4{ width:100%; font-size:14px; line-height:16px; margin-top:20px; letter-spacing:1px; float:left}
.login-t5{ width:100%; font-size:14px; line-height:14px; color:#3756a8; margin-top:22px; margin-bottom:100px; float:left;}
.login-t6{ width:100%; font-size:14px; line-height:14px; color:#3756a8; margin-top:32px; margin-bottom:100px; text-align:center; float:left;}
.login-t6 a{color:#3756a8;}

.ny-box{ width:100%; padding-top:24px;  float:left}
.ny-menu{ width:95%;margin-top:3%; margin-left:2.5%; float:left}
.ny-menu ul{ margin:0px; padding:0px;}
.ny-menu ul li{ font-size:14px; line-height:14px; margin-right:4px; float:left;}
.data-total{ width:30%; font-size:14px; line-height:18px; margin-left:50px; float:left;}
.data-total span{ font-size:18px; line-height:18px;}

.screen-checkbox{ width:30%; float:left;}
.screen-checkbox ul{ margin:0px; padding:0px;}
.screen-checkbox ul li{ margin-right:6%; float:left;}
.screen-checkbox input[type='checkbox'] {
  display: none;
}
.screen-checkbox label {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  background-position: 0 0px;
  border:1px #000000 solid;
  margin:0px;
  padding:0px;
  float:left;
}
.screen-checkbox input[type='checkbox']:checked+label {
	background:url('../image/checkbox.png') 50% 50% no-repeat;
}

.screen-checkbox span{ margin-right:10px;float:left;}
.sort-box{ width:10%; height:18px; font-size:14px; line-height:18px; margin-right:0%;float:right;}
.sort-box a{ color:#3756a8}
.sort-box a img{ margin-left:8px; transform: rotateX(-180deg);}
.sort-list{ width:200px; height:100px; position:relative; background-color:#FFF; border:1px #3756a8 solid; margin-left:-152px; margin-top:16px; display:none;}
.sort-list ul{ margin:0px; padding:0px;}
.sort-list ul li{ width:100%; height:36px; font-size:14px; line-height:36px; margin-top:7px; padding-left:18px; float:left;}
.sort-list ul li a{ color:#1a1a1a}
.sort-list ul li:nth-child(1){ background:url('../image/sort-list1.png') 90% 50% no-repeat;}
.sort-list ul li:nth-child(2){ background:url('../image/sort-list2.png') 90% 50% no-repeat;}
.sort-list ul li:hover{ background-color:#eeeeee;}
.sort-on img{transform: rotateX(0deg) !important;}


/****聯絡我們*****/
.contact-left{ width:40%; float:left;}
.contact-left ul{ margin:0px; padding:0px;}
.contact-left ul li{ width:100%; font-size:16px; line-height:18px; color:#1a1a1a; margin-bottom:30px; padding-left:25px; float:left}
.contact-left ul li:nth-child(1){ background:url('../image/address.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(2){ background:url('../image/tel.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(3){ background:url('../image/fax.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(4){ background:url('../image/email.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(5){ background:url('../image/wechat2.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(6){ background:url('../image/facebook.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(7){ background:url('../image/whatsapp.png') 0% 50% no-repeat;}

.contact-map{ width:60%; float:right;}
.contact-map img{ max-width:100%;}
.contact-from{ width:100%; padding-bottom:100px; float:left;}
.contact-from .input-box{ width:100%; float:left;}
.contact-from .input-t{ width:100%; font-size:16px; line-height:16px; margin-top:30px; float:left}
.contact-from .input{ width:100%; height:42px; border:1px #dddddd solid; margin-top:12px; outline:none; padding-left:10px; float:left;}
.textarea-box{ width:100%; float:left;}

.contact-from .textarea{ width:100%; height:200px; border:1px #dddddd solid; margin-top:12px; padding-left:10px; padding-top:10px;outline:none; float:left;}
.contact-from .btn-box{ padding-top:5%; float:right}
.contact-from .btn-box ul{ margin:0px; padding:0px;}
.contact-from .btn-box ul li{ width:124px; height:44px; float:left;}
.contact-from .btn-box ul li:nth-child(1){ background-color:#3756a8;}
.contact-from .btn-box ul li:nth-child(1) a{ width:100%; font-size:14px; line-height:44px; text-align:center; color:#FFF; float:left}
.contact-from .btn-box ul li:nth-child(2){ border:1px #000000 solid; margin-left:36px;}
.contact-from .btn-box ul li:nth-child(2) input{ width:100%; font-size:14px; line-height:44px; background:none; border:0px;}

.about-box{ width:100%; font-size:16px; padding-bottom:10%; float:left;}

/*****最新資訊******/
.news-box{ width:95%; margin-left:2.5%; float:left;}
.news-box ul{ margin:0px; padding:0px;}
.news-box ul li{ width:100%; height:46px; border-bottom:1px #dddddd solid; float:left;}
.news-t{ width:80%; font-size:16px; line-height:46px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; float:left;}
.news-date{ width:15%;  font-size:16px; line-height:46px; float:right;}
.news-t:hover{ color:#3756a8}


/*******產品詳情******/
.picture-group{ width:40%; margin-top:36px; float:left;}
.picture-group-sm{ width:62px; height:300px; display:none; float:left;}
.picture-group-big{ width:100%; height:300px; margin-left:0px; float:left;}
.carousel-inner{ width:100%; height:300px;text-align:center;}
.carousel-inner .item{ width:100%; height:300px;background-size:contain !important; margin-left:30px;}
.picture-left{ width:18px; height:300px; background:url('../image/left.png') 50% 50% no-repeat; position:absolute; top:0;}
.picture-right{ width:18px; height:300px; background:url('../image/right.png') 50% 50% no-repeat; position:absolute; top:0; right:0;}
.carousel-indicators{ width:62px; height:300px;position:inherit; left:0px; margin-left:-101px; bottom:0px; display:none;float:left;}
.carousel-indicators li{ width:62px; height:62px; border-radius:0px;margin:0px; margin-top:25px; border:1px #dddddd solid;background-size:contain !important;}
.carousel-indicators li:nth-child(1){ margin-top:0px;}
.carousel-indicators .active{width:62px; height:62px; margin:0px;margin-top:25px; border:1px #3756a8 solid;}
.product-d-box{ width:55%; margin-top:3%; overflow:hidden; float:right;}
.product-d-t{ width:100%; height:43px; font-size:18px; line-height:20px; margin-top:2%; overflow:hidden; float:left;}
.product-d-txt{ width:100%; height:170px; font-size:13px; line-height:20px;overflow:auto; float:left;}
.product-d-txt::-webkit-scrollbar{/*滚动条整体*/
width:5px;
}
.product-d-txt::-webkit-scrollbar-track{/*滚动条轨道*/
background:#999;
}
.product-d-txt::-webkit-scrollbar-thumb{/*滚动条里面的滑块*/
background:#CCC;

}
.product-d-txt::-webkit-scrollbar-thumb:hover{/*滚动条鼠标事件，鼠标放上去出现的事件*/
background:#333;
}
.product-d-txt::-webkit-scrollbar-corner{/*滚动条边角*/
background:#179a16;
}
.product-d-price{ width:100%; font-size:25px; line-height:25px; margin-top:3%; float:left;}
.product-d-by{ width:100%; font-size:13px; line-height:13px; margin-top:3.5%; float:left}
.product-d-num{ width:100%; font-size:13px; line-height:13px; margin-top:2%; float:left}
.product-d-num-box{ width:100px; height:30px; border:1px #000000 solid; margin-top:12px; border-radius:2px; float:left}
.product-d-num-input{ width:50px; height:30px; margin-left:17px; border:0px; background:none; outline:none; float:left;}
.product-d-num-btn{ width:8px; margin-right:17px; float:right}
.product-d-num-btn a{ float:left;}
.product-d-num-btn a:nth-child(1){ margin-top:4px;} 
.product-d-num-btn a:nth-child(2){ margin-top:10px;} 
.product-d-stock{ font-size:14px; line-height:42px; margin-left:20px; margin-top:12px; float:left}
.product-d-btn{ width:100%; margin-top:20px; float:left}
.product-d-btn ul{ margin:0px; padding:0px;}
.product-d-btn ul li{ width:45%; height:42px; font-size:14px; line-height:42px; text-align:center; border-radius:2px; float:left}
.product-d-btn ul li a{ width:100%; float:left;}
.product-d-btn ul li:nth-child(1){ background-color:#3756a8;}
.product-d-btn ul li:nth-child(1) a{ color:#FFF;}
.product-d-btn ul li:nth-child(1) a img{ margin-right:10px;}
.product-d-btn ul li:nth-child(2){ border:1px #000000 solid; float:right}

.product-d-fgx{ width:100%; height:1px; background-color:#dddddd; margin-top:40px; float:left}


/****購物車*****/
.cart-menu{ width:100%; border-top:1px #dddddd solid; border-bottom:1px #dddddd solid; float:left;}
.cart-box1{ width:60%; min-height:40px;float:left}
.cart-box2{ width:15%; font-size:14px; line-height:40px;text-align:center; float:left}
.cart-box3{ width:15%; font-size:14px; line-height:40px; text-align:center; float:left}
.cart-box4{ font-size:14px; line-height:40px; text-align:right; float:rght}

.cart-list{ width:100%; border-bottom:1px #dddddd solid;float:left}
.cart-list ul{ margin:0px; padding:0px;}
.cart-list ul li{ width:100%; margin-top:10px; margin-bottom:10px; float:left;}
.cart-img{ width:20%; height:132px; background-size:contain !important; margin-right:5%; float:left;}
.cart-d{ width:75%; float:left;}
.cart-d-price{ width:100%; font-size:16px; line-height:16px; margin-top:8%; float:left}
.cart-btn{ width:50%; margin-top:20px; margin-bottom:50px; float:left;}
.cart-btn ul{ margin:0px; padding:0px;}
.cart-btn ul li{ font-size:14px; line-height:20px; float:left;}
.cart-btn ul li a{ width:100%; padding-left:28px; float:left;}
.cart-btn ul li:nth-child(1){ background:url('../image/bag.png') 0 0 no-repeat;}
.cart-btn ul li:nth-child(2){ background:url('../image/Trash.png') 0 0 no-repeat; margin-left:60px;}
.cart-btn2{ width:50%; float:right;}
.cart-Total{ font-size:16px; line-height:16px; margin-top:20px; float:left;}
.cart-settlement{ width:100PX; height:30px; background-color:#3756a8; margin-left:50px; margin-top:15px; float:RIGHT;}
.cart-settlement a{ width:100%; font-size:14px; line-height:30px; color:#FFF; text-align:center; float:left;}

/*****訂單查詢*****/
.lookup-box{ width:32%; height:38px; background-color:#f5f5f5; border-radius:30px; float:left;}
.lookup-box input{ width:80%; height:38px; border:0px; background:none; outline:none; margin-left:10%; float:left;}
.margin-l-lookup{ margin-left:3% !important;}
.lookup-btn{ width:123px; height:38px; background-color:#3756a8; float:left;}
.lookup-btn a{ width:100%; font-size:14px; line-height:38px; color:#ffffff; text-align:center; float:left;}
.lookup-list-box{ width:100%; margin-top:40px; padding-bottom:90px; float:left}
.lookup-t-box{ width:100%; font-size:14px; line-height:40px; color:#FFF; background-color:#3756a8;float:left;}
.lookup-t-box span:nth-child(1){ margin-left:26px;}
.lookup-t-box span:nth-child(2){ margin-left:58px;}
.lookup-list{ width:100%; border:1px #dddddd solid; padding-left:2.5%; padding-right:2.5%; padding-bottom:26px; margin-bottom:18px; float:left;}
.lookup-list ul{ margin:0px; padding:0px;}
.lookup-list ul li{ width:100%; margin-top:26px; float:left}
.lookup-list-box1{ width:60%; font-size:14px; text-align:center; float:left;}
.lookup-list-box2{ width:15%; font-size:14px; text-align:center; padding-top:34px; float:left;}
.lookup-list-box3{ width:15%; font-size:14px; text-align:center; padding-top:34px; float:left;}
.lookup-list-box4{  font-size:14px; text-align:right;padding-top:34px; color:#8b53ab; float:right;}
.lookup-img{ width:20%; height:80px; background-size:contain !important; float:left;}
.lookup-d{ width:78%; margin-left:2%; float:left;}
.lookup-brand{ height:20px; font-size:12px; line-height:20px; background-color:#3756a8; color:#fff; padding-left:10px; padding-right:10px; border-radius:30px; float:left;}
.lookup-list-t{ width:100%; font-size:14px; line-height:14px; text-align:left; margin-top:8px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;float:left;}
.lookup-list-price{ width:100%; font-size:14px; line-height:14px; margin-top:27px; text-align:left; float:left;}

/******訂單結算*******/
.settlement-get-box{ width:100%; float:left}
.settlement-get-box ul{ padding:0px; margin:0 auto; display:table}
.settlement-get-box ul li{ width:130px; height:32px; border:1px #000000 solid; margin-left:20px; margin-right:20px; border-radius:2px; float:left;}
.settlement-get-box ul li a{ width:100%; font-size:14px; line-height:32px; text-align:center; float:left;}
.settlement-get-box ul li:hover{ background-color:#3756a8;border:1px #3756a8 solid;}
.settlement-get-box ul li:hover a{ color:#FFF;}
.settlement-get-box .active{background-color:#3756a8;border:1px #3756a8 solid;}
.settlement-get-box .active a{color:#FFF;}
.settlement-address{ width:100%; border-top:1px #dddddd solid;border-bottom:1px #dddddd solid; margin-top:20px; background:url('../image/address2.png') 0 50% no-repeat; padding-left:35px; float:left;}
.settlement-address-box1{ font-size:14px; line-height:56px; margin-right:10PX; float:left}
.settlement-address-box2{ font-size:14px; line-height:56px;float:right}
.settlement-list-box1{ width:60%; float:left}
.settlement-list-box2{ width:20%; font-size:14px; line-height:14px; padding-top:61px; text-align:center; float:left}
.settlement-list-box3{  font-size:16px; line-height:16px; padding-top:61px; float:right}
.pay-box{ width:100%; margin-top:20px; padding-bottom:20px; border-bottom:1px #dddddd solid; float:left}
.pay-box ul{ margin:0px; padding:0px;}
.pay-box ul li{ width:20%; height:44px; border:1px #dddddd solid; border-radius:2px; margin-right:1%; float:left;}
.pay-box ul li:hover{ border:1px #3756a8 solid;}
.pay-box ul li a{ width:100%; height:44px; float:left;}
.pay-wechat{ background:url('../image/pay-wechat.png') 50% 50% no-repeat;}
.pay-mpay{ background:url('../image/pay-mpay.png') 50% 50% no-repeat;}
.pay-box .active{border:1px #3756a8 solid;}
.settlement-freight{ width:100%; font-size:14px; line-height:50px; border-bottom:1px #dddddd solid; float:left;}
.coupon-select{ width:95%; border:0px; padding-bottom:1%; outline:none;}
.settlement-btn-box{ width:100%; margin-bottom:100px; float:left}
.settlement-Total{ font-size:16px; margin-top:20px; float:left;}
.settlement-btn{ width:70%; margin-top:21px;float:right;}
.margin-l-settlement{ margin-left:10% !important;}

/*******常見問題******/
.question-list{ width:100%; float:left}
.question-list ul{ margin:0px; padding:0px;}
.question-list ul li{ width:100%; border-bottom:1px #000000 solid; padding-bottom:13px; margin-bottom:20px; background:url('../image/question1.png') 100% 10px no-repeat; float:left;}
.question-t{ width:95%; font-size:16px; line-height:20px; cursor:pointer; float:left;}
.question-t span:nth-child(1){ width:5%; float:left;}
.question-t span:nth-child(2){ width:95%; float:left;}
.question-content{ width:100%; height:0px; overflow:hidden; font-size:16px; line-height:23px; margin-top:12px;transition:all .30s linear; float:left;}
.question-content-on{background:url('../image/sort.png') 100% 10px no-repeat !important;}
.question-content-on .question-content{ height:auto;transition:all .30s linear;}
.question-content-on .question-t{ color:#3756a8}

/***會員中心*****/
.member-box{ width:100%;box-shadow:0 0 5px #dddddd; margin-bottom:100px; float:left;}
.member-left{ width:25%;  float:left;}
.head-portrait{ width:88px; height:88px; border-radius:50%; background-size:contain !important;  margin:0 auto; margin-top:25px;}
.member-name{ width:100%; font-size:16px; line-height:16px; margin-top:16px; text-align:center; float:left;}
.member-menu{ width:100%; margin-top:35px;float:left;}
.member-menu ul{ margin:0px; padding:0px;}
.member-menu ul li{ width:100%; height:30px;border-left:4px #ffffff solid; margin-bottom:28px; float:left;}
.member-menu ul li:hover{ border-left:4px #3756a8 solid;}
.member-menu ul li a{ width:100%; font-size:16px; line-height:36px; padding-left:50px; float:left;}
.member-menu ul li a:hover{ color:#3756a8}
.member1{ background:url('../image/member1.png') 20px 50% no-repeat;}
.member1:hover{ background:url('../image/member1-2.png') 40px 50% no-repeat;}
.member2{ background:url('../image/member2.png') 20px 50% no-repeat;}
.member2:hover{ background:url('../image/member2-2.png') 40px 50% no-repeat;}
.member3{ background:url('../image/member3.png') 20px 50% no-repeat;}
.member3:hover{ background:url('../image/member3-2.png') 40px 50% no-repeat;}
.member4{ background:url('../image/member4.png') 20px 50% no-repeat;}
.member4:hover{ background:url('../image/member4-2.png') 40px 50% no-repeat;}
.member5{ background:url('../image/member5.png') 20px 50% no-repeat;}
.member5:hover{ background:url('../image/member5-2.png') 20px 50% no-repeat;}
.member-menu .active a{color:#3756a8}
.member-menu .active{border-left:4px #3756a8 solid;}
.member-menu .active .member1{ background:url('../image/member1-2.png') 20px 50% no-repeat;}
.member-menu .active .member2{ background:url('../image/member2-2.png') 20px 50% no-repeat;}
.member-menu .active .member3{ background:url('../image/member3-2.png') 20px 50% no-repeat;}
.member-menu .active .member4{ background:url('../image/member4-2.png') 20px 50% no-repeat;}
.member-menu .active .member5{ background:url('../image/member5-2.png') 20px 50% no-repeat;}

.member-right{ width:75%; min-height:500px;border-left:1px #dddddd solid; padding-left:10px; padding-right:10px; padding-bottom:3%;float:left;}
.member-t{ width:100%; font-size:20px; line-height:20px; margin-top:15px; margin-bottom:15px; text-align:center; float:left;}
.member-t2{ width:100%; font-size:14px; line-height:18px; float:left}
.member-t2 span{ font-size:18px;}
.member-addree-list{ width:100%; margin-bottom:5%;  float:left;}
.member-addree-list ul{ margin:0px; padding:0px;}
.member-addree-list ul li{ width:48%; height:276px; border:1px #dddddd solid; padding:20px; margin-top:16px; margin-right:4%;  float:left;}
.member-addree-list ul li:nth-child(2n){ margin-right:0px;}
.member-addree-list ul li:nth-child(3n){ margin-right:4%;}
.member-addree-list ul li:hover{ border:1px #3756a8 solid;}
.member-addree-top{ width:100%; height:211px; border-bottom:1px #dddddd solid; float:left;}
.member-addree-t{ width:100%; font-size:14px; line-height:20px; text-align:center; margin-top:6px; margin-bottom:8px; float:left;}
.default-btn{ width:110px; height:40px; font-size:14px; line-height:40px; text-align:center; background-color:#3756a8; color:#FFF; margin-left:67px; margin-top:18px; float:left;}
.member-a1{ font-size:14px; line-height:14px; color:#666666; margin-top:15px; float:left;}
.member-a2{ font-size:14px; line-height:14px; color:#666666; margin-top:15px; float:right;}
.member-addree-t2{ width:100%;font-size:14px; line-height:14px; text-align:center; color:#666666; margin-top:13px; float:left;}

.member-address-input-box{ width:100%; font-size:16px; line-height:42px; margin-bottom:10px; float:left}
.member-address-input-box2{ width:100%; font-size:16px; line-height:42px; float:left}
.member-address-input-t{ width:10%; float:left;}
.member-address-input{ width:90%; height:42px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:right}
.member-address-input2{ width:90%; height:42px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:right}
.member-address-select{ width:90%; height:42px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:right}

.member-order-box{ width:100%; margin-top:14px; float:left;}
.member-order-list-box1{ width:60%; font-size:14px; text-align:center; float:left;}
.member-order-list-box2{ width:15%; font-size:14px; text-align:center; padding-top:34px; float:left;}
.member-order-list-box3{ width:15%; font-size:14px; text-align:center; padding-top:34px; float:left;}
.member-order-d{ width:75%; margin-left:2%; float:left;}

.member-order-d-t-box{ width:100%; font-size:14px; line-height:30px; color:#FFF; background-color:#3756a8; padding-left:2.5%; padding-right:2.5%;float:left;}
.member-order-d-box1{ width:60%; font-size:14px; text-align:center;float:left;}
.member-order-d-box2{ width:15%; font-size:14px; text-align:center;float:left;}
.member-order-d-box3{ font-size:14px; text-align:right; float:right;}
.member-order-d-total{ width:100%; font-size:14px; line-height:42px; border:1px #dddddd solid; border-top:0px; padding-left:2.5%; padding-right:2.5%; margin-top:-18px; margin-bottom:20px; float:left;}
.member-order-d-total span:nth-child(1){ float:left}
.member-order-d-total span:nth-child(2){ float:right}

.member-order-d-div1{ width:100%; font-size:14px; line-height:20px; margin-top:10px; float:left;}
.member-order-d-div1 img{ height:20px;}
.member-order-d-div2{ width:100%; font-size:14px; line-height:20px; margin-top:10px; float:left;}

/**優惠卷***/
.coupon-list{ width:100%; float:left}
.coupon-list ul{ margin:0px; padding:0px;}
.coupon-list ul li{ width:31%; font-size:16px; line-height:72px; border:1px #dddddd solid; text-align:center; margin-right:3.5%; margin-top:14px; float:left;}
.coupon-list ul li:nth-child(3n){ margin-right:0px;}


/***我的資料****/
.member-data-box1{ font-size:14px; line-height:40px; width:100%; margin-bottom:20px; float:left;}
.member-data-box2{ font-size:14px; line-height:40px;width:100%; margin-bottom:20px;float:right;}
.member-data-box3{ font-size:14px; line-height:40px;width:38.5%; margin-bottom:20px;float:left;}
.member-data-box4{ font-size:14px; line-height:40px; margin-bottom:20px;float:right;}

.member-data-t{ width:15%; float:left;}
.member-data-input{ width:85%; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:left}
.member-data-select{width:80%; height:40px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:left}


/***品牌列表*****/
.brand-list{ width:100%;float:left}
.brand-list ul{ margin:0px; padding:0px;}
.brand-list ul li{ width:32%; height:72px; border:1px #dddddd solid;margin-right:1%; margin-bottom:20px; float:left;}
.brand-list ul li:nth-child(3n){ margin-right:0px;}
.brand-list ul li:nth-child(4n){ margin-right:1%;}
.brand-list ul li a{ width:180px; height:62px; margin:5px; background-size:contain !important;  float:left;}
.brand-list ul li:hover{ border:1px #3756a8 solid;}
@media(max-width:414px){
.all-box{ width:100%;max-width:100%;min-width:100%; margin:0 auto;}
.all-box2{ width:100%; float:left;}
.box-1400{ width:100%;margin:0 auto;}
.red{ color:#F00;}
.margin-f8{ margin-top:0px !important;}
.margin-0{ margin-top:0px !important;}
.margin-10{ margin-top:10px !important;}
.margin-34{ margin-top:34px !important;}
.margin-45{ margin-top:45px !important;}
.margin-55{ margin-top:52px !important;}
.margin-65{ margin-top:65px !important;}
.margin-74{ margin-top:30px !important;}
.margin-l-38{ margin-left:0% !important;}
.margin-l-76{ margin-left:0px !important;}
.margin-l-116{ margin-left:0px !important;}
.margin-l-188{ margin-left:2% !important;}
.box-1300{ width:95%;margin:0 auto;}
.box-920{ width:95%;margin:0 auto;}
.box-940{ width:95%;margin:0 auto;}
.color-666666{ color:#666666;}
.btn1{ width:220px; height:42px; font-size:14px; line-height:42px; text-align:center; border:1px #000000 solid; border-radius:2px; float:left;}
.btn1 a{ width:100%; float:left;}

.btn2{ width:220px; height:42px; font-size:14px; line-height:42px; text-align:center; background-color:#3756a8; border-radius:2px; float:left;}
.btn2 a{ width:100%; color:#FFF; float:left;}

.float-left{ float:left !important}
.float-right{ float:right !important}

.page-box{ width:100%; margin-top:20px; margin-bottom:50px; float:left;}
.page-box ul{padding:0px; margin:0 auto; display:table;}
.page-box ul li{ width:36px; height:36px; font-size:14px; line-height:36px; text-align:center; border:1px #dddddd solid; border-radius:50%; margin:6px;float:left;}
.page-box ul li a{ width:100%; height:36px; float:left;}
.page-box ul li:hover{ background-color:#3756a8; border:1px #3756a8 solid; color:#FFF;}
.page-box ul li:hover a{ color:#FFF;}
.page-box .active{ background-color:#3756a8; border:1px #3756a8 solid; color:#FFF;}

.header-box{ width:100%; height:60px;  overflow:hidden; position:fixed; z-index:888; background-color:#FFF;loat:left;}
.logo-box{ width:50%; height:40px;margin-top:0px; overflow:hidden; margin-left:2.5%;float:left;}
.logo-box img{ width:100%; height:auto; margin-top:6px;}
.menu-box{ display:none}

/**手機版導航***/
.p-menu-box{ width:0%; height:100%; overflow:hidden; background-color:#3756a8;position:fixed; top:0; left:0; z-index:999999;display:block;transition: all .3s;}
.p-menu-box ul{ width:160px; margin:0px; padding:0px;}
.p-menu-box ul li{ width:80%; margin-left:20%; margin-top:20%; float:left;}
.p-menu-box ul li a{ width:100%; font-size:15px; line-height:15px; color:#FFF; float:left}
.p-menu-box-on{ width:50%;transition: all .3s;}

.p-menu-ej{ width:100%; height:0px; overflow:hidden; float:left}
.p-menu-ej ul{ margin:0px; padding:0px;}
.p-menu-ej ul li{ width:90%; margin-top:10%; margin-left:5%; float:left;}
.p-menu-ej ul li a{ font-size:13px; line-height:13px;}
.p-menu-ej-on .p-menu-ej{ height:auto;}


.h-btn{ width:28%;  margin-top:10px; margin-right:2.5%; text-align:right; float:right;}
.h-btn ul{ margin:0px; padding:0px;}
.h-btn ul li{ height:28px; margin-left:12%; float:left;}
.h-btn ul li:nth-child(1){ width:15px; background:url('../image/h-b1.png') no-repeat; background-size:contain; background-position:bottom;  margin-left:0px;}
.h-btn ul li:nth-child(2){ width:15px; background:url('../image/h-b2.png') no-repeat;background-size:contain; background-position:bottom}
.h-btn ul li:nth-child(3){ width:15px; background:url('../image/h-b3.png') no-repeat;background-size:contain; background-position:bottom}
.h-btn ul li:nth-child(4){ width:18px; font-size:18px; margin-left:18%; margin-top:9px; display:block}
.h-btn-num{ width:18px; height:18px; font-size:10px; line-height:18px; text-align:center; color:#FFF; border-radius:50%; background-color:#3756a8; float:right;}

.h-btn ul li a{ width:100%; height:28PX; float:left}

.search-box{ width:95%; height:40px; background:url('../image/search.png') 30px 50% no-repeat; background-color:#f5f5f5; border-radius:30px; border:0px; margin-top:18px; outline:none; padding-left:56px; font-size:15px; margin-top:60px; margin-left:2.5%; float:left;}

/*幻燈片*/
.slide-box{ width:100%; margin-top:15px; float:left;}
.index-slide-box{ width:100%; height:auto;float:right;}

.slideplay ,.slideshow{ position: relative; } 
.slideshow li{ width:100%; position: absolute; left: 0; top: 0; display: none; } 
.loadbar{ width:100%; position: absolute; left:0; z-index: 9;background-color:#dddddd; margin:0px; padding:0px;} 
.loadbar li{height: 6px; float: left; position: relative;} 
.loadbar span{ position: absolute; left: 0; top: 0; height: 6px; width: 100%; text-align: center; z-index: 12; cursor: pointer; color: #fff; border-radius: 2px; 
} 
.loadbar em{ position: absolute; left: 0; top: 0; height: 6px; background: #3756a8; z-index: 10;} 
.zindex{ z-index: 0; } 
.slideplay img{ width:100%;}

.index-cat-btn{ width:95%; margin-top:30px; margin-left:2.5%; float:left;}
.index-cat-btn ul{ margin:0px; padding:0px;}
.index-cat-btn ul li{ width:32%; height:120px; margin-right:2%; float:left;}
.index-cat-btn ul li:nth-child(1){ background-color:#38c565;}
.index-cat-btn ul li:nth-child(2){ background-color:#3756a8;}
.index-cat-btn ul li:nth-child(3){ margin-right:0px; background-color:#f97d91; margin-right:0px;}
.index-cat-btn a{ width:90%; height:100px; font-size:15px; line-height:100px; letter-spacing:2px; text-align:center; color:#FFF; border:2px #FFFFFF solid; margin:0px; margin-left:5%; margin-top:10px; float:left;}


.index-t-box{ width:100%; font-size:20px; line-height:25px; margin-top:25px; margin-bottom:20px; text-align:center; float:left;}

.brand-box{ width:95%; margin-bottom:10px; margin-left:2.5%; float:left}
.brand-box ul{ margin:0px; padding:0px;}
.brand-box ul li{ width:100%; margin-right:0%; margin-bottom:5%; float:left}
.brand-box ul li:nth-child(5){ margin-right:5%;}
.brand-box ul li:nth-child(2n){ margin-right:0px;}
.brandbox{ width:47.5%; border:1px #dddddd solid;background-size:contain !important; margin-right:5%;float:left}
.brandbox2{ width:47.5%; border:1px #dddddd solid;background-size:contain !important; margin-top:0px; float:left}
.brandbox:hover{ border:1px #3756a8 solid; background-size:110% !important;transition: all .34s;}
.brandbox2:hover{ border:1px #3756a8 solid;background-size:110% !important;transition: all .34s;}
.brand-box ul li:nth-child(1) .brandbox{ height:150px;}
.brand-box ul li:nth-child(1) .brandbox2{ height:150px;}
.brand-box ul li:nth-child(2) .brandbox{ height:150px;}
.brand-box ul li:nth-child(2) .brandbox2{ height:150px;}
.brand-box ul li:nth-child(3) .brandbox{ height:150px;}
.brand-box ul li:nth-child(3) .brandbox2{ height:150px;}
.brand-box ul li:nth-child(4) .brandbox{ height:150px;}
.brand-box ul li:nth-child(4) .brandbox2{ height:150px;}
.brand-box ul li:nth-child(5) .brandbox{ height:150px;}
.brand-box ul li:nth-child(5) .brandbox2{ height:150px;}

.index-btn{ width:123px; height:35px; font-size:13px; color:#3756a8; line-height:35px; text-align:center; border:1px #3756a8 solid; margin:0 auto; margin-bottom:25px; border-radius:2px;}
.index-btn a{ width:100%;color:#3756a8; float:left }
.index-btn:hover{ background-color:#3756a8;}
.index-btn:hover a{ color:#FFF;}

.index-Advertising{ width:95%; text-align:center; margin-left:2.5%; float:left;}
.index-Advertising img{ max-width:100%;}

/*新品推介*/
.index-new-p-box{ width:95%; margin-left:2.5%; float:left}
.index-new-p-box ul{ margin:0px; padding:0px;}
.index-new-p-box ul li{ width:48%; margin-right:4%; margin-bottom:60px; float:left;}
.index-new-p-box ul li:nth-child(2n){ margin-right:0px;}
.index-new-p-img{ width:100%; height:150px; overflow:hidden; background-size:contain !important; float:left;}
.index-new-p-brand{ height:22px; font-size:12px; line-height:22px; background-color:#3756a8; color:#fff; padding-left:8px; padding-right:8px; border-radius:30px; margin-top:8px; float:left;}
.index-new-p-t{ width:100%; font-size:13px; line-height:13px; color:#1a1a1a; margin-top:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;float:left;}
.index-new-p-price{ font-size:15px; line-height:15px; color:#1a1a1a; margin-top:15px; float:left;}
.index-new-p-Cart{ width:15px; height:15px; margin-top:15px; float:right;}
.index-new-p-Cart img{ width:100%;}

.index-hot-p-box{ width:95%; margin-left:2.5%; float:left}
.index-hot-p-box ul{ margin:0px; padding:0px;}
.index-hot-p-box ul li{ width:48%; margin-right:4%; margin-bottom:60px;float:left;}
.index-hot-p-box ul li:nth-child(1){ width:100%; }
.index-hot-p-box ul li:nth-child(1) img{ width:100%; }
.index-hot-p-box ul li:nth-child(3){ margin-right:0px;}
.index-hot-p-box ul li:nth-child(5){ margin-right:0px;}
.index-hot-p-box ul li:nth-child(7){ margin-right:0px;}

/*特價推介*/
.index-special-p-box{ width:95%; margin-left:2.5%; float:left}
.index-special-p-box ul{ margin:0px; padding:0px;}
.index-special-p-box ul li{ width:100%; margin-right:0%; margin-bottom:20px;float:left}
.index-special-p-box ul li:nth-child(2n){ margin-right:0px;}
.index-special-p-box ul li:nth-child(3){ margin-right:0%;}
.index-special-p-img{ width:30%; height:130px; overflow:hidden;float:left;}
.index-special-p-txt{ width:65%; float:right;}
.index-special-p-t{ width:100%; height:30px; font-size:13px; line-height:15px; color:#1a1a1a; margin-top:10px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;float:left;}
.index-p-price-through{ width:100%; font-size:15px; line-height:15px; color:#999999; text-decoration: line-through; float:left;}


/**底部*/
.footer-box{ width:100%; background-color:#3756a8; padding-top:0px; padding-bottom:0px; padding:2.5%; float:left}
.footer-list{ width:100%; border-right:0px #FFFFFF solid; margin-bottom:5%; float:left;}
.footer-list ul{ margin:0px; padding:0px;}
.footer-list ul li{ width:25%; text-align:center; float:left}
.footer-list ul li:nth-child(4){ width:25% }
.footer-list ul li p{ font-size:12px; margin:0px; padding:0px; margin-bottom:10px; color:#FFF;}
.footer-list ul li p:nth-child(6){ margin-bottom:0px;}
.footer-list ul li p a{ color:#FFF;}
.footer-t{ font-size:13px !important; line-height:13px; margin-bottom:20px !important;}
.footer-right-box{ width:80%; padding-right:20px; float:left;}
.footer-logo{ font-size:20px; line-height:20px; color:#FFF; letter-spacing:6px;float:right;}
.footer-tel{ color:#FFF; margin-top:40px; background:url('../image/footer.png') 0% 50% no-repeat; background-size:40px; padding-left:50px; float:right;}
.footer-tel p{ margin:0px;}
.footer-tel p:nth-child(1){ font-size:13px; line-height:13px;}
.footer-tel p:nth-child(2){ font-size:20px; line-height:20px; margin-top:14px;}
.footer-num{ font-size:12px; line-height:18px; margin-top:25px; color:#FFF; float:right}
.footer-num a{ color:#FFF;}
.footer-tb{ float:left; margin-left:2.5%;}



/******登錄*******/
.login-box{ width:95%; margin:0 auto;}
.login-t1{ width:100%; font-size:25px; line-height:25px; text-align:center; margin-top:6%;float:left}
.login-t2{ width:100%; font-size:15px; line-height:15px; text-align:center; margin-top:4%;float:left}
.login-wechat{ width:100%; height:40px; font-size:15px; line-height:40px; color:#FFF; text-align:center; background-color:#3eb135; border-radius:30px; margin-top:5%; float:left;}
.login-wechat img{ line-height:42px; margin-right:8px; margin-top:-3px;}
.login-wechat:hover{ color:#FFF;}
.login-fgx{ width:100%; height:1px; background-color:#dddddd; margin-top:6%; float:left;}
.login-fgx-txt{ width:40px; font-size:15px; line-height:15px; color:#999999; background-color:#FFF; text-align:center; margin:0 auto; margin-top:-9px;}
.login-input-t{ width:100%; font-size:15px; line-height:15px; margin-top:34px; float:left;}
.login-input{ width:100%; height:40px; border:1px #dddddd solid; border-radius:30px; margin-top:3%; text-align:center; outline:none; float:left;}
.login-remember{ font-size:12px; line-height:16px; margin-top:4%; float:left;}
.login-remember input[type='checkbox'] {
  display: none;
}
.login-remember label {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  background-position: 0 0px;
  border:1px #000000 solid;
  margin:0px;
  padding:0px;
  float:left;
}
.login-remember input[type='checkbox']:checked+label {
	background:url('../image/checkbox.png') 50% 50% no-repeat;
}

.login-remember span{ margin-left:5px;float:left;}
.login-remember span a{ color:#3756a8}
.login-forget{ font-size:12px; line-height:12px; color:#3756a8; margin-top:5%; float:right;}

.login-btn{ width:124px; height:40px; font-size:13px; line-height:40px; color:#FFF; background:#3756a8; margin:0 auto; margin-top:7%;}
.login-btn a{ width:100%; color:#FFF; text-align:center; float:left;}
.login-t3{ width:100%; font-size:16px; line-height:16px; margin-top:5%; float:left}
.login-t4{ width:100%; font-size:13px; line-height:16px; margin-top:4%; letter-spacing:1px; float:left}
.login-t5{ width:100%; font-size:13px; line-height:13px; color:#3756a8; margin-top:4%; margin-bottom:100px; float:left;}
.login-t6{ width:100%; font-size:13px; line-height:13px; color:#3756a8; margin-top:3%; margin-bottom:100px; text-align:center; float:left;}
.login-t6 a{color:#3756a8;}

.ny-box{ width:100%; padding-top:24px;  float:left}
.ny-menu{ width:95%;margin-top:3%; margin-left:2.5%; float:left}
.ny-menu ul{ margin:0px; padding:0px;}
.ny-menu ul li{ font-size:14px; line-height:18px; margin-right:4px; float:left;}
.data-total{ width:25%; font-size:12px; line-height:16px; margin-left:2%; float:left;}
.data-total span{ font-size:13px; line-height:16px;}

.screen-checkbox{ width:45%; float:left;}
.screen-checkbox ul{ margin:0px; padding:0px;}
.screen-checkbox ul li{ margin-right:3%; float:left;}
.screen-checkbox input[type='checkbox'] {
  display: none;
}
.screen-checkbox label {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  background-position: 0 0px;
  border:1px #000000 solid;
  margin:0px;
  padding:0px;
  float:left;
}
.screen-checkbox input[type='checkbox']:checked+label {
	background:url('../image/checkbox.png') 50% 50% no-repeat;
}

.screen-checkbox span{ font-size:12px; margin-right:2px;float:left;}
.sort-box{ width:15%; height:16px; font-size:12px; line-height:16px; margin-right:0%;float:right;}
.sort-box a{ color:#3756a8}
.sort-box a img{ margin-left:8px; transform: rotateX(-180deg);}
.sort-list{ width:200px; height:100px; position:relative; background-color:#FFF; border:1px #3756a8 solid; margin-left:-152px; margin-top:16px; display:none;}
.sort-list ul{ margin:0px; padding:0px;}
.sort-list ul li{ width:100%; height:36px; font-size:14px; line-height:36px; margin-top:7px; padding-left:18px; float:left;}
.sort-list ul li a{ color:#1a1a1a}
.sort-list ul li:nth-child(1){ background:url('../image/sort-list1.png') 90% 50% no-repeat;}
.sort-list ul li:nth-child(2){ background:url('../image/sort-list2.png') 90% 50% no-repeat;}
.sort-list ul li:hover{ background-color:#eeeeee;}
.sort-on img{transform: rotateX(0deg) !important;}


/****聯絡我們*****/
.contact-left{ width:100%; float:left;}
.contact-left ul{ margin:0px; padding:0px;}
.contact-left ul li{ width:100%; font-size:13px; line-height:16px; color:#1a1a1a; margin-bottom:6%; padding-left:25px; float:left}
.contact-left ul li:nth-child(1){ background:url('../image/address.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(2){ background:url('../image/tel.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(3){ background:url('../image/fax.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(4){ background:url('../image/email.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(5){ background:url('../image/wechat2.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(6){ background:url('../image/facebook.png') 0% 50% no-repeat;}
.contact-left ul li:nth-child(7){ background:url('../image/whatsapp.png') 0% 50% no-repeat;}

.contact-map{ width:100%; float:right;}
.contact-map img{ max-width:100%;}
.contact-from{ width:100%; padding-bottom:100px; float:left;}
.contact-from .input-box{ width:100%; float:left;}
.contact-from .input-t{ width:100%; font-size:13px; line-height:13px; margin-top:5%; float:left}
.contact-from .input{ width:100%; height:42px; border:1px #dddddd solid; margin-top:12px; outline:none; padding-left:10px; float:left;}
.textarea-box{ width:100%; float:left;}

.contact-from .textarea{ width:100%; height:150px; border:1px #dddddd solid; margin-top:12px; padding-left:10px; padding-top:10px;outline:none; float:left;}
.contact-from .btn-box{ padding-top:5%; float:right}
.contact-from .btn-box ul{ margin:0px; padding:0px;}
.contact-from .btn-box ul li{ width:120px; height:40px; float:left;}
.contact-from .btn-box ul li:nth-child(1){ background-color:#3756a8;}
.contact-from .btn-box ul li:nth-child(1) a{ width:100%; font-size:13px; line-height:40px; text-align:center; color:#FFF; float:left}
.contact-from .btn-box ul li:nth-child(2){ border:1px #000000 solid; margin-left:15px;}
.contact-from .btn-box ul li:nth-child(2) input{ width:100%; font-size:13px; line-height:40px; background:none; border:0px;}

.about-box{ width:100%; font-size:15px; line-height:30px; padding-bottom:10%; float:left;}

/*****最新資訊******/
.news-box{ width:95%; margin-left:2.5%; float:left;}
.news-box ul{ margin:0px; padding:0px;}
.news-box ul li{ width:100%; height:40px; border-bottom:1px #dddddd solid; float:left;}
.news-t{ width:75%; font-size:13px; line-height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; float:left;}
.news-date{ width:20%;  font-size:13px; line-height:40px; float:right;}
.news-t:hover{ color:#3756a8}


/*******產品詳情******/
.picture-group{ width:100%; margin-top:4%; float:left;}
.picture-group-sm{ width:62px; height:250px; display:none; float:left;}
.picture-group-big{ width:100%; height:250px; margin-left:0px; float:left;}
.carousel-inner{ width:100%; height:250px;text-align:center;}
.carousel-inner .item{ width:100%; height:250px;background-size:contain !important; margin-left:0px;}
.picture-left{ width:18px; height:250px; background:url('../image/left.png') 50% 50% no-repeat; position:absolute; top:0;}
.picture-right{ width:18px; height:250px; background:url('../image/right.png') 50% 50% no-repeat; position:absolute; top:0; right:0;}
.carousel-indicators{ width:62px; height:250px;position:inherit; left:0px; margin-left:-101px; bottom:0px; display:none;float:left;}
.carousel-indicators li{ width:62px; height:62px; border-radius:0px;margin:0px; margin-top:25px; border:1px #dddddd solid;background-size:contain !important;}
.carousel-indicators li:nth-child(1){ margin-top:0px;}
.carousel-indicators .active{width:62px; height:62px; margin:0px;margin-top:25px; border:1px #3756a8 solid;}
.product-d-box{ width:100%; margin-top:3%; overflow:hidden; float:right;}
.product-d-t{ width:100%; height:43px; font-size:16px; line-height:20px; margin-top:2%; overflow:hidden; float:left;}
.product-d-txt{ width:100%; height:170px; font-size:13px; line-height:20px;overflow:auto; float:left;}
.product-d-txt::-webkit-scrollbar{/*滚动条整体*/
width:5px;
}
.product-d-txt::-webkit-scrollbar-track{/*滚动条轨道*/
background:#999;
}
.product-d-txt::-webkit-scrollbar-thumb{/*滚动条里面的滑块*/
background:#CCC;

}
.product-d-txt::-webkit-scrollbar-thumb:hover{/*滚动条鼠标事件，鼠标放上去出现的事件*/
background:#333;
}
.product-d-txt::-webkit-scrollbar-corner{/*滚动条边角*/
background:#179a16;
}
.product-d-price{ width:100%; font-size:20px; line-height:20px; margin-top:3%; float:left;}
.product-d-by{ width:100%; font-size:13px; line-height:13px; margin-top:3.5%; float:left}
.product-d-num{ width:100%; font-size:13px; line-height:13px; margin-top:2%; float:left}
.product-d-num-box{ width:80px; height:30px; border:1px #000000 solid; margin-top:12px; border-radius:2px; float:left}
.product-d-num-input{ width:30px; height:30px; margin-left:17px; border:0px; background:none; outline:none; float:left;}
.product-d-num-btn{ width:8px; margin-right:17px; float:right}
.product-d-num-btn a{ float:left;}
.product-d-num-btn a:nth-child(1){ margin-top:4px;} 
.product-d-num-btn a:nth-child(2){ margin-top:10px;} 
.product-d-stock{ font-size:14px; line-height:42px; margin-left:20px; margin-top:12px; float:left}
.product-d-btn{ width:100%; margin-top:20px; float:left}
.product-d-btn ul{ margin:0px; padding:0px;}
.product-d-btn ul li{ width:45%; height:40px; font-size:13px; line-height:40px; text-align:center; border-radius:2px; float:left}
.product-d-btn ul li a{ width:100%; float:left;}
.product-d-btn ul li:nth-child(1){ background-color:#3756a8;}
.product-d-btn ul li:nth-child(1) a{ color:#FFF;}
.product-d-btn ul li:nth-child(1) a img{ margin-right:10px;}
.product-d-btn ul li:nth-child(2){ border:1px #000000 solid; float:right}

.product-d-fgx{ width:100%; height:1px; background-color:#dddddd; margin-top:40px; float:left}


/****購物車*****/
.cart-menu{ width:100%; border-top:1px #dddddd solid; border-bottom:1px #dddddd solid; float:left;}
.cart-box1{ width:50%; min-height:35px;float:left}
.cart-box2{ width:25%; font-size:13px; line-height:35px;text-align:center; float:left}
.cart-box3{ width:15%; font-size:13px; line-height:35px; text-align:center; float:left}
.cart-box4{ font-size:13px; line-height:35px; text-align:right; float:rght}

.cart-list{ width:100%; border-bottom:1px #dddddd solid;float:left}
.cart-list ul{ margin:0px; padding:0px;}
.cart-list ul li{ width:100%; margin-top:10px; margin-bottom:10px; float:left;}
.cart-img{ width:20%; height:132px; background-size:contain !important; margin-right:5%; float:left;}
.cart-d{ width:75%; float:left;}
.cart-d-price{ width:100%; font-size:13px; line-height:13px; margin-top:8%; float:left}
.cart-btn{ width:60%; margin-top:20px; margin-bottom:10px; float:left;}
.cart-btn ul{ margin:0px; padding:0px;}
.cart-btn ul li{ font-size:13px; line-height:20px; float:left;}
.cart-btn ul li a{ width:100%; padding-left:28px; float:left;}
.cart-btn ul li:nth-child(1){ background:url('../image/bag.png') 0 0 no-repeat;}
.cart-btn ul li:nth-child(2){ background:url('../image/Trash.png') 0 0 no-repeat; margin-left:10px;}
.cart-btn2{ width:40%; margin-bottom:10px; float:right;}
.cart-Total{ width:100%; font-size:13px; line-height:13px; margin-top:20px; text-align:right; float:left;}
.cart-settlement{ width:100PX; height:30px; background-color:#3756a8; margin-left:50px; margin-top:15px; float:RIGHT;}
.cart-settlement a{ width:100%; font-size:13px; line-height:30px; color:#FFF; text-align:center; float:left;}

/*****訂單查詢*****/
.lookup-box{ width:48%; height:38px; background-color:#f5f5f5; border-radius:30px; float:left;}
.lookup-box input{ width:80%; height:38px; border:0px; background:none; outline:none; margin-left:10%; float:left;}
.margin-l-lookup{ margin-left:2% !important;}
.lookup-btn{ width:50%; height:38px; background-color:#3756a8; margin-top:5%; margin-left:25% !important; float:left;}
.lookup-btn a{ width:100%; font-size:14px; line-height:38px; color:#ffffff; text-align:center; float:left;}
.lookup-list-box{ width:100%; margin-top:40px; padding-bottom:90px; float:left}
.lookup-t-box{ width:100%; font-size:13px; line-height:40px; color:#FFF; background-color:#3756a8;float:left;}
.lookup-t-box span:nth-child(1){ margin-left:2%;}
.lookup-t-box span:nth-child(2){ margin-left:3%;}
.lookup-list{ width:100%; border:1px #dddddd solid; padding-left:2.5%; padding-right:2.5%; padding-bottom:26px; margin-bottom:18px; float:left;}
.lookup-list ul{ margin:0px; padding:0px;}
.lookup-list ul li{ width:100%; margin-top:26px; float:left}
.lookup-list-box1{ width:60%; font-size:14px; text-align:center; float:left;}
.lookup-list-box2{ width:15%; font-size:14px; text-align:center; padding-top:34px; float:left;}
.lookup-list-box3{ width:15%; font-size:14px; text-align:center; padding-top:34px; float:left;}
.lookup-list-box4{  font-size:14px; text-align:right;padding-top:34px; color:#8b53ab; float:right;}
.lookup-img{ width:20%; height:80px; background-size:contain !important; float:left;}
.lookup-d{ width:78%; margin-left:2%; float:left;}
.lookup-brand{ height:20px; font-size:12px; line-height:20px; background-color:#3756a8; color:#fff; padding-left:10px; padding-right:10px; border-radius:30px; float:left;}
.lookup-list-t{ width:100%; font-size:14px; line-height:14px; text-align:left; margin-top:8px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;float:left;}
.lookup-list-price{ width:100%; font-size:14px; line-height:14px; margin-top:27px; text-align:left; float:left;}

/******訂單結算*******/
.settlement-get-box{ width:100%; float:left}
.settlement-get-box ul{ padding:0px; margin:0 auto; display:table}
.settlement-get-box ul li{ width:130px; height:32px; border:1px #000000 solid; margin-left:20px; margin-right:20px; border-radius:2px; float:left;}
.settlement-get-box ul li a{ width:100%; font-size:14px; line-height:32px; text-align:center; float:left;}
.settlement-get-box ul li:hover{ background-color:#3756a8;border:1px #3756a8 solid;}
.settlement-get-box ul li:hover a{ color:#FFF;}
.settlement-get-box .active{background-color:#3756a8;border:1px #3756a8 solid;}
.settlement-get-box .active a{color:#FFF;}
.settlement-address{ width:100%; border-top:1px #dddddd solid;border-bottom:1px #dddddd solid; margin-top:20px; background:url('../image/address2.png') 0 50% no-repeat; padding-left:35px; float:left;}
.settlement-address-box1{ font-size:13px; line-height:25px; margin-right:10PX; float:left}
.settlement-address-box2{ font-size:14px; line-height:25px;float:right}
.settlement-list-box1{ width:60%; float:left}
.settlement-list-box2{ width:20%; font-size:14px; line-height:14px; padding-top:61px; text-align:center; float:left}
.settlement-list-box3{  font-size:16px; line-height:16px; padding-top:61px; float:right}
.pay-box{ width:100%; margin-top:20px; padding-bottom:20px; border-bottom:1px #dddddd solid; float:left}
.pay-box ul{ margin:0px; padding:0px;}
.pay-box ul li{ width:20%; height:44px; border:1px #dddddd solid; border-radius:2px; margin-right:1%; float:left;}
.pay-box ul li:hover{ border:1px #3756a8 solid;}
.pay-box ul li a{ width:100%; height:44px; float:left;}
.pay-wechat{ background:url('../image/pay-wechat.png') 50% 50% no-repeat; background-size:contain;}
.pay-mpay{ background:url('../image/pay-mpay.png') 50% 50% no-repeat;background-size:contain;}
.pay-box .active{border:1px #3756a8 solid;}
.settlement-freight{ width:100%; font-size:14px; line-height:50px; border-bottom:1px #dddddd solid; float:left;}
.coupon-select{ width:95%; border:0px; padding-bottom:1%; outline:none;}
.settlement-btn-box{ width:100%; margin-bottom:100px; float:left}
.settlement-Total{ font-size:16px; margin-top:20px; float:left;}
.settlement-btn{ width:100%; margin-top:21px;float:right;}
.settlement-btn .btn1{ width:45%;float:left}
.settlement-btn .btn2{ width:45%; float:right}
.margin-l-settlement{ margin-left:10% !important;}

/*******常見問題******/
.question-list{ width:100%; float:left}
.question-list ul{ margin:0px; padding:0px;}
.question-list ul li{ width:100%; border-bottom:1px #000000 solid; padding-bottom:13px; margin-bottom:20px; background:url('../image/question1.png') 100% 10px no-repeat; float:left;}
.question-t{ width:95%; font-size:13px; line-height:20px; cursor:pointer; float:left;}
.question-t span:nth-child(1){ width:7%; float:left;}
.question-t span:nth-child(2){ width:93%; float:left;}
.question-content{ width:100%; height:0px; overflow:hidden; font-size:13px; line-height:23px; margin-top:12px;transition:all .30s linear; float:left;}
.question-content-on{background:url('../image/sort.png') 100% 10px no-repeat !important;}
.question-content-on .question-content{ height:auto;transition:all .30s linear;}
.question-content-on .question-t{ color:#3756a8}

/***會員中心*****/
.member-box{ width:100%;box-shadow:0 0 5px #dddddd; margin-bottom:100px; float:left;}
.member-left{ width:100%;  float:left;}
.head-portrait{ width:88px; height:88px; border-radius:50%; background-size:contain !important;  margin:0 auto; margin-top:25px;}
.member-name{ width:100%; font-size:13px; line-height:13px; margin-top:3%; text-align:center; float:left;}
.member-menu{ width:100%; margin-top:35px;float:left;}
.member-menu ul{ margin:0px; padding:0px;}
.member-menu ul li{ width:50%; height:25px;border-left:4px #ffffff solid; margin-bottom:10px; float:left;}
.member-menu ul li:hover{ border-left:0px #3756a8 solid;}
.member-menu ul li a{ width:100%; font-size:13px; line-height:25px; padding-left:50px; float:left;}
.member-menu ul li a:hover{ color:#3756a8}
.member1{ background:url('../image/member1.png') 20px 50% no-repeat; background-size:15px;}
.member1:hover{ background:url('../image/member1-2.png') 40px 50% no-repeat;background-size:15px;}
.member2{ background:url('../image/member2.png') 20px 50% no-repeat;background-size:15px;}
.member2:hover{ background:url('../image/member2-2.png') 40px 50% no-repeat;background-size:15px;}
.member3{ background:url('../image/member3.png') 20px 50% no-repeat;background-size:15px;}
.member3:hover{ background:url('../image/member3-2.png') 40px 50% no-repeat;background-size:15px;}
.member4{ background:url('../image/member4.png') 20px 50% no-repeat;background-size:15px;}
.member4:hover{ background:url('../image/member4-2.png') 40px 50% no-repeat;background-size:15px;}
.member5{ background:url('../image/member5.png') 20px 50% no-repeat;background-size:15px;}
.member5:hover{ background:url('../image/member5-2.png') 20px 50% no-repeat;background-size:15px;}
.member-menu .active a{color:#3756a8}
.member-menu .active{border-left:0px #3756a8 solid;}
.member-menu .active .member1{ background:url('../image/member1-2.png') 20px 50% no-repeat;}
.member-menu .active .member2{ background:url('../image/member2-2.png') 20px 50% no-repeat;}
.member-menu .active .member3{ background:url('../image/member3-2.png') 20px 50% no-repeat;}
.member-menu .active .member4{ background:url('../image/member4-2.png') 20px 50% no-repeat;}
.member-menu .active .member5{ background:url('../image/member5-2.png') 20px 50% no-repeat;}

.member-right{ width:100%; min-height:500px;border-left:1px #dddddd solid; padding-left:10px; padding-right:10px; padding-bottom:3%;float:left;}
.member-t{ width:100%; font-size:18px; line-height:18px; margin-top:15px; margin-bottom:10px; text-align:center; float:left;}
.member-t2{ width:100%; font-size:13px; line-height:16px; float:left}
.member-t2 span{ font-size:13px;}
.member-addree-list{ width:100%; margin-bottom:5%;  float:left;}
.member-addree-list ul{ margin:0px; padding:0px;}
.member-addree-list ul li{ width:100%; height:276px; border:1px #dddddd solid; padding:20px; margin-top:16px; margin-right:4%;  float:left;}
.member-addree-list ul li:nth-child(2n){ margin-right:0px;}
.member-addree-list ul li:nth-child(3n){ margin-right:4%;}
.member-addree-list ul li:hover{ border:1px #3756a8 solid;}
.member-addree-top{ width:100%; height:211px; border-bottom:1px #dddddd solid; float:left;}
.member-addree-t{ width:100%; font-size:13px; line-height:20px; text-align:center; margin-top:6px; margin-bottom:8px; float:left;}
.default-btn{ width:40%; height:40px; font-size:13px; line-height:40px; text-align:center; background-color:#3756a8; color:#FFF; margin-left:30%; margin-top:18px; float:left;}
.member-a1{ font-size:14px; line-height:13px; color:#666666; margin-top:10px; float:left;}
.member-a2{ font-size:14px; line-height:13px; color:#666666; margin-top:10px; float:right;}
.member-addree-t2{ width:100%;font-size:13px; line-height:13px; text-align:center; color:#666666; margin-top:13px; float:left;}

.member-address-input-box{ width:100%; font-size:13px; line-height:40px; margin-bottom:10px; float:left}
.member-address-input-box2{ width:100%; font-size:13px; line-height:40px; float:left}
.member-address-input-t{ width:10%; float:left;}
.member-address-input{ width:90%; height:42px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:right}
.member-address-input2{ width:90%; height:42px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:right}
.member-address-select{ width:90%; height:42px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:right}

.member-order-box{ width:100%; margin-top:14px; float:left;}
.member-order-list-box1{ width:60%; font-size:14px; text-align:center; float:left;}
.member-order-list-box2{ width:15%; font-size:14px; text-align:center; padding-top:34px; float:left;}
.member-order-list-box3{ width:15%; font-size:14px; text-align:center; padding-top:34px; float:left;}
.member-order-d{ width:75%; margin-left:2%; float:left;}

.member-order-d-t-box{ width:100%; font-size:14px; line-height:30px; color:#FFF; background-color:#3756a8; padding-left:2.5%; padding-right:2.5%;float:left;}
.member-order-d-box1{ width:60%; font-size:14px; text-align:center;float:left;}
.member-order-d-box2{ width:15%; font-size:14px; text-align:center;float:left;}
.member-order-d-box3{ font-size:14px; text-align:right; float:right;}
.member-order-d-total{ width:100%; font-size:14px; line-height:42px; border:1px #dddddd solid; border-top:0px; padding-left:2.5%; padding-right:2.5%; margin-top:-18px; margin-bottom:20px; float:left;}
.member-order-d-total span:nth-child(1){ float:left}
.member-order-d-total span:nth-child(2){ float:right}

.member-order-d-div1{ width:100%; font-size:13px; line-height:20px; margin-top:10px; float:left;}
.member-order-d-div1 img{ height:20px;}
.member-order-d-div2{ width:100%; font-size:13px; line-height:20px; margin-top:10px; float:left;}

/**優惠卷***/
.coupon-list{ width:100%; float:left}
.coupon-list ul{ margin:0px; padding:0px;}
.coupon-list ul li{ width:31%; font-size:16px; line-height:72px; border:1px #dddddd solid; text-align:center; margin-right:3.5%; margin-top:14px; float:left;}
.coupon-list ul li:nth-child(3n){ margin-right:0px;}


/***我的資料****/
.member-data-box1{ font-size:13px; line-height:40px; width:100%; margin-bottom:20px; float:left;}
.member-data-box2{ font-size:13px; line-height:40px;width:100%; margin-bottom:20px;float:right;}
.member-data-box3{ font-size:13px; line-height:40px;width:40%; margin-bottom:20px;float:left;}
.member-data-box4{ font-size:13px; line-height:40px; width:100%; margin-bottom:20px;float:right;}

.member-data-t{ width:20%; float:left;}
.member-data-input{ width:85%; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:left}
.member-data-select{width:80%; height:40px; border:0px; border-bottom:1px #dddddd solid; background:none; outline:none; float:left}


/***品牌列表*****/
.brand-list{ width:100%;float:left}
.brand-list ul{ margin:0px; padding:0px;}
.brand-list ul li{ width:48%; height:72px; border:1px #dddddd solid;margin-right:4%; margin-bottom:20px; float:left;}
.brand-list ul li:nth-child(2n){ margin-right:0px;}
.brand-list ul li:nth-child(3){ margin-right:4%;}
.brand-list ul li:nth-child(9){ margin-right:4%;}
.brand-list ul li:nth-child(15){ margin-right:4%;}
.brand-list ul li:nth-child(4n){ margin-right:0%;}
.brand-list ul li a{ width:180px; height:62px; margin:5px; background-size:contain !important;  float:left;}
.brand-list ul li:hover{ border:1px #3756a8 solid;}