@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+TC:wght@100..900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);@keyframes arrow-up{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-50%);opacity:0}51%{transform:translateY(50%);opacity:0}}@keyframes rotateContainer{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes arrow-down{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(50%);opacity:0}51%{transform:translateY(-50%);opacity:0}}@keyframes arrow-right{0%,to{transform:translateX(0);opacity:1}50%{transform:translateX(50%);opacity:0}51%{transform:translateX(-50%);opacity:0}}@keyframes arrow-left{0%,to{transform:translateX(0);opacity:1}50%{transform:translateX(-50%);opacity:0}51%{transform:translateX(50%);opacity:0}}@font-face{font-family:"DIN Pro";src:url(../font/dinpro_light.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"DIN Pro";src:url(../font/dinpro_medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}body{background-color:#eae2d1;font-family:"Noto Sans TC",sans-serif;font-weight:400;font-size:16px;line-height:25px;color:#000}.DINProLight,.DINProMedium{font-family:"DIN Pro",sans-serif;font-weight:300}.DINProMedium{font-weight:500}a{text-decoration:none}@media (min-width:1400px){.container{max-width:1200px;padding-left:10px;padding-right:10px}}.navbar{padding-top:20px}.lg-show{display:none}@media (min-width:992px){.navbar{padding-top:40px}.lg-show{display:block}}button.nav-link{background:0 0;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}button.nav-link:focus{outline:0}#menu .header-policy span.policy-item,.social-media .nav-link{padding:0 10px}.icon-socials{position:relative;width:40px;height:40px}#footer .contact-toggle img,.icon-social{position:absolute;top:0;left:0;width:100%;transition:opacity .6s ease}.icon-socials:hover .icon-social.on{opacity:1}#footer .contact-toggle img.on,.icon-social.on,.icon-socials:hover .icon-social.off{opacity:0}#footer .contact-us{height:218px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;padding:0}#footer .contact-us.line{background-color:#031525;transition:background-color .6s ease;overflow:hidden}#footer .contact-us.line:hover{background-color:#37994a}#footer .contact-us.page{overflow:hidden}#footer .contact-us-item{display:flex;align-items:flex-start;width:313px;position:relative;z-index:1}#footer .contact-us.line .contact-icon{flex-shrink:0;width:56px;height:56px;margin-top:1px;margin-right:14px}#footer .contact-us.line .contact-icon img{width:100%;height:100%}#footer .contact-us.page .contact-icon{display:none}#footer .contact-content{display:flex;flex-direction:column;flex:1}#footer .contact-title{font-weight:600;font-size:36px;color:#fff;line-height:36px;font-family:"Inter",sans-serif;margin-bottom:9px}#footer .contact-us.line .contact-title::after{content:"@";position:relative;top:0;right:-10px}#footer .contact-desc{font-weight:400;font-size:9px;color:#fff;letter-spacing:2px;line-height:100%}#footer .contact-toggle{flex-shrink:0;width:45px;height:45px;margin-left:auto;margin-top:7px;position:relative}#footer .contact-us.page .contact-us-item-bg,#footer .contact-us.page .contact-us-item-mask{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#footer .contact-us.page .contact-us-item-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transform-origin:center center;transition:transform .6s ease}#footer .contact-us.page .contact-us-item-mask{background:rgba(0,0,0,.6);transition:background-color .6s ease}#footer .contact-us.page:hover .contact-us-item-bg img{transform:scale(1.12)}#footer .contact-us.page:hover .contact-us-item-mask{background:0 0}#footer .contact-toggle img{height:100%}#footer .contact-us:hover .contact-toggle img.on{opacity:1}#footer .contact-us:hover .contact-toggle img.off{opacity:0}@media (min-width:1200px){#footer .contact-us{height:390px}#footer .contact-us-item{width:560px}#footer .contact-us.line .contact-icon{width:100px;height:100px;margin-top:3px;margin-right:25px}#footer .contact-content{margin-top:5px}#footer .contact-title{font-size:65px;line-height:65px;margin-bottom:13px}#footer .contact-desc{font-size:16px;letter-spacing:4px}#footer .contact-toggle{width:80px;height:80px;margin-top:13px}}#footer .site-map{background-color:#2d2016;height:610px;--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y)*-1);margin-right:calc(var(--bs-gutter-x)*-.5);margin-left:calc(var(--bs-gutter-x)*-.5)}#footer .site-map .container{position:relative}#footer .logo_footer img{width:260px;height:auto}#footer .logo_footer{padding-top:60px}@media (min-width:1200px){#footer .site-map{height:340px}#footer .logo_footer img{width:281px;height:auto}#footer .logo_footer{padding-top:70px}}#footer .footer-info,#footer .footer-nav,#footer .footer-social{height:140px}#footer .footer-info{padding-top:30px}#footer .contact-info{margin-top:10px}#footer .contact-item{display:flex;align-items:flex-start;margin-bottom:15px;font-size:12px;line-height:16px}#footer .contact-item img{width:18px;height:18px;margin-right:26px;margin-top:6px;margin-left:10px;flex-shrink:0}#footer .contact-item:nth-child(2) img,#footer .contact-item:nth-child(3) img{width:16px;height:16px;margin-right:30px;margin-top:1px}#footer .contact-item a,#footer .contact-item span{color:#b0b3ae;text-decoration:none;transition:color .3s ease}#footer .contact-item a:hover{color:#fff}#footer .footer-nav{padding-top:30px}#footer .nav-links{list-style:none;padding:0 0 0 10px;margin:0;display:flex;flex-wrap:wrap;gap:15px 0}#footer .nav-links li{margin:0}#footer .nav-links li:nth-child(odd){width:180px}#footer .nav-links li:nth-child(even){width:150px}#footer .nav-links a{color:#d7c7a4;text-decoration:none;font-size:11px;line-height:25px;transition:all .3s ease}#footer .nav-links li a span{font-size:14px;color:#b0b3ae;margin-right:10px}#footer .nav-links a:hover,#footer .nav-links a:hover span{color:#42331a;padding-left:3px}#footer .footer-social{padding-top:30px;padding-left:20px}#footer .follow-us h6{color:#d7c7a4;font-size:24px;font-weight:100;margin-bottom:20px;line-height:25px}#footer .social-icons{display:flex;gap:0 20px;margin-bottom:20px}#footer .social-icon .icon-socials{width:40px;height:40px}#footer .copyright{margin-top:auto}#footer .copyright p{color:#fff;font-size:12px;margin:0}#page-top{position:fixed;right:10px;top:66vh;width:65px;opacity:0;transition:opacity .5s ease}#page-top.show{opacity:1}#page-top .page-top-btn{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:14px;line-height:100%}#page-top .page-top-circle{width:40px;height:40px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}#page-top .page-top-circle img{width:24px;height:24px}#page-top .page-top-circle:hover img{animation:arrow-up .5s}@media (min-width:768px){#footer .nav-links li{width:198px!important}}@media (min-width:992px){#footer .footer-info,#footer .footer-social{padding-top:0}#footer .footer-info{order:1}#footer .footer-nav{order:2;padding-left:25px;padding-top:20px}#footer .contact-info{margin-top:20px}#footer .contact-item img{margin-left:35px}#footer .footer-social{order:3}#footer .copyright{align-self:flex-end;margin-top:auto}}@media (min-width:1200px){#footer .footer-social{text-align:right;padding-right:180px;padding-left:0}#footer .social-icons{justify-content:flex-end}}@media (min-width:1400px){#footer .footer-nav{padding-left:125px}#footer .footer-social{padding-right:100px}#footer .page-top{right:-65px}}#menu{position:fixed;z-index:9999}#menu.open{display:block}#menu,#menu .bg{top:0;left:0;width:100%;height:100%}#menu .bg{position:absolute;display:flex;flex-direction:column}#menu .bg::after,#menu .bg::before{content:"";position:absolute;top:0;left:0;width:0;height:100vh;background-color:#07355c;transition-timing-function:cubic-bezier(.165,.84,.44,1)}#menu .bg::before{opacity:.5;transition:all 600ms}#menu.wipe_in .bg::after,#menu.wipe_in .bg::before{width:100vw}#menu .bg::after{transition:all 700ms;transition-delay:.1s}#menu .menu-content{position:absolute;top:0;left:0;width:100vw;opacity:0;transition:opacity .6s ease;transition-delay:.5s}#menu,#menu.close .menu-content{display:none}#menu.wipe_in .menu-content{opacity:1}#menu .header-nav{position:absolute;top:0;left:17px}#menu .nav-links{list-style:none;padding:0;margin:0;padding-top:10vh}#menu .nav-links li{margin:0 0 20px;width:390px}#menu .nav-links a{color:#fff;text-decoration:none;line-height:35px;font-size:15px;letter-spacing:5px;font-family:"Inter",sans-serif}#menu .header-policy .policy-item:hover,#menu .nav-links li a:hover{color:#777878}#menu .nav-links li a span:first-child{font-weight:800;font-size:35px;margin-right:20px;letter-spacing:0;text-transform:uppercase}#menu .nav-links li a span:last-child{position:relative;display:inline-block;top:-1px}#menu .header-social{position:absolute;top:70vh;left:10px}#menu .follow-us h6{color:#d7c7a4;font-size:24px;font-weight:100;line-height:38px;width:110px}#menu .social-icons{display:flex;gap:0 20px}#menu .social-icon .icon-socials{width:40px;height:40px}#menu .header-copyright,#menu .header-policy{position:absolute;top:80vh;left:10px;width:100%}#menu .header-policy .policy-item{color:#fff;font-size:14px;line-height:25px;text-decoration:none}#menu .header-copyright{font-size:12px;color:#c9ba9a;top:85vh}#menu .header-close{position:absolute;top:30px;right:23px}@media (min-width:1200px){#menu .nav-links{padding-top:20vh}#menu .menu-content,#menu.wipe_in .bg::after,#menu.wipe_in .bg::before{left:calc(100vw - 1010px);width:1010px}#menu .header-nav,#menu .header-social{left:100px}#menu .nav-links li{width:600px;margin-bottom:25px}#menu .header-policy .policy-item,#menu .nav-links a{font-size:16px}#menu .nav-links li a span:first-child{font-size:40px}#menu .header-policy{left:100px;width:600px;top:85vh}#menu .header-policy span.policy-item{padding:0 20px}#menu .header-copyright{left:650px;width:200px;top:85vh}#menu .header-close{top:45px;right:100px}}#keyVisual{height:100vh;position:relative;overflow:hidden}#keyVisual .rotate-container{position:absolute;top:50vh;left:50vw;width:0;height:0;transform-origin:center center;animation:rotateContainer 15s linear infinite}#keyVisual picture{position:absolute;width:1300px;height:1300px}#keyVisual picture img{width:100%;opacity:.8}#keyVisual .orange,#keyVisual .yellow{top:-650px;left:-650px;transform:translateX(50vh) translateY(0)}#keyVisual .orange{transform:translateX(-50vh) translateY(0)}#keyVisual .scroll-down{position:absolute;width:40px;transform:translateX(-50%);bottom:5vh;left:50%;z-index:1000;padding:0}@media (min-width:992px){#keyVisual .scroll-down{top:42%;right:7%;bottom:auto;left:auto}}#keyVisual .scroll-down-btn{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:14px;line-height:100%}#keyVisual .scroll-down-circle{width:40px;height:40px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}#keyVisual .scroll-down-circle img{width:24px;height:24px}#keyVisual .scroll-down-circle:hover img{animation:arrow-down .5s}#header{transition:opacity .5s ease-in-out}#header.fade-out{opacity:0;pointer-events:none}.keyVisual-block-title{position:absolute;top:42%;left:12px;color:#07355c;padding-left:80px;padding-top:5px;font-family:"Inter",sans-serif}.keyVisual-block-title::before{content:"";position:absolute;top:4px;left:5px;width:43px;height:43px;background-size:100% 100%;background-repeat:no-repeat;background-image:url(../images/svg/icon_flower_blue.svg)}.keyVisual-block-title::after{content:"";position:absolute;top:0;left:62px;width:3px;height:52px;background-color:#07355c}.keyVisual-block-title>div:first-child{font-weight:800;font-size:30px}.keyVisual-block-title>div:last-child{font-weight:300;font-size:12px;padding-top:2px}.keyVisual-title{font-weight:800;font-size:150px;color:#fff;opacity:.3;position:absolute;right:0;top:90%;white-space:nowrap;display:flex;font-family:"Inter",sans-serif}.keyVisual-title span{display:inline-block;margin-right:100px;white-space:nowrap;flex-shrink:0}@media (min-width:992px){.keyVisual-title{font-size:200px;top:75%}.keyVisual-block-title{padding-left:125px;padding-top:10px;left:16%}.keyVisual-block-title::before{top:7px;left:22px;width:58px;height:58px}.keyVisual-block-title::after{left:100px;width:5px;height:70px}.keyVisual-block-title>div:first-child{font-size:40px}.keyVisual-block-title>div:last-child{font-size:16px;padding-top:15px}}.breadcrumb{font-size:10px;font-weight:600;letter-spacing:1px;padding-top:10px}.breadcrumb-item,.breadcrumb-item a{color:#000}@media (min-width:992px){.breadcrumb{font-size:14px;padding-top:25px}}