*,:before,:after{box-sizing:border-box;color:inherit;outline:none}html{font-size:10px}body{margin:0;padding:0}main{font-size:16px;display:block}img{vertical-align:middle;width:100%;height:auto}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.5}button{box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto}.memberOnly{aspect-ratio:16/9;position:absolute;top:0;left:0;right:24px}@media (max-width:1280px){.memberOnly{right:20px}}@media (max-width:480px){.memberOnly{right:12px}}.memberOnly img{max-width:135px;position:absolute;bottom:0;left:0}@media (max-width:480px){.memberOnly img{max-width:108px}}.header .container a{position:absolute;top:0;bottom:0;left:0;right:0}.header .container .menu{cursor:pointer;max-width:30px;margin-right:36px;display:none}@media (max-width:768px){.header .container .menu{display:block}}.header .container .magazine{max-width:94px;position:relative}@media (max-width:768px){.header .container .magazine{display:none}}.header .container .magazine .pic{margin:0 0 8px}.header .container .magazine p{text-align:center;font-size:1.2rem;font-weight:700}.header .container .logo{width:45.38%;max-width:415px;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:1024px){.header .container .logo{max-width:300px}}@media (max-width:768px){.header .container .logo{max-width:147px}}.header .container .right{align-items:center;display:flex}.header .container .tags{margin-right:20px;display:none}.header .container .tags .tag{border:1px solid #000;border-radius:30px;margin-right:8px;padding:4px 8px;position:relative}.header .container .tags .tag:last-child{margin-right:0}.header .container .tags .tag:hover{color:#fff;background-color:#ed1b23;border:1px solid #ed1b23}.header .container .tags .tag a{letter-spacing:1.6px;font-family:Libre Baskerville,Noto Sans TC,sans-serif;font-size:1.1rem;font-weight:500;position:static}@media (max-width:1440px){.header .container .tags .tag a{letter-spacing:1.2px}}@media (max-width:1024px){.header .container .tags .tag a{letter-spacing:1px}}@media (max-width:800px){.header .container .tags .tag a{letter-spacing:.6px}}.header .container .icons{display:flex}.header .container .icons .icon{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;height:70px;margin-right:28px;display:flex;position:relative}@media (max-width:1024px){.header .container .icons .icon{height:51px}}@media (max-width:768px){.header .container .icons .icon{height:auto;margin-right:12px}}.header .container .icons .icon:hover{color:#ed1b23}.header .container .icons .icon:last-child{margin-right:0}.header .container .icons .icon.goSearch{display:none}@media (max-width:768px){.header .container .icons .icon.goSearch{display:block}}.header .container .icons .icon.goSearch .pic{background-image:url(/images/header/iconSearch.svg)}.header .container .icons .icon.goSearch:hover .pic{background-image:url(/images/header/iconSearchHover.svg)}@media (max-width:768px){.header .container .icons .icon.goClass{display:none}}.header .container .icons .icon.goClass .pic{background-image:url(/images/header/iconClass.svg)}.header .container .icons .icon.goClass:hover .pic{background-image:url(/images/header/iconClassHover.svg)}.header .container .icons .icon.goMember .pic{background-image:url(/images/header/iconMember.svg)}.header .container .icons .icon.goMember:hover .pic{background-image:url(/images/header/iconMemberHover.svg)}.header .container .icons .icon.goMember.active .pic{color:#fff;background:#ed1b23;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.header .container .icons .icon .pic{background-size:contain;width:30px;height:30px;margin:0 auto 8px}@media (max-width:1024px){.header .container .icons .icon .pic{width:24px;height:24px;margin:0 auto 8px}}@media (max-width:768px){.header .container .icons .icon .pic{margin:0 auto}}.header .container .icons .icon p{font-family:Libre Baskerville,Noto Sans TC,sans-serif;font-size:1.2rem}@media (max-width:768px){.header .container .icons .icon p{display:none}}header.small{z-index:100000;width:100%;transition:top .5s;position:fixed;top:0;left:0}header.small .header .container{max-width:1920px}header.small .header .menu{display:block}header.small .header .magazine{display:none}header.small .header .logo{max-width:147px;left:58px;transform:translate(0)}@media (max-width:768px){header.small .header .logo{left:50%;transform:translate(-50%)}}header.small .header .tags{display:flex}@media (max-width:768px){header.small .header .tags{display:none}}header.small .header .icons .icon{height:auto;margin-right:20px}@media (max-width:768px){header.small .header .icons .icon{margin-right:12px}}header.small .header .icons .icon .pic{width:24px;height:24px;margin:0 auto}header.small .header .icons .icon p{display:none}nav .nav>li.goSearch .pic{cursor:pointer;background-image:url(/images/header/iconSearch.svg);background-size:contain;width:24px;height:24px}nav .nav>li.goSearch:hover .pic{background-image:url(/images/header/iconSearchHover.svg)}nav .nav>li.goSearch:after{display:none}nav .nav>li>a{padding:24px 0;display:block;position:relative}nav .nav>li>a:after{background-color:#0000;width:100%;height:4px;position:absolute;bottom:0;left:0}nav .nav>li.active>a{color:#ed1b23}nav .nav>li.active>a:after{content:"";background-color:#ed1b23}nav .nav>li span{font-size:1.6rem;font-weight:700}@media (max-width:1280px){nav .nav>li span{font-size:1.4rem}}@media (max-width:1024px){nav .nav>li span{font-size:1.2rem}}header.small .nav>li>a{padding:12px 0}header.small .nav>li span{font-size:1.3rem}@media (max-width:1024px){header.small .nav>li span{font-size:1.2rem}}.moTags .tag:hover{color:#fff;background-color:#ed1b23;border:1px solid #ed1b23}.specHeader{text-align:center;margin:36px 0 0;padding:50px 15px;position:relative;box-shadow:0 0 20px #999}.specHeader *{font-family:Libre Baskerville,Noto Serif TC,serif}.specHeader a{display:inline-block}.specHeader h1{margin-top:12px;font-size:3rem;font-weight:700}.specHeader p{text-align:justify;max-width:1000px;margin:16px auto 0;font-size:1.4rem}.spec{text-align:center;max-width:1200px;margin:0 auto;padding:10px 12px 30px;font-size:1.6rem}.spec *{font-family:Libre Baskerville,Noto Serif TC,serif}.spec h2{margin:40px 0 10px;font-size:2.6rem;font-weight:700}.spec .tableBox{border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:100%;margin-bottom:30px;display:inline-block}.spec .tableBox>.row{border-bottom:1px solid #ccc;width:100%;padding:15px 10px;display:flex}.spec .tableBox>.row.title{color:#ed1b23}.spec .tableBox>.row:last-child{border-bottom:none}.spec .tableBox>.row>.col{text-align:left;color:inherit;flex-wrap:wrap;flex-grow:1;align-content:center;align-items:center;padding:0 5px;line-height:1.2em;display:flex}.spec .tableBox>.row>.col.c1{flex:1;justify-content:center}.spec .tableBox>.row>.col.c2{flex:2}.spec .tableBox>.row>.col.c2.colCenter{justify-content:center}.spec .tableBox>.row>.col.c6{flex:6}.spec .tableBox>.row>.col.c8{flex:8}.spec .tableBox>.row>.col>span{flex-basis:100%;margin-top:5px;line-height:1.2em}.spec .tableBox>.row>.col>span.light{color:#999}.spec .tableBox>.row>.col>span.br{height:10px}.spec .tableBox>.row>.col>a{background-image:url(https://i.marieclaire.com.tw/assets/www/images/icons2021021704.png);background-position:-10px -62px;background-repeat:no-repeat;width:20px;height:13px;font-size:0}.spec .tableBox>.row>.col>a:hover{background-position:-10px -95px}.spec p{text-align:left;padding-bottom:5px;padding-left:10px}.spec .note{color:#ed1b23}.demoSlider{background-color:#fffc;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.demoSlider.active{display:block}.demoSlider>.demoSliderClose{color:#ed1b23;border:1px solid #ed1b23;padding:5px 25px;font-size:2.2rem;position:absolute;top:20px;right:20px}.demoSlider>.demoSliderBtn{background-repeat:no-repeat;background-size:cover;width:50px;height:50px;margin-top:-30px;font-size:0;position:absolute;top:50%}.demoSlider>.demoSliderBtn.prev{background-color:#1c1c1c;left:0}.demoSlider>.demoSliderBtn.prev:before{content:"";background-color:#fff;width:22px;height:2px;position:absolute;top:32px;left:10px;transform:rotate(45deg)}.demoSlider>.demoSliderBtn.prev:after{content:"";background-color:#fff;width:22px;height:2px;position:absolute;top:16px;left:10px;transform:rotate(-45deg)}.demoSlider>.demoSliderBtn.next{background-color:#1c1c1c;right:0}.demoSlider>.demoSliderBtn.next:before{content:"";background-color:#fff;width:22px;height:2px;position:absolute;top:32px;right:10px;transform:rotate(135deg)}.demoSlider>.demoSliderBtn.next:after{content:"";background-color:#fff;width:22px;height:2px;position:absolute;top:16px;right:10px;transform:rotate(-135deg)}.demoSlider>.demoSliderImg{width:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demoSlider>.demoSliderImg>img{width:auto;max-width:100%;height:auto;max-height:100%}@media only screen and (min-width:150px) and (max-width:768px){.specHeader>h1{font-size:2.6rem}.specHeader>p{font-size:1.2rem}.spec{font-size:1.4rem}.spec>h2{font-size:2rem}.demoSlider>.demoSliderBtn{width:20px;height:20px}.demoSlider>.demoSliderBtn.prev:before{width:10px;top:12px;left:4px}.demoSlider>.demoSliderBtn.prev:after{width:10px;top:6px;left:4px}.demoSlider>.demoSliderBtn.next:before{width:10px;top:12px;left:8px}.demoSlider>.demoSliderBtn.next:after{width:10px;top:6px;left:8px}.demoSlider>.demoSliderClose{font-size:1.4rem;top:10px;right:10px}}@media only screen and (min-width:150px) and (max-width:480px){.spec{font-size:1.2rem}}footer{background-color:#000;padding:60px 20px}@media (max-width:768px){footer{padding:48px 20px}}footer .container{display:flex;position:relative}@media (max-width:768px){footer .container{flex-wrap:wrap;justify-content:space-evenly;padding:0 0 24px}}footer .box{flex-basis:100%}footer .box:first-child{padding-right:10%;display:flex}@media (max-width:1024px){footer .box:first-child{padding-right:5%}}@media (max-width:900px){footer .box:first-child{padding-right:0}}@media (max-width:768px){footer .box:first-child{flex-direction:column;flex-basis:auto;order:2;padding-right:5%}}footer .box:last-child{padding-left:10%;display:flex}@media (max-width:1024px){footer .box:last-child{padding-left:5%}}@media (max-width:900px){footer .box:last-child{padding-left:2.5%}}@media (max-width:768px){footer .box:last-child{flex-direction:column;flex-basis:auto;order:2;padding-left:5%}}footer .box ul{flex-basis:100%;margin:0;padding:0;list-style:none}@media (max-width:768px){footer .box ul{flex-basis:auto}}footer .box li{letter-spacing:1.6px;margin:0 0 12px;padding-right:12px;position:relative}@media (max-width:1024px){footer .box li{letter-spacing:1px}}@media (max-width:900px){footer .box li{letter-spacing:0}}@media (max-width:768px){footer .box li{letter-spacing:1.6px}}footer .box li a{color:#fff;font-size:1.2rem;line-height:1.5;display:block}footer .box li a:hover{opacity:.5}footer .box .subscribe{width:70%;min-width:300px;margin:0 auto 28px}footer .box .subscribe a{background-color:#ed1b23;width:100%;padding:12px;display:block;position:relative}footer .box .subscribe a span{color:#fff;justify-content:center;align-items:center;font-size:1.4rem;display:flex}@media (max-width:1024px){footer .box .subscribe a span{font-size:1.2rem}}footer .box .subscribe a span:after{content:"";background-image:url(/images/footer/send.svg);background-size:contain;width:20px;height:20px;margin-left:20px;display:inline-block}@media (max-width:1024px){footer .box .subscribe a span:after{width:18px;height:18px;margin-left:12px}}footer .box .subscribe a:hover{background-color:#fff}footer .box .subscribe a:hover span{color:#ed1b23}footer .box .subscribe a:hover span:after{background-image:url(/images/footer/sendHover.svg)}footer .box .social{justify-content:space-evenly;align-items:center;width:100%;min-width:300px;margin:0 auto 28px;display:flex}@media (max-width:768px){footer .box .social{width:70%;margin:0 auto 20px}}footer .box .social .icon{padding:4px;position:relative}footer .box .social a{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}footer .box .social a:hover+img{opacity:.5}footer .box .copyright{color:#fff;text-align:center;width:100%;font-size:1.2rem;font-weight:100}@media (max-width:768px){footer .box .copyright{position:absolute;bottom:0;left:50%;transform:translate(-50%)}}