@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap");*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;list-style:none}html,body{margin:0;padding:0}main{display:block}img{width:100%;vertical-align:middle}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.5}html{font-size:10px;font-family:"Noto Sans TC",sans-serif}#app{display:block;width:640px;margin:0 auto;background-color:#fff}#app .kv{position:relative;width:100%}#app .kv .txt{width:100%;position:absolute;top:50px;left:0}#app .kv .txt .title{margin:0 auto 30px;width:390px}#app .kv .txt .sub-title{width:280px;margin:0 auto}#app .kv .btn{width:155px;position:absolute;bottom:106px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer}#app .video{width:100%;padding:65px 50px}#app .info{position:relative;width:100%}#app .info .txt{position:absolute;left:50px;width:53%;border-bottom:2px solid #868686;padding-bottom:15px}#app .info .t1{top:250px}#app .info .t1 img{width:153px}#app .info .t2{top:440px}#app .info .t2 img{width:150px}#app .info .content{margin-top:40px;padding:0 20px}#app .info .content h3{width:100%;font-size:2.6rem;font-weight:400;text-align:center;letter-spacing:-1px}#app .slider{width:100%;padding:65px 0;position:relative}#app .slider .item{outline:none}#app .slider .item h2{text-align:center;font-size:3rem;font-weight:500;margin-bottom:20px}#app .slider .item h2::before,#app .slider .item h2::after{content:'';display:block;background-image:url("../images/title-light.png");background-repeat:no-repeat;background-position:center;width:100%;height:5px}#app .slider .item h2::before{margin-bottom:10px}#app .slider .item h2::after{margin-top:10px}#app .slider .item h3{font-size:2.5rem;font-weight:400;text-align:center;margin-bottom:30px}#app .slider .item .pic{padding:0 20px;margin-bottom:30px}#app .slider .item .pic img{-webkit-box-shadow:0 0 10px 0 #a0a0a0;box-shadow:0 0 10px 0 #a0a0a0}#app .slider .item p{font-size:2.6rem;text-align:center;line-height:1.75}#app .slider button.slick-arrow{position:absolute;bottom:-20px;border:0;background-color:transparent;padding:0;font-size:0;cursor:pointer}#app .slider button.slick-arrow.slick-prev{left:20px;background-image:url("../images/arr-perv.png");background-repeat:no-repeat;width:30px;height:50px;outline:none}#app .slider button.slick-arrow.slick-next{right:20px;background-image:url("../images/arr-next.png");background-repeat:no-repeat;width:30px;height:50px;outline:none}#app .slider ul.slick-dots{margin:0;padding:0;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#app .slider ul.slick-dots li{display:inline-block;font-size:0}#app .slider ul.slick-dots li button{outline:none;border:1px solid #000;background-color:#fff;font-size:0;width:12px;height:12px;border-radius:50%;padding:0;margin:0 5px;cursor:pointer}#app .slider ul.slick-dots li.slick-active button{background-color:#000}#app .step{position:relative;width:100%;padding:65px 0 0}#app .step .title h2{text-align:center;font-size:3.5rem;font-weight:500;letter-spacing:5px}#app .step .s1{position:absolute;top:190px;left:65px;width:150px}#app .step .s2{position:absolute;top:310px;left:190px;width:150px}#app .step .s3{position:absolute;top:450px;left:302px;width:150px}#app .step .s4{position:absolute;top:340px;left:446px;width:150px}#app .form{width:100%;padding:65px 20px 0px;background-image:url("../images/p6_img.jpg");background-repeat:no-repeat;background-size:cover}#app .form2{background-image:url("../images/p6_img2.jpg");}#app .form h2{text-align:center;font-size:3.5rem;font-weight:500;margin-bottom:15px;letter-spacing:3px}#app .form p{font-size:2rem;letter-spacing:2px;margin-bottom:30px;text-align:justify}#app .form ul{margin:0;padding:0}#app .form li{margin-bottom:30px}#app .form li input,#app .form li select{width:100%;height:90px;font-size:2.8rem;line-height:30px;letter-spacing:0.25rem;border:2px #9c9c9c solid;font-weight:400;color:#333;padding:0 20px;background:white;font-family:"Noto Sans TC",sans-serif}#app .form li select{width:48%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}#app .form li select:first-child{margin-right:3%}#app .form li select::-ms-expand{display:none}#app .form fieldset{border:0;font-size:28px;line-height:38px;color:#000;margin:15px 0;text-align:justify;padding-left:50px;font-weight:400;margin-top:50px}#app .form fieldset input[type='checkbox']{display:none}#app .form fieldset input[type='checkbox']+label{display:inline-block;width:50px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;cursor:pointer;position:relative;top:-2px;margin-left:-50px}#app .form fieldset input[type='checkbox']+label::before{content:'';display:inline-block;width:40px;height:40px;background:#fff;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px #9c9c9c solid;-webkit-transition:background ease-in 0.5s;transition:background ease-in 0.5s}#app .form fieldset input[type='checkbox']+label::after{content:'';display:inline-block;top:4px;left:14px;-webkit-box-sizing:border-box;box-sizing:border-box;width:15px;height:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-style:solid;border-color:#fff;border-top:0;border-left:0;position:absolute}#app .form fieldset input[type='checkbox']:checked+label::after{border-color:#333}#app .form .btn{text-align:center;border:0;width:100%;background-color:#000;color:#fff;padding:20px 0;font-size:2.4rem;font-weight:600;letter-spacing:10px;cursor:pointer}#app .form .footer-logo{display:block;width:300px;margin:50px auto 0}#app .form .footer-logo::before{content:url(https://www.marieclaire.com.tw/events/common_support/images/marieclaire_black.svg);width:100%;height:auto;display:inline-block}#app .coupon{color:#333}#app .coupon h2:first-child{margin-bottom:0}#app .coupon .input{width:100%;height:90px;background:white;line-height:90px;font-size:32px;color:#000;margin-bottom:20px;padding-left:20px;letter-spacing:1px;border:1px #000 solid;text-align:left;font-weight:400}#app .coupon .note{text-align:center;font-weight:bold;padding-top:20px;margin-bottom:10px;font-size:2.6rem;letter-spacing:-0.5px}#app .coupon button{width:100%;background:#000;border:0;color:#fff;font-size:2.6rem;font-weight:500;padding:20px 0;cursor:pointer;font-family:"Noto Sans TC",sans-serif;letter-spacing:5px;outline:none}#app .coupon .watchout{margin-top:20px;font-weight:300}#app .coupon .watchout span{font-size:2.2rem;font-weight:500}
/*# sourceMappingURL=index.min.css.map */