.hvr-outline-in{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:solid 1px;border-color:#000;top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.hvr-outline-in:hover:before{top:-2px;right:-2px;bottom:-2px;left:-2px;opacity:1}.dfont,.disp-details .btns-ui .collection em{font-family:Helvetica,Arial,微軟正黑體}@media only screen and (max-width: 1024px){.default-w{width:100%;padding:0 20px}}.top-attr-container{margin-top:60px}@media only screen and (max-width: 1024px){.top-attr-container{width:768px;margin:40px auto 0}}@media only screen and (max-width: 767px){.top-attr-container{width:100%;margin:20px auto 0}}.main-wrap .img-slides{float:left}.main-wrap .disp-wrap{float:right}.main-wrap .img-slides,.main-wrap .disp-wrap{display:inline-block}.main-wrap .img-slides{position:relative}@media only screen and (max-width: 767px){.main-wrap .img-slides{display:block}}.main-wrap .img-slides .swiper-button-next,.main-wrap .img-slides .swiper-button-prev{display:block}.main-wrap .disp-wrap{width:100%}@media only screen and (min-width: 1025px){.main-wrap .disp-wrap{max-width:450px}}@media only screen and (max-width: 1024px){.main-wrap .disp-wrap{max-width:350px}}@media only screen and (max-width: 767px){.main-wrap .disp-wrap{max-width:450px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}}@media only screen and (max-width: 767px){.main-wrap .img-slides,.main-wrap .disp-wrap{float:none;margin:0 auto}}.img-slides{width:100%;max-width:500px;margin:0 50px 0 0;overflow:hidden;border:1px solid #eee}@media only screen and (max-width: 1024px){.img-slides{max-width:338px;margin:0 30px 0 0}}@media only screen and (max-width: 767px){.img-slides{max-width:450px;margin:0 auto}}.img-slides .pics li{display:inline-block;width:100%;max-width:600px;float:left;cursor:move}@media only screen and (max-width: 1024px){.img-slides .pics li{max-width:338px}}@media only screen and (max-width: 767px){.img-slides .pics li{width:-moz-calc((100vw - 20px));width:-webkit-calc((100vw - 20px));width:calc((100vw - 20px));max-width:450px}}.img-slides .pics .svg_icon_magnifier{position:absolute;bottom:5px;right:5px;font-size:22px;color:#888;width:38px;height:38px;text-align:center;line-height:200%;cursor:pointer}.img-slides .nav-dot{padding-top:10px}.quantity{display:inline-block;width:70px;margin-right:6px}@media only screen and (max-width: 767px){.quantity{width:56px;margin-right:0}.quantity .amount{position:relative;background:#fff}.quantity .amount:before{content:'';display:inline-block;position:absolute;width:0;height:0;top:50%;margin-top:-3px;right:10px;z-index:9;border-right:5px solid transparent;border-left:5px solid transparent;border-top:7px solid #000;pointer-events:none}.quantity select{width:100%;height:34px;position:relative;padding:0 20px 0 13px;-webkit-appearance:none;border:none}}.disp-details{-webkit-order:4;order:4}.disp-details h2{margin-bottom:5px;font-size:24px;line-height:125%;letter-spacing:1px}.disp-details .spf{letter-spacing:1px}.disp-details .set-disp{margin-bottom:25px}.disp-details p{margin:20px 0;letter-spacing:1px}.disp-details .with-square{margin-left:20px}.disp-details .with-square .title{margin-left:-14px}.disp-details .with-square .title:before{display:none}.disp-details .txt-disp{margin-top:5px;letter-spacing:1px}.disp-details .txt-disp a{color:#f05a28}.disp-details .review-tag{margin:5px 0 17px;cursor:pointer;letter-spacing:1px}@media only screen and (max-width: 767px){.disp-details .review-tag{margin:20px 0 0}}.disp-details .review-tag .post{padding:3px 0 0 0;float:right}.disp-details .review-tag .post a{display:inline;color:#ff7b33}@media only screen and (min-width: 1025px){.disp-details .review-tag .post a:hover{border-bottom:1px solid #ff7b33}}.disp-details .review-new .post{padding:9px 0 0 0}.disp-details .story{margin-bottom:20px;letter-spacing:1px}.disp-details .size-choices{margin-top:20px;padding:10px 0 0}@media only screen and (max-width: 767px){.disp-details .size-choices{margin:20px -20px 0;padding:10px 20px 0}}.disp-details .size-choices .size-only{display:inline-block;width:300px;margin-bottom:10px}@media only screen and (max-width: 1024px){.disp-details .size-choices .size-only{width:200px}}@media only screen and (max-width: 767px){.disp-details .size-choices .size-only{width:55%;width:100%}}.disp-details .size-choices .s-price-tag{margin:0 0 15px}@media only screen and (max-width: 767px){.disp-details .size-choices .s-price-tag{margin:0 0 5px}}.disp-details .size-choices .s-price-tag span{display:inline-block}.disp-details .size-choices .s-price-tag .ori-price{margin:0 7px 0 0;color:#b5b5b5;text-decoration:line-through}.disp-details .size-choices .s-price-tag .sale-price{font-size:24px;font-weight:bold}.disp-details .size-choices .s-price-tag .sale-price em{display:inline-block;padding:0 3px;font-weight:normal}.disp-details .size-choices button{display:inline-block;margin:0 6px 10px 0;background:#fff;border:1px solid #f0edf6}@media only screen and (max-width: 767px){.disp-details .size-choices button{margin:0 3px 10px}.disp-details .size-choices button span{min-width:30px;padding:0 10px}}@media only screen and (min-width: 1025px){.disp-details .size-choices button{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.disp-details .size-choices button:before{pointer-events:none;content:'';position:absolute;border:solid 1px;border-color:#000;top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.disp-details .size-choices button:hover:before{top:-2px;right:-2px;bottom:-2px;left:-2px;opacity:1}}.disp-details .size-choices button span{padding:8px 20px;color:#000}.disp-details .size-choices .selected{border:1px solid #000;cursor:default}@media only screen and (min-width: 1025px){.disp-details .size-choices .selected:hover:before{display:none}}.disp-details .btns-ui{padding:0 0 10px}@media only screen and (max-width: 767px){.disp-details .btns-ui{margin:0 -20px;padding:0 20px}}.disp-details .btns-ui .purchase-btn,.disp-details .btns-ui .collection{display:inline-block;vertical-align:middle}.disp-details .btns-ui .purchase-btn{margin-right:10px}@media only screen and (max-width: 767px){.disp-details .btns-ui .purchase-btn{margin-right:0}}.disp-details .btns-ui .purchase-btn button[type="button"]{min-width:178px}.disp-details .btns-ui .collection{margin-top:7px;float:right}@media screen and (min-width: 768px) and (max-width: 1024px){.disp-details .btns-ui .collection{margin-top:0;text-align:center}}.disp-details .btns-ui .collection .svg_icon_heart:before{display:inline-block;margin-right:10px;font-size:20px;vertical-align:-4px}@media screen and (min-width: 768px) and (max-width: 1024px){.disp-details .btns-ui .collection .svg_icon_heart:before{margin-right:0}}.disp-details .btns-ui .collection .selected:before{color:#cb0a0b}@media screen and (min-width: 768px) and (max-width: 1024px){.disp-details .btns-ui .collection em{display:block;margin-top:5px}}@media only screen and (max-width: 767px){.disp-details .btns-ui .collection em{display:none}}.disp-details .promo-disp{padding:20px 0;color:#f05a28;letter-spacing:1px}@media only screen and (max-width: 767px){.disp-details .promo-disp{margin:0 -20px;padding:10px 20px}}.disp-details .promo-disp .pup{cursor:pointer}.disp-details .promo-disp a{display:block;color:#f05a28}.disp-details .promo-disp .r-arrow:after{width:9px;height:9px;margin-bottom:1px;border-top:1px solid #f05a28;border-right:1px solid #f05a28}.disp-details .addon-section{margin-top:-20px}@media only screen and (max-width: 767px){.disp-details .addon-section{margin-top:-10px}}.disp-details .addon-section .title{color:#f05a28;letter-spacing:1px}.disp-details .addon-section .title.r-arrow:after{width:9px;height:9px;margin-bottom:1px;border-top:1px solid #f05a28;border-right:1px solid #f05a28}.disp-details .addon-section .addon-wrap li{display:block;margin:0 7px 0 0;vertical-align:top;background:#fff}.disp-details .addon-section .addon-wrap li.selected{cursor:default}.disp-details .addon-section .addon-wrap li a{display:block;position:relative;padding:4px 10px 4px 25px;color:#000;text-align:left}.disp-details .addon-section .addon-wrap li a .ui-icon-background{display:block;position:absolute;top:9px;left:0}@media only screen and (max-width: 767px){.dd-top{margin-top:20px}}.dd-mid{-webkit-order:5;order:5}@media only screen and (max-width: 767px){.dd-mid{width:100%;overflow:hidden}}.color-bar{margin-bottom:15px;padding:0;-webkit-order:2;order:2;border-top:1px solid #f0edf6}@media only screen and (max-width: 767px){.color-bar{padding:0;border-top:0}}.story{min-height:44px;margin-bottom:15px;-webkit-order:3;order:3}@media only screen and (max-width: 767px){.story{margin-bottom:0}}@media only screen and (max-width: 767px){.expiry{margin-top:15px}}.multicolors{margin:0 0 10px -8px;-webkit-order:1;order:1}@media only screen and (max-width: 767px){.multicolors{margin:20px 0 5px;white-space:nowrap;overflow-x:auto;text-align:center}}.multicolors li{display:inline-block;width:60px;height:auto;position:relative;margin:0 0 6px 8px;background:#fff;border:2px solid transparent;cursor:pointer}@media only screen and (min-width: 1025px){.multicolors li{width:65px}}@media only screen and (max-width: 767px){.multicolors li{margin:0 4px 10px}}@media only screen and (min-width: 1025px){.multicolors li{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.multicolors li:before{pointer-events:none;content:'';position:absolute;border:solid 1px;border-color:#000;top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.multicolors li:hover:before{top:-2px;right:-2px;bottom:-2px;left:-2px;opacity:1}.multicolors li:before{border:solid 2px}.multicolors li:before{border-color:#c9c9c9}}.multicolors .selected{border:2px solid #c9c9c9;cursor:default}@media only screen and (min-width: 1025px){.multicolors .selected:hover:before{display:none}}.dd-bottom{width:100%;-webkit-order:6;order:6}.t34>.title{font-size:34px;line-height:130%;text-align:center}@media only screen and (max-width: 767px){.t34>.title{font-size:24px}}@media only screen and (max-width: 767px){.t34>.title span{display:block}}@media only screen and (max-width: 1024px){.m-pad-gap{padding:0 40px}}.topic-container{margin:60px auto}@media only screen and (max-width: 1024px){.topic-container{margin:0 auto;padding:30px 20px 0}}.topic-container .sub-t{display:block;padding:5px 0 0;line-height:140%;font-size:20px}@media only screen and (max-width: 1024px){.free-description{padding:30px 0 0}}@media only screen and (max-width: 1199px){.recommend-attr .wrap-container{max-width:650px}}@media only screen and (max-width: 980px){.recommend-attr .wrap-container{max-width:600px}}@media only screen and (max-width: 767px){.recommend-attr .wrap-container{max-width:1000px;margin:0 -20px}}@media only screen and (max-width: 1199px){.recommend-attr .outter-container{max-width:590px}}.recommend-attr .swiper-wrapper.list-container .swiper-slide{margin:0 25px 0 0}.recommend-attr .swiper-wrapper.list-container .swiper-slide:last-child{margin:0}.recommend-attr .list-container{margin-top:40px}.recommend-attr .list-container li{list-style-type:none;width:180px}@media only screen and (max-width: 767px){.recommend-attr .list-container li{width:155px}}@media only screen and (max-width: 767px){.recommend-attr .list-container li .tag-attr{width:50px;height:50px;border-bottom:50px solid transparent;border-right:50px solid #000;font-size:12px}}@media only screen and (max-width: 767px){.recommend-attr .list-container li .new-tag:before{-moz-transform:rotate(45deg) translate(13px, -16px);-ms-transform:rotate(45deg) translate(13px, -16px);-webkit-transform:rotate(45deg) translate(13px, -16px);transform:rotate(45deg) translate(13px, -16px)}}@media only screen and (max-width: 767px){.recommend-attr .list-container li .wom-tag{border-right:50px solid #f05a28}.recommend-attr .list-container li .wom-tag:before{-moz-transform:rotate(45deg) translate(14px, -16px);-ms-transform:rotate(45deg) translate(14px, -16px);-webkit-transform:rotate(45deg) translate(14px, -16px);transform:rotate(45deg) translate(14px, -16px)}}@media only screen and (max-width: 767px){.recommend-attr .list-container li .sale-tag{border-right:50px solid #cb0b0b}.recommend-attr .list-container li .sale-tag:before{-moz-transform:rotate(45deg) translate(12px, -16px);-ms-transform:rotate(45deg) translate(12px, -16px);-webkit-transform:rotate(45deg) translate(12px, -16px);transform:rotate(45deg) translate(12px, -16px)}}.recommend-attr .list-container li .prize-crown .prize-tag img{width:40%}@media only screen and (max-width: 1024px){.recommend-attr .list-container li .prize-crown .prize-tag img{width:50%}}@media only screen and (max-width: 767px){.recommend-attr .list-container li .prize-crown .prize-tag img{width:32%}}@media only screen and (max-width: 1024px){.recommend-attr .list-container .swiper-slide{margin:0 20px}}@media only screen and (max-width: 767px){.recommend-attr .list-container .swiper-slide{margin:0 10px}}.recommend-attr .list-container .price-tag{margin-bottom:0;font-size:18px}@media only screen and (max-width: 767px){.recommend-attr .swiper-button-next,.recommend-attr .swiper-button-prev{display:none}}.font20{font-size:20px}.bg-within-cont{padding:60px 0}@media only screen and (max-width: 767px){.bg-within-cont{padding:30px 0}}.bg-within-cont .topic-container{margin:0 auto;padding:75px 0 110px}@media only screen and (max-width: 767px){.bg-within-cont .topic-container{padding:30px 10px 0}}.bg-within-cont .pros-row-cont>.title{border-bottom:0}.bg-within-cont .pros-row-cont .list-container li{list-style-type:none}.bg-within-cont .pros-row-cont .list-container li .title{height:auto;font-size:20px}.bg-within-cont .pros-row-cont .list-container li .img{border:0}.bg-within-cont .pros-row-cont .list-container .font20{margin:5px 0}.bg-within-cont .pros-row-cont .nav-dot{position:relative;bottom:0;margin-top:30px}@media only screen and (max-width: 767px){.bg-within-cont .pros-row-cont .nav-dot{margin-top:15px}}.bg-within-cont .effect-cont .list-container li{width:50%;margin:0;list-style-type:none}.bg-within-cont .effect-cont .list-container li:before{content:'';display:inline-block;min-height:434px;height:103%;position:absolute;right:-1px;z-index:99;border-right:1px solid #fff}@media only screen and (max-width: 1024px){.bg-within-cont .effect-cont .list-container li:before{min-height:364px;height:105.6%}}@media only screen and (max-width: 767px){.bg-within-cont .effect-cont .list-container li:before{min-height:110%;min-height:-moz-calc((70vw + 28px));min-height:-webkit-calc((70vw + 28px));min-height:calc((70vw + 28px));height:103.5%}}.bg-within-cont .effect-cont .list-container li:nth-child(2n+2){margin:0 50px 0 0}.bg-within-cont .effect-cont .list-container li:nth-child(2n+2):before{left:0;right:auto;border-left:1px solid #fff;border-right:0}.bg-within-cont .effect-cont .list-container li:last-child{margin:0}@media only screen and (max-width: 1024px){.bg-within-cont .effect-cont .list-container li{width:100%}}.bg-within-cont .effect-cont .list-container li .img{margin:42px 0}@media only screen and (max-width: 1024px){.bg-within-cont .effect-cont .list-container li .img{margin:42px 0 0}}.bg-within-cont .effect-cont .list-container li .font20{margin:5px 0 -37px}.bg-within-cont .effect-cont .list-container li p{margin:-27px 0 0;padding:0 10px}@media only screen and (max-width: 1024px){.bg-within-cont .effect-cont .list-container li p{margin:15px 0 0}}.bg-within-cont .effect-cont .swiper-scrollbar{display:block !important;position:relative;bottom:0;margin-top:22px}.bg-within-cont .title2{margin-top:20px;font-size:30px;text-align:center;letter-spacing:1px}@media only screen and (max-width: 767px){.bg-within-cont .title2{font-size:20px}}.bg-within-cont .title2 em{display:inline-block}.bg-within-cont .title2 em:after{content:'';display:block;border-bottom:1px solid #000}.bg-within-cont .appraisal-cont{margin-top:25px}.bg-within-cont .appraisal-cont .l-side{width:300px;margin-right:50px}.bg-within-cont .appraisal-cont .r-side{width:650px;margin-left:-4px}.bg-within-cont .appraisal-cont .l-side,.bg-within-cont .appraisal-cont .r-side{display:inline-block;vertical-align:top}@media only screen and (max-width: 1024px){.bg-within-cont .appraisal-cont .l-side,.bg-within-cont .appraisal-cont .r-side{display:block;width:100%;max-width:400px;margin:0 auto}}.bg-within-cont .appraisal-cont .rating-cont li{width:50%;margin-top:40px;letter-spacing:1px;float:left}@media only screen and (max-width: 1024px){.bg-within-cont .appraisal-cont .rating-cont li{width:100%;float:none}}.bg-within-cont .appraisal-cont .rating-cont li>*{display:inline-block}.bg-within-cont .appraisal-cont .rating-cont li .txt{width:55%;width:-moz-calc((100% - 150px));width:-webkit-calc((100% - 150px));width:calc((100% - 150px));font-size:16px}@media only screen and (max-width: 1024px){.bg-within-cont .appraisal-cont .rating-cont li .txt{width:-moz-calc((100% - 130px));width:-webkit-calc((100% - 130px));width:calc((100% - 130px))}}.bg-within-cont .appraisal-cont .rating-cont li .review{margin:-2px 40px 0 0;float:right}@media only screen and (max-width: 1024px){.bg-within-cont .appraisal-cont .rating-cont li .review{margin:-2px 0 0 0}}.bg-within-cont .appraisal-cont .rating-cont li .review .disp{color:#ff7065}.bg-within-cont .appraisal-cont .prize-crown .prize-tag img{width:60%}@media only screen and (max-width: 1024px){.bg-within-cont .appraisal-cont .prize-crown .prize-tag img{width:50%}}@media only screen and (max-width: 980px){.bg-within-cont .appraisal-cont .prize-crown .prize-tag img{width:70%}}@media only screen and (max-width: 767px){.bg-within-cont .appraisal-cont .prize-crown .prize-tag img{width:40%}}.appraisal-attr{padding:60px 0 0}@media only screen and (max-width: 1024px){.appraisal-attr{padding:60px 0}}.wrap-title .title{display:block;margin-bottom:20px;font-size:34px;line-height:130%;text-align:center}.usage-note:before{content:'';display:block;width:100%;max-width:1000px;margin:60px auto;border-top:3px solid #efeded}@media only screen and (max-width: 1024px){.usage-note:before{display:none}}@media only screen and (max-width: 1024px){.usage-note{padding:0 10px}}.usage-note .list-container.with-square li,.note-intro .list-container.with-square li{list-style-type:none}.usage-note .list-container.with-square li:before,.note-intro .list-container.with-square li:before{content:'';display:block;width:4px;height:4px;position:absolute;top:9px;left:-14px;background:#000}.m-title{display:none;margin:20px 0 0;border-top:1px solid #f0edf6;border-bottom:1px solid #f0edf6;font-size:24px;cursor:pointer}@media only screen and (max-width: 1024px){.m-title{display:block}}.m-title span{display:block;position:relative;padding:20px 45px 20px 10px}.m-title span em{display:inline-block;position:absolute;right:10px;top:50%;margin-top:-12px;color:#888}.pro-s1{margin:20px 0 0}.pro-s2{margin:-1px 0 0}.pro-s3{margin:-1px 0 0}.pro-s4{margin:-1px 0 0}.pro-s5{margin:-1px 0 0}.pro-s1.unselected .svg_icon_plus{display:block}.pro-s1.unselected .svg_icon_minus{display:none}@media only screen and (max-width: 1024px){.pro-s1.unselected ~ .s1-content{height:0;overflow:hidden}}.pro-s1.selected{border-bottom:0}.pro-s1.selected .svg_icon_plus{display:none}.pro-s1.selected .svg_icon_minus{display:block}@media only screen and (max-width: 1024px){.pro-s1.selected ~ .s1-content{height:auto}}.pro-s2.unselected .svg_icon_plus{display:block}.pro-s2.unselected .svg_icon_minus{display:none}@media only screen and (max-width: 1024px){.pro-s2.unselected ~ .s2-content{height:0;overflow:hidden}}.pro-s2.selected{border-bottom:0}.pro-s2.selected .svg_icon_plus{display:none}.pro-s2.selected .svg_icon_minus{display:block}@media only screen and (max-width: 1024px){.pro-s2.selected ~ .s2-content{height:auto}}.pro-s3.unselected .svg_icon_plus{display:block}.pro-s3.unselected .svg_icon_minus{display:none}@media only screen and (max-width: 1024px){.pro-s3.unselected ~ .s3-content{height:0;overflow:hidden}}.pro-s3.selected{border-bottom:0}.pro-s3.selected .svg_icon_plus{display:none}.pro-s3.selected .svg_icon_minus{display:block}@media only screen and (max-width: 1024px){.pro-s3.selected ~ .s3-content{height:auto}}.pro-s4.unselected .svg_icon_plus{display:block}.pro-s4.unselected .svg_icon_minus{display:none}@media only screen and (max-width: 1024px){.pro-s4.unselected ~ .s4-content{height:0;overflow:hidden}}.pro-s4.selected{border-bottom:0}.pro-s4.selected .svg_icon_plus{display:none}.pro-s4.selected .svg_icon_minus{display:block}@media only screen and (max-width: 1024px){.pro-s4.selected ~ .s4-content{height:auto}}.pro-s5.unselected .svg_icon_plus{display:block}.pro-s5.unselected .svg_icon_minus{display:none}@media only screen and (max-width: 1024px){.pro-s5.unselected ~ .s5-content{height:0;overflow:hidden}}.pro-s5.selected{border-bottom:0}.pro-s5.selected .svg_icon_plus{display:none}.pro-s5.selected .svg_icon_minus{display:block}@media only screen and (max-width: 1024px){.pro-s5.selected ~ .s5-content{height:auto}}.pro-s6.unselected .svg_icon_plus{display:block}.pro-s6.unselected .svg_icon_minus{display:none}@media only screen and (max-width: 1024px){.pro-s6.unselected ~ .s6-content{height:0;overflow:hidden}}.pro-s6.selected{border-bottom:0}.pro-s6.selected .svg_icon_plus{display:none}.pro-s6.selected .svg_icon_minus{display:block}@media only screen and (max-width: 1024px){.pro-s6.selected ~ .s6-content{height:auto}}.pro-s7.unselected .svg_icon_plus{display:block}.pro-s7.unselected .svg_icon_minus{display:none}@media only screen and (max-width: 1024px){.pro-s7.unselected ~ .s7-content{height:0;overflow:hidden}}.pro-s7.selected{border-bottom:0}.pro-s7.selected .svg_icon_plus{display:none}.pro-s7.selected .svg_icon_minus{display:block}@media only screen and (max-width: 1024px){.pro-s7.selected ~ .s7-content{height:auto}}@media only screen and (max-width: 1024px){.pro-s6.selected ~ .s6-content{padding:0 0 30px}}@media only screen and (max-width: 1024px){.pro-s7.selected ~ .s7-content{padding:0 0 30px}}@media only screen and (max-width: 767px){.note-intro.selected ~ .intro-wrap{border-bottom:1px solid #f0edf6}}.usage-intro,.note-intro{margin:-1px -20px 0}@media only screen and (max-width: 980px){.promo-tag .list-container{padding:0 20px}}@media only screen and (max-width: 767px){.promo-tag .list-container{padding:0}}.promo-tag .list-container li{display:inline-block;width:50%;margin:30px -4px 0 0;list-style-type:none}@media only screen and (max-width: 767px){.promo-tag .list-container li{display:block;width:100%;margin:20px 0 0;padding:20px 0 0;float:none;border-top:1px solid #f0edf6}.promo-tag .list-container li:first-child{border-top:0}}.promo-tag .list-container li .img{display:inline-block;max-width:150px;margin-right:35px;vertical-align:top}@media only screen and (max-width: 1024px){.promo-tag .list-container li .img{margin-right:15px}}@media only screen and (max-width: 767px){.promo-tag .list-container li .img{width:25%}}.promo-tag .list-container li .txt-disp{display:inline-block;width:49%;max-width:270px;vertical-align:top}.promo-tag .list-container li .txt-disp .title{font-size:20px;line-height:120%}.promo-tag .list-container li .txt-disp p{margin:10px 0 0;line-height:130%}.promo-tag .list-container li .txt-disp .more-detail{display:block;position:relative;margin:20px 0 0}.promo-tag .list-container li .txt-disp .more-detail em{display:inline}@media only screen and (min-width: 1025px){.promo-tag .list-container li .txt-disp .more-detail em:hover{border-bottom:1px solid #000}}@media only screen and (max-width: 767px){.promo-tag .list-container li .txt-disp .more-detail em{border-bottom:1px solid #000}}.ingredients-tag .list-container li{display:inline-block;width:300px;vertical-align:top;list-style-type:none}@media only screen and (max-width: 767px){.ingredients-tag .list-container li{display:block;width:100%;margin:0;padding:0}}.ingredients-tag .list-container li .img,.ingredients-tag .list-container li .txt-disp{display:inline-block;vertical-align:top}@media only screen and (max-width: 767px){.ingredients-tag .list-container li .img,.ingredients-tag .list-container li .txt-disp{display:block}}.ingredients-tag .list-container li .img{max-width:100px}@media only screen and (max-width: 767px){.ingredients-tag .list-container li .img{margin:0 auto}}.ingredients-tag .list-container li .txt-disp{width:100%;letter-spacing:1px}@media only screen and (max-width: 767px){.ingredients-tag .list-container li .txt-disp{margin:20px auto;padding:0 25px;text-align:center}}.ingredients-tag .list-container li .txt-disp .title{font-size:20px;line-height:120%}.ingredients-tag .list-container li .txt-disp p{margin:10px 0 0;line-height:160%}.ingredients-tag .row2 li{width:50%}@media only screen and (max-width: 767px){.ingredients-tag .row2 li{width:100%}}.ingredients-tag .row3 li{width:33.333%}@media only screen and (max-width: 767px){.ingredients-tag .row3 li{width:100%}}@media only screen and (max-width: 1024px){.spec-tag{padding:30px 20px}}.spec-tag .list-container{margin:30px 0 0}.pure-tag .list-container li{width:100%;padding:0}.pure-tag .txt-disp{width:100%;padding:0}.pure-tag .txt-disp p{margin:0}.video-container{margin:0 auto}.video-container .video-list{overflow:hidden}.video-container .video-list li{position:relative}@media only screen and (max-width: 1024px){.video-container .main-list{width:100% !important}}.video-container .main-list li{display:none;float:left}@media only screen and (max-width: 1024px){.video-container .main-list li{display:block;width:100%;float:none}}.video-container .main-list .selected{display:inline-block}.video-container .main-list .selected .message-box{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-moz-transition-delay:600ms;-o-transition-delay:600ms;-webkit-transition-delay:600ms;transition-delay:600ms}.video-container .img{position:relative;cursor:pointer}@media only screen and (max-width: 1024px){.video-container .img{max-width:450px;margin:0 auto}.video-container .img:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url("//img.shopunt.tw/Upload/new/images/btn/play.svg") 50% 50% no-repeat}}.video-container .message-box{width:40%;max-width:350px;height:75%;position:absolute;top:12.5%;left:6%;padding:10px;-moz-box-shadow:0 0 0 0 transparent;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}@media only screen and (max-width: 1024px){.video-container .message-box{width:100%;max-width:450px;height:auto;position:relative;top:auto;left:auto;padding:0;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}}.video-container .message-box .wrap-border{padding:20px}@media only screen and (max-width: 1024px){.video-container .message-box .wrap-border{padding:20px 0;border:0}}.video-container .message-box .wrap-border:before,.video-container .message-box .wrap-border:after{bottom:10px;right:10px}@media only screen and (max-width: 1024px){.video-container .message-box .wrap-border:before,.video-container .message-box .wrap-border:after{display:none}}.video-container .message-box .wrap-txt{height:55%;margin:0 0 5%;overflow:hidden}@media only screen and (max-width: 1024px){.video-container .message-box .wrap-txt{height:auto;margin:0}}.video-container .message-box .inner-table{display:table;width:100%;height:100%}@media only screen and (max-width: 1024px){.video-container .message-box .inner-table{display:block;height:auto}}.video-container .message-box .inner-table .inner-cell{display:table-cell;vertical-align:middle}@media only screen and (max-width: 1024px){.video-container .message-box .inner-table .inner-cell{display:block}}.video-container .message-box .title{margin-bottom:15px;font-size:36px;line-height:110%;letter-spacing:1px}@media only screen and (max-width: 1024px){.video-container .message-box .title{margin-bottom:5px;font-size:24px}}.video-container .message-box p{font-size:18px;letter-spacing:1px;line-height:120%}@media only screen and (max-width: 1024px){.video-container .message-box p{font-size:14px}}.video-container .message-box .play{height:40%;background:url("/Upload/new/images/btn/play.svg") 50% 50% no-repeat}@media only screen and (max-width: 1024px){.video-container .message-box .play{display:none}}.video-container .sub-list-wrap{width:728px;position:relative;margin:20px auto 5px;text-align:center}@media only screen and (max-width: 1024px){.video-container .sub-list-wrap{display:none}}.video-container .sub-list li{display:inline-block;cursor:pointer;vertical-align:middle}.video-container .sub-list .img{max-width:135px;border:1px solid transparent}@media only screen and (min-width: 768px){.video-container .sub-list .img:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:transparent}.video-container .sub-list .img img{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95);-moz-transition-duration:300ms;-o-transition-duration:300ms;-webkit-transition-duration:300ms;transition-duration:300ms;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}}@media only screen and (min-width: 1025px){.video-container .sub-list .img{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.video-container .sub-list .img:before{pointer-events:none;content:'';position:absolute;border:solid 1px;border-color:#000;top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.video-container .sub-list .img:hover:before{top:-2px;right:-2px;bottom:-2px;left:-2px;opacity:1}}@media only screen and (min-width: 1025px){.video-container .sub-list .img:hover:after{background:rgba(0,0,0,0.3)}.video-container .sub-list .img:hover img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}.video-container .sub-list .txt{margin-top:10px}.video-container .sub-list .selected .img{border:1px solid #000}@media only screen and (min-width: 1025px){.video-container .sub-list .selected .img:hover:before{display:none}}.video-container .sub-list .selected .img:after{background:rgba(0,0,0,0.3)}.video-container .sub-list .selected .img img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.amount-txt{display:none;margin-right:10px;letter-spacing:1px;vertical-align:middle}@media only screen and (max-width: 767px){.amount-txt{display:inline-block}}.disp-details .btns-ui .pc-use{display:inline-block}@media only screen and (max-width: 767px){.disp-details .btns-ui .pc-use{display:none}}.disp-details .sold-out .quantity.pc-use{display:none}.float-btn{display:none}@media only screen and (max-width: 767px){.float-btn{display:block;width:100%;position:fixed;left:0;bottom:0;padding:10px;z-index:9999;background:rgba(0,0,0,0.5)}.float-btn .btn-container{width:300px;margin:0 auto;text-align:center}.float-btn .btn-container .purchase-btn{margin:0 10px}.float-btn .btn-container .purchase-btn button[type="button"]{margin:0}.float-btn .btn-container .collection{float:none;margin-top:0}}.gallery-thumbs{height:100px;padding:10px 0}@media only screen and (max-width: 1024px){.gallery-thumbs{height:70px}}@media only screen and (max-width: 767px){.gallery-thumbs{display:none}}.gallery-thumbs .swiper-wrapper{margin-left:-199px}@media only screen and (max-width: 1024px){.gallery-thumbs .swiper-wrapper{margin-left:-133px}}.gallery-thumbs .swiper-slide{width:16%;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;background-position:center;border:1px solid #eee}@media only screen and (max-width: 1024px){.gallery-thumbs .swiper-slide{width:50px}}.click.more,.click.less{margin-top:5px;color:#ff7b33;letter-spacing:1px;cursor:pointer;text-transform:uppercase}.click.less:after{content:'';display:inline-block;width:10px;height:10px;margin-left:5px;border-top:1px solid #ff7b33;border-right:1px solid #ff7b33;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);vertical-align:-3px}.old-dog #intro-defult{max-width:1000px;margin:0 auto;padding:60px;border:1px solid #eee;font-size:16px}@media only screen and (max-width: 1024px){.old-dog #intro-defult{max-width:650px;padding:0;border:0}}@media only screen and (max-width: 767px){.old-dog #intro-defult{padding:0}}@media only screen and (max-width: 1024px){.old-dog .m-title.selected ~ #intro-defult{padding:0 60px 30px}}@media only screen and (max-width: 767px){.old-dog .m-title.selected ~ #intro-defult{padding:0 10px 15px}}.old-dog p{margin-bottom:15px}.old-dog img{display:block;width:auto;margin:0 auto}@media only screen and (max-width: 1024px){.old-dog img{width:100%}}.old-dog iframe{display:block;margin:0 auto}@media only screen and (max-width: 1024px){.old-dog .video{position:relative;padding-bottom:56.25%;overflow:hidden}.old-dog .video iframe{width:100%;height:100%;position:absolute;top:0;left:0}}#gallery{z-index:10002}@media only screen and (max-width: 767px){.recommend-attr .list-container li .renewal-tag{width:52px;height:52px;border:0;font-size:12px}}