@charset "utf-8";
.centerwrap{  width:1440px;  margin:0 auto;}
.centerwrapin{  width:1400px;  margin:0 auto;}
.section{position:relative; }
.section.noflow{overflow:hidden;}
body{background:#fff;}
body.index{background:#720009;}
nav{position: relative;z-index:99;top:0;text-align: center;}
article{position: relative;;z-index:1;}
.show400{display:none!important;}
.btn{cursor: pointer;}
.mx100{max-width:100%;}
.inlineblock span{display:inline-block;}
.fbold{font-weight:bold;}
.z001{z-index: 1;}
.bgcolorfff{background:#fff;}
.w100{width:100%;}
.mover{transition: all 1s;margin-top:100px;opacity:0;}
.mover.on{margin-top:0px;opacity:1;}
.hcenter{position:absolute;top:50%;transform: translateY(-50%);}
.linetop{border-top:1px solid #dddddd;}
.nomargin{margin:0!important;}
.myerr{color:red;}
/* pad */
.vpad10{padding:10px 0;}
.vpad20{padding:20px 0;}
.vpad30{padding:30px 0;}
.vpad40{padding:40px 0;}
.vpad50{padding:50px 0;}
.hpad10{padding:0 10px;}
.hpad20{padding:0 20px;}
.hpad30{padding:0 30px}
.hpad40{padding:0 40px;}
.hpad50{padding:0 50px;}
.apad10{padding:10px;}
.apad20{padding:20px;}
.apad30{padding:30px}
.apad40{padding:40px;}
.apad50{padding:50px;}
/*設計上的字尺寸..設計1920 */
.fsize60{font-size:60px;line-height:90px;}
.fsize60.sp1{line-height:80px;}
.fsize34{font-size:34px;line-height:51px;}
.fsize28{font-size:28px;line-height:42px;}
.fsize24{font-size:24px;line-height:36px;}
.fsize22{font-size:22px;line-height:33px;}
.fsize20{font-size:20px;line-height:30px;}
.fsize18{font-size:18px;line-height:27px;}/*標準尺寸*/
.fsize17{font-size:17px;line-height:25px;}
.fsize16{font-size:16px;line-height:24px;}/*小字 */
.fsize15{font-size:15px;line-height:22px;}/*小字 */
.fcolor333{color:#333;}
.fcolorfff{color:#fff;}
.fcolor000{color:#000;}
.fcolor720009{color:#720009;}
.fcolor111ec6{color:#111ec6;}
.fcolor267616{color:#267616;}

/* to top */
.topbox{position:fixed;z-index:70;right:30px;bottom:40px;font-size:16px;line-height:20px;color:#fff;width:60px;height:60px;border-radius: 30px;background:#c15555;text-align: center;display:none;}
.topbox div{width:100%;}
.topbox span{margin:-10px 0;}
.topbox p,.topbox span{display:block;width:100%;text-align: center;}
.topbox i{font-size:40px;line-height:40px;}
/* menu */
.logo{float:left;}
.menuright{position: relative;float:right;margin-top:40px;height:50px;}
.menuitem{position: relative;display:inline-block;margin:7px 20px;height:36px;;border-bottom:1px solid #720009;float:left;:color:#fff;}
.menuitem.on{border-bottom:1px solid #fff;}
.menuicon{position: relative;display:inline-block;height:50px;}
.cartnum{position:absolute;display:block;top:0;right:0;color:#fff;height:24px;width:24px;text-align: center;font-size:13px;line-height:24px;border-radius: 12px;background:#c15555;}
.menusublist{position:absolute;display:none;background:#720009;top:30px;left:50%;transform:translateX(-50%);min-width:120px;text-align:center;padding:10px;}
.menusublist .sitem{display: block;padding:10px 0;}
.menuitem:hover .menusublist{display:block;}
/* footer */
footer{padding:35px 0;border-bottom:10px solid #0007;}
.footerblock{position: relative;float:left;}
.footerblock:nth-child(1){width:60%;}
.footerblock:nth-child(2){position:absolute;width:39.99%;bottom:0;right:0;}
.footermenulist{width:126px;float:left;margin:0 10px;}
.footermenulist h4{display:block;text-align: center;border:1px solid #fff;color:#fff;padding:3px;}
.footermenulist a{display:block;text-align: center;color:#fff;margin:15px 0;}
.faddbox{float:left;}
.faddbox h4{color:#fff;letter-spacing: 5px;margin:5px 0;}
.faddbox p{color:#fff;margin:10px 0;}
.fsocialbox{position:absolute;bottom:5px;right:0;}
.fsocialbox img{width:35px;margin:0;float:left;}
/* index */
.index_bannerwrap{position: relative;width:100%;overflow: hidden;}
.indextopbg{position:absolute;z-index:0;top:0;left:50%;transform: translateX(-50%);}
.index_bannerwrap .bbg{position: relative;width:100%;z-index:0;visibility: hidden;}
.index_bannerlist{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition: all 1s;}
.index_bannerlist .bitem{display:inline-block;height:100%;float:left;}
.index_bannerlist .bitem img{height:100%;}
.indexblockbox{position:absolute;z-index:2;left:50%;transform: translateX(-50%);bottom:20px;text-align: center;height:10px;}
.indexblockcircle{display:inline-block;height:10px;width:10px;margin:10px;border-radius: 5px;background:#d0d0d0;}
.indexblockcircle.on{background:#b3252b;}
.ibarr{position:absolute;z-index:3;width:50px;top:50%;transform: translateY(-50%);}
.ibarr i{font-size:100px;color:rgba(0,0,0,0.2);text-shadow:3px 10px 10px rgba(255,255,255,0.4)}
.ibarr i:hover{color:rgba(0,0,0,0.4);}
.ibarr.left{left:0;}
.ibarr.right{right:0;}
.index_feature{padding:100px 0;}
.indexnewwrap{padding:50px 0;}
.indexnewitem{position: relative;width:48%;float:left;margin-bottom:50px;}
.indexnewitem:nth-child(2){padding-top:10px;}
.indexnewitem:nth-child(2n){float:right;}
.indexnewitem img.ms{padding-bottom:70px;}
.indexnewitem .text{position:absolute;right:0;bottom:0;width:85%;background:#fff;}
.indexnewitem .text .textin{padding:20px 15px;}
.indexnewitem .text .textin h4{color:#333;}
.indexnewitem .text .textin .ipline{margin-top:10px;height:35px;width:80px;border-top:2px solid #000;}
.indexnbox{}
.intypebox{display: inline-block;padding:0 5px;color:#fff;}
.intypebox.type1{background:#e2a70a;}
.intypebox.type2{background:#3e12e2;}
.intypebox.type3{background:#720009;}


.indexnbox .indate{display: inline-block; color:#333; margin-left:10px;}
.indexnbox .inmore{float:right;color:#720009;}
.indexnbox .inmore i{margin-right:10px;}
.indexprowrapin{position: relative;width:100%;max-width: 1920px;margin:0 auto;text-align: center;overflow: hidden;}
.indexprobg{position:absolute;z-index:0;top:0;left:50%;transform: translateX(-50%);}
.indexprowrapin2{position: relative;z-index:1;width:94%;margin:0 auto;padding:65px 0;height:430px;}
.indexprobox1{position: relative;width:calc(40000% / 1790);float:left;height:100%;}
.indexprobox1 img{width:100%;}
.indexproselect{position:absolute;bottom:0;right:20px;color:#333;letter-spacing: 2px;}
.indexproselect i{margin:0 10px;transform: scale(1.8);transform-origin: center;}
.indexproselect .ipsc{color:#c15555;}
.indexprobox2{position: relative;width:calc(138800% / 1790);float:left;height:100%;}
.indexproboxin{position: absolute;top:0;left:0;width:100%;height:100%;transition: all 1s;opacity: 0;z-index:1;}
.indexproboxin.on{opacity: 1;z-index:2;}
.indexboxitem{position: relative;width:23.5%;margin-right:2%;height:100%;background:#fff;float:left;}
.indexboxitem:nth-child(4){margin-right:0;}
.indexboxitem img{width:100%;}
.indexboxitem p{text-align: left;color:#333;padding:0 20px;}
.indexboxitem .addbtn{position: absolute;left:50%;transform: translateX(-50%);bottom:20px;background:#c15555;color:#fff;text-align: center;width:44%;padding:5px 0;}
.indexfbwrap{position: relative;width:100%;max-width: 1920px;margin:0 auto;text-align: center;overflow: hidden;height:306px;}
/* in page */
.intopbanner{padding-bottom:90px;}
.crumb{background:#fff;padding:20px 0;color:#666666;}
.crumb span{color:#666666; margin:0 5px;}
.inmain{background:#fff;padding:80px 0;}
.inmain2{background:#fff;padding:40px 0;}
.backtolist{color:#610008;}
/* store */
.storetop{position: relative;padding:0;}
.storetop iframe{width:840px;height:472px;}
.storemenu{color:#fff;background:#e89293;padding:20px 0;border-radius: 20px;margin:40px 0;}
.storelist{position: relative;padding:0 10px;}
.storelistitem{position: relative;width:48%;float:left;margin-right:3.99%;border-bottom:1px solid #ccc;padding:0;height:220px;padding:40px 0;}
.storelistitem:nth-child(2n){margin-right:0;}
.storelistitem iframe{width:44%;height:220px;float:left;}
.storelistitem img{width:44%;height:220px;float:left;}
.storelistitem .content{margin-left:2%;width:54%;float:left;}
.storelistitem .content h3{color:#333;padding-bottom:10px;}
.storelistitem .content ul{color:#333;margin-left:20px;}
.storelistitem .content ul li{list-style: disc;list-style-position: outside;}
.storelistitem .content ul li span{display:inline-block;}
/*保養須知 */
.caresteps .step{width:30%;margin-right:5%;text-align: center;float:left;}
.caresteps .step:nth-child(3){margin-right:0;}
.caresteps .step .title{padding:10px 0;border-radius: 15px;background:#e89293;}
.caresteps .step img{padding:40px 0;}
.stepcontent ul {margin-left:20px;}
.stepcontent ul li{list-style: disc;list-style-position: outside;}

/* order */
.ordersearch{background:#e6e6e6;text-align: left;padding:40px;}
.ordersearch span{margin:0 10px;line-height:40px;}
.ordersearch input[type=text]{background:#fff;font-size:16px;padding:0 10px;border-radius: 10px;height:40px;}
.ordersearch span:nth-child(2) input{width:300px;}
.ordersearch span:nth-child(3) input{width:100px;}
.ordersearch span:nth-child(4) input[type=submit]{width:80px;border-bottom:2px solid #720009;font-size:20px;height:40px;color:#333;background:none;}
.orderlistitem{padding:25px 15px;border-bottom:1px solid #ccc;}
.orderlistitem .contentin{position: relative;padding-top:15px;width:49%;float:left;margin-right:2%;margin-bottom:0.5vw;}
.orderlistitem .contentin:nth-child(2n){margin-right:0;}
.orderlistitem .contentin img{border:1px solid #ccc;float:left;}
.orderlistitem .contentin .contentright{margin-left:30px;float:left;}

/* productlist */
.productlist{position: relative;}
.productitem{width:calc(23.5% - 2px);padding:10px 0;margin-right:2%;float:left;}
.productitem:nth-child(4n){margin-right:0;}
.productitemin{border:1px solid #ccc;padding:20px;}
.plisttitle{height:60px;}
.plistcontent{height:90px;}
.plistbtn{display:inline-block;background: #c15555;padding:10px 20px;margin-top:10px;}


/* productpage */
.scale15{transform: scale(1.5);transform-origin: center center;}
.ppagetopwrap{position: relative;}
.ppagetopleft{width:50%;}
#ptopimg{border:1px solid #ccc;}
#ptopselect{margin-top:10px;}
.ppagetopright{position:absolute;top:0;left:53%;width:47%;height:100%;}
#ptopselect img{width:calc(24% - 2px);border:1px solid #ccc;float:left;margin-right:1.33%;}
#ptopselect img:nth-child(4){margin-right:0;}
#ptopselect img.on{border:1px solid #666;}
.ppagetopright ul {margin-left:20px;}
.ppagetopright ul li{list-style: disc;list-style-position: outside;}
.ppagetopright select{padding:5px 20px;border:1px solid #ccc;border-radius: 10px;width:400px;}
.ppagetopright input{padding:5px;border:1px solid #ccc;border-radius: 10px;width:40px;}
.ppageqtywrap span{margin-right:5px;}
.ppagecart{position:absolute;bottom:0;left:0;width:100%;background: #c15555;padding:10px 20px;}
.ppagemoney{position:absolute;bottom:130px;left:0;}
.ppagemoney div{display: inline-block;padding:0 20px;background:#ff9812;border-radius: 10px;}
.ppageinfotitle{border-bottom:1px solid #333;}
.ppageinfotitle span{float:right;transform: scale(1.5);transform-origin: center right;}
.ppageinfocontent{display: none;height:0;transition: all 0.5s;}
.ppageinfowrap.on .ppageinfocontent{display: block;height:auto;}

/* cart */
.cartsteps{position: relative;width:450px;max-width:100%;margin:10px auto;display:flex;justify-content: space-between;}
.cartsteps2{position: relative;width:450px;margin:10px auto;display:flex;justify-content: space-between;}
.cstepline{position:absolute;top:calc(50% - 2px);left:5%;width:90%;z-index:0;height:2px;background:#ccc;}
.cstep{position: relative;display:inline-block;width:60px;text-align:center;z-index:1;}
.cstep span{display:inline-block;width:30px;height:30px;border-radius: 15px;background:#ccc;text-align: center;font-size: 15px;line-height:30px;color:#fff;}
.cstep.on span{background:#333;}
.cartleft{width:62%;float:left;}
.cartright{width:36%;margin-left:2%;float:left;}
.cartitem{position: relative;margin-bottom:30px;}
.cartitem img{width:calc(18% - 2px);border:1px solid #ccc;float:left;}
.cartitemin{position: relative;width:80%;margin-left:2%;float:left;z-index:1;padding-bottom:20px;border-bottom: 2px solid #ccc;}
.cartitemin input{width:40px;text-align: right;border:1px solid #ccc;}
.cardelbtn{position: absolute;z-index:2;bottom:20px;right:0;}
.cartinfotitle{background:#ccc;}
.cartinfoline{position: relative;margin:10px 0; }
.cartinfoline input[type=text],.cartinfoline input[type=date]{height:30px;border-radius: 5px;padding:0 5px;width:calc(100% - 12px);border:1px solid #ccc;}
.cartinfoline textarea{height:100px;border-radius: 5px;width:calc(100% - 12px);border:1px solid #ccc;padding:0 5px;}
.cartinfoline input[type=radio]{margin-right:5px;}
.cartinfoline span{display: inline-block;margin-right:1%;vertical-align: middle;;}
.cartinfoline span:nth-child(1){width:20%;text-align:right;}
.cartinfoline.style1  span:nth-child(2){width:30%;}
.cartinfoline.style2  span:nth-child(2){width:60%;}
.cartordertitle{background:#ccc;}
.cartordercon{background:#efefef;}
.cartordercon1:nth-child(2){border-top:1px solid #333;}
.cartorderbtn{background:#c15555;}
/* news */
.newsmenu{position: relative;}
.newsmenuin{position: relative;width:50%;float:left;}
.newsselect{display:inline-block;text-align:center;width:180px;color:#333333;padding:10px 0;border-bottom:3px solid #ccc;margin:0;}
.newsselect.on{color:#6c0008;font-weight: bold;border-bottom:3px solid #6c0008;}
.newsmenuin:nth-child(1){text-align: right;}
.newsmenuin:nth-child(1) .newsselect{margin-right:0;}
.newsmenuin:nth-child(2){text-align: left;}
.newsmenuin:nth-child(2) .newsselect{margin-left:0;}
.newslist{padding:50px 0;}
.newslistitem{position: relative;width:48%;float:left;margin-right:3.99%;border-bottom:1px solid #ccc;padding:0;height:140px;}
.newslistitem:nth-child(2n){margin-right:0;}
.newslistitemp{position: relative;float:left;height:100%;}
.newslistitemp1{color:#610008;font-weight:bold;width:90px;text-align: center;margin-right:10px;}
.newslistitemp2{width:100px;margin-right:20px;}
.newslistitemp2 .intypebox{width:calc(100% - 10px);}
.newslistitemp3{width:calc(100% - 220px);}
.newslistitemp3 p{color:#333333;}
.newslistpage{text-align: center;padding:20px 0;}
.newslistpage span{margin:0 10px;}
.newslistpage span.s1{color:#610008;font-weight: bold;}
.newslistpage span.s2{color:#6e6f80;}
.newslistpage span.on{font-weight: bold;color:#610008;}
.newslistpage a{color:#610008;font-weight: bold;}
.newslistpage a{color:#6e6f80;}
.newinpagetitle{height:150px;border-bottom: 1px solid #ccc;}
.newslistitemp4{color:#610008;font-weight:bold;width:100px;text-align: center;margin-right:30px;}
.newslistitemp4 .intypebox{width:calc(100% - 10px);}
.newslistitemp5{width:calc(100% - 130px);color:#333;font-weight: bold;}
.newinpagecontain{padding:50px 0;}
/* about */
.aboutmenu{position: relative;text-align: center;font-size:0;}
.aboutcut{padding:80px 0;}
.aboutblock{padding-top:50px;width:calc(100% * 850/1440 );float:left;}
.aboutblock.full{width:100%;float:none;padding:50px 0;margin:0!important;}
.aboutblock h3{display:inline-block;color:#610008;padding:5px 5px;border-bottom:1px solid #6c0008;letter-spacing: 5px;min-width: 160px;}
.aboutblock h4{color:#610008;padding:20px  0;}
.aboutblock h6{display:inline-block;color:#720009;margin:30px 0 10px 0;padding: 0 20px;text-align: left;background:#e89293;border-radius: 10px;min-width:50%;}
.aboutblock p{color:#333;}
.aboutblock p.sp{padding: 0 20px;}
.aboutimg{width:calc(100% * 485/1440 );float:left;}
.aboutimg:first-child{margin-right:calc(100% * 60/1440 );}
.aboutblock:first-child{margin-left:calc(100% * 45/1440 );margin-right:calc(100% * 60/1440 );}
.abouttimetable{background:#eaeaea;}
.abclothitem{width:23.5%;margin-right: 1.99%;margin-bottom:10px;float:left;}
.abclothitem:nth-child(4n){margin-right: 0;}
.abclothwrap{padding-top:50px;}
.imwrap img{width:100%;padding:15px 0;}
.aboutcloth{padding:50px 0;}
.abclothtitle{padding:5px 0;text-align:center;background:#f3f3f3;color:#333;border-radius: 10px;}
.abclothtext{color:#333;height:220px;padding:15px 0;}
.aboutslogan{position: relative;padding:15px 30px;background:#e89293;text-align:center;border-radius: 20px;}
.text{position: relative;color:#fff;display:inline-block;padding:0 20px;background:#e89293;z-index: 2;}
.asline{position:absolute;width:96%;z-index: 0;top:50%;left:50%;transform: translateX(-50%);border-bottom:1px solid #fff;}
/* 1920內 全尺寸之物件 */
@media screen and (max-width: 1920px) {
  .indexprobg{position:absolute;z-index:0;top:0;left:50%;transform: translateX(-50%);width:120%;}
  .indexprowrapin2{padding:calc(65vw / 19.2) 0;height:calc(430vw / 19.2);}
  .indexboxitem p{padding:0 calc(20vw / 19.2);}
  .indexboxitem .addbtn{bottom:calc(20vw / 19.2);padding:calc(5vw / 19.2) 0;}
  .fsize20.f{font-size:calc(20vw / 19.2);line-height:calc(30vw / 19.2);}
  .fsize18.f{font-size:calc(18vw / 19.2);line-height:calc(27vw / 19.2);}/*標準尺寸*/
  .indexfbwrap{height:calc(360vw / 19.2);}
  .indexfbwrapimg{position:absolute;top:0;left:50%;transform: translateX(-50%);width:120%;}
}


/* 1600內 */
@media screen and (max-width: 1600px) {

  .centerwrap{  width:90%;  margin:0 auto;}
  .centerwrapin{  width:calc(100% - 40px);  margin:0 auto;}
  .fsize60{font-size:calc(60vw / 16);line-height:calc(90vw / 16);}
  .fsize60.sp1{line-height:calc(80vw / 16);}
  .fsize34{font-size:2.27vw;line-height:3.4vw;}
  .fsize28{font-size:1.87vw;line-height:2.81vw;}
  .fsize24{font-size:1.6vw;line-height:2.4vw;}
  .fsize22{font-size:1.47vw;line-height:2.21vw;}
  .fsize20{font-size:1.33vw;line-height:2vw;}
  .fsize18{font-size:1.2vw;line-height:1.8vw;}/*標準尺寸*/
  .fsize17{font-size:1.13vw;line-height:1.7vw;}
  .fsize16{font-size:1.07vw;line-height:1.61vw;}/*小字 */
  .fsize15{font-size:1vw;line-height:1.5vw;}/*小字 */
  .fsize20.f{font-size:calc(20vw / 19.2);line-height:calc(30vw / 19.2);}
  .fsize18.f{font-size:calc(18vw / 19.2);line-height:calc(27vw / 19.2);}/*標準尺寸*/
  /* pad */
  .vpad10{padding:calc(10vw / 16) 0;}
  .vpad20{padding:calc(20vw / 16) 0;}
  .vpad30{padding:calc(30vw / 16) 0;}
  .vpad40{padding:calc(40vw / 16) 0;}
  .vpad50{padding:calc(50vw / 16) 0;}
  .hpad10{padding:0 calc(10vw / 16);}
  .hpad20{padding:0 calc(20vw / 16);}
  .hpad30{padding:0 calc(30vw / 16);}
  .hpad40{padding:0 calc(40vw / 16);}
  .hpad50{padding:0 calc(50vw / 16);}
  .apad10{padding:calc(10vw / 16);}
  .apad20{padding:calc(20vw / 16);}
  .apad30{padding:calc(30vw / 16);}
  .apad40{padding:calc(40vw / 16);}
  .apad50{padding:calc(50vw / 16);}
  /* to top */
  .topbox{right:calc(30vw / 16);bottom:calc(40vw / 16);font-size:calc(16vw / 16);line-height:calc(20vw / 16);width:calc(60vw / 16);height:calc(60vw / 16);border-radius: calc(30vw / 16);}
  .topbox span{margin:calc(-10vw / 16) 0;}
  .topbox i{font-size:calc(40vw / 16);line-height:calc(40vw / 16);}
  /* menu */
  .logo{width:calc(232vw / 16);}
  .menuright{margin-top:calc(40vw / 16);height:calc(50vw / 16);}
  .menuitem{margin:calc(7vw / 16) calc(20vw / 16);height:calc(36vw / 16);border-bottom:1px solid #720009;float:left;}
  .menuicon{display:inline-block;height:calc(50vw / 16)}
  .menuicon img{height:100%;}
  .cartnum{height:calc(28vw / 16);width:calc(28vw / 16);line-height:calc(28vw / 16);border-radius: calc(14vw / 16);font-size:12px;}
  /* footer */
  footer{padding:calc(35vw / 16) 0;}
  .footermenulist{width:calc(126vw / 16);margin:0 calc(10vw / 16);}
  .footermenulist a{margin:calc(15vw / 16) 0;}
  .faddbox{width:100%;float:none;}
  .faddbox h4{color:#fff;letter-spacing: 5px;margin:calc(5vw / 16)  0;}
  .faddbox p{color:#fff;margin:calc(10vw / 16)  0;}
  .fsocialbox{position:relative;width:100%;bottom:0;text-align:right;margin-top:calc(20vw / 16);}
  .fsocialbox img{width:calc(35vw / 16);margin:0;}
  /* index */
  .indextopbg{position:absolute;z-index:0;top:0;left:50%;transform: translateX(-50%);width:120%;}
  .index_feature{width:calc(1160vw / 16);}
  .index_feature{padding:calc(100vw / 16) 0;}
  .indexnewwrap{padding:calc(50vw / 16) 0;}
  .indexnewitem{margin-bottom:calc(50vw / 16);}
  .indexnewitem:nth-child(2){padding-top:calc(10vw / 16);}
  .indexnewitem img.ms{padding-bottom:calc(70vw / 16);}
  .indexnewitem .text .textin{padding:calc(20vw / 16) calc(15vw / 16);;}

  .indexnewitem .text .textin .ipline{margin-top:calc(10vw / 16);height:calc(35vw / 16);width:calc(80vw / 16);border-top:2px solid #000;}
  .indexnbox .indate{display: inline-block; color:#333; margin-left:calc(10vw / 16);}
  .indexnbox .inmore i{margin-right:calc(10vw / 16);}
  /* in page */
  .intopbanner{padding-bottom:calc(90vw / 16);}
  .crumb{padding:calc(20vw / 16) 0;}
  .inmain{padding:calc(80vw / 16) 0;}
  .inmain2{padding:calc(40vw / 16) 0;}
  /* store */
  .storetop iframe{width:calc(840vw / 16);height:calc(472vw / 16);}
  .storemenu{padding:calc(20vw / 16);border-radius: calc(20vw / 16);margin:calc(40vw / 16) 0;}
  .storelist{padding:0 calc(10vw / 16);}
  .storelistitem{height:calc(220vw / 16);padding:calc(40vw / 16) 0;}
  .storelistitem iframe{height:calc(220vw / 16);}
  .storelistitem img{height:calc(220vw / 16);}
  
  .storelistitem .content h3{padding-bottom:calc(10vw / 16);}
  .storelistitem .content ul{margin-left:calc(20vw / 16);}
  /*保養須知 */
  .caresteps .step .title{padding:calc(10vw / 16) 0;border-radius: calc(15vw / 16);}
  .caresteps .step img{padding:calc(40vw / 16) 0;}
  .stepcontent ul {margin-left:calc(20vw / 16);}


  /* order */
  .ordersearch{padding:calc(40vw / 16)}
  .ordersearch span{margin:0 calc(10vw / 16);line-height:calc(40vw / 16);}
  .ordersearch input[type=text]{font-size:calc(20vw / 16);border-radius: calc(10vw / 16);height:calc(40vw / 16);}
  .ordersearch span:nth-child(2) input{width:calc(300vw / 16);}
  .ordersearch span:nth-child(3) input{width:calc(100vw / 16);}
  .ordersearch span:nth-child(5) input[type=submit]{width:calc(80vw / 16);font-size:calc(20vw / 16);height:calc(40vw / 16);}
  .orderlistitem{padding:calc(25vw / 16) calc(15vw / 16);}
  .orderlistitem .contentin{padding-top:calc(15vw / 16);}
  .orderlistitem .contentin .contentright{margin-left:calc(30vw / 16);}

  /* productlist */

  .productitem{padding:calc(10vw / 16) 0;}
  .productitemin{padding:calc(20vw / 16);}
  .plisttitle{height:calc(60vw / 16);}
  .plistcontent{height:calc(90vw / 16);}
  .plistbtn{padding:calc(10vw / 16) calc(20vw / 16);margin-top:calc(10vw / 16);}

  /* productpage */
  #ptopselect{margin-top:calc(10vw / 16);}
  .ppagetopright ul {margin-left:calc(20vw / 16);}
  .ppagetopright select{padding:calc(5vw / 16) calc(20vw / 16);border-radius: calc(10vw / 16);width:calc(400vw / 16);}
  .ppagetopright input{padding:calc(5vw / 16);border-radius: calc(10vw / 16);width:calc(40vw / 16);}
  .ppageqtywrap span{margin-right:calc(5vw / 16);}
  .ppagecart{padding:calc(10vw / 16) calc(20vw / 16);}
  .ppagemoney{bottom:calc(130vw / 16);}
  .ppagemoney div{padding:0 calc(20vw / 16);border-radius: calc(10vw / 16);}

  /* cart */
  .cartsteps{width:calc(450vw / 16);margin:calc(10vw / 16) auto;}
  .cartsteps2{width:calc(450vw / 16);margin:calc(10vw / 16) auto;}
  .cstep{width:calc(60vw / 16);}
  .cstep span{width:calc(30vw / 16);height:calc(30vw / 16);border-radius: calc(15vw / 16);font-size: calc(15vw / 16);line-height:calc(30vw / 16);}
  .cartitem{margin-bottom:calc(30vw / 16);}
  .cartitemin{padding-bottom:calc(20vw / 16);}
  .cartitemin input{width:calc(40vw / 16);}
  .cardelbtn{bottom:calc(20vw / 16);}
  .cartinfoline{margin:calc(10vw / 16) 0; }
  .cartinfoline input[type=text],.cartinfoline input[type=date]{height:calc(30vw / 16);border-radius: calc(5vw / 16);}
  .cartinfoline textarea{height:calc(100vw / 16);border-radius: calc(5vw / 16);}

  /* news */
  .newsselect{width:calc(180vw / 16);}
  .newslist{padding:calc(50vw / 16) 0;}
  .newslistitem{padding:calc(30vw / 16) 0 0 0;height:calc(110vw / 16);}
  .newslistitemp1{width:calc(90vw / 16);text-align: center;margin-right:calc(10vw / 16);}
  .newslistitemp2{width:calc(100vw / 16);margin-right:calc(20vw / 16);}
  .newslistitemp3{width:calc(100% - calc(220vw / 16));}
  .newslistpage{text-align: center;padding:calc(20vw / 16) 0;}
  .newinpagetitle{height: calc(150vw / 16);}
  .newslistitemp4{width:calc(100vw / 16);text-align: center;margin-right:calc(30vw / 16);}
  .newslistitemp5{width:calc(100% - calc(130vw / 16));}
  .newinpagecontain{padding:calc(50vw / 16) 0;}

  /* about */
  .aboutcut{padding:calc(80vw / 16) 0;}
  .aboutblock{padding-top:calc(50vw / 16);}
  .aboutblock.full{padding:calc(50vw / 16) 0;}
  .aboutblock h3{padding:calc(5vw / 16);min-width: calc(160vw / 16);}
  .aboutblock h4{padding:calc(20vw / 16)  0;}
  .aboutblock h6{margin:calc(30vw / 16) 0 calc(10vw / 16) 0;padding: 0 calc(20vw / 16);border-radius: calc(10vw / 16);}
  .aboutblock p.sp{padding: 0 calc(20vw / 16);}
  .abclothitem{margin-bottom:calc(10vw / 16);}
  .abclothwrap{padding-top:calc(50vw / 16)}
  .imwrap img{padding:calc(15vw / 16) 0;}
  .aboutcloth{padding:calc(50vw / 16) 0;}
  .abclothtitle{padding:calc(5vw / 16) 0;border-radius: calc(10vw / 16);}
  .abclothtext{height:calc(220vw / 16);padding:calc(15vw / 16) 0;}
  .aboutslogan{padding:calc(15vw / 16) calc(30vw / 16);border-radius: calc(20vw / 16);}
  .text{padding:0 calc(20vw / 16);}
}

/* 手機板  */
@media screen and (max-width: 1000px) {
  .show400{display: block!important;}
  .show400.inline{display: inline!important;}
  .hide400{display: none!important;}
  .centerwrap{  width:90%;  margin:0 auto;}
  .centerwrapin{  width:calc(100% - 4vw);  margin:0 auto;}
  .fsize60{font-size:8.5vw;line-height:13.5vw;}
  .fsize60.sp1{line-height:10vw;}
  .fsize34{font-size:7.56vw;line-height:11.34vw;}
  .fsize28{font-size:6.22vw;line-height:9.33vw;}
  .fsize24{font-size:5.33vw;line-height:8vw;}
  .fsize22{font-size:4.89vw;line-height:7.33vw;}
  .fsize20,.fsize20.f{font-size:4.44vw;line-height:6.66vw;}
  .fsize18,.fsize18.f{font-size:4vw;line-height:6vw;}/*標準尺寸*/
  .fsize17{font-size:3.78vw;line-height:5.67vw;}
  .fsize16{font-size:3.56vw;line-height:5.34vw;}/*小字 */
  .fsize15{font-size:3.33vw;line-height:5vw;}/*小字 */
  /* pad */
  .vpad10{padding:calc(10vw / 6) 0;}
  .vpad20{padding:calc(20vw / 6) 0;}
  .vpad30{padding:calc(30vw / 6) 0;}
  .vpad40{padding:calc(40vw / 6) 0;}
  .vpad50{padding:calc(50vw / 6) 0;}
  /* to top */
  .topbox{right:calc(20vw / 4);bottom:calc(30vw / 4);font-size:calc(16vw / 4);line-height:calc(20vw / 4);width:calc(60vw / 4);height:calc(60vw / 4);border-radius: calc(30vw / 4);}
  .topbox span{margin:calc(-10vw / 4) 0;}
  .topbox i{font-size:calc(40vw / 4);line-height:calc(40vw / 4);}
  /* menu */
   nav{position:fixed;top:0;left:0;width:100%;z-index:98;background:#680001;}
  .logo{width:auto;height:18vw;}
  .menuright{position: relative;float:right;margin-top:4vw;height:12vw;}
  .menuitem{display:inline-block;margin:0 3vw;height:12vw;}
  .menuicon{height:12vw;}
  .cartnum{position:absolute;display:block;top:0;right:0;color:#fff;height:24px;width:24px;text-align: center;font-size:13px;line-height:24px;border-radius: 12px;background:#c15555;}
  /* 手機menu */
   header{position:fixed;top:18vw;height:calc(100% - 18vw);width:100%;left:100%;background:#610008;z-index:100;opacity: 0;transition: all 1s;}
   header.on{left:0;opacity: 1;}
  .topmenuwrap{padding:10vw 5%;text-align:center;}
  .menuitemm{display:block;text-align:center;padding:2vw 0;margin:5vw auto;width:50%;}
  .menuitemm.on{border-bottom:1px solid #fff;}
  .menusublist{display:none;height:0;transition:all 0.5s;position:relative;background:none;top:auto;left:auto;transform:none;min-width:auto;width:100%;text-align:center;padding:calc(10vw / 16);}
  .menusublist .sitem{display: block;padding:calc(10vw / 16) 0;margin:5vw 0;}
  .menuitemm.temp .menuitemmtitlex{border-bottom:1px solid #666666;}
  .menuitemm.temp .menusublist{display:block;height:auto;}
  /*框架 */
  article{padding-top:18vw;z-index:1;}
  /* footer */
   footer{padding:5vw 0;border-bottom:3vw solid #0007;}
  .footerblock{position: relative;float:none}
  .footerblock:nth-child(1){width:100%;}
  .footerblock:nth-child(2){position:relative;width:100%;bottom:none;right:none;}
  .footermenulist{width:40%;float:left;margin:3vw 5%;height:50vw;}
  .footermenulist h4{display:block;text-align: center;border:1px solid #fff;color:#fff;padding:3px;}
  .footermenulist a{display:block;text-align: center;color:#fff;margin:15px 0;}
  .faddbox{float:left;}
  .faddbox h4{color:#fff;letter-spacing: 5px;margin:1vw 0;}
  .faddbox p{color:#fff;margin:1vw 0;}
  .fsocialbox{position:relative;margin-top:5vw;bottom:auto;right:auto;float:left;}
  .fsocialbox img{width:10vw;margin:0;float:left;}
  /* index banner */
  .index_bannerwrap{margin-top:10vw;}
  .indextopbg{width:185%;}
  /* index feature */
  .index_feature{width:90%;padding:25vw 0;}
  /* index news */
  .indexnewwrap{padding:10vw 0;}
  .indexnewitem{position: relative;width:100%;float:none;margin-bottom:10vw;}
  .indexnewitem:nth-child(2){padding-top:0;}
  .indexnewitem:nth-child(2n){float:none;}
  .indexnewitem img.ms{padding-bottom:35vw;}
  .indexnewitem .text .textin{padding:3vw 5vw;}
  .indexnewitem .text .textin .ipline{margin-top:2vw;height:5vw;width:20vw;}
  /* index pro */
  .indexprobg{position:absolute;z-index:0;top:0;left:50%;transform: translateX(-50%);width:800%;}
  .indexprowrapin2{padding:10vw 0;height:180vw;}
  .indexprobox1{position: relative;width:100%;float:none;height:30vw;text-align: left;}
  .indexprobox1 img{width:60%;}
  .indexproselect{right:0;}
  .indexproselect i{margin:0 2vw;}
  .indexprobox2{position: relative;width:100%;float:none;height:150vw;margin-top:5vw;}
  .indexboxitem{position: relative;width:48%;margin-right:2%;height:48%;margin-bottom:4%;}
  .indexboxitem:nth-child(2n){margin-right:0;}
  .indexboxitem:nth-child(3),.indexboxitem:nth-child(3){margin-bottom:0;}
  .indexboxitem p{padding:0 3vw;}
  .indexboxitem .addbtn{bottom:3vw;width:60%;padding:1vw 0;}

  /* store */
  .storetop iframe{width:80vw;height:50vw;}
  .storemenu{padding:3vw 5vw;border-radius: 5vw;margin:10vw 0;}
  .storelist{position: relative;padding:0;}
  .storelistitem{width:100%;float:none;margin-right:0;border-bottom:1px solid #ccc;height:auto;padding:5vw 0;}
  .storelistitem:nth-child(2n){margin-right:0;}
  .storelistitem iframe{width:30%;height:50vw;float:left;}
  .storelistitem img{width:30%;height:50vw;float:left;}  
  .storelistitem .content{margin-left:2%;width:68%;float:left;}
  .storelistitem .content h3{color:#333;padding-bottom:2vw;}
  .storelistitem .content ul{color:#333;margin-left:6vw;}
  /*保養須知 */
  .caresteps .step{width:100%;margin-right:0;float:none;margin:10vw 0;}
  .caresteps .step .title{padding:2vw 0;border-radius: 3vw;}
  .caresteps .step img{padding:5vw 0;}
  .stepcontent ul {margin-left:5vw;}

  /* order */
  .ordersearch{padding:5vw;}
  .ordersearch span{position: relative;display:inline-block;margin:0 0 5vw 0 ;line-height:10vw;}
  .ordersearch input[type=text]{background:#fff;font-size:4vw;border-radius: 2vw;height:10vw;}
  .ordersearch span:nth-child(1){width:100%;margin:0;}
  .ordersearch span:nth-child(2){width:100%;}
  .ordersearch span:nth-child(2) input[type=text]{padding:0 2vw;width:calc(100% - 4vw);}
  .ordersearch span:nth-child(3){width:40%;}
  .ordersearch span:nth-child(3) input[type=text]{padding:0 2vw;width:calc(100% - 4vw);}
  .ordersearch span:nth-child(4){width:100%;text-align: right;}
  .ordersearch span:nth-child(4) input[type=submit]{width:15vw;font-size:4vw;height:8vw;}
  .orderlistitem{padding:5vw 0;}
  .orderlistitem .contentin{position: relative;padding-top:3vw;  width:100%;margin-right:0;}
  .orderlistitem .contentin img{border:1px solid #ccc;float:none;width:40%;margin-bottom:3vw;}
  .orderlistitem .contentin .contentright{margin-left:0;float:none;}

  /* productlist */
  .aboutmenu.stylep .newsselect{width:50%;}
  .productlist{position: relative;}
  .productitem{width:100%;padding:2vw 0;margin-right:0;float:none;}
  .productitemin{border:1px solid #ccc;padding:4vw;}
  .plisttitle{height:14vw;}
  .plistcontent{height:20vw;}
  .plistbtn{display:block;padding:2vw 4vw;margin-top:2vw;}


  /* productpage */
  .scale15{transform: scale(1.5);transform-origin: center center;}
  .ppagetopleft{width:100%;}
  #ptopselect{margin-top:2vw;}
  .ppagetopright{position:relative;top:auto;left:auto;width:100%;height:auto;margin-top:5vw;}
  .ppagetopright ul {margin-left:5vw;}
  .ppagetopright select{padding:2vw 5vw;border-radius: 2vw;width:calc(100% - 2px);}
  .ppagetopright input{padding:1vw;border-radius: 2vw;width:8vw;}
  .ppageqtywrap span{margin-right:1vw;}
  .ppagecart{position:relative;bottom:auto;left:auto;width:calc(100% - 6vw);padding:2vw 4vw;margin-top:5vw;}
  .ppagemoney{position:relative;bottom:auto;left:auto;}
  .ppagemoney div{display: inline-block;padding:0 5vw;border-radius: 2vw;}

  /* cart */
  .cartsteps{position: relative;width:100%;margin:2vw auto;}
  .cartsteps2{position: relative;width:100%;margin:2vw auto;}
  .cstep{width:16vw;}
  .cstep span{width:10vw;height:10vw;border-radius:5vw;font-size: 6vw;line-height:10vw;}
  .cartleft{width:100%;float:none;}
  .cartright{width:100%;margin-left:0;float:none;}
  .cartitem{margin-bottom:5vw;}
  .cartitem img{width:calc(25% - 2px);border:1px solid #ccc;float:left;}
  .cartitemin{position: relative;width:73%;margin-left:2%;float:left;z-index:1;padding-bottom:20px;border-bottom: 2px solid #ccc;}
  .cartitemin input{width:8vw;}
  .cardelbtn{position: absolute;z-index:2;bottom:5vw;right:0;}
  .cartinfotitle{background:#ccc;}
  .cartinfobox{padding:5vw 0;}
  .cartinfoline{margin:2vw 0; }
  .cartinfoline input[type=text],.cartinfoline input[type=date]{height:6vw;border-radius: 1vw;padding:0 1vw;width:calc(100% - 1vw);}
  .cartinfoline textarea{height:20vw;border-radius: 1vw;width:calc(100% - 3vw);padding:0 1vw;}
  .cartinfoline input[type=radio]{margin-left:1vw;margin-right:0;}
  .cartinfoline span{display: inline-block;margin-right:1%;vertical-align: middle;;}
  .cartinfoline span:nth-child(1){width:35%;text-align:right;}
  .cartinfoline.style1  span:nth-child(2){width:20%;}
  .cartinfoline.style2  span:nth-child(2){width:55%;}


  /* news */
  .centerwrap.newslist{width:96%;}
  .newsselect{width:70%;padding:2vw 0;}
  .newslist{padding:10vw 0;}
  .newslistitem{width:100%;float:none;margin-right:0;border-bottom:1px solid #ccc;padding:0;height:34vw;}
  .newslistitemp{position: relative;float:left;height:100%;}
  .newslistitemp1{width:18vw;margin-right:2vw;}
  .newslistitemp2{width:18vw;margin-right:2vw}
  .newslistitemp2 .intypebox{width:calc(100% - 10px);}
  .newslistitemp3{width:calc(100% - 40vw);}

  .newslistpage{text-align: center;padding:4vw 0;}
  .newslistpage span{margin:0 1.5vw;}

  .newinpagetitle{height:auto;}
  .newslistitemp4{width:30vw;margin-right:0;height:25vw;}
  .newslistitemp4 .intypebox{width:calc(100% - 10px);}
  .newslistitemp5{width:100%;color:#333;font-weight: bold;height:auto;padding-bottom:5vw;}
  .newslistitemp5 p{position:relative;top:auto;left:auto;transform: none;}
  .newinpagecontain{padding:10vw 0;}
  /* about */
  .aboutmenu .newsselect{width:33%;}
  .aboutcut{padding:10vw 0;}
  .aboutblock{padding-top:10vw;width:100%;float:none;}
  .aboutblock.full{width:100%;float:none;padding:15vw 0;margin:0!important;}
  .aboutblock h3{padding:2vw 1vw;}
  .aboutblock h4{padding:5vw  0;}
  .aboutblock h6{margin:6vw 0 2vw 0;padding: 1vw 5vw;border-radius: 2vw;}
  .aboutblock p.sp{padding: 1vw 5vw;}
  .aboutimg{width:auto;float:none;max-width:100%;}
  .aboutimg:first-child{margin-right:0;}
  .aboutblock:first-child{margin-left:0;margin-right:0;}

  .abclothitem{width:48%;margin-right: 1.99%;margin-bottom:4vw;}
  .abclothitem:nth-child(2n){margin-right: 0;}
  .abclothwrap{padding-top:10vw;}
  .imwrap img{width:100%;padding:3vw 0;}
  .aboutcloth{padding:10vw 0;}
  .abclothtitle{padding:1vw 0;border-radius: 2vw;}
  .abclothtext{height:auto;padding:3vw 0;}
  .aboutslogan{position: relative;padding:3vw 12vw;border-radius: 5vw;}
  .text{padding:0 1vw;}
  .asline{width:92%;}
}