﻿@font-face{font-family:'Oswald';font-style:normal;font-weight:200;src:local("Oswald ExtraLight"),local("Oswald-ExtraLight"),url(/i/_css/fonts/Oswald-ExtraLight.ttf) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Oswald';font-style:normal;font-weight:200;src:local("Oswald ExtraLight"),local("Oswald-ExtraLight"),url(/i/_css/fonts/Oswald-ExtraLight.ttf) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Oswald';font-style:normal;font-weight:200;src:local("Oswald ExtraLight"),local("Oswald-ExtraLight"),url(/i/_css/fonts/Oswald-ExtraLight.ttf) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Oswald';font-style:normal;font-weight:200;src:local("Oswald ExtraLight"),local("Oswald-ExtraLight"),url(/i/_css/fonts/Oswald-ExtraLight.ttf) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Oswald';font-style:normal;font-weight:300;src:local("Oswald Light"),local("Oswald-Light"),url(/i/_css/fonts/Oswald-Light.ttf) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Oswald';font-style:normal;font-weight:300;src:local("Oswald Light"),local("Oswald-Light"),url(/i/_css/fonts/Oswald-Light.ttf) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Oswald';font-style:normal;font-weight:300;src:local("Oswald Light"),local("Oswald-Light"),url(/i/_css/fonts/Oswald-Light.ttf) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Oswald';font-style:normal;font-weight:300;src:local("Oswald Light"),local("Oswald-Light"),url(/i/_css/fonts/Oswald-Light.ttf) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local("Oswald Regular"),local("Oswald-Regular"),url(/i/_css/fonts/Oswald-Regular.ttf) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local("Oswald Regular"),local("Oswald-Regular"),url(/i/_css/fonts/Oswald-Regular.ttf) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local("Oswald Regular"),local("Oswald-Regular"),url(/i/_css/fonts/Oswald-Regular.ttf) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local("Oswald Regular"),local("Oswald-Regular"),url(/i/_css/fonts/Oswald-Regular.ttf) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Oswald';font-style:normal;font-weight:500;src:local("Oswald Medium"),local("Oswald-Medium"),url(/i/_css/fonts/Oswald-Medium.ttf) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Oswald';font-style:normal;font-weight:500;src:local("Oswald Medium"),local("Oswald-Medium"),url(/i/_css/fonts/Oswald-Medium.ttf) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Oswald';font-style:normal;font-weight:500;src:local("Oswald Medium"),local("Oswald-Medium"),url(/i/_css/fonts/Oswald-Medium.ttf) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Oswald';font-style:normal;font-weight:500;src:local("Oswald Medium"),local("Oswald-Medium"),url(/i/_css/fonts/Oswald-Medium.ttf) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Oswald';font-style:normal;font-weight:600;src:local("Oswald SemiBold"),local("Oswald-SemiBold"),url(/i/_css/fonts/Oswald-SemiBold.ttf) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Oswald';font-style:normal;font-weight:600;src:local("Oswald SemiBold"),local("Oswald-SemiBold"),url(/i/_css/fonts/Oswald-SemiBold.ttf) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Oswald';font-style:normal;font-weight:600;src:local("Oswald SemiBold"),local("Oswald-SemiBold"),url(/i/_css/fonts/Oswald-SemiBold.ttf) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Oswald';font-style:normal;font-weight:600;src:local("Oswald SemiBold"),local("Oswald-SemiBold"),url(/i/_css/fonts/Oswald-SemiBold.ttf) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;src:local("Dancing Script Regular"),local("DancingScript-Regular"),url(/i/_css/fonts/DancingScript-Regular.ttf) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;src:local("Dancing Script Regular"),local("DancingScript-Regular"),url(/i/_css/fonts/DancingScript-Regular.ttf) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;src:local("Dancing Script Regular"),local("DancingScript-Regular"),url(/i/_css/fonts/DancingScript-Regular.ttf) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}a{cursor:pointer;text-decoration:none;color:#0074e0}#stars{position:absolute;width:100%;height:100%;pointer-events:none;left:0;top:0;z-index:1}body{overflow-x:hidden}body>.wrap{font-size:16px}.arrowCta{display:block;height:13px;width:13px;border:11px solid transparent;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:relative;margin:20px auto}.arrowCta:after,.arrowCta:before{content:"";display:block;height:inherit;width:inherit;position:absolute;top:0;left:0}.arrowCta:after{border-bottom:3px solid #333;border-right:3px solid #333;top:0;left:0;opacity:1;animation:bottom-arrow 1.65s infinite}.btn-cus1{text-align:center !important;text-transform:uppercase;position:relative;z-index:1;color:#000 !important;display:block;overflow:hidden;width:100%;max-width:220px;margin:1rem auto;line-height:3em;border:1px solid #000000;border-radius:3px;padding:0;transition:all 1s;background-color:#ffffff}.btn-cus1.left{margin:0}.btn-cus1.w-auto{display:inline-block;width:auto;max-width:none;padding:0 20px}.btn-cus1.white{color:#fff !important;background-color:#000;border:1px solid white}.btn-cus1.white:hover{border:1px solid black;color:#000 !important}.btn-cus1.white:hover:before{border-bottom-color:#ffffff}.btn-cus1.white:hover:after{border-top-color:#ffffff}.btn-cus1.transparent{background:transparent !important}.btn-cus1.transparent:before{border-bottom-color:transparent}.btn-cus1.transparent:after{border-top-color:transparent}.btn-cus1:before,.btn-cus1:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;transition:0.5s ease-in-out;z-index:-1}.btn-cus1:before{right:-50px;border-right:50px solid transparent;border-bottom:80px solid #000000;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.btn-cus1:after{left:-50px;border-left:50px solid transparent;border-top:80px solid #000000;-webkit-transform:translateX(100%);transform:translateX(100%)}.btn-cus1:hover{color:#fff !important;border:1px solid #ffffff}.btn-cus1:hover:before{transform:translateX(-49%)}.btn-cus1:hover:after{transform:translateX(49%)}@keyframes bottom-arrow{0%{opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}45%{opacity:0;-webkit-transform:translate(12px, 12px);-moz-transform:translate(12px, 12px);-ms-transform:translate(12px, 12px);-o-transform:translate(12px, 12px);transform:translate(12px, 12px)}46%{opacity:0;-webkit-transform:translate(-16px, -16px);-moz-transform:translate(-16px, -16px);-ms-transform:translate(-16px, -16px);-o-transform:translate(-16px, -16px);transform:translate(-16px, -16px)}90%{opacity:1;-webkit-transform:translate(-6px, -6px);-moz-transform:translate(-6px, -6px);-ms-transform:translate(-6px, -6px);-o-transform:translate(-6px, -6px);transform:translate(-6px, -6px)}100%{opacity:1;-webkit-transform:translate(-6px, -6px);-moz-transform:translate(-6px, -6px);-ms-transform:translate(-6px, -6px);-o-transform:translate(-6px, -6px);transform:translate(-6px, -6px)}}.arrowCta:before{top:0;left:0;border-bottom:3px solid #333;border-right:3px solid #333;animation:top-arrow 1.65s infinite}@keyframes top-arrow{0%{-webkit-transform:translate(-6px, -6px);-moz-transform:translate(-6px, -6px);-ms-transform:translate(-6px, -6px);-o-transform:translate(-6px, -6px);transform:translate(-6px, -6px)}35%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}90%{opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}100%{opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}.arrowCta.lt{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.arrowCta.rt{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.arrowCta.rt:after,.arrowCta.rt:before{border-color:#fff}@keyframes cloud1{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0)}100%{opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes cloud2{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(70%, 0);-moz-transform:translate(70%, 0);-ms-transform:translate(70%, 0);-o-transform:translate(70%, 0);transform:translate(70%, 0)}100%{opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes cloud3{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0)}100%{opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes cloud4{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(-70%, 0);-moz-transform:translate(-70%, 0);-ms-transform:translate(-70%, 0);-o-transform:translate(-70%, 0);transform:translate(-70%, 0)}100%{opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes cloud5{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0)}100%{opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}.d-n{display:none !important}#Main_Menu_wrap_false{pointer-events:none}body header.mainHeader{position:absolute;background-color:rgba(0,0,0,0.95) !important}body header.mainHeader .qp-container h1{background-color:#000 !important}body header.mainHeader .qp-container nav.mainNav ul li.subItems-opened a{background-color:rgba(250,250,250,0.95);color:#737373}body header.mainHeader .qp-container nav.mainNav ul li.subItems-opened div.subItems{background-color:rgba(255,255,255,0.95);border-bottom-color:rgba(230,230,230,0.95)}body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rl li a,body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rr li a{color:#737373}body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rl li a:link,body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rr li a:link{color:#737373}body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rl li a:visted,body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rr li a:visted{color:#737373}body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rl li a:hover:link,body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rr li a:hover:link{color:#fafafa;background-color:rgba(115,115,115,0.95)}body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rl li a:hover:visted,body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rr li a:hover:visted{color:#fafafa;background-color:rgba(115,115,115,0.95)}body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li{border-top:1px solid rgba(230,230,230,0.95)}@media (min-width: 1000px){body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li{border:none}}@media (max-width: 1000px){body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a{background-color:rgba(250,250,250,0.95)}}body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a:link{color:#737373}@media (max-width: 1000px){body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a:hover{background-color:rgba(230,230,230,0.95)}}body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a:hover .label{color:#555}@media (max-width: 1000px){body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a:hover .label{background-color:rgba(230,230,230,0.95)}}body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a:hover .image{background-color:rgba(77,77,77,0.95)}body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a .image{background-color:rgba(115,115,115,0.95)}body header.mainHeader .func-search .icon:hover,body header.mainHeader .func-search .icon:active{color:#ebebeb}body header.mainHeader .func-search .input-text input[type="text"]{background-color:#737373}body header.mainHeader .func-search .input-text input[type="text"]:focus{background-color:#737373}body header.mainHeader .func-social .block{background-color:#737373}body header.mainHeader .func-social .block ul li:hover i{color:#737373}body header.mainHeader .func-social .block ul li:active i{color:#737373}body header.mainHeader .func-social .block ul li a:hover{color:#737373}body header.mainHeader .func-social .icon:hover{color:#ebebeb}body header.mainHeader .func-locale .block:after{background-color:#737373}body header.mainHeader .func-locale .icon:hover{color:#ebebeb}body{height:auto !important}body>.wrap{color:#313131;font-family:'Roboto', sans-serif;line-height:1.5}body>.wrap nav{position:absolute;width:980px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);left:50%;top:70px;text-align:right;z-index:1}@media screen and (min-width: 1000px){body>.wrap nav.fixed{position:fixed;display:flex;align-items:center;width:100%;background-color:rgba(235,235,235,0.85);height:50px;top:0;z-index:99}body>.wrap nav.fixed ul{width:980px;margin:0 auto;z-index:999}}body>.wrap nav .bar{display:none;justify-content:space-between;align-items:center}body>.wrap nav .bar .menu{display:flex;width:48px;height:48px;align-items:center;justify-content:center}body>.wrap nav .bar .menu span{position:relative;display:block;width:22px;height:1px;background-color:#000;transition:all 0.25s}body>.wrap nav .bar .menu span:before,body>.wrap nav .bar .menu span:after{content:"";position:absolute;width:22px;height:1px;background-color:#000;left:0;transition:all .5s}body>.wrap nav .bar .menu span:before{top:-7px}body>.wrap nav .bar .menu span:after{top:7px}body>.wrap nav .bar .menu.active span{background-color:transparent}body>.wrap nav .bar .menu.active span:before{transform:rotate(45deg);top:0}body>.wrap nav .bar .menu.active span:after{transform:rotate(-45deg);top:0}body>.wrap nav li{margin-left:16px}body>.wrap nav a{text-decoration:none;font-size:16px;font-weight:500;text-transform:uppercase;color:#000;transition:color 0.2s;font-family:oswald, Helvetica, Verdana, Tahoma, "微軟正黑體", "Microsoft JhengHei", sans-serif}body>.wrap nav a:hover{color:#ff3f00}body>.wrap>.top{position:relative;margin-top:52px}body>.wrap>.top .ani{transition:transform 3s, filter 3s}body>.wrap>.top *{font-family:oswald,Helvetica,Verdana,Tahoma,"微軟正黑體","Microsoft JhengHei",sans-serif !important}body>.wrap>.top .sect1{position:relative;display:flex;height:500px;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-transform:uppercase;transition:filter 0.5s}body>.wrap>.top .sect1 .hill{position:fixed;margin:-40px auto 0;width:1680px;max-width:100%;max-height:55vh;left:50%;top:calc(50% + 135px);transition:opacity 1s;z-index:9;pointer-events:none;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}body>.wrap>.top .sect1 .hill.fade{pointer-events:none;opacity:0}body>.wrap>.top .sect1 .hill>img{max-height:60vh;max-width:100%;transform-origin:center 10%;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}@media screen and (max-height: 1080px){body>.wrap>.top .sect1 .hill>img{max-height:50vh}}body>.wrap>.top .sect1 .hill>img.ani-init{-webkit-transform:scale(0.7, 0.7);-moz-transform:scale(0.7, 0.7);-ms-transform:scale(0.7, 0.7);-o-transform:scale(0.7, 0.7);transform:scale(0.7, 0.7)}body>.wrap>.top .sect1 .hill .cloud{position:absolute;width:100%;bottom:0;max-width:1680px;width:100%;left:50%;pointer-events:none;transition:transform 2s;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-height: 768px){body>.wrap>.top .sect1 .hill .cloud{-webkit-transform:translateX(-50%) scale(0.75);-moz-transform:translateX(-50%) scale(0.75);-ms-transform:translateX(-50%) scale(0.75);-o-transform:translateX(-50%) scale(0.75);transform:translateX(-50%) scale(0.75)}}@media screen and (max-height: 640px){body>.wrap>.top .sect1 .hill .cloud{-webkit-transform:translateX(-50%) scale(0.5);-moz-transform:translateX(-50%) scale(0.5);-ms-transform:translateX(-50%) scale(0.5);-o-transform:translateX(-50%) scale(0.5);transform:translateX(-50%) scale(0.5)}}body>.wrap>.top .sect1 .hill .cloud img{position:absolute;bottom:-3vh;left:0}body>.wrap>.top .sect1 .hill .cloud .cloud1{display:block;left:0;animation:cloud1 85s infinite}body>.wrap>.top .sect1 .hill .cloud .cloud2{left:50%;animation:cloud2 130s infinite}body>.wrap>.top .sect1 .hill .cloud .cloud3{left:auto;right:0%;animation:cloud3 100s infinite}body>.wrap>.top .sect1 .hill .cloud .cloud4{left:200px;animation:cloud4 150s infinite}body>.wrap>.top .sect1 .hill .cloud .cloud5{left:auto;right:0px;animation:cloud5 120s infinite}body>.wrap>.top .sect1 .box{position:relative;max-height:100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}body>.wrap>.top .sect1 .arrowCta{position:absolute;bottom:5vh;display:block;margin:10px auto 0;width:12px;height:12px;cursor:pointer;z-index:1}body>.wrap>.top .sect1 .arrowCta:before{border-bottom-width:2px;border-right-width:2px}body>.wrap>.top .sect1 .arrowCta:after{border-bottom-width:2px;border-right-width:2px}body>.wrap>.top .sect1 .ttl{font-weight:700;width:100%;pointer-events:none;opacity:1;z-index:9;margin-top:-48vh}body>.wrap>.top .sect1 .ttl.ani-init{opacity:0}body>.wrap>.top .sect1 .ttl h2{position:relative;font-size:100px;line-height:1}body>.wrap>.top .sect1 .ttl h2 span{font-family:"Dancing Script",sans-serif !important;vertical-align:top;position:absolute;top:-0.1em;font-size:0.4em;padding-left:10px;text-transform:capitalize}body>.wrap>.top .sect1 .ttl p{font-size:56px;font-weight:700;text-transform:uppercase}@media screen and (max-height: 800px){body>.wrap>.top .sect1 .ttl h2{font-size:13vh}body>.wrap>.top .sect1 .ttl p{font-size:7vh}}body>.wrap>.top .sect1 .btn-start{position:absolute;z-index:11;font-size:20px;font-weight:500;bottom:20vh;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);left:50%;opacity:1;text-transform:uppercase;color:#ffffff;background-color:#ff3f00;border-radius:4px;line-height:3em;padding:0 1.5em;transition:background-color 0.5s, opacity 0.5s;white-space:nowrap}body>.wrap>.top .sect1 .btn-start.fade{opacity:0.1}body>.wrap>.top .sect1 .btn-start:hover{background-color:#053982}body>.wrap>.top .sect1 .sl{position:absolute;bottom:11vh;font-size:23px;font-weight:500;text-transform:uppercase;letter-spacing:5px;z-index:11;left:50%;width:90%;opacity:1;transition:opacity 0.5s;transform:translateX(-50%)}body>.wrap>.top .sect1 .sl.fade{opacity:0.1;bottom:13vh}@media screen and (max-height: 800px){body>.wrap>.top .sect1 .sl{font-size:2.8vh}}body>.wrap>.top .sect2{position:relative;display:flex;align-items:center}body>.wrap>.top .sect2 .hill{position:fixed;max-width:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;top:calc(50% + 136px);opacity:1;transition:all 0.5s;margin-top:-40px;max-height:50vh;pointer-events:none}body>.wrap>.top .sect2 .hill.fade{pointer-events:none;opacity:0}body>.wrap>.top .sect2 p{position:relative;max-width:50%;text-align:center;font-size:30px;font-weight:400;margin:0 auto;transition:all 2s;opacity:0;z-index:90}body>.wrap>.top .sect2 p.ani{opacity:1}#copy{display:none !important}.helper{width:0 !important}.main{overflow:hidden;position:relative;z-index:9}.main .frame{display:flex;position:relative;width:200%;height:600px;left:-50%;justify-content:space-between}.main .frame.black{background-color:#000000}.main .frame.out{height:600px !important}.main .frame.out .left.hide{left:auto !important}.main .frame.transition{transition:all 0.5s}.main .frame .liner{display:none;pointer-events:none;position:absolute;left:50%;background-color:black;width:50px;height:100%;transform:none}.main .frame .liner svg{position:absolute;top:0;left:0;width:100%;height:100%}.main .frame>section{flex-shrink:0;width:50%;-webkit-transform:skewX(-5deg) translateZ(0);-moz-transform:skewX(-5deg) translateZ(0);-ms-transform:skewX(-5deg) translateZ(0);-o-transform:skewX(-5deg) translateZ(0);transform:skewX(-5deg) translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;outline:1px solid transparent;position:relative}.main .frame>.left,.main .frame>.right{display:flex;cursor:pointer}.main .frame>.left .content,.main .frame>.right .content{pointer-events:none;overflow:visible;position:relative;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-transform:skewX(5deg) translateZ(0);-moz-transform:skewX(5deg) translateZ(0);-ms-transform:skewX(5deg) translateZ(0);-o-transform:skewX(5deg) translateZ(0);transform:skewX(5deg) translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;outline:1px solid transparent;width:100%}.main .frame>.left ::-webkit-scrollbar,.main .frame>.right ::-webkit-scrollbar{width:8px}.main .frame>.left ::-webkit-scrollbar-track,.main .frame>.right ::-webkit-scrollbar-track{background:#f1f1f1}.main .frame>.left ::-webkit-scrollbar-thumb,.main .frame>.right ::-webkit-scrollbar-thumb{background:#888}.main .frame>.left ::-webkit-scrollbar-thumb:hover,.main .frame>.right ::-webkit-scrollbar-thumb:hover{background:#555}.main .frame>.left .intro,.main .frame>.right .intro{text-align:center;position:absolute;min-width:50%;top:0;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all 0.5s}.main .frame>.left .intro>.icon,.main .frame>.right .intro>.icon{width:45px}.main .frame>.left .intro .btn-box,.main .frame>.right .intro .btn-box{position:relative;color:#000;display:block;overflow:hidden;width:100%;height:50px;max-width:220px;text-transform:uppercase;margin:1rem auto;line-height:3em;border:1px solid #000000;border-radius:3px;padding:0;transition:all 1s}.main .frame>.left .intro .btn-box:before,.main .frame>.left .intro .btn-box:after,.main .frame>.right .intro .btn-box:before,.main .frame>.right .intro .btn-box:after{content:'';z-index:-1;position:absolute;width:0;height:0;border:0 solid;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);box-sizing:border-box;transition:0.5s ease-in-out}.main .frame>.left .intro .btn-box:before,.main .frame>.right .intro .btn-box:before{bottom:0;left:0;border-color:transparent transparent transparent #ffffff}.main .frame>.left .intro .btn-box:after,.main .frame>.right .intro .btn-box:after{top:0;right:0;border-color:transparent #ffffff transparent transparent}.main .frame>.left .intro .ttl,.main .frame>.right .intro .ttl{top:calc(50% - 220px);font-weight:300;transition:all 0.5s;max-width:100%}.main .frame>.left .intro .ttl h3,.main .frame>.right .intro .ttl h3{font-size:48px;position:relative;margin-bottom:50px;font-family:oswald,Helvetica,Verdana,Tahoma,"微軟正黑體","Microsoft JhengHei",sans-serif !important;font-weight:500;text-transform:uppercase}.main .frame>.left .intro .ttl h3 span,.main .frame>.right .intro .ttl h3 span{transition:all 0.5s}.main .frame>.left .intro .ttl h3:after,.main .frame>.right .intro .ttl h3:after{content:"";position:absolute;bottom:-20px;width:50px;height:3px;background-color:#cdcdcd;left:calc(50% - 25px)}.main .frame>.left .intro .ttl p,.main .frame>.right .intro .ttl p{font-size:20px;max-width:360px}.main .frame>.left .intro .ttl p span,.main .frame>.right .intro .ttl p span{display:block}.main .frame>.left .intro .brief,.main .frame>.right .intro .brief{max-width:580px}.main .frame>.left .intro .brief p,.main .frame>.right .intro .brief p{display:none}.main .frame>.left .intro .icon,.main .frame>.right .intro .icon{margin:0 auto;display:flex;width:110px;height:100px;max-width:50%;max-height:10vh;flex-shrink:0;justify-content:center;align-items:center}.main .frame>.left .intro .icon svg,.main .frame>.left .intro .icon img,.main .frame>.right .intro .icon svg,.main .frame>.right .intro .icon img{flex:1;max-width:100%;max-height:100%}.main .frame>.left .inner,.main .frame>.right .inner{display:none;position:relative;width:1280px;max-width:95%;margin:100px auto 0;color:#303030}.main .frame>.left .inner .box,.main .frame>.right .inner .box{margin-bottom:20px;box-sizing:border-box;padding:70px 50px}.main .frame>.left .inner .box.top,.main .frame>.right .inner .box.top{padding:5%}.main .frame>.left .inner .box.top .text,.main .frame>.right .inner .box.top .text{max-width:none}.main .frame>.left .inner .box.full,.main .frame>.right .inner .box.full{width:100%}.main .frame>.left .inner .box .ttl,.main .frame>.right .inner .box .ttl{font-size:30px;line-height:1.3}.main .frame>.left .inner .cross,.main .frame>.right .inner .cross{overflow:hidden}.main .frame>.left .inner .cross .box,.main .frame>.right .inner .cross .box{position:relative;width:calc(50% - 10px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);opacity:0;transition:transform 0.5s, opacity 0.5s;float:left;top:0}.main .frame>.left .inner .cross .box.show,.main .frame>.right .inner .cross .box.show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.main .frame>.left .inner .cross .box:nth-child(2),.main .frame>.right .inner .cross .box:nth-child(2){float:right}.main .frame>.left .inner .cross .box.left,.main .frame>.right .inner .cross .box.left{float:left}.main .frame>.left .inner .cross .box.right,.main .frame>.right .inner .cross .box.right{float:right}.main .frame>.left .inner .img,.main .frame>.right .inner .img{margin-bottom:20px;border-radius:5px;overflow:hidden}.main .frame>.left .inner .img img,.main .frame>.right .inner .img img{display:block}.main .frame>.left .inner .img.center img,.main .frame>.right .inner .img.center img{display:block;margin:0 auto}.main .frame>.left .inner .img img,.main .frame>.right .inner .img img{max-width:100%;width:100%}.main .frame>.left .inner .text,.main .frame>.right .inner .text{max-width:400px;padding:2em 2.5em 4em;margin:auto}.main .frame>.left .inner .text p,.main .frame>.right .inner .text p{margin-top:0.9em;font-size:16px}.main .frame>.left .inner .text p.note,.main .frame>.right .inner .text p.note{font-size:13px;color:#bbb}.main .frame>.left.hide,.main .frame>.right.hide{z-index:99}.main .frame>.left.hide.fixed,.main .frame>.right.hide.fixed{position:fixed;top:0;transition:all 0.5s;z-index:99}.main .frame>.left.hide:hover .intro .ttl h3,.main .frame>.right.hide:hover .intro .ttl h3{max-height:3em;opacity:1}.main .frame>.left.hide .intro,.main .frame>.right.hide .intro{min-height:0;min-width:0;max-width:10vh;height:auto;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);top:auto;bottom:0px;margin-left:4vh}.main .frame>.left.hide .intro .box,.main .frame>.right.hide .intro .box{max-width:12vh}.main .frame>.left.hide .intro .btn-cus1,.main .frame>.right.hide .intro .btn-cus1{display:none}.main .frame>.left.hide .intro .ttl,.main .frame>.right.hide .intro .ttl{top:calc(100% - 125px);left:-130px;margin-bottom:0}.main .frame>.left.hide .intro .ttl h3,.main .frame>.right.hide .intro .ttl h3{line-height:1;width:auto;margin-bottom:30px;font-size:22px;max-height:0;transition:all 0.5s;opacity:0}.main .frame>.left.hide .intro .ttl h3:after,.main .frame>.right.hide .intro .ttl h3:after{display:none}.main .frame>.left.hide .intro .ttl p,.main .frame>.right.hide .intro .ttl p{display:none}.main .frame>.left.active,.main .frame>.right.active{cursor:default}.main .frame>.left.active .content,.main .frame>.right.active .content{overflow:hidden;pointer-events:all}.main .frame>.left.active .intro,.main .frame>.right.active .intro{padding:0;width:1680px;max-width:95%;min-height:0;height:800px;position:relative;margin:0 auto;background-size:cover;background-position:center center}.main .frame>.left.active .intro .box,.main .frame>.right.active .intro .box{width:95%;max-width:980px;background-color:rgba(255,255,255,0.8);padding:50px 20px 60px}.main .frame>.left.active .intro .feature,.main .frame>.right.active .intro .feature{position:relative;font-family:oswald,Helvetica,Verdana,Tahoma,"微軟正黑體","Microsoft JhengHei",sans-serif !important;font-size:56px;font-weight:500;line-height:1.2;margin-bottom:1em;max-width:none;padding:0 0.5em}.main .frame>.left.active .intro .feature:after,.main .frame>.right.active .intro .feature:after{content:"";position:absolute;bottom:-20px;width:50px;height:3px;background-color:#a3a3a3;left:calc(50% - 25px)}.main .frame>.left.active .intro .brief,.main .frame>.right.active .intro .brief{max-width:none}.main .frame>.left.active .intro .brief>*,.main .frame>.right.active .intro .brief>*{display:none}.main .frame>.left.active .intro .brief p,.main .frame>.right.active .intro .brief p{display:block;max-width:600px;width:80%;margin:0 auto;font-weight:bold}.main .frame>.left.active .intro .ttl h3,.main .frame>.right.active .intro .ttl h3{font-size:24px}.main .frame>.left.active .intro .ttl h3:after,.main .frame>.right.active .intro .ttl h3:after{display:none}.main .frame>.left{background-color:#fff;height:100%}.main .frame>.left.hide.fixed{left:calc(-50% + 100px)}.main .frame>.left:hover .intro .btn-cus1{color:#fff !important}.main .frame>.left:hover .intro .btn-cus1:before{transform:translateX(-49%)}.main .frame>.left:hover .intro .btn-cus1:after{transform:translateX(49%)}.main .frame>.left .content{background-color:#ffffff}.main .frame>.left .intro{right:0}.main .frame>.left .inner .box{background-color:#f8f8f8}.main .frame>.left .inner .img.shadow{box-shadow:2px 2px 10px rgba(200,200,200,0.5),2px 0px 30px 5px rgba(200,200,200,0.4)}.main .frame>.left.active .content{background-color:#ffffff}.main .frame>.left.active .intro{background-image:url(../images/n-bg.jpg)}.main .frame>.left.hide .arrowCta{-webkit-transform:rotate(-45deg) scale(0.75);-moz-transform:rotate(-45deg) scale(0.75);-ms-transform:rotate(-45deg) scale(0.75);-o-transform:rotate(-45deg) scale(0.75);transform:rotate(-45deg) scale(0.75)}.main .frame>.left.hide:hover .intro{margin-right:40px}.main .frame>.left.hide .intro{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);margin-right:4vh;top:50px;bottom:auto}.main .frame>.left.hide .ttl{top:-50px;left:calc(100% - 130px)}.main .frame>.left.hide .ttl h3{width:auto}.main .frame>.left.hide .ttl h3 .text :not(.first){max-width:0}.main .frame>.right{background-color:#000000;height:100%;color:#ffffff}.main .frame>.right.hide.fixed{top:0;right:calc(-50% + 100px)}.main .frame>.right:hover.hide .intro{margin-left:30px}.main .frame>.right:hover .intro .btn-cus1{color:#000 !important}.main .frame>.right:hover .intro .btn-cus1:before,.main .frame>.right:hover .intro .btn-cus1:after{border-top-color:#ffffff;border-bottom-color:#ffffff}.main .frame>.right:hover .intro .btn-cus1:before{transform:translateX(-49%)}.main .frame>.right:hover .intro .btn-cus1:after{transform:translateX(49%)}.main .frame>.right.hide .arrowCta{position:absolute;top:-60px;left:50%;-webkit-transform:translateX(-50%) rotate(135deg) scale(0.75);-moz-transform:translateX(-50%) rotate(135deg) scale(0.75);-ms-transform:translateX(-50%) rotate(135deg) scale(0.75);-o-transform:translateX(-50%) rotate(135deg) scale(0.75);transform:translateX(-50%) rotate(135deg) scale(0.75)}.main .frame>.right.active .content{background-color:#000000}.main .frame>.right.active .intro{background-image:url(../images/s-bg.jpg)}.main .frame>.right.active .intro .box{background-color:rgba(0,0,0,0.6)}.main .frame>.right .intro{color:#ffffff}.main .frame>.right .intro .btn-box{color:#fff;border-color:#fff}.main .frame>.right .inner{color:#ffffff}.main .frame>.right .inner article *:not(a){color:#ffffff}.main .frame>.right .inner .box{background-color:#1c1c1c}.main .frame>.right .inner .text a{color:#12abff;transition:color 0.5s}.main .frame>.right .inner .text a:hover{color:#0f8dff}.main .slope{position:absolute;width:0;height:0}.download{position:relative;padding-top:100px;padding-bottom:180px;padding-left:2.5%;padding-right:2.5%;text-align:center;background-image:url(../images/download-bg-w.jpg);background-size:cover;transition:all 0.5s}.download .note li{font-size:13px;color:#aaa}.download h3{font-size:48px;margin-bottom:.5em}.download p{margin-bottom:3em}.download.black{background-image:url(../images/download-bg-b.jpg);color:#ffffff}.download.black:after{opacity:0.3}.download.black .btn-cus1{color:#fff !important;border-color:#ffffff}.download.black .btn-cus1:hover{color:#000}.download.black .btn-cus1:hover:before{border-bottom-color:#ffffff}.download.black .btn-cus1:hover:after{border-top-color:#ffffff}.sqfk-article .sqfk-section.ihm{background-color:#000000}.sqfk-article .sqfk-section.ihm *{color:#ffffff}.sqfk-article .sqfk-section.notification{background-image:url(../images/notification-bg.jpg)}.sqfk-article .sqfk-section.notification *{color:#ffffff}.sqfk-article .sqfk-section.security{background-image:url(../images/security-bg.jpg);background-color:#fff}.sqfk-article .sqfk-section.security *{color:#ffffff}.sqfk-article .sqfk-section.tr004{background-image:url(../images/tr004-bg.jpg);background-position:bottom center;background-color:#f8f8f5;padding-bottom:30%}.sqfk-article .sqfk-section.tr004 *{color:#313131}.sqfk-article .sqfk-section.tr004 .p-anno.highl{color:#e35206}.sqfk-article .sqfk-section.tr004 .sqfk-section-h4{padding:0px 0px 30px}.sqfk-article .sqfk-section.tr004 .sqfk-section-h4 p{font-size:16px;line-height:1.5em}@media screen and (max-width: 1280px){.main .frame>section{-webkit-transform:skewX(-5deg) translateZ(0);-moz-transform:skewX(-5deg) translateZ(0);-ms-transform:skewX(-5deg) translateZ(0);-o-transform:skewX(-5deg) translateZ(0);transform:skewX(-5deg) translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;outline:1px solid transparent}.main .frame>.left .content,.main .frame .right .content{-webkit-transform:skewX(5deg) translateZ(0);-moz-transform:skewX(5deg) translateZ(0);-ms-transform:skewX(5deg) translateZ(0);-o-transform:skewX(5deg) translateZ(0);transform:skewX(5deg) translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;outline:1px solid transparent}.main .frame>.left .intro .ttl h3,.main .frame .right .intro .ttl h3{font-size:36px}.main .frame>.left .inner .box.top,.main .frame .right .inner .box.top{padding:2.5%}.main .frame>.left .inner .cross .box,.main .frame .right .inner .cross .box{padding:4%}}@media screen and (max-width: 999px){body header.mainHeader{position:relative}body>.wrap nav{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;width:100%;text-align:left;background-color:#ffffff;z-index:99;top:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}body>.wrap nav *{font-family:oswald,Helvetica,Verdana,Tahoma,"微軟正黑體","Microsoft JhengHei",sans-serif !important}body>.wrap nav .bar{display:flex;padding:0 0 0 1em;line-height:3em;background-color:rgba(235,235,235,0.9);box-shadow:0px 2px 5px rgba(0,0,0,0.25);top:0px;position:absolute;width:100%;box-sizing:border-box}body>.wrap nav .bar.active{box-shadow:none}body>.wrap nav ul{position:absolute;top:48px;flex-direction:column;width:100%;overflow:hidden;display:none;background-color:rgba(255,255,255,0.9)}body>.wrap nav ul.active{max-height:none;justify-content:flex-start;height:500px}body>.wrap nav ul li{position:relative;margin-left:0}body>.wrap nav ul li a{display:block;position:relative;line-height:2.5em;padding-left:32px}body>.wrap nav ul li a:before{content:"";position:absolute;width:3px;height:3px;background-color:#ff3f00;left:20px;top:calc(50% - 1px)}body>.wrap nav ul li a:hover{background-color:#ff3f00;color:#ffffff}body>.wrap nav ul li a:hover:before{display:none}body>.wrap .top{margin-top:0}body>.wrap .top .sect1 .hill{max-width:145%;top:calc(50% + 102px)}body>.wrap .top .sect1 .btn-start{bottom:25vh}.main .frame>.left .content,.main .frame .right .content{margin-top:50px}.main .frame>.left .inner .box.top,.main .frame .right .inner .box.top{padding:2.5%}.main .frame>.left .inner .cross .box,.main .frame .right .inner .cross .box{padding:2.5%}.main .frame>.left .inner .text,.main .frame .right .inner .text{padding:1em 1em 2em}.main .frame>.left.hide .intro{top:0;margin-left:0}.download h3{font-size:36px}}@media screen and (max-width: 520px){.main .frame>.left.hide .intro,.main .frame .right.hide .intro{margin-left:10px}.main .frame>.left.hide .intro{margin-right:5px}}@media screen and (max-height: 400px){.main .frame>.left .intro .arrowCta,.main .frame>.right .intro .arrowCta{margin-top:0;margin-bottom:20px}.main .frame>.left .intro .btn-cus1,.main .frame>.right .intro .btn-cus1{line-height:2}.main .frame>.left .intro .ttl,.main .frame>.right .intro .ttl{margin-bottom:20px}.main .frame>.left .intro .ttl h3,.main .frame>.right .intro .ttl h3{margin-bottom:20px;margin-top:5px}.main .frame>.left .intro .ttl h3:after,.main .frame>.right .intro .ttl h3:after{bottom:-10px}.main .frame>.left .intro .ttl p,.main .frame>.right .intro .ttl p{height:auto !important}}@media screen and (max-width: 768px){.main .frame>.left .inner .box,.main .frame .right .inner .box{width:100%;max-width:100%;padding:2.5%}.main .frame>.left .inner .box .text,.main .frame .right .inner .box .text{text-align:left}.main .frame>.left .inner .box .ttl,.main .frame .right .inner .box .ttl{font-size:15px;font-weight:bold}.main .frame>.left .inner .box p,.main .frame .right .inner .box p{font-size:13px}.download h3{font-size:24px}}.debugger{display:none;position:fixed;background-color:white;top:50px;right:50px;z-index:9999}@media screen and (max-width: 640px){body>.wrap>.top .sect1 .hill{top:calc(50% + 70px)}body>.wrap>.top .sect1 .hill .cloud{transform:translateX(-50%) scale(0.5)}body>.wrap>.top .sect1 .sl{margin-top:0}body>.wrap>.top .sect2 .hill{margin-top:-20vh}body>.wrap>.top .text{padding:0 20px;box-sizing:border-box}body>.wrap>.top .text .ttl{font-size:36px;top:calc(50% - 21vh)}body>.wrap>.top .text .ttl h2{font-size:13vw}body>.wrap>.top .text .ttl p{font-size:7vw}body>.wrap>.top .text p{font-size:18px;max-width:100%}.main .frame>.left.active .intro,.main .frame .right.active .intro{height:auto}.main .frame>.left.active .intro .feature,.main .frame .right.active .intro .feature{font-size:28px;padding:0 5%}.main .frame>.left.hide .intro,.main .frame .right.hide .intro{bottom:-30px}.main .frame>.left .content,.main .frame .right .content{margin-top:50px}.main .frame>.left .intro,.main .frame .right .intro{max-width:50%;padding:0 10px}.main .frame>.left .intro .btn-cus1,.main .frame .right .intro .btn-cus1{width:80%}.main .frame>.left .intro .ttl h3,.main .frame .right .intro .ttl h3{font-size:24px}.main .frame>.left .intro .ttl p,.main .frame .right .intro .ttl p{font-size:15px;height:7em}.main .frame>.left .intro .brief,.main .frame .right .intro .brief{font-size:13px}.main .frame>.left .intro .btn-box,.main .frame .right .intro .btn-box{font-size:15px}.main .frame>.left .inner,.main .frame .right .inner{margin-top:50px}.main .frame>.left .inner .cross .box,.main .frame .right .inner .cross .box{width:100%}.main .frame>.left.hide .intro{bottom:auto;top:0}}@media screen and (max-height: 500px){body>.wrap>.top .sect1 .box{align-items:flex-start}body>.wrap>.top .sect1 .ttl{margin-top:60px}body>.wrap>.top .sect1 .ttl h2{font-size:13vh}body>.wrap>.top .sect1 .ttl p{font-size:8vh}body>.wrap>.top .sect1 .hill{top:calc(50% + 136px)}body>.wrap>.top .sect1 .hill .cloud{transform:translateX(-50%) scale(0.25)}body>.wrap>.top .sect2 .hill{top:calc(50% + 136px)}}@media (min-width: 600px){.inner .sqfk-article .sqfk-section{padding:60px 0px 140px}}@media (min-width: 768px){.sqfk-article .sqfk-section.tr004{padding-bottom:21%}.sqfk-article .sqfk-section.tr004 .sqfk-section-h4{display:flex}.sqfk-article .sqfk-section.tr004 .sqfk-section-h4 div.w50{width:50%}}@media (max-width: 540px){.sqfk-article .sqfk-section.tr004{padding-bottom:340px}}.inner .sqfk-article .sqfk-section .btn-cus1{margin:2rem auto}body .mfp-iframe-holder .mfp-content{max-width:1280px}.overlay .top{background-color:rgba(255,255,255,0.2);width:100%;height:30px}
