nav{height:auto;position:fixed;top:50%;right:-5px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:10;opacity:0;font-size:23px;font-family:'Playfair Display', serif}@media (max-width: 1360px){nav{font-size:21px}}nav .nav-link{position:relative;display:block;margin:2px 0;padding:7px}nav .nav-link::after{content:'';display:block;width:14px;height:14px;background:rgba(255,255,255,0);border-radius:50%;border:1px solid #fff}nav .nav-link .text{display:block;position:absolute;right:33px;top:-7px;-webkit-transform:scale(0);transform:scale(0);text-transform:uppercase;color:#fff;width:auto;text-align:right;white-space:nowrap;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}@media (max-width: 1360px){nav .nav-link .text{top:-5px}}nav .nav-link:hover .text,nav .nav-link.active .text{display:block;-webkit-transform:scale(1);transform:scale(1)}nav .nav-link:hover::after,nav .nav-link.active::after{background:#fff}@-webkit-keyframes zoom-in-out-repeat{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom-in-out-repeat{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rotate-repeat{from{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotate-repeat{from{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.cardWrap{margin:10px;-webkit-transform:perspective(800px);transform:perspective(800px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;cursor:pointer}.cardWrap:hover .cardInfo{-webkit-transform:translateY(0);transform:translateY(0)}.cardWrap:hover .cardInfo p{opacity:1}.cardWrap:hover .cardInfo,.cardWrap:hover .cardInfo p{-webkit-transition:0.6s cubic-bezier(0.23, 1, 0.32, 1);transition:0.6s cubic-bezier(0.23, 1, 0.32, 1)}.cardWrap:hover .cardInfo:after{-webkit-transition:5s cubic-bezier(0.23, 1, 0.32, 1);transition:5s cubic-bezier(0.23, 1, 0.32, 1);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.cardWrap:hover .cardBg{-webkit-transition:0.6s cubic-bezier(0.23, 1, 0.32, 1),opacity 5s cubic-bezier(0.23, 1, 0.32, 1);transition:0.6s cubic-bezier(0.23, 1, 0.32, 1),opacity 5s cubic-bezier(0.23, 1, 0.32, 1);opacity:1}.cardWrap:hover .card{-webkit-transition:0.6s cubic-bezier(0.23, 1, 0.32, 1),box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition:0.6s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);transition:0.6s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);transition:0.6s cubic-bezier(0.23, 1, 0.32, 1),box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);transition:0.6s cubic-bezier(0.23, 1, 0.32, 1),box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1)}.card{position:relative;-webkit-box-flex:0;-ms-flex:0 0 240px;flex:0 0 240px;width:240px;height:320px;background-color:transparent;overflow:hidden;border-radius:0px;border:0}.cardBg{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-transition:1s cubic-bezier(0.445, 0.05, 0.55, 0.95),opacity 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);transition:1s cubic-bezier(0.445, 0.05, 0.55, 0.95),opacity 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);pointer-events:none;-webkit-box-sizing:initial;box-sizing:initial}.cardInfo{padding:20px;position:absolute;bottom:0;color:#fff;-webkit-transform:translateY(40%);transform:translateY(40%);-webkit-transition:0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);transition:0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1)}.cardInfo p{opacity:0;text-shadow:black 0 2px 3px;-webkit-transition:0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);transition:0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1)}.cardInfo *{position:relative;z-index:1}.cardInfo:after{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.6)));background-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.6) 100%);background-blend-mode:overlay;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);transition:5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95)}.cardInfo h1{font-family:"Playfair Display";font-size:36px;font-weight:700;text-shadow:rgba(0,0,0,0.5) 0 10px 10px}.more-btn{position:relative;width:50px;height:50px;border:1px solid #333;border-radius:50%;font-weight:lighter;padding:0;background:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}@media (max-width: 768px){.more-btn{width:40px;height:40px}}.more-btn.w-btn{border-color:#fff}.more-btn.w-btn:before,.more-btn.w-btn::after{background:#fff}.more-btn:before,.more-btn::after{content:"";position:absolute;left:50%;top:50%;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#333;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.more-btn::before{width:29px;height:1px}@media (max-width: 768px){.more-btn::before{width:21px}}.more-btn::after{width:1px;height:29px}@media (max-width: 768px){.more-btn::after{height:21px}}.more-btn:hover{background-color:#333}.more-btn:hover::before,.more-btn:hover::after{background-color:#fff}.more-btn-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;position:relative;padding-bottom:5px}.more-btn-text .text{font-family:'Noto Serif Display', serif;font-weight:600;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.more-btn-text .icon{position:relative;width:30px;height:30px;border:1px solid #fff;border-radius:50%;display:block;margin-right:10px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.more-btn-text .icon:before,.more-btn-text .icon:after{content:"";background:#fff;display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.more-btn-text .icon:before{width:1px;height:17px}.more-btn-text .icon:after{width:17px;height:1px}.more-btn-text:hover{color:#fff}.more-btn-text:hover .icon{background:#fff}.more-btn-text:hover .icon:before,.more-btn-text:hover .icon:after{background-color:#333}.more-btn-text:hover .text{-webkit-transform:translateX(5px);transform:translateX(5px)}.more-btn-text.bk-btn{color:#000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.more-btn-text.bk-btn .icon{border:1px solid #000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.more-btn-text.bk-btn .icon:before,.more-btn-text.bk-btn .icon:after{background:#000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.more-btn-text.bk-btn:hover .icon{background:#000}.more-btn-text.bk-btn:hover .icon:before,.more-btn-text.bk-btn:hover .icon:after{background:#fff}.close-btn{position:relative;width:50px;height:50px;border:1px solid #333;border-radius:50%;font-weight:lighter;padding:0;background:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.close-btn::before,.close-btn:after{content:'';display:block;position:absolute;width:1px;height:28px;background:#333;top:0;left:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.close-btn::before{-webkit-transform:rotate(45deg) translate(24px, -10px);transform:rotate(45deg) translate(24px, -10px)}.close-btn::after{-webkit-transform:rotate(-45deg) translate(10px, 24px);transform:rotate(-45deg) translate(10px, 24px)}.close-btn:hover{background:#333}.close-btn:hover:after,.close-btn:hover::before{background-color:#fff}.close-btn.w-btn{border:1px solid #fff}.close-btn.w-btn:after,.close-btn.w-btn::before{background-color:#fff}.close-btn.w-btn:hover{background:#fff}.close-btn.w-btn:hover:after,.close-btn.w-btn:hover::before{background-color:#333}.modal.style1 .modal-body{min-height:60vh}.modal.style1 .close-btn{position:absolute;right:20px}body{scroll-behavior:smooth;overflow-x:hidden;background:#000;overflow-y:hidden}body.loading.complete{overflow-y:auto}.hideobj{display:none}.section{position:relative;top:0;left:0;width:100%;height:100vh;overflow:hidden}img{max-width:100%}.modal{width:100vw}.desktop-layout{display:block}@media (max-width: 768px){.desktop-layout{display:none}}.mobile-layout{display:none}@media (max-width: 768px){.mobile-layout{display:block}}.lazyloader{position:fixed;bottom:0;left:0;z-index:-1;width:1px;height:1px;opacity:0}body{font-family:'Noto Serif TC', 'Playfair Display', serif;font-weight:400;color:#000;font-size:15px}body.cn{font-family:'Noto Serif SC', 'Playfair Display', serif}body.en{font-family:'Playfair Display', 'Noto Serif TC', serif}img{max-width:100%}a{text-decoration:none}a:hover{text-decoration:none}.greek-font{font-family:'Noto Serif Display', serif;font-weight:500}.block-ab{position:absolute}.eng-title,.title{font-size:38px;line-height:1.3}@media (max-width: 1360px){.eng-title,.title{font-size:33px}}@media (max-width: 1200px){.eng-title,.title{font-size:30px}}@media (max-width: 768px){.eng-title,.title{font-size:26px}}@media (max-width: 400px){.eng-title,.title{font-size:23px}}.title-s,.title{font-weight:600;margin-bottom:30px}@media (max-width: 1360px){.title-s,.title{margin-bottom:20px}}.title-s{margin-bottom:20px}.sub-title{font-size:17px;font-weight:600;margin-bottom:25px}@media (max-width: 1200px){.sub-title{font-size:16px}}.eng-title-s,.title-s{font-size:20px;line-height:1.35}@media (max-width: 1200px){.eng-title-s,.title-s{font-size:18px}}@media (max-width: 400px){.eng-title-s,.title-s{font-size:16px}}.desc{font-size:15px;font-weight:500;line-height:1.7}.modal-lg{max-width:900px}.modal-content{background:#cfcfcf;border-radius:0;border:0}.modal.style1 .modal-body{min-height:75vh;padding:80px 50px}.modal.style1 .modal-body .close-btn{top:20px}.modal.style2 .modal-body{min-height:50vh;padding:60px 50px}@media (max-width: 400px){.modal.style2 .modal-body{padding:50px 30px}}.modal.style2 .modal-body .close-btn{position:absolute;top:20px;right:20px;z-index:3}.lable{padding:2px 5px;display:inline-block;border:1px solid #4d4d4d;margin-bottom:15px;font-size:15px;font-family:'Noto Serif TC', 'Playfair Display', serif;font-weight:600}#footer{background:#cfcfcf}#footer .footer-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1780px;padding:70px 20px 40px;margin:0 auto}@media (max-width: 1200px){#footer .footer-wrap{padding:40px 20px 20px}}@media (max-width: 768px){#footer .footer-wrap{display:block;padding:40px 25px 50px}}@media (max-width: 600px){#footer .footer-wrap{padding:20px 25px 30px}}#footer .ft-menu{width:calc(100% - 600px)}@media (max-width: 1200px){#footer .ft-menu{width:calc(100% - 400px)}}@media (max-width: 768px){#footer .ft-menu{width: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}}#footer .ft-logo{width:600px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:auto;justify-items:flex-end}@media (max-width: 1200px){#footer .ft-logo{width:400px}}@media (max-width: 768px){#footer .ft-logo{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#footer .ft-logo .the-one-logo{margin:0 0px 0 auto}@media (max-width: 768px){#footer .ft-logo .the-one-logo{margin:0}}#footer .ft-logo .the-one-logo img{height:70px}#footer .ft-logo .mars-logo{margin:0 0 0 auto}@media (max-width: 768px){#footer .ft-logo .mars-logo{margin-left:15px}}#footer .ft-logo .mars-logo img{height:54px}#footer .ft_nav{list-style:none;margin:0;padding:0;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:'Playfair Display', serif;font-size:32px}@media (max-width: 1360px){#footer .ft_nav{font-size:29px}}@media (max-width: 1200px){#footer .ft_nav{font-size:27px}}@media (max-width: 1360px){#footer .ft_nav{font-size:26px}}@media (max-width: 1360px) and (max-width: 1360px){#footer .ft_nav{font-size:24px}}@media (max-width: 1360px) and (max-width: 1200px){#footer .ft_nav{font-size:22px}}@media (max-width: 768px){#footer .ft_nav{display:none}}#footer .ft_nav li+li{margin-left:20px}#footer .ft_nav a{color:#000;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#footer .ft_nav a:hover{opacity:0.5}#footer .community{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px}@media (max-width: 768px){#footer .community{margin-bottom:0}}#footer .community li{width:50px;height:50px}@media (max-width: 1360px){#footer .community li{width:40px;height:40px}}#footer .community li+li{margin-left:15px}#footer .community img{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#footer .community a:hover img{opacity:0.5}.contact-wrap a{color:#000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.contact-wrap a:hover{color:#000;opacity:0.8}.mobile-nav{position:fixed;right:20px;top:20px;width:40px;height:40px;background:#000;border-radius:50%;z-index:10}.mobile-nav::before,.mobile-nav::after{content:"";width:20px;height:1px;background-color:#fff;display:block;position:absolute;left:calc(50% - 10px);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.mobile-nav::before{top:calc(50% - 5px)}.mobile-nav::after{top:calc(50% + 5px)}.mobile-nav .lines{width:20px;height:1px;background-color:#fff;opacity:1;display:block;position:absolute;left:calc(50% - 10px);top:50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.mobile-nav.open::before{top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mobile-nav.open::after{top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.mobile-nav.open .lines{opacity:0}.mobile-menu__wrap{pointer-events:none;background:rgba(0,0,0,0);width:100%;height:100%;position:fixed;top:0;right:0;left:0;bottom:0;z-index:5;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.mobile-menu__wrap .lang-wrap{text-align:left;right:auto;left:6%;top:20px;opacity:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.mobile-menu__wrap .lang-wrap a{width:40px;height:40px;line-height:40px;background-color:#5d5d5d;opacity:0.6}.mobile-menu__wrap .lang-wrap a.active{background-color:#000}.mobile-menu__wrap nav.mobile-menu{left:8%;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.mobile-menu__wrap nav.mobile-menu a{display:block;font-size:45px;color:#7a7a7a;font-weight:500;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}@media (max-width: 600px){.mobile-menu__wrap nav.mobile-menu a{font-size:40px}}@media (max-width: 400px){.mobile-menu__wrap nav.mobile-menu a{font-size:38px}}.mobile-menu__wrap nav.mobile-menu a:hover,.mobile-menu__wrap nav.mobile-menu a.active{color:#fff}.mobile-menu__wrap nav.mobile-menu a+a{margin-top:10px}@media (max-width: 400px){.mobile-menu__wrap nav.mobile-menu a+a{margin-top:5px}}.mobile-menu__wrap.open{opacity:1;background:rgba(0,0,0,0.85)}.mobile-menu__wrap.open .lang-wrap{opacity:1;pointer-events:visible}.mobile-menu__wrap.open nav.mobile-menu{pointer-events:visible;opacity:1;left:15%}body.loading.complete.open-menu{overflow:hidden !important}.lang-wrap{position:absolute;right:40px;top:20px;text-align:right;z-index:5;width:100%;opacity:1;-webkit-transition:1s;transition:1s}.lang-wrap.hide{opacity:0}@media (max-width: 768px){.lang-wrap{width:75%;display:-webkit-box;display:-ms-flexbox;display:flex}}.lang-wrap a{display:inline-block;width:40px;height:40px;background:#000;color:#fff;border-radius:50%;text-align:center;line-height:40px;opacity:0.4;font-size:18px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.lang-wrap a+a{margin-left:5px}.lang-wrap a.active{opacity:1;pointer-events:none}.lang-wrap a.lang-en{font-family:'Playfair Display', serif}.lang-wrap a:hover{opacity:0.75}.ft-privacy{width:100%;text-align:right}@media (max-width: 768px){.ft-privacy{text-align:center}}.ft-privacy a{color:#000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.ft-privacy a:hover{opacity:0.7}#loader{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:30;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;background-color:#000;opacity:1;-webkit-transition:0.5s;transition:0.5s}#loader.loading.complete{display:none}#loader .loader{position:relative;width:100px;height:100px;-webkit-transform:scale(0);transform:scale(0)}#loader .loader .icon{-webkit-animation-name:rotate-repeat;animation-name:rotate-repeat;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transition:0.5s;transition:0.5s;fill:#C6913D}#loader .loader .percentage{position:absolute;top:50%;left:50%;z-index:50;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#C6913D}#main{-webkit-transition:0.5s;transition:0.5s;opacity:0}#section1 .abs{position:absolute;top:0;width:100%;height:100vh;background-size:100% 100%;background-repeat:no-repeat;-webkit-transform:scale(1);transform:scale(1)}#section1 .prob{position:absolute;opacity:0}#section1 .fit{width:100%;height:100vh;-o-object-fit:cover;object-fit:cover}#section1 .w-auto{width:auto !important;translate:none;max-width:initial !important}#section1 .h-auto{height:auto !important}#section1 .sence1.bg{z-index:1;background:url("../img/scroll/BG-Part1.jpg");background-size:cover;background-position:center}#section1 .sence1.ripple{width:100%;height:100vh;background:url("../img/scroll/BG-Part1.jpg");background-size:cover;background-position:center;z-index:1;overflow:hidden;bottom:0;-webkit-mask-image:url("../img/scroll/bg-1-mask.png");mask-image:url("../img/scroll/bg-1-mask.png");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}#section1 .sence1.ripple canvas{width:100%;height:100vh}#section1 .sence1.bg-front{z-index:3;-webkit-filter:blur(1px);filter:blur(1px)}#section1 .sence1.cloud{position:absolute;z-index:3;-webkit-filter:blur(8px);filter:blur(8px)}#section1 .sence2.bg{z-index:1}#section1 .sence2.bg-back{z-index:0;height:100vh;-webkit-filter:blur(1px);filter:blur(1px)}#section1 .sence3.bg{z-index:0;-webkit-filter:blur(1px);filter:blur(1px)}#section1 .sence3.marquee{z-index:1}#section1 .sence3.marquee.top{top:20px;-webkit-transform:translate(100%, 0px);transform:translate(100%, 0px)}#section1 .sence3.marquee.bottom{bottom:20px;-webkit-transform:translate(-100%, 0px);transform:translate(-100%, 0px)}#section1 .sence3.circle{z-index:1;left:calc(50% - 250px);top:calc(50% - 250px);width:500px;height:500px}#section1 .sence3.hero{z-index:2}#section1 .sence3.hero.left{width:50%;left:6%;top:-8%}#section1 .sence3.hero.right{width:50%;top:-16%;left:41%}#section1 .sence3.number{z-index:1}#section1 .sence3.number.left{width:7%;top:9%;left:10%}#section1 .sence3.number.right{width:30%;top:25%;left:65%}#section1 .logo{position:absolute;top:50%;left:50%;width:50%;max-width:574px;max-height:565px;-webkit-transform:translate(-50%, -50%) scale(0.8);transform:translate(-50%, -50%) scale(0.8);z-index:2}@media (max-width: 1440px){#section1 .logo{max-width:500px}}@media (max-width: 1360px){#section1 .logo{max-width:400px}}#section1 .cloud-3{position:absolute;width:100%;height:100vh;z-index:2}@media (max-width: 768px){#section1 .cloud-3{display:none}}#section1 .cloud-3::before{content:"";position:absolute;height:48px;left:100px;right:100px;bottom:260px;-webkit-transform:scale(2);transform:scale(2);border:10px solid #fff;border-radius:50%;-webkit-box-shadow:0 0 50px #fff, inset 0 0 50px #fff;box-shadow:0 0 50px #fff, inset 0 0 50px #fff;-webkit-filter:url(#wave) blur(10px);filter:url(#wave) blur(10px)}#section1 .scroll-down{position:absolute;padding:30px;bottom:20px;left:calc(50% - 30px);border:1px solid #fff;border-radius:50%;cursor:pointer;-webkit-transition:0.5s;transition:0.5s;-webkit-animation-name:zoom-in-out-repeat;animation-name:zoom-in-out-repeat;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s;z-index:4}@media (max-width: 1360px){#section1 .scroll-down{padding:25px;left:calc(50% - 25px)}}#section1 .scroll-down:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-iteration-count:0;animation-iteration-count:0}#section1 .scroll-down::before{content:'';display:block;position:absolute;width:30px;height:30px;border-right:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:17%;left:27%}@media (max-width: 1360px){#section1 .scroll-down::before{width:25px;height:25px}}#section2 .scene{display:block;height:100%;width:100%;padding:0;margin:0}#section2 .layer{position:absolute;left:0;right:0;top:0}#section2 .layer.bottom{width:100%;height:100%;background:#cfcfcf;z-index:0}#section2 .layer.top{background:-webkit-gradient(linear, left top, right top, from(rgba(207,207,207,0)), color-stop(36%, #cfcfcf), color-stop(61%, #cfcfcf), to(rgba(207,207,207,0)));background:linear-gradient(to right, rgba(207,207,207,0) 0%, #cfcfcf 36%, #cfcfcf 61%, rgba(207,207,207,0) 100%);width:55% !important;height:150% !important;left:50% !important;top:50% !important;-webkit-transform:translate(-50%, -50%) rotate(26deg) !important;transform:translate(-50%, -50%) rotate(26deg) !important;pointer-events:none;z-index:2}#section2 .clickable-layer{position:absolute;width:100%;height:100%;z-index:2;cursor:pointer}#section2 .clickable-layer .trigger{position:absolute;width:50%;height:100%;top:0;z-index:4}#section2 .clickable-layer .trigger.left{left:0}#section2 .clickable-layer .trigger.right{right:0}#section2 .the-one.bg{background:url(../img/Hera1.png) no-repeat left -10px;background-size:115%;position:absolute !important;width:55%;height:100%;left:-6.5%;top:-5%;bottom:initial !important;right:initial !important;z-index:1}@media (max-width: 1200px){#section2 .the-one.bg{width:60%}}#section2 .the-one.logo{position:absolute !important;width:610px;height:128px;left:8%;bottom:13%;right:initial !important;top:initial !important;z-index:3}@media (max-width: 1440px){#section2 .the-one.logo{width:550px}}@media (max-width: 1360px){#section2 .the-one.logo{width:500px}}@media (max-width: 1200px){#section2 .the-one.logo{width:450px}}#section2 .mars.bg{background:url(../img/section2_right.png) no-repeat right center;background-size:120%;position:absolute !important;width:55%;height:100%;right:-6.5%;bottom:-8%;top:initial !important;left:initial !important;z-index:1}@media (max-width: 1360px){#section2 .mars.bg{bottom:-5%}}@media (max-width: 1200px){#section2 .mars.bg{width:60%}}#section2 .mars.logo{position:absolute !important;width:30%;max-width:280px;min-width:100px;height:85px;top:11.5% !important;right:11.5%;left:initial !important;bottom:initial !important;z-index:3}@media (max-width: 1440px){#section2 .mars.logo{max-width:250px;top:18.5% !important}}@media (max-width: 1360px){#section2 .mars.logo{max-width:220px}}#section2 .pannel{display:none;position:absolute;top:0;left:0;height:100%;width:100%;z-index:5}#section2 .pannel.show{display:block}#section2 .the-one-content,#section2 .mars-content{font-weight:600;line-height:1.35;font-size:20px}@media (max-width: 1200px){#section2 .the-one-content,#section2 .mars-content{font-size:18px}}@media (max-width: 400px){#section2 .the-one-content,#section2 .mars-content{font-size:16px}}#section2 .the-one-content{background:#80804c;padding:0;margin:0;-webkit-clip-path:polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);clip-path:polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%)}#section2 .the-one-content .bg{background-image:url(../img/Hera2.png);background-repeat:no-repeat;background-position:top;background-size:auto 102%;position:absolute;width:90%;height:110%;right:-10%;top:-9%;bottom:0}@media (max-width: 1440px){#section2 .the-one-content .bg{background-size:auto 93%;width:76%;top:0%}}@media (max-width: 1200px){#section2 .the-one-content .bg{width:70%;background-position:left top}}#section2 .the-one-content .logo{max-width:515px;min-width:200px;height:108px}@media (max-width: 1200px){#section2 .the-one-content .logo{max-width:450px}}#section2 .the-one-content .content{width:100%;max-width:515px;position:absolute;left:7%;bottom:16%;z-index:5;color:white}#section2 .the-one-content .content .more-wrap{margin-top:20%;display:-webkit-box;display:-ms-flexbox;display:flex}#section2 .the-one-content .content .more-wrap .more-btn-text{margin:0 20% 0 auto}#section2 .mars-content{background:url(../img/hero_bg.jpg);height:100%;width:100%;padding:0;margin:0;z-index:3;-webkit-clip-path:polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);clip-path:polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%)}#section2 .mars-content .bg{background-image:url(../img/Hero2.svg);background-repeat:no-repeat;background-position:83% 25%;background-size:auto 125%;width:110%;height:110%;right:-10%;top:-10%;bottom:0}@media (max-width: 1440px){#section2 .mars-content .bg{background-size:auto 110%;width:100%;height:100%;top:0%}}@media (max-width: 1200px){#section2 .mars-content .bg{background-position:left 25%;background-size:auto 98%;width:65%}}#section2 .mars-content .logo{max-width:216px;min-width:200px;max-height:66px;margin-bottom:25px}@media (max-width: 1200px){#section2 .mars-content .logo{max-width:200px}}#section2 .mars-content .content{width:100%;max-width:450px;left:7%;bottom:8%;z-index:5}#section2 .mars-content .content .more-wrap{margin-top:10%;display:-webkit-box;display:-ms-flexbox;display:flex}#section2 .mars-content .content .more-wrap .more-btn-text{margin:0 0 0 auto}#section2 .close-btn{z-index:5;right:30px;top:20px}#section3{background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), color-stop(80%, rgba(0,0,0,0.8)), to(#000));background:linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.8) 80%, #000 100%)}#section3 .swiper{position:absolute;width:100%;height:100vh;top:0;left:0;right:0;bottom:0}#section3 .swiper .swiper-button-next,#section3 .swiper .swiper-button-prev{border:1px solid #fff;width:60px;height:60px;border-radius:50%;color:#fff;top:60%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}@media (max-width: 1360px){#section3 .swiper .swiper-button-next,#section3 .swiper .swiper-button-prev{width:50px;height:50px}}@media (max-width: 1200px){#section3 .swiper .swiper-button-next,#section3 .swiper .swiper-button-prev{width:40px;height:40px}}#section3 .swiper .swiper-button-next::after,#section3 .swiper .swiper-button-next::before,#section3 .swiper .swiper-button-prev::after,#section3 .swiper .swiper-button-prev::before{font-size:30px}@media (max-width: 1200px){#section3 .swiper .swiper-button-next::after,#section3 .swiper .swiper-button-next::before,#section3 .swiper .swiper-button-prev::after,#section3 .swiper .swiper-button-prev::before{font-size:28px}}#section3 .swiper .swiper-button-next{right:10%}@media (max-width: 1440px){#section3 .swiper .swiper-button-next{right:40px}}@media (max-width: 1360px){#section3 .swiper .swiper-button-next{right:50px}}#section3 .swiper .swiper-button-next:hover{right:calc(10% - 15px)}@media (max-width: 1440px){#section3 .swiper .swiper-button-next:hover{right:30px}}@media (max-width: 1360px){#section3 .swiper .swiper-button-next:hover{right:40px}}#section3 .swiper .swiper-button-prev{left:10%}@media (max-width: 1440px){#section3 .swiper .swiper-button-prev{left:40px}}@media (max-width: 1360px){#section3 .swiper .swiper-button-prev{left:50px}}#section3 .swiper .swiper-button-prev:hover{left:calc(10% - 15px)}@media (max-width: 1440px){#section3 .swiper .swiper-button-prev:hover{left:30px}}@media (max-width: 1360px){#section3 .swiper .swiper-button-prev:hover{left:40px}}#section3 .swiper .swiper-slide .zoom-in-trans{-webkit-transition:1s;transition:1s;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}#section3 .swiper .swiper-slide .fade-in-top-trans{-webkit-transition:2s;transition:2s;opacity:0;-webkit-transform:translate(0, -10%);transform:translate(0, -10%)}#section3 .swiper .swiper-slide-active .zoom-in-trans{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#section3 .swiper .swiper-slide-active .fade-in-top-trans{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}#section3 .swiper .swiper-slide .content-wrap{overflow-y:auto;height:60%;padding-right:15px;padding-bottom:15px}#section3 .slide-bg{position:absolute;left:0;right:0;top:0;bottom:0;background-position:center}#section3 .slide-wrapper{max-width:1270px;margin:5% auto auto;height:90%}@media (max-width: 1440px){#section3 .slide-wrapper{max-width:1100px}}@media (max-width: 1360px){#section3 .slide-wrapper{width:75%}}@media (max-width: 1200px){#section3 .slide-wrapper{width:80%}}#section3 .slide-wrapper .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:90%}#section3 .slide-wrapper .row .col-md-6{height:100%;overflow:hidden}#section3 .board{padding:30px 25px;width:100%;height:100%;overflow:hidden;text-align:right;position:relative;background:rgba(255,255,255,0.8);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);box-shadow:0 0 15px rgba(0,0,0,0.6)}#section3 .board__content{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;height:100%}#section3 .board__content .article{width:85%}#section3 .board__content .award{width:15%;padding-left:0px}#section3 .board__content .logo img{max-height:50px}#section3 .board .more-btn{position:absolute;right:25px;bottom:30px}#section3 .cardWrap .card{width:100%;max-width:620px;height:620px;background-size:contain}.the-one-modal .pro-name-img{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px}@media (max-width: 768px){.the-one-modal .pro-name-img{display:block}}.the-one-modal .pro-name-img .pro-name{width:calc(100% - 510px)}@media (max-width: 768px){.the-one-modal .pro-name-img .pro-name{width:100%}}.the-one-modal .pro-name-img .pro-img{width:510px;padding-left:50px}@media (max-width: 768px){.the-one-modal .pro-name-img .pro-img{width:100%;padding:0}}.the-one-modal .pro-name-img .logo{height:40px;margin-bottom:5px}.the-one-modal .pro-name-img .logo img{height:40px}.the-one-modal .pro-end-info,.the-one-modal .pro-middle-info{font-size:14px;line-height:1.7}.the-one-modal .pro-end-info .lable,.the-one-modal .pro-middle-info .lable{padding:2px 5px;display:inline-block;border:1px solid #4d4d4d;margin-bottom:20px;font-size:15px;font-weight:600}.the-one-modal .pro-middle-info{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 768px){.the-one-modal .pro-middle-info{display:block}}.the-one-modal .pro-middle-info .pro-effect{width:calc(100% - 515px);margin-top:-55px;padding-right:20px}@media (max-width: 768px){.the-one-modal .pro-middle-info .pro-effect{width:100%;margin-top:20px;padding:0}}.the-one-modal .pro-middle-info .pro-save{width:515px;padding-left:35px}@media (max-width: 768px){.the-one-modal .pro-middle-info .pro-save{padding:10px 0;width:100%}}.the-one-modal .pro-middle-info .pro-save-inner{border:1px solid #4d4d4d;padding:10px 15px}.the-one-modal .pro-end-info{margin-top:15px}.the-one-modal .step{padding-bottom:40px;border-bottom:1px solid #4d4d4d;margin-bottom:30px}.the-one-modal .step ul{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-15px;margin-right:-15px}@media (max-width: 768px){.the-one-modal .step ul{-ms-flex-wrap:wrap;flex-wrap:wrap}}.the-one-modal .step ul li{width:100%;padding:0 15px}@media (max-width: 768px){.the-one-modal .step ul li{width:50%;padding:20px}}.the-one-modal .pro-ingredients .text{font-family:'Playfair Display', serif;line-height:1.4}.en #section4 title.title{margin-bottom:30px}#section4{-webkit-box-shadow:0 -100px 100px rgba(0,0,0,0.8);box-shadow:0 -100px 100px rgba(0,0,0,0.8)}#section4 .bg{position:absolute;top:0;width:100%;height:100vh;background-image:url("../img/section4.jpg");background-size:100% 100%;background-repeat:no-repeat}#section4 .swiper{position:absolute;width:100%;height:100vh;top:0;left:0;right:0;bottom:0;-webkit-transform-origin:top;transform-origin:top}#section4 .swiper .swiper-button-next,#section4 .swiper .swiper-button-prev{border:1px solid #fff;width:60px;height:60px;border-radius:50%;color:#fff;top:60%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}@media (max-width: 1200px){#section4 .swiper .swiper-button-next,#section4 .swiper .swiper-button-prev{width:40px;height:40px}}#section4 .swiper .swiper-button-next::after,#section4 .swiper .swiper-button-next::before,#section4 .swiper .swiper-button-prev::after,#section4 .swiper .swiper-button-prev::before{font-size:30px}@media (max-width: 1200px){#section4 .swiper .swiper-button-next::after,#section4 .swiper .swiper-button-next::before,#section4 .swiper .swiper-button-prev::after,#section4 .swiper .swiper-button-prev::before{font-size:28px}}#section4 .swiper .swiper-button-next{right:10%}@media (max-width: 1440px){#section4 .swiper .swiper-button-next{right:40px}}@media (max-width: 1360px){#section4 .swiper .swiper-button-next{right:50px}}#section4 .swiper .swiper-button-next:hover{right:calc(10% - 15px)}@media (max-width: 1440px){#section4 .swiper .swiper-button-next:hover{right:30px}}@media (max-width: 1360px){#section4 .swiper .swiper-button-next:hover{right:40px}}#section4 .swiper .swiper-button-prev{left:10%}@media (max-width: 1440px){#section4 .swiper .swiper-button-prev{left:40px}}@media (max-width: 1360px){#section4 .swiper .swiper-button-prev{left:50px}}#section4 .swiper .swiper-button-prev:hover{left:calc(10% - 15px)}@media (max-width: 1440px){#section4 .swiper .swiper-button-prev:hover{left:30px}}@media (max-width: 1360px){#section4 .swiper .swiper-button-prev:hover{left:40px}}#section4 .swiper .swiper-slide .zoom-in-trans{-webkit-transition:1s;transition:1s;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}#section4 .swiper .swiper-slide .fade-in-top-trans{-webkit-transition:2s;transition:2s;opacity:0;-webkit-transform:translate(0, -10%);transform:translate(0, -10%)}#section4 .swiper .swiper-slide-active .zoom-in-trans{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#section4 .swiper .swiper-slide-active .fade-in-top-trans{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}#section4 .swiper .swiper-slide .content-wrap{overflow-y:auto;height:66%;padding-right:15px;padding-bottom:15px}#section4 .slide-bg{position:absolute;left:0;right:0;top:0;bottom:0;background-position:center}#section4 .slide-wrapper{max-width:1270px;margin:5% auto auto;height:90%}@media (max-width: 1440px){#section4 .slide-wrapper{max-width:1100px}}@media (max-width: 1360px){#section4 .slide-wrapper{width:75%}}@media (max-width: 1200px){#section4 .slide-wrapper{width:80%}}#section4 .slide-wrapper .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;height:90%}#section4 .slide-wrapper .row .col-md-6{height:100%;overflow:hidden}#section4 .board{padding:30px 25px;width:100%;height:100%;text-align:right;position:relative;background:rgba(255,255,255,0.8);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);box-shadow:0 0 15px rgba(0,0,0,0.6)}#section4 .board__content{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;height:100%}#section4 .board__content .article{width:85%}#section4 .board__content .award{width:15%;padding-left:0px}#section4 .board__content .logo{margin-bottom:10px}#section4 .board__content .logo img{max-height:32px}#section4 .board .more-btn{position:absolute;right:25px;bottom:30px}#section4 .title{margin-bottom:60px}@media (max-width: 1440px){#section4 .title{margin-bottom:50px}}@media (max-width: 1360px){#section4 .title{margin-bottom:40px}}#section4 .cardWrap2 .card{width:100%;max-width:650px;height:650px;background-size:contain}@media (max-width: 1440px){#section4 .cardWrap2 .card{height:600px}}@media (max-width: 1360px){#section4 .cardWrap2 .card{height:530px}}#section4 .ingredients{font-family:'Playfair Display', serif;line-height:1.4;font-size:14px;margin-top:30px}.mars-modal{font-size:14px;line-height:1.7}.mars-modal .mars_detail_wrap{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 768px){.mars-modal .mars_detail_wrap{display:block}}@media (max-width: 768px){.mars-modal .mars_detail_wrap .pro-middle-info{margin-top:180%}}.mars-modal .mars_detail_content{width:40%;position:relative;z-index:2}@media (max-width: 768px){.mars-modal .mars_detail_content{width:100%;text-align:left}}.mars-modal .mars_detail_content li+li{margin-top:3px}.mars-modal .pro-bg{width:63%;position:absolute;right:0;bottom:0;top:0;z-index:1;background-repeat:no-repeat;background-size:cover}@media (max-width: 768px){.mars-modal .pro-bg{width:100%;background-position:center 0;background-size:100% auto}}.mars-modal .pro-name-img{text-align:left}.mars-modal#exampleModal8 .pro-bg{width:70%}.mars-modal#exampleModal7 .pro-bg{width:62%}@media (max-width: 768px){.mars-modal#exampleModal7 .pro-bg{width:100%}}.mars-modal .pro-img{display:none}.mars-modal .logo{margin-bottom:10px;text-align:left}.mars-modal .logo img{height:25px;margin:0 auto 0 0}.mars-modal .pro-save{margin-top:30px}@media (max-width: 1440px){#section5{height:auto;padding-top:40px;padding-bottom:40px}}#section5 .bg{position:absolute;top:0;width:100%;height:100%;background-image:url("../img/contact_bg.jpg");background-size:cover;background-repeat:no-repeat;z-index:1}#section5 .contact-wrap{max-width:1130px;width:calc(100% - 40px);position:relative;z-index:2;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0 auto;padding:20px 40px 40px;background:rgba(255,255,255,0.55);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);box-shadow:0 0 15px rgba(0,0,0,0.6)}@media (max-width: 1440px){#section5 .contact-wrap{top:0;-webkit-transform:translateY(0);transform:translateY(0)}}#section5 .logo{width:25%;max-width:330px;margin:0 auto 50px}@media (max-width: 1440px){#section5 .logo{width:30%}}#section5 .contact-info{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-40px;margin-right:-40px}#section5 .contact-info .title{font-size:32px;font-family:'Playfair Display', serif;margin-bottom:20px;text-transform:uppercase}@media (max-width: 1360px){#section5 .contact-info .title{font-size:29px}}@media (max-width: 1200px){#section5 .contact-info .title{font-size:27px}}#section5 .contact-info .desc-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}#section5 .contact-info .desc{text-align:left;font-size:17px;line-height:1.5;width:50%}@media (max-width: 1200px){#section5 .contact-info .desc{font-size:16px}}#section5 .contact-info .desc p{margin-bottom:5px;height:80px}#section5 .contact-info .desc .name{margin-bottom:10px}#section5 .contact-info .desc ul{list-style:none;margin:0;padding:0}#section5 .contact-info .desc ul li{padding-left:20px;position:relative}#section5 .contact-info .desc ul li+li{margin-top:2px}#section5 .contact-info .desc ul span{width:15px;position:absolute;left:0;top:-1px}#section5 .contact-info>div{padding:0 50px}#section5 .contact-info .contact{width:70%}#section5 .contact-info .information{border-left:1px solid #4d4d4d;width:30%}.en #section5 .contact-info .contact{width:50%}.en #section5 .contact-info .information{width:50%}.en #section5 .contact-info .information img{width:50%}html,body{position:relative;height:100vh;max-height:-webkit-fill-available}@media (max-width: 768px){html,body{overflow-y:hidden}}body{background:#eee;margin:0;padding:0}@media (max-width: 768px){body{font-size:14px;overflow-y:hidden}}.swiper{width:100%;height:100vh;max-height:-webkit-fill-available}.swiper-slide{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 768px){.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-overflow-scrolling:touch}}.swiper-slide .fade-in-trans{opacity:0;-webkit-transition:2s;transition:2s}.swiper-slide-active .fade-in-trans{opacity:1}.slide{width:100%;height:100%}.slide.style1 .bg{position:absolute;top:0;width:100%;height:100%;background-image:url("../img/mobile/slide2_bg.webp");background-size:100% auto;background-repeat:no-repeat}.slide.style1 .logo{position:absolute;bottom:15%;width:90%;left:5%}.slide.style1 .more-btn{position:absolute;bottom:20px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.slide.style2 .bg{position:absolute;top:0;width:100%;height:100%;background-size:auto 100%;background-repeat:no-repeat}.slide.style2#slide5 .bg{background-size:cover}.slide.style2 .logo{position:absolute;max-width:550px;left:10%;top:14%}@media (max-width: 600px){.slide.style2 .logo{width:75%}}.slide.style2 .content{position:absolute;color:#fff;font-weight:600;top:28%;left:10%;font-size:20px}@media (max-width: 1200px){.slide.style2 .content{font-size:18px}}@media (max-width: 400px){.slide.style2 .content{font-size:16px}}.slide.style2 .more-wrap{position:absolute;bottom:10%;right:15%}.slide.style2 .more-wrap .more-btn-text{font-size:20px;color:#fff;text-transform:uppercase}@media (max-width: 1200px){.slide.style2 .more-wrap .more-btn-text{font-size:18px}}@media (max-width: 400px){.slide.style2 .more-wrap .more-btn-text{font-size:16px}}.slide.style2 .more-btn{position:absolute;top:20px;right:20px;-webkit-transform:translate(-50%, 0) rotate(45deg);transform:translate(-50%, 0) rotate(45deg);font-size:20px}@media (max-width: 1200px){.slide.style2 .more-btn{font-size:18px}}@media (max-width: 400px){.slide.style2 .more-btn{font-size:16px}}@media (max-width: 768px){.slide.style2 .more-btn{-webkit-transform:rotate(45deg);transform:rotate(45deg);right:20px}}.slide.style3 .slide-bg{height:100%;z-index:-1;position:absolute;width:100%;background-size:cover}.slide.style3 .slide-content{width:80%;height:100%;margin:0 auto;position:relative}@media (max-width: 600px){.slide.style3 .slide-content{width:calc(100% - 50px)}}.slide.style3 .zoom-in-trans{height:40%;margin-top:15%;text-align:center}.slide.style3 .zoom-in-trans img{max-height:100%;margin:0 auto}.slide.style3 .award{position:absolute;top:-0.5%;right:10px;z-index:3;width:80px}@media (max-width: 400px){.slide.style3 .award{width:70px}}.slide.style3 .board{background:rgba(255,255,255,0.8);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5);height:50%;margin-top:-10%;padding:6.5% 25px 20px;overflow:hidden}@media (max-width: 600px){.slide.style3 .board{padding:6.5% 15px 15px}}@media (max-width: 400px){.slide.style3 .board{margin-top:-13%;height:53%}}.slide.style3 .board .board__content{position:relative;height:100%}.slide.style3 .board .board__content .logo{width:50%;margin:0 auto}.slide.style3 .board .board__content .eng-title{text-align:center}.slide.style3 .board .board__content .title{text-align:center;margin-bottom:20px}.slide.style3 .board .board__content .article{overflow-y:auto;height:calc(100% - 110px);padding:0 15px 0 15px;margin-right:30px}.slide.style3 .board .board__content .article .ingredients{margin-top:20px}.slide.style3 .more-btn{position:absolute;bottom:0px;right:-5px}.slide.mars-slide .zoom-in-trans{position:relative}.slide.mars-slide .zoom-in-trans img{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0}.slide.mars-slide .award{top:2%}.slide.mars-slide .board{margin-top:-7.5%;padding:8% 15px 20px}.slide.mars-slide .board .board__content .article{height:calc(100% - 60px)}@media (max-width: 600px){.en .slide.mars-slide .board .board__content .article{height:calc(100% - 76px)}}.swiper-button-next.style1,.swiper-button-prev.style1{border:1px solid #fff;width:50px;height:50px;border-radius:50%;color:#fff;top:calc(40% - 20px);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}@media (max-width: 400px){.swiper-button-next.style1,.swiper-button-prev.style1{width:40px;height:40px}}.swiper-button-next.style1::after,.swiper-button-next.style1::before,.swiper-button-prev.style1::after,.swiper-button-prev.style1::before{font-size:28px}@media (max-width: 400px){.swiper-button-next.style1::after,.swiper-button-next.style1::before,.swiper-button-prev.style1::after,.swiper-button-prev.style1::before{font-size:22px}}.swiper-button-next.style1{right:10%}@media (max-width: 600px){.swiper-button-next.style1{right:25px}}.swiper-button-prev.style1{left:10%}@media (max-width: 600px){.swiper-button-prev.style1{left:25px}}#mobileNavSwitch{z-index:10;position:fixed;-webkit-transition:0.8s;transition:0.8s;opacity:1;-webkit-transform:scale(1);transform:scale(1)}#mobileNavSwitch.in-slide1.slide1-open{opacity:0;-webkit-transform:scale(0);transform:scale(0)}#mobileNavSwitch.in-slide2.slide2-open{opacity:0;-webkit-transform:scale(0);transform:scale(0)}#mobileNav{z-index:9;position:fixed;width:100%;height:100%;display:none}#mobileNav.open{display:block}#slide1 .bg{position:absolute;top:0;width:100%;height:100%;background-image:url("../img/mobile/slide1_bg.jpg");background-size:cover;background-repeat:no-repeat;-webkit-transform:scale(1);transform:scale(1)}#slide1 .logo{position:absolute;top:50%;left:50%;width:50%;max-width:280px;max-height:565px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:0}@media (max-width: 768px){#slide1 .logo img{-webkit-transform:scale(1.5);transform:scale(1.5)}}#slide1 .scroll-down{position:absolute;padding:30px;bottom:20px;left:calc(50% - 30px);border:1px solid #fff;border-radius:50%;cursor:pointer;-webkit-transition:0.5s;transition:0.5s;-webkit-animation-name:zoom-in-out-repeat;animation-name:zoom-in-out-repeat;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s;z-index:4}#slide1 .scroll-down:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-iteration-count:0;animation-iteration-count:0}#slide1 .scroll-down::before{content:'';display:block;position:absolute;width:30px;height:30px;border-right:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:17%;left:27%}#slide2 .bg{background-image:url("../img/mobile/slide2_bg.webp");background-color:#cfcfcf}#slide3{top:0;position:absolute;display:none;-webkit-clip-path:polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);clip-path:polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%)}#slide3.show{display:block}#slide3 .bg{background-image:url("../img/mobile/slide3_bg.webp");background-color:#80804c;-webkit-clip-path:polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);clip-path:polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%)}#slide4 .bg{background-image:url("../img/mobile/slide4_bg.webp");background-color:#cfcfcf}#slide4 .logo{width:60%;left:20%}#slide5{top:0;position:absolute;display:none;-webkit-clip-path:polygon(0% 0px, 0% 0px, 0px 0%, 0px 0%, 0px 0px);clip-path:polygon(0% 0px, 0% 0px, 0px 0%, 0px 0%, 0px 0px)}#slide5.show{display:block}#slide5 .bg{background-image:url("../img/mobile/slide5_bg.jpg");-webkit-clip-path:polygon(0% 0px, 0% 0px, 0px 0%, 0px 0%, 0px 0px);clip-path:polygon(0% 0px, 0% 0px, 0px 0%, 0px 0%, 0px 0px)}#slide5 .logo{position:absolute;top:10%;width:30%;left:32%}#slide5 .content{position:absolute;top:15%;left:0;width:100%;padding:10%;color:#000;font-size:15px}#slide5 .more-wrap{right:10%;bottom:6%}#slide5 .more-wrap .more-btn-text{color:#000}#slide7 .logo{width:40%;margin:20px auto}#footerMobile{min-height:100vh;height:auto}#footerMobile .bg{min-height:100vh;width:100%;background:url("../img/mobile/footer_bg.jpg");background-size:cover;background-position:top center;padding-top:30%;padding-bottom:5%}#footerMobile .bg .contact-wrap{background:rgba(255,255,255,0.8);position:relative;margin:5% 25px;padding:20px 20%;margin-bottom:0}@media (max-width: 400px){#footerMobile .bg .contact-wrap{padding:20px 10%}}#footerMobile .bg .logo{position:relative;max-width:400px;margin:-51% auto auto}@media (max-width: 600px){#footerMobile .bg .logo{max-width:300px}}#footerMobile .bg .contact-info{margin-top:25px;text-align:center}#footerMobile .bg .contact-info .contact{border-bottom:1px solid #000;margin-bottom:20px}#footerMobile .bg .contact-info .contact .title{margin-bottom:10px}#footerMobile .bg .contact-info .information{width:75%;margin:0 auto}#footerMobile .bg .contact-info .desc .name{margin-bottom:5px}#footerMobile .bg .contact-info .desc ul{list-style:none;margin:0;padding:0;width:210px;margin:0 auto 20px;text-align:left}#footerMobile .bg .contact-info .desc ul li{padding-left:30px;position:relative}#footerMobile .bg .contact-info .desc ul li+li{margin-top:5px}#footerMobile .bg .contact-info .desc ul span{width:20px;position:absolute;left:0;top:-1px}#o_wblog_posts_loop .col-xl-4:hover .card-footer{border-color:#3c7a00}#o_wblog_posts_loop .o_wblog_post:hover .card-footer{border-color:#3c7a00}
/*# sourceMappingURL=index.min.css.map */