@charset "UTF-8";@media screen and (max-width:1000px){.header.in{background:#F3EDD7}}.mobile-toolbar.menu-in .name{color:#C5A439}.mobile-toolbar.menu-in:after{background:#F3EDD7}.block-kv{background:#EEE4C4;position:relative;z-index:1;min-height:69vh}.block-kv .raw{display:block;margin-left:auto;margin-right:auto}.block-kv .inner{max-width:1920px;margin:0 auto;width:100%;position:relative}.block-kv:after{content:'';display:block;position:absolute;z-index:0}.block-kv:after{background:url(../../images-common/kv-right.png) no-repeat right top;background-size:100% auto;width:33%;aspect-ratio:649/1124;right:0;top:0;mix-blend-mode:color-dodge}.block-kv .bg{width:90%;margin:0 auto;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.block-kv .series-name{position:absolute;width:18%;left:15%;top:27%}.block-kv .txt-high{position:absolute;width:31%;left:21%;top:45%;z-index:2;-webkit-clip-path:polygon(0 0, 42% 0, 40% 31%, 100% 32%, 100% 100%, 0 100%, 0 39%);clip-path:polygon(0 0, 42% 0, 40% 31%, 100% 32%, 100% 100%, 0 100%, 0 39%)}.block-kv .txt-high:after{content:'';display:block;position:absolute;bottom:-2%;left:-5%;background:url(../../images-common/label-light.png) no-repeat center;background-size:100% 100%;opacity:0;-webkit-animation:3s 1s labellight infinite linear;animation:3s 1s labellight infinite linear;height:110%;width:20px;-webkit-transform:rotate(27deg);-ms-transform:rotate(27deg);transform:rotate(27deg);mix-blend-mode:soft-light}.block-kv .txt-hmo{position:absolute;left:43%;top:28%;width:17%;z-index:3}.block-kv .light{display:none}.block-kv .txt-recom{position:absolute;z-index:2;color:#4D4D4D;top:66%;left:26%;text-align:left;font-size:18.5px;line-height:1.3;font-weight:300}.block-kv .txt-recom strong{font-weight:500;font-size:22px;color:#000}.block-kv .note{right:11%;top:91%}@media screen and (min-width:2100px){.block-kv .note{right:35%;top:68%}}@media screen and (max-width:1200px){.block-kv .txt-recom{font-size:21px}.block-kv .txt-recom strong{font-size:25px}}@media screen and (max-width:1000px){.block-kv{min-height:50vh}.block-kv:after,.block-kv:before{display:none}.block-kv .txt-recom{top:83%;left:46%}.block-kv .txt-high{width:81%;left:8%;top:31%}.block-kv .txt-hmo{left:18%;top:18.5%;width:67%}.block-kv .note{top:94%;right:auto;z-index:1;width:100%;text-align:right;padding-right:15px}.block-kv .note span{text-align:left;display:inline-block}}@media screen and (max-width:900px){.block-kv{margin-top:0}}@media screen and (max-width:600px){.block-kv .txt-recom{font-size:16px}.block-kv .txt-recom strong{font-size:20px}}@media screen and (max-width:500px){.block-kv{margin-top:5%;min-height:167vw}.block-kv .note{top:96%}}@media screen and (max-width:400px){.block-kv{margin-top:5%}.block-kv .txt-recom{font-size:13px}.block-kv .txt-recom strong{font-size:15.5px}}@-webkit-keyframes kvlight{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:0}30%{opacity:1}50%{-webkit-transform:translate(163%, -30%);transform:translate(163%, -30%);opacity:1}80%{opacity:1}to{-webkit-transform:translate(300%, -15%);transform:translate(300%, -15%);opacity:0}}@keyframes kvlight{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:0}30%{opacity:1}50%{-webkit-transform:translate(163%, -30%);transform:translate(163%, -30%);opacity:1}80%{opacity:1}to{-webkit-transform:translate(300%, -15%);transform:translate(300%, -15%);opacity:0}}.block-pentagon{background:#EEE4C4;position:relative;z-index:1;padding-bottom:2%}.block-pentagon .note{left:17%;position:relative}.block-pentagon .title img{display:block;margin-left:auto;margin-right:auto}@media screen and (max-width:1000px){.block-pentagon .note{position:relative;right:auto;bottom:auto;padding:5% 15px 5%}}@media screen and (max-width:500px){.block-pentagon{padding-top:0}}.txt-pentagon-outer{font-family:"Roboto", "Noto Sans TC", "microsoft jhenghei", sans-serif;width:85%;max-width:1689px;margin:0 auto;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:6%}.txt-pentagon-outer .icon{position:absolute;width:25%;text-align:center}.txt-pentagon-outer .name{font-family:"Roboto", "Noto Sans TC", "microsoft jhenghei", sans-serif;font-weight:500;color:#A16C00;position:absolute;right:0;width:35%;text-align:center;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:28px}.txt-pentagon-outer .name small{width:100%;font-size:15px;text-align:right;display:block}.txt-pentagon-outer .intro{color:#754C24;font-family:"Roboto", "Noto Sans TC", "microsoft jhenghei", sans-serif;font-weight:300;width:65%;font-size:20px;line-height:1.6}.txt-pentagon-outer .item{position:absolute;height:6.5vw;width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.txt-pentagon-outer .item1 .intro,.txt-pentagon-outer .item2 .intro,.txt-pentagon-outer .item6 .intro{padding-left:15px}.txt-pentagon-outer .item1 .name,.txt-pentagon-outer .item2 .name,.txt-pentagon-outer .item6 .name{right:0}.txt-pentagon-outer .item1 .icon,.txt-pentagon-outer .item2 .icon,.txt-pentagon-outer .item6 .icon{left:0}.txt-pentagon-outer .item3 .intro,.txt-pentagon-outer .item4 .intro,.txt-pentagon-outer .item5 .intro{padding-right:15px}.txt-pentagon-outer .item3 .name,.txt-pentagon-outer .item4 .name,.txt-pentagon-outer .item5 .name{right:auto;left:0}.txt-pentagon-outer .item3 .icon,.txt-pentagon-outer .item4 .icon,.txt-pentagon-outer .item5 .icon{right:0}.txt-pentagon-outer .item1{left:6%;margin-top:.2%;width:37%}.txt-pentagon-outer .item1 .intro{width:60%;margin-left:26%}.txt-pentagon-outer .item2{margin-top:15.7%;left:1%;width:35%}.txt-pentagon-outer .item2 .icon{width:40%}.txt-pentagon-outer .item2 .intro{width:58%;margin-left:38%}.txt-pentagon-outer .item3{margin-top:30%;right:7%;width:32%}.txt-pentagon-outer .item3 .icon{width:25%}.txt-pentagon-outer .item3 .intro{width:74%;margin-left:4%;margin-top:-1%}.txt-pentagon-outer .item4{margin-top:0%;right:2%;width:35.5%}.txt-pentagon-outer .item4 .icon{width:32%}.txt-pentagon-outer .item4 .intro{margin-right:35%;width:55%;margin-left:10%}.txt-pentagon-outer .item5{margin-top:15.7%;right:0%;width:32%}.txt-pentagon-outer .item5 .icon{width:33%}.txt-pentagon-outer .item5 .intro{margin-left:4%;width:64%}.txt-pentagon-outer .item6{margin-top:29.8%;left:1.5%;width:37%}.txt-pentagon-outer .item6 .icon{width:33%}.txt-pentagon-outer .item6 .intro{width:60%;margin-left:33%}@media screen and (max-width:1780px){.txt-pentagon-outer .intro{font-size:1.1vw}.txt-pentagon-outer .name{font-size:1.7vw}}@media screen and (max-width:1460px){.txt-pentagon-outer .item4{}.txt-pentagon-outer .item4 .intro{margin-right:30%;width:60%}}@media screen and (max-width:1000px){.txt-pentagon-outer{position:relative;left:0;-webkit-transform:none;-ms-transform:none;transform:none;width:calc(100% - 30px)}.txt-pentagon-outer .item{width:90%;margin-left:10%;left:0;position:relative;background:-webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0));background:-o-linear-gradient(left, #fff, rgba(255, 255, 255, 0));background:linear-gradient(to right, #fff, rgba(255, 255, 255, 0));display:block;padding:15px 25px;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.txt-pentagon-outer .intro,.txt-pentagon-outer .name{display:block;width:100%;position:relative;text-align:left;height:auto}.txt-pentagon-outer .item1,.txt-pentagon-outer .item2,.txt-pentagon-outer .item3,.txt-pentagon-outer .item4,.txt-pentagon-outer .item5,.txt-pentagon-outer .item6{height:auto;margin-top:0}.txt-pentagon-outer .item1 .intro,.txt-pentagon-outer .item2 .intro,.txt-pentagon-outer .item3 .intro,.txt-pentagon-outer .item4 .intro,.txt-pentagon-outer .item5 .intro,.txt-pentagon-outer .item6 .intro{width:100%;margin-left:0;padding-left:0;padding-right:0;margin-top:0;margin-right:0}.txt-pentagon-outer .item1 .name,.txt-pentagon-outer .item2 .name,.txt-pentagon-outer .item3 .name,.txt-pentagon-outer .item4 .name,.txt-pentagon-outer .item5 .name,.txt-pentagon-outer .item6 .name{margin-top:0;margin-right:10px;margin-left:3%}.txt-pentagon-outer .item1 .icon,.txt-pentagon-outer .item2 .icon,.txt-pentagon-outer .item3 .icon,.txt-pentagon-outer .item4 .icon,.txt-pentagon-outer .item5 .icon,.txt-pentagon-outer .item6 .icon{width:15%;left:-10%;right:auto;margin-top:0}.txt-pentagon-outer .intro{font-size:20px}.txt-pentagon-outer .name{font-size:24px;margin-bottom:5px;width:44px;border-right:1px solid #AD7905;padding:10px 10px}.txt-pentagon-outer .item1 .icon{width:13%;left:-9%}.txt-pentagon-outer .item2 .icon{width:19%;left:-12%}.txt-pentagon-outer .item3 .icon{width:13%;left:-9%}}@media screen and (max-width:740px){.txt-pentagon-outer .item1,.txt-pentagon-outer .item2,.txt-pentagon-outer .item3,.txt-pentagon-outer .item4,.txt-pentagon-outer .item5,.txt-pentagon-outer .item6{height:auto;margin-top:0;width:83%;margin-left:17%}.txt-pentagon-outer .item1 .intro,.txt-pentagon-outer .item2 .intro,.txt-pentagon-outer .item3 .intro,.txt-pentagon-outer .item4 .intro,.txt-pentagon-outer .item5 .intro,.txt-pentagon-outer .item6 .intro{width:100%;margin-left:0;padding-left:0;padding-right:0;margin-top:0;margin-right:0}.txt-pentagon-outer .item1 .name,.txt-pentagon-outer .item2 .name,.txt-pentagon-outer .item3 .name,.txt-pentagon-outer .item4 .name,.txt-pentagon-outer .item5 .name,.txt-pentagon-outer .item6 .name{margin-top:0;margin-right:10px;margin-left:3%}.txt-pentagon-outer .item1 .icon,.txt-pentagon-outer .item2 .icon,.txt-pentagon-outer .item3 .icon,.txt-pentagon-outer .item4 .icon,.txt-pentagon-outer .item5 .icon,.txt-pentagon-outer .item6 .icon{width:23%;left:-16%;right:auto;margin-top:0}.txt-pentagon-outer .name{font-size:24px;width:44px;padding:10px 10px}.txt-pentagon-outer .item1 .icon{width:21%;left:-15%}.txt-pentagon-outer .item2 .icon{width:30%;left:-20%}.txt-pentagon-outer .item3 .icon{width:21%;left:-15%}}@media screen and (max-width:500px){.txt-pentagon-outer .intro{font-size:15px}.txt-pentagon-outer .item1 .name,.txt-pentagon-outer .item2 .name,.txt-pentagon-outer .item3 .name,.txt-pentagon-outer .item4 .name,.txt-pentagon-outer .item5 .name,.txt-pentagon-outer .item6 .name{margin-right:10px;margin-left:12%}.txt-pentagon-outer .item1 .icon,.txt-pentagon-outer .item2 .icon,.txt-pentagon-outer .item3 .icon,.txt-pentagon-outer .item4 .icon,.txt-pentagon-outer .item5 .icon,.txt-pentagon-outer .item6 .icon{width:30%;left:-16%}.txt-pentagon-outer .name{font-size:19px;padding:10px 5px;width:34px}.txt-pentagon-outer .item2 .icon{width:48%;left:-28%}.txt-pentagon-outer .item4 .icon{width:36%;left:-20%}.txt-pentagon-outer .item5 .icon{width:40%;left:-23%}.txt-pentagon-outer .item6 .icon{width:33%;left:-20%}}.block-hmo{margin-bottom:0;padding-bottom:2%}.block-heart{margin-bottom:5%}.block-heart .note{position:relative;text-align:right;padding-right:15%;margin-top:1%}
/*# sourceMappingURL=style.css.map */