html{font:10px 'Microsoft JhengHei'}body{background:url(../images/back.png)}.main-wrap{padding:0;padding-bottom:7rem;min-height:100vh;width:100%;max-width:1000px}.kv{margin-bottom:1rem}@media screen and (min-width:767px){.kv{margin-bottom:2rem}}.kv__logo-img-wrap{position:relative}.kv__logo-img-wrap__logo-img{position:absolute;display:block;width:160px;height:57px;top:.5rem;left:.5rem}@media screen and (max-width:767px){.kv__logo-img-wrap__logo-img{position:initial;width:100px;height:auto}}.kv__main-img-wrap img{width:100%;display:block}.kv__wooden-row-wrap{position:relative;overflow:hidden;width:100%;background:url(../images/index_02.jpg);background-size:100% 100%;padding:1rem 0}.kv__wooden-row-wrap__button-group{height:100%;width:100%}.kv__wooden-row-wrap__button-group .row{width:80%;margin:0 auto}@media screen and (max-width:767px){.kv__wooden-row-wrap__button-group .row{width:100%}}.kv__wooden-row-wrap__button-group__item{position:absolute;bottom:-10px;height:10vw;max-height:100px}.kv__wooden-row-wrap__button-group__item--1{left:1rem}.kv__wooden-row-wrap__button-group__item--2{right:1rem}@media screen and (max-width:767px){.kv__wooden-row-wrap__button-group__item{display:none}}.kv__wooden-row-wrap__button-group .btn-wrap{margin:.5rem auto;padding:0;background:#f9cf93;color:#5f2e20;font-size:2.2rem;font-weight:900;width:100%;height:90%;border-radius:10px}@media screen and (min-width:1100px){.kv__wooden-row-wrap__button-group .btn-wrap{width:80%}}.kv__wooden-row-wrap__button-group .btn-wrap__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem;height:100%;border-radius:10px}@media screen and (max-width:767px){.kv__wooden-row-wrap__button-group .btn-wrap__inner{padding:.8rem;font-size:1.2rem}}.top-combination{padding:1rem}.top-combination__tab{padding-left:1.25rem}.top-combination__tab img{display:block;width:50%}@media screen and (max-width:767px){.top-combination__tab img{width:80%}}.top-combination__card{position:relative;border-radius:8px;-webkit-box-shadow:4px 3px rgba(129,124,118,.8);box-shadow:4px 3px rgba(129,124,118,.8);padding:1.5rem;padding-left:2rem;padding-bottom:2rem}@media screen and (max-width:800px){.top-combination__card{padding:1rem;padding-left:1.2rem}}.top-combination__card--fe892a{background:#fe892a;border:3px solid #b9611a}.top-combination__card--79f1ff{background:#79f1ff;border:3px solid #4db7e7}.top-combination__card__content{position:relative;background:#fff;-webkit-box-shadow:1px 1px 10px #373737;box-shadow:1px 1px 10px #373737}.top-combination__card__content::before{content:"";background:url(../images/index2_01.png);background-size:8vw auto;background-repeat:round;display:inline-block;position:absolute;left:-4vw;width:8vw;max-width:80px;height:calc(100% - 80px)}@media screen and (max-width:767px){.top-combination__card__content::before{height:calc(100% - 50px)}}@media screen and (min-width:1000px){.top-combination__card__content::before{background-size:80px auto;left:-40px}}.top-combination__card__content::after{content:"";background:url(../images/index2_03.png);background-size:2vw auto;display:inline-block;position:absolute;top:0;right:0;height:100%;width:2vw;max-width:20px}@media screen and (min-width:1000px){.top-combination__card__content::after{background-size:20px auto}}.top-combination__card__content__img-section{padding:1rem 0;padding-bottom:0;width:90%;min-height:60vh;margin:0 auto}@media screen and (max-width:767px){.top-combination__card__content__img-section{min-height:30vh}}.top-combination__card__content__img-section img{width:100%;display:block;margin-top:1rem}.top-combination__card__content__button-row-section{width:90%;margin:0 auto;height:70px;margin-top:10px}@media screen and (max-width:767px){.top-combination__card__content__button-row-section{height:40px;margin-top:10px}}.top-combination__card__content__button-row-section::after{content:"";display:table;clear:both}.top-combination__card__content__button-row-section .btn-wrap{float:right;border:none}.top-combination--2 .top-combination__card__content__info-section{width:90%;margin:0 auto;background:url(../images/index2_02.png);background-size:contain}.top-combination--2 .top-combination__card__content__info-section .item-group{padding-left:1.5rem}.top-combination--2 .top-combination__card__content__info-section .item-group::after{content:"";display:block;background:url(../images/line.png);background-size:cover;height:30px;width:90%;margin:0 auto}.top-combination--2 .top-combination__card__content__info-section .item-group__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:3.2rem;text-align:center;padding:1rem}.top-combination--2 .top-combination__card__content__info-section .item-group__header img{width:100px}.top-combination--2 .top-combination__card__content__info-section .item-group .row{position:relative}.top-combination--2 .top-combination__card__content__info-section .item-group .row .toggle-btn{position:absolute;width:50px;height:50px;text-align:center;z-index:10;top:calc(50% - 45px);left:calc(50% - 25px)}.top-combination--2 .top-combination__card__content__info-section .item-group .row .toggle-btn img{display:block;width:100%}.top-combination--2 .top-combination__card__content__info-section .item-group .item{padding-right:5px;padding-left:5px}.top-combination--2 .top-combination__card__content__info-section .item-group .item__img img{display:block;max-width:80%;margin:0 auto}.top-combination--2 .top-combination__card__content__info-section .item-group .item__name{text-align:center}.top-combination--2 .top-combination__card__content__info-section .item-group .item__name h3{color:#4d4d4d;margin:0;font-size:1.8rem}.top-combination--2 .top-combination__card__content__info-section .item-group__description{background:#adeee6;width:80%;margin:0 auto;margin-top:2rem;border-radius:8px;padding:1rem}.top-combination--2 .top-combination__card__content__info-section .item-group__description__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px dashed #fff;border-radius:8px;padding:1rem}@media screen and (max-width:767px){.top-combination--2 .top-combination__card__content__info-section .item-group__description__inner{display:block;text-align:center;padding:1rem .5rem}}.top-combination--2 .top-combination__card__content__info-section .item-group__description__inner__img{margin-right:1rem}@media screen and (max-width:767px){.top-combination--2 .top-combination__card__content__info-section .item-group__description__inner__img{width:100%}}.top-combination--2 .top-combination__card__content__info-section .item-group__description__inner__img img{width:100px}@media screen and (max-width:767px){.top-combination--2 .top-combination__card__content__info-section .item-group__description__inner__img img{width:80px}}@media screen and (max-width:767px){.top-combination--2 .top-combination__card__content__info-section .item-group__description__inner__text{width:100%}}.top-combination--2 .top-combination__card__content__info-section .item-group__description__inner__text h3{margin:0;font-size:2.4rem;font-weight:100;color:#8f3b0d}@media screen and (max-width:320px){.top-combination--2 .top-combination__card__content__info-section .item-group__description__inner__text h3{font-size:1.8rem}}.top-combination--2 .top-combination__card__content__info-section .item-group__description__inner__text p{margin:0;font-size:1.6rem;font-weight:100;color:#434544;text-align:justify}@media screen and (max-width:320px){.top-combination--2 .top-combination__card__content__info-section .item-group__description__inner__text p{font-size:1.2rem}}.btn-wrap{display:block;text-align:center;border-radius:3px;padding:.8rem;font-size:1.6rem;color:#fff;cursor:pointer;width:150px;-webkit-box-shadow:1px 1px 5px #373737;box-shadow:1px 1px 5px #373737}.btn-wrap,.btn-wrap:active,.btn-wrap:link,.btn-wrap:visited{text-decoration:none}@media screen and (max-width:767px){.btn-wrap{width:100%;font-size:1rem;padding:.3rem}}.btn-wrap--fd672c{background:#fd672c}.btn-wrap--fd672c:active,.btn-wrap--fd672c:hover{background:#f35112}.btn-wrap--46d9e9{background:#46d9e9}.btn-wrap--46d9e9:active,.btn-wrap--46d9e9:hover{background:#3fbcca}.btn-wrap__inner{border:1px dashed #fff;border-radius:3px;padding:.5rem}@media screen and (max-width:767px){.btn-wrap__inner{padding:.2rem}}.subtitle{padding:1rem}.subtitle,.subtitle:active,.subtitle:link,.subtitle:visited{text-decoration:none}.subtitle__wooden-row-wrap{position:relative;overflow:hidden;border:5px solid #fff;border-radius:8px;-webkit-box-shadow:4px 3px rgba(129,124,118,.8);box-shadow:4px 3px rgba(129,124,118,.8);width:100%;height:8vw;max-height:80px;background:url(../images/sbanner.jpg);background-size:100% 100%}@media screen and (max-width:767px){.subtitle__wooden-row-wrap{height:10vw;width:96%;max-height:130px;border:2px solid #fff;margin:0 auto}}.subtitle__wooden-row-wrap__text-group{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.subtitle__wooden-row-wrap__text-group__text{color:#6c0507;font-size:3.6rem;font-weight:900;text-align:center;margin:0 3rem;letter-spacing:5px}@media screen and (max-width:767px){.subtitle__wooden-row-wrap__text-group__text{letter-spacing:0;font-size:1.8rem;margin:0 5rem}}@media screen and (max-width:620px){.subtitle__wooden-row-wrap__text-group__text{margin:0 1rem}}@media screen and (max-width:400px){.subtitle__wooden-row-wrap__text-group__text{margin:0 .1rem}}.subtitle__wooden-row-wrap__text-group__item{height:9vw;max-height:90px}@media screen and (max-width:767px){.subtitle__wooden-row-wrap__text-group__item{height:12vw;max-height:150px}}.creative-video{padding:1rem}.creative-video__tab{border:1px dashed #000;border-radius:5px 5px 0 0;border-bottom:none;width:28%;padding:1rem;padding-bottom:0;margin-left:2rem;background-color:#5e3210;background-image:url(../images/black_1.png);color:#fff}@media screen and (max-width:767px){.creative-video__tab{width:40%;padding-left:0;padding-right:0}}.creative-video__tab__text{margin:0;font-size:3rem;font-weight:100;text-align:center}@media screen and (max-width:767px){.creative-video__tab__text{font-size:1.8rem}}.creative-video__card__content .video-container-wrap{position:relative;padding:10px;padding-top:0}.creative-video__card__content .video-container-wrap::before{content:"";display:block;position:absolute;background:url(../images/dw_l.png) no-repeat;background-size:100%;z-index:10;width:155px;height:140px;top:-35px;right:-30px}@media screen and (max-width:1055px){.creative-video__card__content .video-container-wrap::before{width:125px;height:110px;top:-25px;right:-10px}}@media screen and (max-width:450px){.creative-video__card__content .video-container-wrap::before{top:-15px;right:-5px;background-size:100%;width:65px}}.creative-video__card__content .video-container-wrap::after{content:"";display:block;position:absolute;background:url(../images/dw_l.png) no-repeat;background-size:100%;z-index:10;width:155px;height:140px;left:-45px;bottom:-35px}@media screen and (max-width:1055px){.creative-video__card__content .video-container-wrap::after{width:125px;height:110px;left:-25px;bottom:-20px}}@media screen and (max-width:450px){.creative-video__card__content .video-container-wrap::after{left:-5px;bottom:-45px;background-size:60%}}.creative-video__card__content .video-container-wrap .video-container{-webkit-box-shadow:4px 3px 5px #4a4a4a;box-shadow:4px 3px 5px #4a4a4a}.creative-video__card__content__button-row-section::after{content:"";display:table;clear:both}.creative-video__card__content__button-row-section .btn-wrap{color:#000;font-size:2.4rem;width:240px;float:right;margin-top:1rem;-webkit-box-shadow:none;box-shadow:none}@media screen and (max-width:767px){.creative-video__card__content__button-row-section .btn-wrap{font-size:1.8rem;width:160px}}.creative-video__card__content__button-row-section .btn-wrap__inner{background-color:#5e3210;background-image:url(../images/black_1.png);color:#fff;border:1px dashed #000}.video-container{position:relative;margin-left:auto;margin-right:auto;width:100%}.video-container::before{content:'';display:block;padding-bottom:56.25%;width:100%}.video-container iframe{position:absolute;top:0;left:0;right:0;width:100%;height:100%;display:block}.footer{width:100%;margin:0 auto;background:#f3f6fb;padding:2rem}.footer__icon{margin-bottom:1rem}.footer__icon img{width:180px}.footer__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#595757}.footer__text p{margin:0;font-size:1.2rem;line-height:1.5}.footer__text__copyright{text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media screen and (max-width:767px){.footer__text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer__text__copyright{text-align:left}.footer__text__contact{padding-bottom:1rem}}