html{font-size: 16px;line-height: 21px;color: #000000;}
body,div,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote,th,td,dl,dt,dd,ul,li,a,span{font-family:"敺株��迤暺煾��",Microsoft JhengHei;margin:0;padding:0;list-style:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,  ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
img{border:0;vertical-align:middle;max-width: 100%;max-height: 100%;}

a{outline: none;/*for Firefox Google Chrome*/text-decoration:none;}


title{font-size:39px;line-height:52px;letter-spacing: 5.07px;font-weight: bold;display: flex;justify-content: center;align-items: center;height: 52px;position: relative;}
title:before,#footer .shop:before {position: absolute;display: block;content: "";top: -50%;left: -50%;right: -50%;bottom: -50%;transform: scale(0.5);z-index: -1;width: calc(200% - 3px);}
.price{display: flex;justify-content: flex-end;align-items: flex-end;width: 100%;}
.price span{font-size:20px;line-height:27px;font-weight: bold;letter-spacing: 0.3px;color: #E83828;display: flex;justify-content: flex-end;}
.tips{gap:5px;}
.tips li{line-height: 25px;padding: 0 10px;}

#footer{display: flex;gap: 10px;flex-direction: column;padding-bottom: 10px;}
#footer .shop{padding: 8px 40px;position: relative;font-weight: bold;}
#footer .shop dd {flex: 1;gap: 10px;}
#footer .shop dt {width: 370px;position: relative;}
#footer .shop dt:before {position: absolute;display: block;content: "";width: 1px;height: 100%;right: 0;top: 0;}
#footer .shop dt .logo{width: 82px;height: 60px;background-image: url(images/logo.gif);background-repeat:no-repeat;background-size: cover;margin-right: 10px;}
#footer .shop dd .photo{width: 155px;height: 130px;display: flex;justify-content: center;align-items: center;}
#footer .shop dd .personal {flex: 1;flex-wrap: wrap;}
#footer .shop .name{width: 100%;}
#footer .shop .name .qr{text-align: right;}
#footer .shop .name .qr img{height:70px;}
#footer .shop h1{font-size:18px;letter-spacing:0.7px;font-weight: bold;padding-bottom: 30px;}
#footer .shop h1 span{font-size: 1rem;letter-spacing: 0.46px;}
#footer .shop h3{font-size: 25px;line-height:15px;letter-spacing: 0.72px;width: 100%;text-align: left; padding-left:50px;}
#footer .shop h4{font-size: 18px;line-height:19px;letter-spacing: 1.65px;width: 100%;text-align: left; padding-left:50px;}
#footer .swiper-button-next {color: transparent;}
#footer .swiper-button-prev {color: transparent;}
#footer .swiper-button-next:before {content: "";display: block;border-style: solid;border-width: 12px 0 12px 20px;}
#footer .swiper-button-prev:before {content: "";display: block;border-style: solid;border-width: 12px 20px 12px 0;}
#footer .swiper-button-next:after,#footer .swiper-button-prev:after{display: none;}
#footer #ADlist{height: 185px;margin: 0px auto;width: 752px;}
#footer #ADlist .swiper-wrapper{flex-wrap: nowrap;}
#footer #bntbox{width: 570px;margin: 0 auto;gap: 5px;}
#footer #bntbox a{background-color: #919191;font-size: 1rem;line-height: 35px;flex: 1;color: #FFF;}

/*flex��滩��*/
.photobox,.photobox li,.info .title,
.info .feature.basic li p,.more ul li h3,.more ul li h3 span
{display: flex;justify-content: flex-start;align-items: center;}

.photobox,
#footer #ADlist .swiper-wrapper li a,#footer #bntbox,#footer #bntbox a{display: flex;justify-content:center;align-items: center;}

#footer .shop dt,#footer .shop h1,#footer .shop dd .personal .name
{display: flex;justify-content: space-between;align-content:space-between;flex-wrap: wrap;flex-direction:column}

#one .info .feature.basic ul,#one .info .feature.basic ul li,#one .info .feature dd ul,.info .tips,
.more ul,
#footer .shop dl,#footer .shop dt,#footer .shop dt .store,
#footer .shop dd,#footer .shop dd .personal,
#footer #ADlist .swiper-wrapper
{display: flex;justify-content: flex-start;align-items: stretch;}
/*�鱓銝���隞�*/
#one.wrapper{padding: 9px 10px;}
#one.wrapper .photobox{flex-wrap: wrap;margin-bottom: 30px;gap: 15px;}
#one.wrapper .photobox li{width:calc((100% - 20px) / 3);max-width: 236px;max-height: 176px;height:27vw;justify-content:center;position:relative;}
#one.wrapper .photobox li a{width:100%;height:100%;display:block;position:absolute;}
#one .info .title{font-size:21px;line-height:27px;font-weight: bold;}
#one .info .title a{color: inherit; font-size:1.5rem;line-height:1.5rem;}
#one .info .title span{font-size: 1rem;padding-left: 17px;}
#one .info .address{margin-bottom: 20px;}
#one .info .line{height: 1px;width: 100%;margin: 8px 0;}
#one .info .feature dt{font-size:18px;line-height:24px;font-weight: bold;margin-bottom: 5px;}
#one .info .feature dd ul{gap: 10px;}
#one .info .feature dd ul li{padding:0 30px 0 20px;position: relative;}
#one .info .feature dd ul li:before{content: "";width: 3px;height: 3px;border-radius: 5px;position: absolute;left: 8px;top:10px;}
#one .info .feature.basic dt{padding-left: 8px;}
#one .info .feature.basic ul li{flex: 1;flex-wrap: wrap;padding: 0 8px;gap: 10px;}
#one .info .feature.basic ul li:before{width: 1px;height: 100%;left: 0px;top:0px;}
#one .info .feature.basic ul li p{width: 100%;}
#one .info .tips {padding-bottom: 10px;}
#one .info .price {margin-top: 20px;font-size:24px;line-height:24px;}
#one .info .price span{min-width: 120px;font-size:32px;line-height:32px;}
#one ~ #footer{margin-top: 20px;}
/*憭𡁶�隞�*/
.more.wrapper{padding: 10px;margin:0 auto;}
.more .item{flex-wrap: wrap;}
.more .item > li{overflow: hidden;display: flex;flex-wrap: wrap;align-content:space-between;}
.more .item li article{overflow: hidden;width: 100%;}
.more .item li h1{overflow : hidden; text-overflow : ellipsis; white-space : nowrap;}
.more .item li h1 a{color:#000;}
.more .item li h2{position: absolute;width: 100%;left: 0;bottom: 0;font-weight:normal;}
.more .item li h3{flex-wrap: wrap;font-weight:normal;}
.more .item li h3 span:after{content: "";width: 1px;margin: 0 5px;display: block;}
.more .item li h3 span:last-child:after{display: none;margin: 0;}
.more .item li h4{padding: 0 17px;font-weight:normal;}
.more .item li .photobox{position: relative;}
.more .item li .photobox a{width:100%;height:100%;display:block;position:absolute;}

/*2-4�讠�隞�*/
.template1.wrapper{padding: 12px 0px;width: 629px;}
.template1.more .item{gap: 12px 16px;}
.template1.more .item > li{flex-basis:306px;border-radius: 31px;box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.2);padding-bottom:12px;}
.template1.more .item li .photobox{width: 306px;height: 175px;}
.template1.more .item li h1{font-size:20px;line-height:27px;letter-spacing: 2.2px;}
.template1.more .item li h2{font-size:18px;line-height:35px;padding: 0 17px;}
.template1.more .item li h3{font-size:18px;line-height:21px;/*line-height:27px;*/margin: 5px 0;}
.template1.more .item li h3 span:after{height: 18px;}
.template1.more .item li h4{font-size:18px;line-height:35px;padding: 0 17px;}
.template1.more .item li .info{padding:7px 10px 3px 10px;}
.template1.more .item li .tips li{font-size:18px;line-height:24px;}
.template1.more .item li .tips {padding: 10px 0 5px 0;}
.template1.more .item li .price{font-size:18px;line-height:24px;padding:0 30px;}
.template1.more .item li .price span{font-size:24px;line-height:32px;min-width:130px;}
.template1 ~ #footer{margin-top: 5px;}
/*5-9�讠�隞�*/
.template2.wrapper{padding: 8px 0px;width: 641px;}
.template2.more .item{gap: 6px 7px;}
.template2.more .item > li{flex-basis:209px;border-radius: 17px;box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);padding-bottom:5px;}
.template2.more .item li .photobox{width: 209px;height: 121px;}
.template2.more .item li h1{font-size:16px;line-height:21px;letter-spacing: 2.2px;}
.template2.more .item li h2{font-size:13px;line-height:24px;padding: 0 11px;}
.template2.more .item li h3{font-size:12px;line-height:14px;/*line-height:16px;*/margin: 2px 0;}
.template2.more .item li h3 span:after{height: 12px;}
.template2.more .item li h4{font-size:13px;line-height:23px;padding: 0 11px;}
.template2.more .item li .info{padding:5px 10px 0px 10px;}
.template2.more .item li .tips li{font-size:12px;line-height:18px;}
.template2.more .item li .price{font-size:13px;line-height:17px;padding:0 15px;letter-spacing: 0.38px;}
.template2.more .item li .price span{font-size:23px;line-height:30px;letter-spacing: 0.67px;min-width:95px;}
/*10-12�讠�隞�*/
.template3.wrapper{padding: 20px 0px;width: 723px;}
.template3.more .item{gap: 10px 10px;}
.template3.more .item > li{flex-basis:173px;border-radius: 17px;box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);padding-bottom:10px;}
.template3.more .item li .photobox{width: 173px;height: 93px;}
.template3.more .item li h1{font-size:14px;line-height:19px;}
.template3.more .item li h2{font-size:13px;line-height:24px;padding: 0 11px;}
.template3.more .item li h3{font-size:12px;line-height:14px;margin: 0;}
.template3.more .item li h3 span:after{height: 12px;}
.template3.more .item li h4{font-size:12px;line-height:18px;padding: 0 10px;}
.template3.more .item li .info{padding:5px;}
.template3.more .item li .tips{padding-top: 5px;}
.template3.more .item li .tips li{font-size:12px;line-height:16px;}
.template3.more .item li .price{font-size:12px;line-height:16px;padding:0 15px;letter-spacing: 0.38px;}
.template3.more .item li .price span{font-size:16px;line-height:21px;letter-spacing: 0.46px;min-width:75px;}
@media screen and (min-width: 769px) {
.page-container{width: 769px;margin: 0 auto;}
#footer .shop dt {padding-top: 20px;}
#footer .shop dd {min-height: 125px;padding-top: 50px;}
.name{height:100px;}
.personal{width: 180px;}
#footer .shop h5{font-size: 1rem;line-height:19px;letter-spacing: 0.41px;padding: 0px 0px 0px 0px;}
#footer .shop h1{font-size:18px;letter-spacing:0.7px;font-weight: bold;padding-bottom: 10px;}
}
@media screen and (max-width: 768px) {
title{font-size: 1.375rem;}
#footer .shop{padding: 10px;}
#footer .shop dt{margin-bottom: 10px;width: 100%;}
#footer .shop dt:before{display: none;}
#footer .shop dt .logo{width: 73px;height: 53px;}
#footer .shop dd .photo{/*width: 95px;height: 120px;*/order: 1;}
#footer .shop dd .personal {order: 2;justify-content: space-between;align-content:space-between;flex-wrap: wrap;flex-direction:column}
#footer .shop .name .qr{display:none;}
#footer .shop h1{font-size:22px;line-height:30px;letter-spacing:0.46px;}
#footer .shop h1 span{font-size: 14px;line-height:19px;}
#footer .shop h1 span:before{content: "(";}
#footer .shop h1 span:after{content: ")";}
#footer .shop h3{font-size: 20px;line-height:27px;letter-spacing: 0.58px;text-align: left;}
#footer .shop h4{font-size: 1rem;line-height:21px;letter-spacing: 1.89px;text-align: left;}
#footer .shop h5{font-size: 13px;line-height:17px;letter-spacing: 0.38px;position:static;border-top:1px solid #707070;padding: 10px 0 0 0;}
#footer #ADlist,#footer #bntbox{width: 100%;}
/*�鱓銝���隞�*/
#one.wrapper{padding: 10px;}
#one .info .feature.basic ul{flex-direction: column;}
#one .info .feature.basic ul li{margin-bottom: 10px;}
#one .info .feature.basic ul li span{flex-basis: 100px;}
#one .info .feature dd ul,#footer .shop dl{display: block;}
/*2-4�讠�隞�*/
.more.wrapper{padding: 10px;width: 100%;}
#mobile .item > li{flex-basis: 100%;border-radius: 17px;}
#mobile .item li .photobox{width: 100%;height: 206px;}
#mobile .item{gap: 34px;}
#mobile .item > li{box-shadow: 3px 3px 12px 2px rgba(0, 0, 0, 0.1);padding-bottom:10px;}
#mobile .item li h1{font-size:20px;line-height:27px;letter-spacing: 2.2px;}
#mobile .item li h2{font-size:16px;line-height:24px;padding: 0 12px;}
#mobile .item li h3{font-size:16px;line-height:25px;margin: 5px 0;}
#mobile .item li h3 span:after{height: 12px;}
#mobile .item li .info{padding:10px 12px;}
#mobile .item li h4{font-size:16px;line-height:24px;padding: 0 12px;}
#mobile .item li .tips{padding: 5px 0;}
#mobile .item li .tips li{font-size:16px;line-height:24px;}
#mobile .item li .price{font-size:18px;line-height:24px;padding:0 15px;letter-spacing: 0.52px;}
#mobile .item li .price span{font-size:24px;line-height:32px;letter-spacing: 0.7px;min-width:130px;}
}
@media screen and (max-width: 320px) {
title{font-size:22px;line-height:30px;letter-spacing: 2.86px;}
}
@media print{
body{-webkit-print-color-adjust: exact;/*For Chrome*/color-adjust: exact;/*For Firefox*/}
title:before,#footer .shop:before,#footer #ADlist,#footer #bntbox,.more .item li .tips {display: none;}
title,#footer .shop {border: 1px solid #68443B;}
#footer .shop dt {padding-top: 20px;}
#footer .shop dd {min-height: 125px;}
.template3.more .item li .tips {display: none;}
.template3.more .item li .price span{font-size:23px;}
#one.wrapper .photobox li{max-width: 220px;max-height: 164px;}
#one .info .tips {display:none;}
#one ~ #footer{margin-top: 10px;}
#one.wrapper .photobox{margin-bottom: 10px;}
.template3 ~ #footer{margin-top: 10px;}
#footer .shop{padding: 8px 20px;}
}
/*HB�𠧧蝟�*/
#HB title{color: #2C863A;}
#HB title:before,#HB #footer .shop:before {border: 1px solid #68443B;}
#HB .tips li{background: #2C863A;color: #FFF;}
#HB #footer .shop dt .logo{background-image: url(logo.gif);}
#HB #footer .shop dt:before {background-color: #707070;}
#HB #footer .shop h1{color: #209929;}
#HB #footer .shop h1 span{color: #209929;}
#HB #footer .shop h3{color: #68443B;}
#HB #footer .shop h4{color: #68443B;}
#HB #footer .shop h5{color: #68443B;}
#HB #footer .swiper-button-next:before {border-color: transparent transparent transparent #68443A;}
#HB #footer .swiper-button-prev:before {border-color: transparent #68443A transparent transparent;}

/*�鱓銝���隞�*/
#HB #one .info .title{color: #2C863A;}
#HB #one .info .title span{color: #000000;}
#HB #one .info .line{background-color: #68443A;}
#HB #one .info .feature dd ul li:before{background-color: #000000;}
#HB #one .info .feature.basic ul li:before{background-color: #B3A19C;}
/*憭𡁶�隞�*/
#HB .more .item li h2{background-color:#333333BF;color: #FFF;font-weight: bold;}
#HB .more .item li h3 span:after{background-color:#000;}
#HB .more .item li h4{background-color:#2C863A;color: #FFF;}