@charset "UTF-8";
:root{
    --ci:#E4007E;
}
html{font-size:15px; width:100%; overflow-x: hidden; height: 100vh;}
body{width:100%; overflow-x: hidden;}
*, body, header, footer, div, p, input, button, a, strong, td, li, i, h1, h2, h3, h4, h5, h6, strong, button, span, .btn, select, option{font-size:1rem; line-height:1.8; font-weight:normal; font-family:Arial, 'Noto Sans TC', '微軟正黑體'; text-decoration:none; text-shadow:none; margin:0; padding:0; color:#000;}
a{color:#2F2F2F; text-decoration:none; font-weight:normal; transition: all .3s ease;}
a:hover, article a:hover{color:#005594; text-decoration:none;}
ul, ol, li{margin:0; padding:0;}
ul, ol{margin-left:1rem;}
p{margin:1.2rem 0;}
textarea{resize:none; min-height:5rem;}
img{max-width:100%; height:auto;}
hr{border:none; border-bottom:1px #E5E9EF solid; margin-bottom:15px;}
h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, strong{font-weight:bold; line-height: 1.4;}
h1, h1 *{font-size:2.18rem;}
h2, h2 *{font-size:2rem;}
h3, h3 *{font-size:1.82rem;}
h4, h4 *{font-size:1.58rem;}
h5, h5 *{font-size:1.36rem;}
h6, h6 *{font-size:1.14rem;}
h5 .more{float: right; font-size: 1rem; position: relative; top:5px;}
table, .table, .table1, .tableDietitian{border-collapse:collapse;}
[type=text], [type=password], textarea, select{width:calc(100% - 20px); padding:5px 10px; background-clip:padding-box; border:1px solid #ced4da; border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin-bottom: 1rem;}
select{background: #fff;}
select[name=county], select[name=district]{max-width:100px;}
input[name=zipcode]{max-width:50px;}
[type=text].half{width:calc(50% - 22px); float: left;}
[type=text]:focus, [type=password]:focus, textarea:focus{box-shadow: 0 0 6px #0C7FCC;}
.inline{max-width:150px; display: inline-block;}
.forms{width:96%; max-width:500px; margin:20px auto;}
.colTitle{width:7rem; line-height:40px; display: inline-block; vertical-align: top; float: left; position: relative; text-align: right; margin-bottom:15px; clear:left;}
.colTitle.noInput{line-height:1.4; margin-bottom:7px;}
.colTitle.must:before{content:'*'; font-size:1.2rem; color:var(--ci); position: absolute; left:-1rem; top:0.2rem;}
.hasTitle{width:100%; max-width:calc(100% - 10rem); display:inline-block;}
div.hasTitle{line-height:1.4;}
.num{max-width: 60px; display: inline-block;}
.numBox{float: left; margin:0 20px 0 0;}
.numBox .fa-minus, .numBox .fa-plus{cursor: pointer;}
.numBox input{text-align: center;}
.date, .birthday{max-width:100px; display:inline-block;}
.controlgroup{display: inline-block; position:relative; margin:0; padding:0; top:5px;}
.controlgroup label{background: #eee; border:1px #0C7FCC solid; font-size:0.9rem; line-height: 1; font-weight: normal; margin:0; padding: 5px 10px; text-align: center; cursor: pointer; display:inline-block; float:left; color:#333; transition:All 0.2s ease;}
.controlgroup label:hover{background:#999; color:#fff;}
.controlgroup label:nth-child(1){border-bottom-left-radius:5px; border-top-left-radius:5px;}
.controlgroup label:nth-last-child(1){border-top-right-radius:5px; border-bottom-right-radius:5px;}
.controlgroup label.active{background:#0C7FCC; color: #fff;}
.controlgroup.radio label{display: inline-block;}
.controlgroup input{display: none;}
.zoom{cursor: pointer;}
#captcha img{height: 2rem;}
.captcha{max-width:5rem;}
.ckn{max-width: 80px; display: inline-block; float: left; margin-right: 5px;}
.cknImg{display: inline-block;}
.cknImg img{height:35px;}
.hr{border-bottom:1px #000 solid; margin:10px 0 30px 0; text-align:center;}
.hr span{background:#fff; display:inline-block; position:relative; bottom:-10px; padding:0 10px;}
.btnBox{text-align: center;}
button{cursor: pointer;}
iframe{max-width: 100%;}
section{width:94vw; max-width:1000px; display: block; margin:0 auto; padding: 0; position:relative;}
section:after{content: ''; display: block; clear: both;}
.sabrosus{text-align:center;}
.sabrosus a, .sabrosus a:visited{padding:0.3rem; min-width:2rem; border-radius: 1.4rem; margin:1.5rem 0.5rem; color:var(--ci); display:inline-block; text-align: center;}
.sabrosus a *{color:var(--ci);}
.sabrosus a.current, .sabrosus a:hover, .sabrosus a:hover *{background:var(--ci); color:#fff;}
.sabrosus a:nth-child(1), .sabrosus a:nth-last-child(1){display: none;}
.fancybox-container *{color:#fff;}
header{position: fixed; z-index: 901; left:0; top:0; width:100vw; background: #fff;}
header section{width:100vw;}
header .tools{background: #DCDDDD;}
header .tools section{text-align: right;}
header .tools section a{padding:0.5rem; font-size: 0.9rem; display: inline-block;}
header .tools section a.icon{background: no-repeat center; background-size: cover; width:14px; height: 14px; position: relative; bottom:-10px; margin:-10px 5px 0 0;}
header .tools section a.fab, header .tools section a.far, header .tools section a .fab{font-size: 1rem; font-weight: normal;}
header .tools section a.black{background: #000; color:#fff;}
header .tools section a.pink{background:var(--ci); color:#fff;}
#getmarketing{position: absolute; right:0; bottom:-20px;}
#getmarketing img{height:70px;}
#logo{display:inline-block; position: relative; bottom:-10px;}
#searchBox, #searchBox a{color:#999;}
#searchBox{position: fixed; z-index: 901; left:calc(50vw - 200px); top:50px; width:100vw; max-width: 400px; display: inline-block;}
#searchBox input{border-radius: 5px 0 0 5px; width:calc(100% - 60px); max-width: none; float: left; margin: 0; line-height:1; background:#eaeaea;}
#searchBox button, .search_box button{background: none; border:none; font-size: 1.4rem; background:var(--ci); color:#fff; padding: 8px 5px 5px 5px; border-radius: 0 5px 5px 0;}
.search_box{max-width:300px; margin:0 auto;}
.search_box [type=text]{max-width:calc(100% - 60px); margin:10px 0 0 0;}
.search_box button{background:var(--ci); color:#fff; border-radius: 0 5px 5px 0; padding: 5px;}
.search_box select{width:calc(50%  - 10px); margin-bottom:0px;}
.search_box select[name=mc]{margin:0 10px;}
.nav{float: right; margin:40px 0 0 0;}
.nav a{padding:0.6rem 0.8rem; display: inline-block;}
nav{background: #000; color:#fff; padding: 5px 0; width:100%;}
nav > section > ul{margin:0;}
nav > section >ul > li{list-style: none; display: inline-block; padding: 0; position: relative;}
nav > section >ul > li > a{color:#fff; padding: 0 8px; display: inline-block;}
nav > section >ul > li:hover > a{background: #fff; color:#000;}
nav > section >ul > li:nth-child(1) > a{border-right: 1px #fff solid; margin-right: 10px; padding: 0 15px 0 8px;}
nav > section >ul > li > .subnav{position: absolute; z-index: 901; left:0; top:calc(1rem + 10px); background:#000; display: none; padding:10px 15px; width:300px;}
nav > section >ul > li > .subnav > a{display: inline-block; padding:5px 10px; color:#fff;}
nav > section >ul > li > .subnav > a:hover{background:#fff; color:#000;}
nav > section >ul > li:hover > .subnav{display: inline-block;}
.nav_sc{margin-bottom:1rem;}
.nav_sc a{margin:0 1rem 1rem 0; display: inline-block; padding:5px 10px; border-radius:1.5rem; background:var(--ci); color:#fff;}
.nav_sc a:hover, .nav_sc a.active{color:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.7);}
main{margin-top:185px;}
body#search main{padding-top: 40px;}
aside{width:calc(100% - 20px); max-width:280px; float: right; padding: 1.6rem 0;}
article{margin-top:18px; padding: 1rem 0; width:100%; max-width:calc(100% - 320px); float: left;}
article.one{max-width: none;}
aside iframe{width:100%; height: 190px;}
aside a{display: block;}
#pageTitle{margin-bottom: 1.5rem;}
#store_marquee{padding:60px 0;}
#store_marquee .slider div a{display: inline-block; background: no-repeat center; background-size: cover; width:calc(20% - 14px); padding-bottom:14%; border:1px var(--ci) solid; margin-left:10px;}
#store_marquee .slider div a:nth-child(1){margin-left:0;}
#page_title{padding:30px 0;}
aside h5.title, h5.title{border-bottom: 3px var(--ci) solid; margin-bottom:2rem; padding-bottom:5px;}
aside .sc_list a{display: block; border-bottom: 1px #9a9c9b solid; margin-bottom: 10px;}
aside .sc_list a .fa-circle{font-size: 3px; margin:0 5px 0 5px; position: relative; top:-5px;}
aside .tags_list a{display: inline-block; padding:3px 10px; background: var(--ci); color:#fff; margin:0 10px 10px 0;}
aside .hot_article_list{margin-bottom: 20px;}
aside .hot_article_list a{display: block; color:#9b9d9c; margin-bottom: 20px;}
aside .hot_article_list a .img{width:40%; height: 90px; margin-right: 10px; display: inline-block; background: no-repeat center; background-size: cover; float: left;}
aside .hot_article_list a .title{font-size: 1rem; line-height: 1.5; color:#565455; display: block; height: 2.8rem; overflow: hidden;}
aside .hot_article_list a:after{content: ''; display: block; clear: left;}
body#article main, body#qa main{background:#f3f5f4; }
.article_list li{list-style: none; margin-bottom: 50px; display: block; background: #fff; border:1px #ddd solid; border-radius: 5px; padding-bottom: 15px;}
.article_list li:after{content: ''; display: block; clear: both;}
.article_list li .img{display:block; background:no-repeat center; background-size: cover; width:100%; padding-bottom:60%;}
.article_list li .title{font-weight: bold; font-size: 1.4rem; display: block;}
.article_list li .info{margin:15px; color:#313131;}
.article_list li .info *{color:#313131}
.article_list li .more{float: right; background:var(--ci); margin-right: 15px; padding: 5px 15px; color:#fff; font-size: 1.1rem;}
.article_list li .more *{color:#fff;}
.article_list1 li{list-style: none;}
.article_list1 li:after{content: ''; display: block; clear: both;}
.article_list1 li .img{background: no-repeat center; background-size: cover; width:220px; padding-bottom: 170px; display: inline-block; float: left; margin:0 20px 20px 0;}
.article_list1 li .title{border:none;}
.article_list1 li .more{float: right; margin-top:1rem;}
#authorBox{margin:20px 0 50px 0; background:#eee;}
#authorBox:after{content: ''; display: block; clear: both;}
#authorBox li{list-style: none; padding: 10px 15px;}
#authorBox li .pic{width:80px; height: 80px; float: left; margin-right: 20px; background: no-repeat center; background-size: cover; border:2px #fff solid; border-radius: 40px;}
#authorBox li .info{width:calc(100% - 110px); float: right;}
#products_list .cols{float: left; display: inline-block; margin-bottom: 10px; padding: 0 5px;}
#products_list .img{width:60px; height: 60px; background: no-repeat center; background-size: cover;}
#products_list .title{width:calc(100% - 430px);}
#products_list .format{width:80px;}
#products_list .mprice{width:80px; text-align: right;}
#products_list .num{width:60px; text-align: right;}
#products_list .num input{width:100%; text-align: center;}
#products_list .counter{float: right; width:80px; text-align:right;}
#products_list .counter:after, #total:after, #car_cash:after{content: '元';}
#products_list h5{margin-bottom: 1rem;}
#total, #car_cash{text-align: right;}
#counter_btns{text-align: center; clear:both; padding:10px 0;}
#order_form{margin:0 1rem;}body#qa aside{border-top:6px var(--ci) solid; border-radius: 8px 8px 0 0; border-bottom: 5px #9E9E9F solid; background: #fff; margin-bottom: 30px; max-width: 240px; float: left;}
.myorders{width:100%; margin:1rem auto;}
.myorders td{text-align: center; padding: 3px 10px;}
.myorders tr:nth-child(2n + 1){background: #eee;}
.myorders tr.title{background:var(--ci);}
.myorders tr.title td{color:#fff; text-align: center;}
body#qa aside a{display: block; position: relative; color:#595757; border-bottom: 1px #595757 solid; margin:0 5px; padding: 5px 20px;}
body#qa aside a:nth-last-child(1){border:none;}
body#qa aside a i{color:#9E9E9F; position: absolute; right: 15px; top:8px; font-size: 1.4rem;}
body#qa article{max-width:calc(100% - 270px); margin-top: 0; float: right;}
#qa_default{background:url('../images/qa01.png') no-repeat; height: 116px; margin-bottom: 10px; padding:10px 0 0 240px;}
#qa_default a{display: block; color:var(--ci); font-size: 1.2rem;}
#qaTitleBox{background: url('../images/titleBg01.png') no-repeat left; background-size: 100% auto; height:calc((100vw - 260px) * 0.21); color:#fff; font-size: 1.2rem; position: relative; margin:-15px 0 2rem 0;}
#qaTitleBox span{position: absolute; left:50px; top:calc(50% - 1.4rem); font-size: 1.4rem; color:#fff;}
.qa_list li{list-style: none; margin-bottom: 30px;}
.qa_list li .title{background: #000; color:#fff; margin-bottom: 1rem; padding: 8px 13px; border-radius: 8px; display: block; cursor: pointer;}
.qa_list li .info{display: none; margin:1rem 15px;}
footer{padding: 0.5rem 0; background: #ddd;}
footer section{padding:2rem 0;}
footer .list:after{content: ''; display: block; clear: left;}
.swiper{position: relative; overflow: hidden;}
#storesBannerBox section{background: no-repeat center; background-size: cover; height: 280px;}
.stores_list{margin:0;}
.stores_list:after{content: ''; display: block; clear: left;}
.stores_list li{list-style: none; padding:5px; width:calc(33% - 24px); margin:0 15px 20px 0; float: left; color:#686868; position: relative; background:#eaeaea;}
.stores_list li:after{content:''; display:block; clear: both;}
.stores_list li:nth-child(3n + 1){clear: left;}
.stores_list li a, .stores_list li a i{color:#686868;}
.stores_list li .img{background: no-repeat center; background-size: cover; display: block; width:100%; padding-bottom: 64%;}
.stores_list li .title{font-weight: normal; color:#312d2a; border:none;}
.stores_list li .gift{color:var(--ci); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.stores_list li .zipcode{float: right;}
.storesListAds{display: block; text-align: center; margin:30px 0 40px 0;}
#storesList{margin:20px 0; padding: 0;}
#storesList li{list-style: none;}
#storesList li:after{content: ''; display: block; clear: both;}
#storesList li .img{width:80px; height:80px; background: no-repeat center; background-size: cover; display:inline-block; float: left; margin-right:20px;}
#storesList li .tools{float: right;}
#storeTitleBox{background: #dcdcdc; border-bottm:5px var(--ci) solid; margin-bottom: 25px; padding:15px 15px 10px 15px;}
#storeTitleBox .tools{float: right;}
#storeTitleBox .btn{background: #000; border-color:#000; cursor: pointer; margin-right: 10px;}
#storeTitleBox .btn.active, #storeTitleBox .btn:hover{background:var(--ci); border-color:var(--ci);}
#storeTitleBox .tools *{margin-left:10px;}
#storeTitleBox .tools .heart, #storeTitleBox .tools .bullhorn{border-radius: 5px; padding: 5px 8px 5px 0;}
#storeTitleBox .tools .heart{background: #f0f0f0; border:1px #999 solid;}
#storeTitleBox .tools .heart *{color:#999;}
#storeTitleBox .tools .bullhorn{background: #585657; color:#fff;}
#storeTitleBox .tools .bullhorn *{color:#fff;}
#storeImgsBox{width:calc(100vw - 40px); max-width: 500px; height: 350px; overflow: hidden; float: left; margin-left:40px; position: relative;}
#storeImgsBox div a{width:100%; padding-bottom:80%; background: no-repeat center #eee; background-size: cover; display: block; cursor: pointer;}
#storeInfoBox{width:98vw; max-width: calc(100% - 560px); float: right;}
#storeInfoBox:after{content: ''; display: block; clear: both;}
#storeInfoBox .table{margin:0 0 20px 0;}
#storeInfoBox .table li{list-style: none; position: relative; border:1px #e5e7e6 solid; border-top:none;}
#storeInfoBox .table li:nth-child(1){border-top:1px #e5e7e6 solid;}
#storeInfoBox .table li:after{content: ''; display: block; clear: left;}
#storeInfoBox .table li .col{width:70px; height: calc(100% - 11px); display: inline-block; background: #f3f5f4; padding: 5px 15px; text-align: center; position: absolute; left:0; top:1px; border-right:1px #e5e7e6 solid;}
#storeInfoBox .table li .val{width:100%; max-width:calc(100% - 114px); margin-left:110px; padding: 5px 0; display: inline-block;}
#storeInfoBox .table li .tags{background: #231816; color:#fff; border:1px #231816 solid; border-radius: 8px; padding: 5px 12px; display: inline-block; margin:0 10px 5px 0; line-height: 1;}
#storeInfoBox .table li .tags:hover{background:#fff; color:#231816;}
#storeInfoBox div.title{padding:0 0px 5px 15px;}
#storeInfoBox div.title:after{content: ''; display: block; clear: both;}
#storeInfoBox div.title img{float: left; margin-right: 15px;}
#storeInfoBox div.title .qa{position: absolute; margin-top:-3px;}
#storeInfoBox div.title .qa, #storeInfoBox div.title .qa *{color:#a7a7a7;}
.medias2 iframe{width:calc(50% - 10px); height: 380px; float: left;}
.medias2 iframe:nth-child(2n){float: right;}
#storeMap{background: #f3f5f4;}
#storeApplyBanner{background:var(--ci);}
#storeApplyBanner section{background-size: cover; height: 500px;}
#storeApplyBanner section div{height:500px; overflow: hidden;}
#storeApplyBanner section div a{background:no-repeat center; background-size:cover; width:100%; height: 500px; display: block;}
#storeApplyForm{float: right; margin-top: -450px; background: #F3F5F4; border-top:10px #000 solid; padding: 15px; width:350px; color:#595757;}
#storeApplyForm h1{font-size: 1.8rem; color:var(--ci);}
#storeApplyForm h5{margin-top:15px; font-size: 1.2rem;}
#storeApplyForm [name=city], #storeApplyForm [name=district]{width:calc(50% - 3px);}
#googleMap{width:100%; height:350px; margin:25px 0;}
body#maps #googleMap{height: 90vh;}
body#home #googleMap{margin-top:0;}
ul.c2{margin:0;}
ul.c2 li{width:calc(50% - 1rem); float: left; list-style: none; margin-bottom:1rem; display: inline-block;}
ul.c2 li:nth-child(even){float: right;}
ul.c2 li:nth-child(2n + 1){clear: both;}
ul.c2 li .img{width:40%; padding-bottom:24%; float: left; display: inline-block; background: no-repeat center; background-size: cover;}
ul.c2 li .info{width:calc(60% - 1rem); float: right; display: inline-block;}
ul.c3{margin:0;}
ul.c3:after{content: ''; display: block; clear: left;}
ul.c3 li{list-style: none; vertical-align: top; display: inline-block; width:calc(33% - 20px); margin:0 0 2rem 20px; padding: 0;}
ul.c3 li:nth-child(1), ul.c3 li:nth-child(3n + 1){margin-left:0; clear: left;}
ul.c3 li .img{width:100%; background:no-repeat center; background-size: cover; margin:0 0 10px 0; padding-bottom:70%; display: block;}
ul.c3 li .info{margin:0 1rem;}
ul.c3 li .more, ul.c3 li .more *{color:#fff;}
ul.c3 li .more{background:var(--ci); display: inline-block; float: right; margin:0 1rem 1rem 0; padding:5px 10px;}
ul.c3.box li{background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.4); border-radius:5px; overflow: hidden;}
ul.c3.shopping li .img{background-size: contain; background-color: #fff;}
ul.c3.shopping .num, ul.c3.shopping .num .orders_num{width:50px;}
ul.c3.shopping .num .orders_num{text-align: center;}
ul.c3.shopping .counter, ul.c3.shopping .mprice{float: right;}
ul.c3.shopping .counter:before{content:'小計：';}
ul.c4{margin:0;}
ul.c4:after{content: ''; display: block; clear: left;}
ul.c4 li{list-style: none; display: inline-block; width:calc(25% - 4.3rem); margin:0 2rem 2rem 2rem; vertical-align: top;}
ul.c4 li .img{width:100%; padding-bottom:40%; display: block; background:no-repeat center; background-size: cover;}
ul.list{margin:1.5rem 0;}
ul.list li{list-style: none; margin-bottom: 0.5rem;}
ul.list li .d{margin-right: 1rem;}
#footerAD1{text-align: center;}
#footerAD1 .c3 li{float: none; width:calc(30% - 3rem); margin:0 0 2rem 5rem;}
#footerAD1 .c3 li .info{font-size:1rem; line-height:1.2;}
.mprice:before{content: 'NT$ ';}
#index_medias{background: #F3F5F4; padding:25px 10px 0 10px;}
#index_medias section{padding-bottom: 20px;}
#index_medias section .swiper-slide{position:relative;}
#index_medias section .swiper-slide .box{margin:0 10px;}
#index_medias section .swiper-slide iframe{width:100%; height: 315px; box-shadow:2px 3px 8px rgba(0,0,0,0.4); background: #000;}
#index_medias section .swiper-slide a.title{color:#000; display: inline-flex; overflow: hidden; line-height:1.5; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 120px); margin:5px 0;}
#index_medias section .swiper-slide a.more{background:var(--ci); display: inline-block; border-radius:8px 0 0 0; border:1px #fff solid; line-height: 1; padding:5px 10px; color:#fff; position: absolute; right:10px; bottom:0px;}
#index_medias section .swiper-slide a.more i{color:#fff;}
.media_list li{list-style: none; width:calc(50% - 20px); float: left;}
.media_list li iframe{width:100%; height: 315px;}
.media_list li:nth-last-child(2n){float: right;}
.media_list li:nth-last-child(2n + 1){clear:both;}
.tagBox{width:100%; max-width:calc(100% - 290px); margin-left: 0; margin-bottom: 30px; float: left;}
.tagBox .article_list{margin-left:0;}
.tagBox:after, .tagBox .tags:after{content: ''; display: block; clear: both;}
.tagBox .tags a{display: inline-block; width:calc(20% - 1.3px); text-align: center; padding: 2px 0; border:1px #999 solid; border-left:none; margin-bottom: -1px; color:#000; background: #eee; cursor:pointer; float:left;}
.tagBox .tags a:nth-child(1){border-left:1px #999 solid;}
.tagBox .tags a.active, .tagBox .tags a:hover{border-bottom: 1px var(--ci) solid; background: var(--ci); color:#fff;}
.tagBox .data{border:1px #999 solid; padding: 10px;}
.tagBox .data:after{content: ''; display: block; clear: both;}
.tagBox .data .imgs{width:100%; max-width:300px; float: left;}
.tagBox .data .imgs a{background: no-repeat center #eee; background-size: cover; display: inline-block; width:calc(50% - 5px); padding-bottom: 35%; position:relative;}
.tagBox .data .imgs a div{width:calc(100% - 20px); display: block; color:#fff; background:linear-gradient(rgba(255,255,255,0),#000); position: absolute; bottom:0; font-size: 0.8rem; line-height: 1.2; padding: 5px 10px; height:1.7rem; overflow: hidden;}
.tagBox .data .imgs a:nth-child(1){display: block; width:100%; padding-bottom: 60%; margin-bottom: 10px;}
.tagBox .data .imgs a:nth-child(1) div{font-size: 1rem; line-height: 1.4; height: 2.5rem;}
.tagBox .data .imgs a:nth-child(3){float: right;}
.tagBox .data ul{margin:0; width:100%; max-width:calc(100% - 320px); float: right;}
.tagBox .data ul li{list-style: none; margin-bottom: 10px;}
.tagBox .data ul li .img{width:100px; padding-bottom:15%; display:none; float: left; margin-right:1rem; background:no-repeat center; background-size: cover;}
.tagBox .data ul li .title{color:#000; line-height: 1.4; padding: 5px; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tagBox .data ul li div{height: 0.9rem; overflow: hidden; font-size: 0.9rem; padding:5px; line-height: 1; color:#999; text-overflow:ellipsis; white-space:nowrap;}
.tagBox .data ul li:hover{background: #eee;}
.tagBox .data .more{float: right; font-size: 1rem; padding:5px 10px;}
.weatherBox{float: right; width:250px; margin-bottom: 20px;}
.weatherBox:after{content: ''; display: block; clear: bottom;}
.weatherBox .img{float: left; margin-right: 20px;}
#indexAds01{float: right; width:100%; max-width: 250px;}
#indexAds01 a{display: block; border-bottom:1px #999 solid; padding:1rem;}
.list_box{margin-bottom: 30px; border:1px #999 solid; padding:0px 10px;}
.list_box ul{margin:0;}
.list_box ul li{list-style: none; border-top:1px #999 solid; padding: 15px 10px; color:#999;}
.list_box ul li:after{content: ''; display: block; clear: both;}
.list_box ul li:nth-child(1){border:none;}
.list_box ul li .img{width:40%; padding-bottom: 28%; display: inline-block; background: no-repeat center; background-size: cover; margin:0 20px 20px 0; float: left;}
.list_box ul li:nth-child(2n) .img{margin:0 0 20px 20px; float: right;}
.list_box ul li .title{line-height: 1.2; margin-bottom:10px;}
.list_box ul li .more{float: right; font-size: 1rem; margin-top:20px; padding: 5px 10px;}
#members_function{margin:30px 0;}
#members_function:after{content: ''; display: block; clear: left;}
#members_function a{display: inline-block; width:calc(33% - 22px); letter-spacing: 2px; line-height: 140px; overflow: hidden; text-align: center; background:var(--ci); color:#fff; float: left; margin:0 30px 50px 0; border:2px var(--ci) solid; border-radius: 10px;}
#members_function a:nth-child(3n){margin-right: 0;}
#members_function a:hover{background:linear-gradient(rgba(255,255,255,0),10%,var(--ci),99%,rgba(255,255,255,0));}
footer ul.c3 li .list{margin-bottom:10px; display: block;}
footer ul.c3 li .list .img{width:80px; height: 80px; display: inline-block; float: left; margin-right: 1rem; background: no-repeat center; background-size:cover; background: #000;}
footer ul.c3 li .list h6{font-size: 0.9rem; line-height: 1.4; margin-bottom: 1rem;}
footer ul.c3 li .list .d{font-size: 0.6rem; font-weight: bold;}
#footerinfo{text-align: center; background: #fff; padding: 20px 10px;}
#indexBanners{width:100vw; height: calc(100vw * 0.29); overflow: hidden; position: relative; text-align: center;}
#indexBanners a{display: inline-block; width:80vw; padding-bottom: calc(80vw * 0.29);}
#indexBanners img{width:100%;}
#indexBanners .slick-arrow{position: absolute; z-index: 900; top:calc(50% - 35px); left:20px; cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
#indexBanners .slick-arrow:before{content: ''; width:70px; height: 70px; display: inline-block; background: url('../images/btn_arrowLeft.png') no-repeat center; background-size: cover;}
#indexBanners .slick-prev:before{background-image: url('../images/btn_arrowLeft.png');}
#indexBanners .slick-next:before{background-image: url('../images/btn_arrowRight.png');}
#indexBanners .slick-next{left:auto; right: 20px;}
#indexBannersInfo{background:no-repeat left center; background-size: cover; margin-bottom:2rem; padding:2rem 0;}
#indexBannersInfo .info{float:left; width:30%; text-align: justify;}
#indexBannersInfo .info h6{color:var(--ci);}
#indexBannersInfo .swiper{float: right; width:65%; overflow-x: hidden; text-align: center;}
#indexBannersInfo .swiper .img{background: no-repeat center; background-size: cover; width:90%; padding-bottom:90%; display:inline-block; position: relative; border-radius:1rem; float: left; overflow: hidden;}
#indexBannersInfo .swiper .img .title{position: absolute; left:0; bottom:0; width:calc(100% - 10px); padding:5px; display: block; background:rgba(0,0,0,0.7); color:#fff; text-align: center; line-height:1.4;}
#membersForm .btn{width:100%;}
.index4{width:100%; min-height: 202px; position: relative;}
.index4 .box:after{content: ''; display: block; clear: left;}
.index4 .a{display: inline-block; width:calc(33% - 30px); margin:0 10px; padding-bottom: 20px; color:var(--ci); vertical-align: top;}
.index4 .a .img{width:100%; padding-bottom:60%; display: block; background: no-repeat center; background-size: cover; border:1px var(--ci) solid; border-radius: 8px;}
.index4 .a .title{height: 1.5rem; overflow: hidden;}
.index4 .a .tags{color:var(--ci); font-size: 0.9rem; line-height: 1; border-bottom: 1px #fff solid; margin: 5px 10px 0  0; padding: 0; display: inline-block; float: left;}
.index4 .a .tags:hover{border-color:var(--ci);}
.index4 .slick-arrow{position: absolute; z-index: 900; top:calc(50% - 35px); left:-70px; cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.index4 .slick-arrow:before{content: ''; width:70px; height: 70px; display: inline-block; background: url('../images/btn_arrowLeft.png') no-repeat center; background-size: cover;}
.index4  .slick-prev:before{background-image: url('../images/btn_arrowLeft.png');}
.index4  .slick-next:before{background-image: url('../images/btn_arrowRight.png');}
.index4  .slick-next{left:auto; right: -70px;}
#instagramImgs a.img{width:calc(33% - 10px); margin:0 10px 5px 0; display: inline-block;}
#instagramImgs a img{width:100%;}
.flipbookContainer{width:100%; height: 700px; background:transparent;}
#floatToolsBox{position: fixed; z-index: 901; right:0; bottom:80px; width:30px; padding: 8px 5px; font-size: 0.9rem; background: rgba(255,255,255,0.7); border-radius: 8px 0 0 8px;}
#floatToolsBox a{display: block; font-size: 2rem; text-align: center; margin-bottom: 10px;}
#floatToolsBox a.fa-line{color:#00b900;}
#floatToolsBox a.fa-facebook-square{color:#4268b3;}
.box1{background: #f3f5f4; padding: 20px;}
#hits_tools{position: relative; margin-bottom: 5rem;}
#hits_tools .more{display: inline-block; background: #0da398; color:#fff; line-height:18px; padding: 5px 10px 5px 15px; position: absolute; right:10px;}
#hits_tools .more img{height:12px; margin-left:0.5rem; float: right;}
#hits_tools .counter{font-size: 1.4rem; margin:0 20px 0 5px;}
#hits_tools .share img{height:1.8rem; margin-bottom: -0.2rem;}
.title_pink{background:var(--ci); color:#fff; padding:5px 10px; display: block;}
.fr{float: right;}
.fl{float: left;}
.clear{clear: both;}
.clearUp:after{content: ''; display: block; clear: both;}
img.fl{margin:0 2rem 2rem 0;}
img.fr{margin:0 0 2rem 2rem;}
.mobile{display: none;}
.mobile-x{display: inline;}
.btn{background:var(--ci); border:1px var(--ci) solid; padding: 5px 15px; color:#fff; font-size: 1.1rem; display: inline-block;}
.btn *{color:#fff;}
.btn:hover{background: #000; color:#fff;}
.btn:hover *{color:#fff;}
.btn.facebook{background:#3B5998; color:#fff; border:#3B5998;}
.bh{clear:both; text-align:right; margin:20px 20px 20px 0;}
.bh a{background:var(--ci); padding: 5px 15px; color:#fff; font-size: 1.1rem; display: inline-block;}
.grayBox{background: #F3F5F4; padding: 2rem 0;}
.pinkBox{background:var(--ci); padding: 2rem 0; color:#fff;}
.green{color:#8ABF1F;}
.white{color:#fff;}
.pink, .pink *{color:var(--ci);}
.btn_pink{background:var(--ci); color:#fff; box-shadow: 2px 2px 0 #000; border-radius: 5px; padding: 0.3rem 1.2rem; display: inline-block;}
button.green{border:1px #8ABF1F solid; padding: 0.3rem 0.8rem; background: none; line-height: 1;}
.oringe{color:#EF9300;}
.btn.oringe{border:1px #EF9300 solid; padding: 0.3rem 0.8rem;}
.hideit{display:none;}
#navation{display:none; color:#000; font-size: 1.4rem; cursor: pointer;}
.hasIcon{background:no-repeat left center; display: inline-block; padding-left:1.5rem;}
.edm img{display: block;}
.area_title{text-align: center; border-bottom:1px #e7e7e7 solid; padding-bottom:10px; margin-bottom:1rem; color:var(--ci); font-size:1.6rem;}
#show_searchBox{display: none;}
.marquee {width:100%; overflow: hidden;}
#store_report{display: none; padding:1rem 2rem;}
#store_report, #store_report h6, #store_report strong, #store_report .hasTitle, #store_report .ckn{color:#000;}
#article_imgs2{background: #fff; margin:-1.5rem 0 1.5rem 0;}
#article_imgs2 a{float: left; width:calc(50% - 2.5px); padding-bottom:48%; display: inline-block;}
#article_imgs2 a:nth-child(2){float: right;}
#article_imgs3{position: relative; background: #fff; margin-bottom:1.5rem;}
#article_imgs3 a{background: no-repeat center; background-size: cover; display: inline-block; width:calc(45% - 5px); height:190px; position: absolute;}
#article_imgs3 a:nth-child(1){width:55%; height:385px; position: static; float: left;}
#article_imgs3 a:nth-child(2){right:0; top:0;}
#article_imgs3 a:nth-child(3){right:0; bottom:0;}
.newsImgBox{font-size: 0.9rem; color:#666;}
.question{color:var(--ci); font-size:0.9rem;}
.keywords{display: inline-block; padding:8px 10px; line-height: 1; background:var(--ci); color:#fff; margin:0 10px 10px 0; border-radius:5px; font-weight: 600;}
.toolbar{display: none;}
@media screen and (max-width:700px) {
    #logo{margin:0px;}
    #logo img{height:60px;}
    #getmarketing{right:80px; bottom:-10px; display: none;}
    #getmarketing img{height:60px;}
    .nav{margin:10px 0 0 0;}
    nav{display: none; width:100%; position: fixed; z-index: 901;}
    nav > section > ul > li{display: block;}
    nav > section > ul > li:after{content: ''; display: block; clear:both;}
    nav > section > ul > li > a{float: left;}
    nav > section > ul > li > .subnav{position:static; display:inline-block; width:calc(100% - 5rem - 20px); float:right; margin-top:-0.9rem; background: transparent;}
    nav > section > ul > li > .subnav a{padding:5px;}
    #navation{display: inline-block;}
    main{margin-top:calc(45vw * 0.5 + 3rem);}
    #searchBox{left:0; top:auto; bottom:0; background:var(--ci); padding: 5px 15px; color:#fff; width:calc(100vw - 15px); max-width: none; display: none;}
    #searchBox a{color:#fff;}
    aside, article, body#article aside, body#article article, body#qa aside, body#qa article{float: none; max-width: none; margin:20px auto;}
    aside .sc_list a{display: inline-block; border-bottom:none; margin:0 10px 10px 0;}
    #qaTitleBox{height:calc((100vw - 40px) * 0.23);}
    #qa_default a{font-size: 1rem;}
    .qa_list li .info{margin:1rem 0px;}
    .stores_list li{width:calc(50% - 20px);}
    .stores_list li:nth-child(2n){margin-right: 0;}
    .stores_list li:nth-child(3n + 1){clear: none;}
    .stores_list li:nth-child(2n + 1){clear: left;}
    #storeTitleBox .tools{float: none; text-align: right; margin-top:10px;}
    #storeApplyForm{float: none; margin:20px auto;}
    #storeApplyBanner section{width:100vw; height: 200px;}
    #storeApplyBanner section div, #storeApplyBanner section div a{height: 200px;}
    ul.c2 li{width:100%; float:none;}
    ul.c2 li:nth-child(even){float:none;}
    ul.c4 li, #home ul.c4 li{width:calc(50% - 4.3rem);}
    ul.c3 li:nth-child(1), ul.c3 li:nth-child(3n + 1){margin-left:0px; clear:none;}
    ul.c3 li{width:calc(50% - 20px); margin:0 0 20px 0; float: left;}
    ul.c3 li:nth-child(even){float: right;}
    ul.c3 li:nth-child(2n + 1){clear: both;}
    footer ul.c3 li{width:calc(100% - 20px); float: none; margin-left:10px;}
    footer ul.c3 li:nth-child(1), footer ul.c3 li:nth-child(3n + 1){margin-left:10px;}
    footer ul.c3 li:nth-child(even){float: none;}
    footer ul.c3 li a.moreService{width:45%; display: inline-block; float: left;}
    #indexBanners .slick-arrow{top:calc(50% - 25px);}
    #indexBanners .slick-arrow:before{width:50px; height: 50px;}
    .index4 .a{width:calc(50% - 30px); margin:0 10px;}
    .index4 .slick-arrow, .index4 .slick-arrow:before{display: none;}
    #index_medias section .swiper-slide{height:180px;}
    #index_medias section .swiper-slide iframe{height:125px;}
    #index_medias section .swiper-slide a.more{bottom:50px;}
    #index_medias section .swiper-slide a.more, #index_medias section .swiper-slide a.more i{font-size: 0.8rem;}
    #home .grayBox{margin-top:2rem;}
    #store_marquee .slider div a{width:calc(50% - 14px); padding-bottom: 35%;}
    .article_list1 li .img{width:100%; float: none; padding-bottom: 60%; margin-right: 0;}
    .tagBox{max-width:none; float: none;}
    .tagBox .data ul li .img{display: inline-block;}
    .tagBox .data .imgs, .tagBox .data ul{max-width: none; float: none;}
    .weatherBox{width:100px; float: left; margin-left: 10px; font-size: 0.9rem;}
    .weatherBox img{width:100%;}
    #indexAds01{width:100%; max-width: none; float:right; padding-top: 0; background-position:left top;}
    #indexAds01 a{font-size:1.2rem;}
    #indexAds01 > div{width:calc(100% - 130px); float: right;}
    #storeImgsBox, #storeInfoBox{max-width:none; float: none; margin:0 auto;}
    #contactUsInfo{width:100%;}
    #contactUsForm{width:100%;}
    #products_list .title{width:100%;}
    #indexBannersInfo .info, #indexBannersInfo .swiper{width:100%; float: none;}
    #footerAD1 .c3 li{width:calc(50% - 2rem); margin:0 0 2rem 0rem; float: left;}
    #footerAD1 .c3 li:nth-child(even){float:right;}
    #show_searchBox{display: inline-block;}
    #title{font-size: 1.4rem;}
    .fr{float: none;}
    .fl{float: none;}
    .mobile{display: inline;}
    .mobile-x{display: none;}
}
@media print{
    html, body{ width:100%; height:auto; overflow:auto; }
}