.brand-background{background-size:cover;background-repeat:no-repeat;width:100%;height:100%;position:fixed;z-index:-1;top:0}.about .main-wrapper main{overflow:hidden}.about .main-wrapper main .about-brand{background-color:#fff}.about .main-wrapper main .about-brand .wrap{padding:210px 100px 0 100px;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;max-width:1640px;margin:auto}@media only screen and (max-width:1200px){.about .main-wrapper main .about-brand .wrap{padding-top:170px}}@media only screen and (max-width:960px){.about .main-wrapper main .about-brand .wrap{padding-bottom:0}}@media only screen and (max-width:767px){.about .main-wrapper main .about-brand .wrap{padding:120px 30px 0 30px}}.about .main-wrapper main .about-brand .wrap .bread{margin:30px auto 115px 0;font-family:Noto Sans TC;font-weight:300;font-size:0.75rem;line-height:1;letter-spacing:0.0625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:18px}@media only screen and (max-width:767px){.about .main-wrapper main .about-brand .wrap .bread{margin-bottom:80px}}.about .main-wrapper main .about-brand .wrap .bread a:first-child{font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-right:30px}.about .main-wrapper main .about-brand .wrap .bread a:first-child:after{position:absolute;top:30%;left:145%;display:block;content:"";width:5px;height:5px;background-color:#000;opacity:0.3;border-radius:100px;pointer-events:none}.about .main-wrapper main .about-brand .wrap .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:530px;height:auto;margin-bottom:80px}.about .main-wrapper main .about-brand .wrap .title .room{font-family:Noto Sans TC;font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:0.125rem;color:#AC855E;margin-bottom:18px;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5}.about .main-wrapper main .about-brand .wrap .title h2{font-family:Canela;font-weight:300;font-size:5.625rem;line-height:1;letter-spacing:0.125rem;margin-bottom:18px;max-width:530px;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1}@media only screen and (max-width:1366px){.about .main-wrapper main .about-brand .wrap .title h2{font-size:4.375rem}}@media only screen and (max-width:767px){.about .main-wrapper main .about-brand .wrap .title h2{font-size:2.5rem}}.about .main-wrapper main .about-brand .wrap .title .subtitle{font-size:1rem;line-height:1.5;letter-spacing:0.125rem;opacity:70%;margin-bottom:40px;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5}@media only screen and (max-width:767px){.about .main-wrapper main .about-brand .wrap .title .subtitle{font-size:0.875rem}}.about .main-wrapper main .about-brand .wrap .title .text{font-family:Noto Sans TC;font-size:0.875rem;font-weight:300;line-height:1.8;letter-spacing:0.0625rem;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-height:1.8}.about .main-wrapper main .about-brand .wrap .goto-button{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Noto Sans TC;font-weight:400;font-size:1rem;line-height:1.8;letter-spacing:0.125rem;margin-bottom:80px}@media only screen and (max-width:960px){.about .main-wrapper main .about-brand .wrap .goto-button{bottom:-75px;color:#000;font-weight:500;margin-bottom:70px}}@media only screen and (max-width:767px){.about .main-wrapper main .about-brand .wrap .goto-button{font-size:0.875rem;margin-bottom:50px}}.about .main-wrapper main .about-brand .wrap .goto-button .button-group{display:-webkit-box;display:-ms-flexbox;display:flex}.about .main-wrapper main .about-brand .wrap .goto-button .button-group .button{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;word-break:keep-all;white-space:nowrap}.about .main-wrapper main .about-brand .wrap .goto-button .button-group .button:after{margin-top:10px;display:block;content:"";height:1px;width:0;background-color:#000;opacity:30%;-webkit-transition:width 0.5s;transition:width 0.5s}@media only screen and (min-width:1201px){.about .main-wrapper main .about-brand .wrap .goto-button .button-group .button:hover:after{width:calc(100% + 10px);-webkit-transition:width 0.5s;transition:width 0.5s}}@media only screen and (max-width:1200px){.about .main-wrapper main .about-brand .wrap .goto-button .button-group .button:active:after{width:calc(100% + 10px);-webkit-transition:width 0.5s;transition:width 0.5s}}.about .main-wrapper main .about-brand .wrap .goto-button .button-group .button:not(:last-child){margin-right:70px}@media only screen and (max-width:767px){.about .main-wrapper main .about-brand .wrap .goto-button .button-group .button:not(:last-child){margin-right:40px}}.about .main-wrapper main .brand{position:relative;width:100%;padding:0 100px 0 100px;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;margin:auto;overflow:hidden}@media only screen and (max-width:1200px){.about .main-wrapper main .brand{padding-top:0}}@media only screen and (max-width:767px){.about .main-wrapper main .brand{padding:0 30px 0 30px}}.about .main-wrapper main .brand .brand-wrap{position:relative;padding:150px 170px;width:100%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1440px}.about .main-wrapper main .brand .brand-wrap:after,.about .main-wrapper main .brand .brand-wrap:before{content:"";display:block;position:absolute;top:0;width:50%;height:calc(100% + 2px);background-color:#fff}@media only screen and (max-width:767px){.about .main-wrapper main .brand .brand-wrap:after,.about .main-wrapper main .brand .brand-wrap:before{width:0}}.about .main-wrapper main .brand .brand-wrap:before{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.about .main-wrapper main .brand .brand-wrap:after{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}@media only screen and (max-width:1600px){.about .main-wrapper main .brand .brand-wrap{max-width:1280px;padding:100px 120px}}@media only screen and (max-width:1200px){.about .main-wrapper main .brand .brand-wrap{max-width:1230px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media only screen and (max-width:960px){.about .main-wrapper main .brand .brand-wrap{padding:70px 70px}}@media only screen and (max-width:767px){.about .main-wrapper main .brand .brand-wrap{padding:55px 30px}}.about .main-wrapper main .brand .brand-wrap .brand-title{max-width:420px;margin-right:60px;width:100%;text-align:left}@media only screen and (max-width:1200px){.about .main-wrapper main .brand .brand-wrap .brand-title{margin-right:0;margin-bottom:70px}}@media only screen and (max-width:767px){.about .main-wrapper main .brand .brand-wrap .brand-title{margin-bottom:55px;max-width:none}}.about .main-wrapper main .brand .brand-wrap .brand-title .brand-en-title{font-family:Canela;font-weight:400;font-size:3.75rem;line-height:1.2;letter-spacing:0.125rem;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.2}@media only screen and (max-width:1200px){.about .main-wrapper main .brand .brand-wrap .brand-title .brand-en-title{font-size:3.125rem}}@media only screen and (max-width:767px){.about .main-wrapper main .brand .brand-wrap .brand-title .brand-en-title{font-size:2.25rem}}.about .main-wrapper main .brand .brand-wrap .brand-title .brand-ch-title{font-family:Noto Sans TC;font-weight:500;font-size:1.25rem;line-height:1.5;letter-spacing:0.125rem;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5}@media only screen and (max-width:767px){.about .main-wrapper main .brand .brand-wrap .brand-title .brand-ch-title{font-size:1.125rem}}.about .main-wrapper main .brand .brand-wrap .brand-content{max-width:615px;width:100%;text-align:left;margin-top:100px}@media only screen and (max-width:1200px){.about .main-wrapper main .brand .brand-wrap .brand-content{max-width:none;margin-top:0}}.about .main-wrapper main .brand .brand-wrap .brand-content p{font-family:Noto Sans TC;font-weight:300;font-size:0.875rem;line-height:1.8;letter-spacing:1px}.about .main-wrapper main .brand .brand-wrap .brand-content h3{font-family:Noto Sans TC;font-weight:500;font-size:1.25rem;line-height:1.5;letter-spacing:2px;margin-bottom:10px}.about .main-wrapper main .brand .brand-wrap .brand-content .first-paragraph{margin-bottom:120px}.about .main-wrapper main .brand .brand-wrap .brand-content .second-paragraph{margin-bottom:30px}.about .main-wrapper main .brand-bottom{background-color:#fff;width:100%;height:135px}@media only screen and (max-width:960px){.about .main-wrapper main .brand-bottom{height:120px}}@media only screen and (max-width:767px){.about .main-wrapper main .brand-bottom{height:0}}.about .main-wrapper main .about-service{padding:140px 100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#F3EEE7}@media only screen and (max-width:960px){.about .main-wrapper main .about-service{padding:120px 100px 120px 100px}}@media only screen and (max-width:767px){.about .main-wrapper main .about-service{padding:55px 30px 80px 30px}}.about .main-wrapper main .about-service .service-title{max-width:500px;width:100%;margin-bottom:70px;text-align:center}@media only screen and (max-width:767px){.about .main-wrapper main .about-service .service-title{margin-bottom:40px;max-width:none}}.about .main-wrapper main .about-service .service-title .service-en-title{font-family:Canela;font-weight:400;font-size:3.75rem;line-height:1.2;letter-spacing:0.125rem}@media only screen and (max-width:1200px){.about .main-wrapper main .about-service .service-title .service-en-title{font-size:3.125rem}}@media only screen and (max-width:767px){.about .main-wrapper main .about-service .service-title .service-en-title{font-size:2.25rem}}.about .main-wrapper main .about-service .service-title .service-ch-title{font-family:Noto Sans TC;font-weight:500;font-size:1.25rem;line-height:1.5;letter-spacing:0.125rem}@media only screen and (max-width:767px){.about .main-wrapper main .about-service .service-title .service-ch-title{font-size:1.125rem}}.about .main-wrapper main .about-service .card-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1440px;width:100%}.about .main-wrapper main .about-service .card-group .card:nth-child(2n) .content{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.about .main-wrapper main .about-service .card-group .card:not(:last-child){margin-bottom:80px}@media only screen and (max-width:960px){.about .main-wrapper main .about-service .card-group .card:not(:last-child){margin-bottom:70px}}@media only screen and (max-width:767px){.about .main-wrapper main .about-service .card-group .card:not(:last-child){margin-bottom:60px}}.about .main-wrapper main .about-service .card-group .card{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (max-width:960px){.about .main-wrapper main .about-service .card-group .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media only screen and (min-width:1201px){.about .main-wrapper main .about-service .card-group .card:hover .cover:before{background-color:rgba(0,0,0,0.3);-webkit-transition:background-color 0.5s;transition:background-color 0.5s}.about .main-wrapper main .about-service .card-group .card:hover .content .main-content .more:after{height:3px;-webkit-transition:height 0.5s,margin-bottom 0.5s,opacity 0.5s;transition:height 0.5s,margin-bottom 0.5s,opacity 0.5s;margin-bottom:0;opacity:1}}@media only screen and (max-width:1200px){.about .main-wrapper main .about-service .card-group .card:active .cover:before{background-color:rgba(0,0,0,0.3);-webkit-transition:background-color 0.5s;transition:background-color 0.5s}.about .main-wrapper main .about-service .card-group .card:active .content .main-content .more:after{height:3px;-webkit-transition:height 0.5s,margin-bottom 0.5s,opacity 0.5s;transition:height 0.5s,margin-bottom 0.5s,opacity 0.5s;margin-bottom:0;opacity:1}}.about .main-wrapper main .about-service .card-group .card .cover{width:50%;max-width:720px;position:relative}@media only screen and (max-width:960px){.about .main-wrapper main .about-service .card-group .card .cover{width:100%;max-width:none}}.about .main-wrapper main .about-service .card-group .card .cover:after{content:"";display:block;width:100%;height:0;padding-bottom:62.5%;overflow:hidden}.about .main-wrapper main .about-service .card-group .card .cover:before{content:"";display:block;width:100%;height:0;padding-bottom:62.5%;position:absolute;top:0;left:0;z-index:1;background-color:rgba(0,0,0,0);-webkit-transition:background-color 0.5s;transition:background-color 0.5s}.about .main-wrapper main .about-service .card-group .card .cover img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about .main-wrapper main .about-service .card-group .card .content{background-color:#fff;padding:125px 150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:50%;max-width:720px}@media only screen and (max-width:1500px){.about .main-wrapper main .about-service .card-group .card .content{padding:100px 100px}}@media only screen and (max-width:1280px){.about .main-wrapper main .about-service .card-group .card .content{padding:60px 60px}}@media only screen and (max-width:960px){.about .main-wrapper main .about-service .card-group .card .content{width:100%;max-width:none;-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}}@media only screen and (max-width:767px){.about .main-wrapper main .about-service .card-group .card .content{padding:30px;padding-top:45px}}.about .main-wrapper main .about-service .card-group .card .content .main-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.about .main-wrapper main .about-service .card-group .card .content .main-content .en-title{font-family:Canela;font-weight:400;font-size:1.5rem;line-height:1.2;letter-spacing:0.0625rem;margin-bottom:2px;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.2}@media only screen and (max-width:767px){.about .main-wrapper main .about-service .card-group .card .content .main-content .en-title{margin-bottom:10px}}.about .main-wrapper main .about-service .card-group .card .content .main-content .ch-title{font-family:Noto Sans TC;font-weight:500;font-size:1rem;line-height:1.8;letter-spacing:0.125rem;margin-bottom:20px;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.8}@media only screen and (max-width:767px){.about .main-wrapper main .about-service .card-group .card .content .main-content .ch-title{margin-bottom:15px}}.about .main-wrapper main .about-service .card-group .card .content .main-content .text{font-family:Noto Sans TC;font-weight:300;font-size:0.875rem;line-height:1.8;letter-spacing:0.0625rem;margin-bottom:35px;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.8}.about .main-wrapper main .about-service .card-group .card .content .main-content .more{font-size:0.875rem;line-height:1.5;letter-spacing:0.0625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:5px}.about .main-wrapper main .about-service .card-group .card .content .main-content .more:after{content:"";display:block;width:calc(100% + 10px);height:1px;background-color:#000;opacity:30%;margin-top:10px;margin-bottom:2px;-webkit-transition:height 0.5s,margin-bottom 0.5s,opacity 0.5s;transition:height 0.5s,margin-bottom 0.5s,opacity 0.5s}@media only screen and (min-width:1201px){.about .main-wrapper main .about-service .card-group .card .content .main-content .more:hover:after{height:3px;-webkit-transition:height 0.5s,margin-bottom 0.5s,opacity 0.5s;transition:height 0.5s,margin-bottom 0.5s,opacity 0.5s;margin-bottom:0;opacity:1}}@media only screen and (max-width:1200px){.about .main-wrapper main .about-service .card-group .card .content .main-content .more:active:after{height:3px;-webkit-transition:height 0.5s,margin-bottom 0.5s,opacity 0.5s;transition:height 0.5s,margin-bottom 0.5s,opacity 0.5s;margin-bottom:0;opacity:1}}.about .main-wrapper main .about-brand .wrap .title{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.about .main-wrapper main .about-brand .wrap .title.aost-show{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s}.about .main-wrapper main .about-brand .wrap .goto-button{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.about .main-wrapper main .about-brand .wrap .goto-button.aost-show{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s}.about .main-wrapper main .brand .brand-wrap .brand-title{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.about .main-wrapper main .brand .brand-wrap .brand-title.aost-show{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s}.about .main-wrapper main .brand .brand-wrap .brand-content .first-paragraph,.about .main-wrapper main .brand .brand-wrap .brand-content .second-paragraph,.about .main-wrapper main .brand .brand-wrap .brand-content .third-paragraph{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.about .main-wrapper main .brand .brand-wrap .brand-content .first-paragraph.aost-show,.about .main-wrapper main .brand .brand-wrap .brand-content .second-paragraph.aost-show,.about .main-wrapper main .brand .brand-wrap .brand-content .third-paragraph.aost-show{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s}.about .main-wrapper main .about-service .service-title{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.about .main-wrapper main .about-service .service-title.aost-show{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s}.about .main-wrapper main .about-service .card-group .card .content .main-content{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.about .main-wrapper main .about-service .card-group .card.aost-show .content .main-content{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s}
/*# sourceMappingURL=about.css.map */