@font-face{font-family:"Geograph";src:url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Light.woff") format("woff"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Light.woff2") format("woff2"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Light.eot") format("embedded-opentype");font-weight:300;font-style:normal}@font-face{font-family:"Geograph";src:url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-LightItalic.woff") format("woff"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-LightItalic.woff2") format("woff2"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-LightItalic.eot") format("embedded-opentype");font-weight:300;font-style:italic}@font-face{font-family:"Geograph";src:url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Regular.woff") format("woff"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Regular.woff2") format("woff2"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Regular.eot") format("embedded-opentype");font-weight:400;font-style:normal}@font-face{font-family:"Geograph";src:url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-RegularItalic.woff") format("woff"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-RegularItalic.woff2") format("woff2"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-RegularItalic.eot") format("embedded-opentype");font-weight:400;font-style:italic}@font-face{font-family:"Geograph";src:url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Medium.woff") format("woff"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Medium.woff2") format("woff2"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Medium.eot") format("embedded-opentype");font-weight:500;font-style:normal}@font-face{font-family:"Geograph";src:url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-MediumItalic.woff") format("woff"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-MediumItalic.woff2") format("woff2"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-MediumItalic.eot") format("embedded-opentype");font-weight:500;font-style:italic}@font-face{font-family:"Geograph";src:url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Bold.woff") format("woff"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Bold.woff2") format("woff2"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Bold.eot") format("embedded-opentype");font-weight:600;font-style:normal}@font-face{font-family:"Geograph";src:url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-BoldItalic.woff") format("woff"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-BoldItalic.woff2") format("woff2"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-BoldItalic.eot") format("embedded-opentype");font-weight:600;font-style:italic}@font-face{font-family:"Geograph";src:url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Black.woff") format("woff"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Black.woff2") format("woff2"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-Black.eot") format("embedded-opentype");font-weight:700;font-style:normal}@font-face{font-family:"Geograph";src:url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-BlackItalic.woff") format("woff"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-BlackItalic.woff2") format("woff2"),url("https://www.natgeomedia.com/fonts/geograph/GeographBrandWeb-BlackItalic.eot") format("embedded-opentype");font-weight:700;font-style:italic}html{font-size:16px;scroll-behavior:smooth}html *{font-size:1rem}body{background-color:#084675;font-family:"Geograph","Noto Sans TC",Arial,"文泉驛正黑","WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;font-font-weight:300;font-font-style:normal;width:100%;margin:0;padding:0;overflow-x:hidden;transition:.6s;transition-duration:.5s;-webkit-transition-duration:.5s;position:relative}a{text-decoration:none;color:#19419a;transition:all .3s;font-weight:500}a:hover{text-decoration:none;color:#004fff;transition:all 1s;cursor:pointer}p{font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5rem;letter-spacing:normal}h1{position:relative;font-size:2.75rem;font-weight:700;margin:1rem auto 1rem;color:#283c6c}h1.center{text-align:center}@media all and (max-width: 750px){h1{font-size:2rem}}h2{font-size:3.375rem;line-height:3.75rem;font-weight:700;margin:1rem 0;text-align:center;color:#293a68;position:relative}@media all and (max-width: 991px){h2{font-size:2.25rem;line-height:3.125rem}}h2 span{font-size:inherit}h3{font-size:1.5rem;line-height:1.875rem;font-weight:500;position:relative;color:#00adff}@media all and (max-width: 991px){h3{font-size:1.25rem}}img{display:inline-block}button,input[type=submit],input[type=button]{font-family:"Geograph","Noto Sans TC",Arial,"文泉驛正黑","WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;outline:none}button:hover,input[type=submit]:hover,input[type=button]:hover{cursor:pointer}input[type=tel],input[type=password],input[type=text],input[type=email]{font-family:"Geograph","Noto Sans TC",Arial,"文泉驛正黑","WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;font-weight:300}section{min-height:350px}section:last-of-type{padding-bottom:30px}section ul li{line-height:1.5rem;margin:10px 0}section h1{color:#fff}section h2{margin-top:.5rem;margin-bottom:.5rem;color:#256ec9}section h2 img{margin:-10px auto 0;display:block}.container{padding:60px 0;margin-right:auto;margin-left:auto;max-width:1100px;position:relative;color:#111;overflow:hidden;z-index:2}@media all and (max-width: 1200px){.container{width:960px}}@media all and (max-width: 991px){.container{width:calc(100% - 32px);margin:0 16px;overflow-x:hidden}.container button{-webkit-appearance:button;overflow:visible;text-transform:none}}.container.navi{min-height:auto}.container .em-color{color:#ff743e;font-weight:inherit}.container .em-color.bold{font-weight:500}.container .break-on-pc{display:block}@media all and (max-width: 991px){.container .break-on-pc{display:inline}}.btn-primary{display:inline-block;padding:15px 40px;text-align:center;letter-spacing:.1em;font-weight:500;border-radius:100px;background:#fc0;color:#333;transition:all .4s ease-in-out;outline:0;border:0}.btn-primary:hover{background:#ffe065;color:#333;transition:all .4s ease-in-out;cursor:pointer}.btn-primary.center{display:block;margin:10px auto}.btn-primary.small{width:100%;padding:5px 20px;margin:10px 0}.btn-primary.share-to-fb{color:#fff;background:#4267b2}.btn-primary.share-to-fb:hover{background:#5c84d6}.btn-secondary{display:inline-block;margin-left:20px;padding:8px 20px;text-align:center;letter-spacing:.1em;font-weight:500;border-radius:100px;border:2px solid #00a8d4;background:none;color:#00a8d4;transition:all .4s ease-in-out;outline:0}.btn-secondary:hover{background:#00a8d4;color:#fff;transition:all .4s ease-in-out;cursor:pointer}.btn-secondary.gray{border:2px solid #666;background:none;color:#666;transition:all .4s ease-in-out}.btn-secondary.gray:hover{border:2px solid #333;background:#333;color:#fff;transition:all .4s ease-in-out}.btn-theme-solid{margin:10px auto;display:inline-block;font-size:1.125rem;letter-spacing:1px;color:#fff;text-align:center;border-radius:30px;padding:10px 40px;transition:all .4s ease-in-out;background-image:linear-gradient(124deg, #256EC9 0%, #5FC8D9 100%);border:1px solid #59bfd8}.btn-theme-solid:hover{background-image:linear-gradient(124deg, #004393 0%, #6FB6FF 100%);color:#fff;transition:all .4s ease-in-out;cursor:pointer}.btn-theme-outline{display:inline-block;font-size:1.125rem;letter-spacing:1px;border:2px solid #3c4e23;color:#3c4e23;text-align:center;border-radius:30px;padding:8px 30px 8px 40px;transition:all .4s ease-in-out;outline:0;position:relative}.btn-theme-outline:hover{background:#3c4e23;color:#fff;transition:all .4s ease-in-out;cursor:pointer}.btn-white-outline{display:inline-block;font-size:1.125rem;letter-spacing:1px;border:2px solid #fff;color:#fff;text-align:center;border-radius:30px;padding:8px 30px 8px 40px;transition:all .4s ease-in-out;outline:0;position:relative}.btn-white-outline:hover{background:#fff;color:#293a68;transition:all .4s ease-in-out;cursor:pointer}.anchor-target{scroll-margin-top:90px}.mobile{display:none}@media all and (max-width: 991px){.mobile{display:block}}.pc{display:block}@media all and (max-width: 991px){.pc{display:none}}@keyframes blingBling{from{opacity:1}to{opacity:0}}nav{width:100%;position:fixed;z-index:99;transition:all .4s ease-in-out;background-color:#fff}nav .container-navi{width:100%}@media all and (max-width: 991px){nav .container-navi{margin:0}}nav .container-navi .logo{float:left;width:120px;margin:10px 0 0 30px;transition:all .4s ease-in-out;transition-duration:.5s}@media all and (max-width: 991px){nav .container-navi .logo{margin:10px 0 0 20px;padding-bottom:8px}}@media all and (max-width: 750px){nav .container-navi .logo{width:90px}}nav .container-navi .logo img{width:100%}nav .container-navi ul.menu{float:right;transition:all .4s ease-in-out;transition-duration:.5s;margin-right:5%}@media all and (max-width: 1400px){nav .container-navi ul.menu{margin-right:0}}@media all and (max-width: 991px){nav .container-navi ul.menu{width:80%;height:100vh;padding:60px 30px 0;box-sizing:border-box;float:none;position:fixed;top:0;right:-80%;bottom:0;background-color:#00a8d4;transition:right .5s ease-in-out}nav .container-navi ul.menu.active{right:0}}nav .container-navi ul.menu>li{display:inline-block;text-align:center;position:relative}@media all and (max-width: 1200px){nav .container-navi ul.menu>li{padding:0 5px}}@media all and (max-width: 991px){nav .container-navi ul.menu>li{display:block;letter-spacing:4px}}nav .container-navi ul.menu>li a{padding:30px 30px;font-size:1.25rem;font-weight:500;color:#293a68;display:block}@media all and (max-width: 1200px){nav .container-navi ul.menu>li a{padding:25px 10px}}@media all and (max-width: 991px){nav .container-navi ul.menu>li a{color:#fff;font-size:1.5rem}}nav .container-navi ul.menu>li a:hover{color:#fc0;transition:all .4s ease-in-out}nav .container-navi ul.menu>li a.apply-now{margin-right:40px;font-weight:700;padding:15px 30px;border-radius:50px;color:#fff;background:#293a68;transition:all .4s ease-in-out}@media all and (max-width: 991px){nav .container-navi ul.menu>li a.apply-now{margin:0;font-weight:normal}}nav .container-navi ul.menu>li a.apply-now:hover{background:#fc0;transition:all .4s ease-in-out}nav .container-navi ul.menu>li a sup{font-size:12px;color:#fc0;vertical-align:super;animation:blingBling 1s ease-in-out 0s infinite}nav .container-navi ul.menu>li:hover>ul{display:block}nav .container-navi ul.menu>li>ul{display:none;width:calc(100% + 30px);background-color:rgba(0,0,0,.7);border-radius:0 0 10px 10px;overflow:hidden;position:absolute;top:64px;left:-15px;z-index:9;transition:all .4s ease-in-out}@media all and (max-width: 991px){nav .container-navi ul.menu>li>ul{display:block;width:90%;top:35px;left:5%}}nav .container-navi ul.menu>li>ul>li{border-bottom:1px solid #585858}nav .container-navi ul.menu>li>ul>li>a{padding:20px 0;font-size:1rem;font-weight:500;color:#fff;display:block;text-align:center}@media all and (max-width: 991px){nav .container-navi ul.menu>li>ul>li>a{padding:10px 0;font-size:.8125rem}}nav .container-navi ul.menu>li>ul>li>a:hover{background-color:#6e5a40;color:#fff;transition:all .4s ease-in-out}nav .container-navi ul.menu>li>ul>li:last-of-type{border-bottom:0}nav .container-navi ul.menu:after{display:table;content:"";width:0;clear:both}nav .container-navi .hamburger{display:none;padding-top:3px;width:36px;height:25px;position:absolute;top:calc(50% - 12px);right:10px;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer;margin-right:1rem;border:0;background-color:rgba(0,0,0,0)}@media all and (max-width: 991px){nav .container-navi .hamburger{display:block;z-index:4}}nav .container-navi .hamburger span{display:block;position:absolute;height:3px;width:100%;background:#293a68;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}nav .container-navi .hamburger span:nth-child(1){top:0px}nav .container-navi .hamburger span:nth-child(2),nav .container-navi .hamburger span:nth-child(3){top:11px}nav .container-navi .hamburger span:nth-child(4){top:22px}nav .container-navi .hamburger.active span{background:#fff}nav .container-navi .hamburger.active span:nth-child(1){top:10px;width:0%;left:50%}nav .container-navi .hamburger.active span:nth-child(2){transform:rotate(45deg)}nav .container-navi .hamburger.active span:nth-child(3){transform:rotate(-45deg)}nav .container-navi .hamburger.active span:nth-child(4){top:10px;width:0%;left:50%}nav .container-navi:after{display:table;content:"";width:0;clear:both}nav .container-navi .count-down-timer{width:160px;border-radius:8px;box-shadow:2px 1px 12px 0 rgba(47,137,133,.54);background-color:#fff;position:absolute;top:56px;right:25px;padding:4px 8px 8px;text-align:center;letter-spacing:0;opacity:0;animation:fadeUp .5s ease-in-out 1s forwards;font-size:.8125rem;line-height:1rem;color:#999}@media all and (max-width: 991px){nav .container-navi .count-down-timer{top:60px;right:calc(50% - 79px)}}nav .container-navi .count-down-timer h5{font-size:13px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.71;letter-spacing:normal;color:#666}nav .container-navi .count-down-timer:before{display:block;content:"";width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);line-height:0px;_border-color:#000 #000 #fff #000;_filter:progid:DXImageTransform.Microsoft.Chroma(color="#000000");position:absolute;top:-10px;left:50%;transform:translateX(-50%)}nav.index-nav{background-color:rgba(0,0,0,0)}nav.index-nav .container-navi .logo{opacity:0}nav.min{transition:all .4s ease-in-out;transition-duration:.5s;box-shadow:0 20px 20px 0 rgba(0,0,0,.1)}nav.min.index-nav{background-color:#fff}nav.min.index-nav .container-navi .logo{opacity:1}@media all and (max-width: 991px){nav.min .container .logo{float:left;width:100px}nav.min .container .logo img{width:100%}}nav.min .logo{transition:all .4s ease-in-out;transition-duration:.5s}nav.min ul.menu{transition:all .4s ease-in-out;transition-duration:.5s}@media all and (max-width: 991px){nav.min ul.menu>li a{padding:24px 0}}@keyframes fadeUp{0%{opacity:0;top:66px}100%{opacity:1;top:56px}}a.btn-apply-now{background:#fc0;color:#000;padding:.5rem 1rem}footer{background-color:#1a549c;color:#fff;position:relative;z-index:3}footer .container{padding:1rem 0;color:#fff}footer .company{display:inline-block;vertical-align:top;width:calc(100% - 305px);height:auto;margin:2rem 0}footer .company a{display:inline-block;vertical-align:top;margin-right:10rem;color:#fff}footer .company a>span{display:block;margin-bottom:12px;font-size:.75rem}footer .company a:hover{color:#fff}footer .company a:first-child img{height:60px}@media all and (max-width: 991px){footer .company img{height:28px;margin:20px 0}}footer .social-link{display:inline-block;vertical-align:top;width:300px;height:auto;margin:2rem 0}footer .social-link a{display:inline-block;vertical-align:top;margin-right:1rem;margin-top:1rem}footer .social-link a:last-child{margin-right:0}footer .copyright{padding:1.5rem 0;border-top:solid 1px hsla(0,0%,100%,.2);line-height:1.5rem}footer .copyright .container{width:100%;margin:0}footer .copyright .container p{margin-top:.5rem;font-size:.9375rem;letter-spacing:1px}footer .copyright .container a{color:#fff;font-weight:normal;font-size:inherit}footer .copyright .container a:hover{color:#fc0}@media all and (max-width: 991px){footer .company,footer .social-link{display:block;width:100%}}@keyframes fadeIn{0%{opacity:0;-moz-opacity:0;-webkit-opacity:0;filter:alpha(opacity=0)}100%{opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100)}}@keyframes ZoomInBg{0%{transform:scale(1.1);opacity:0;-moz-opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);filter:brightness(1.8)}20%{opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);filter:brightness(1)}100%{transform:scale(1);opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100)}}#kv-wrap{height:100vh;overflow:hidden;background-color:#256ec9;position:relative}@media all and (max-width: 1400px){#kv-wrap{height:100vh}}#kv-wrap .bg{width:100%;height:100%;background-image:url(../img/bg_sea_empty.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;overflow:hidden;position:absolute;left:0;top:0;z-index:1;transform-origin:bottom;animation:ZoomInBg 6s ease-in-out 0s forwards}@media all and (max-width: 991px){#kv-wrap .bg{background-image:url(../img/kv_bg_mo.jpg)}}#kv-wrap .container{width:100%;max-width:initial;height:100%;z-index:2}#kv-wrap .scroll-btn{display:block;width:120px;height:50px;position:absolute;font-size:.875em;bottom:15px;left:calc(50% - 60px);color:#fff;text-align:center;background:url(../img/down_arrow.svg) no-repeat bottom;z-index:2}.bigtitle{width:90%;height:90%;max-width:1600px;padding-top:60px;box-sizing:border-box;margin:0 auto;color:#fff;text-align:center;display:flex;flex-wrap:wrap;align-items:center;position:relative;z-index:2}@media all and (max-width: 1400px){.bigtitle{max-width:1200px}}@media all and (max-width: 991px){.bigtitle{padding-top:30px;display:block}}.bigtitle .logotype{width:52%;max-width:540px;margin:0;box-sizing:border-box;text-align:left}@media all and (max-width: 991px){.bigtitle .logotype{width:73%;margin:0 auto}}.bigtitle .logotype img.title{width:100%}.bigtitle .logotype img.kv-host{width:80%;margin:15px auto;display:block}@media all and (max-width: 991px){.bigtitle .logotype img.kv-host{margin:8px auto}}.bigtitle .logotype .heading-wrapper{width:100%;position:relative;display:flex;flex-wrap:wrap}.bigtitle .logotype .heading-wrapper .hero{width:50%}.bigtitle .logotype .heading-wrapper .hero img{margin:5px 0;width:100%}.bigtitle .logotype .heading-wrapper .wod-run{width:50%}.bigtitle .logotype .heading-wrapper .wod-run img{margin-top:10px;width:120%}.bigtitle .graphic{width:48%;height:100%;position:relative;opacity:0;animation:fadeIn 2s ease .5s forwards}@media all and (max-width: 991px){.bigtitle .graphic{width:100%;max-width:550px;margin:0 auto;height:50vh}}.bigtitle .graphic .ng-logo{width:80%;max-width:220px;position:absolute;top:0;left:0;filter:drop-shadow(0 0 15px rgba(0, 0, 0, 0.4))}@media all and (max-width: 991px){.bigtitle .graphic .ng-logo{max-width:120px;left:0}}.bigtitle .graphic .mega-body-animation{width:90%;padding-top:120px;position:relative;transform-origin:top center;animation:SwimRotateIn 5s ease forwards}@media all and (max-width: 1400px){.bigtitle .graphic .mega-body-animation{padding-top:60px}}@media all and (max-width: 991px){.bigtitle .graphic .mega-body-animation{padding-top:30px}}.bigtitle .graphic .mega-body-animation .mega-body{width:100%;animation:FloatInWater 2s ease-in-out 5s infinite alternate;transform-style:preserve-3d}@keyframes FloatInWater{0%{padding-top:0px;transform:rotateX(0deg)}100%{padding-top:30px;transform:rotateX(15deg)}}@keyframes SwimRotateIn{0%{opacity:1;transform:rotate(30deg) translateX(-400px) translateY(-30px)}100%{transform:rotate(0deg) translateX(0px) translateY(0px);opacity:1}}.event-host{margin-top:5rem;text-align:left;position:absolute;width:120px;left:20px;bottom:30px;z-index:4;text-align:left;text-shadow:0 0px 10px rgba(0,0,0,.3)}@media all and (max-width: 991px){.event-host{bottom:10px;left:20px}}.event-host h4{font-size:.75rem;letter-spacing:1px;font-weight:normal;color:#fff}@media all and (max-width: 991px){.event-host h4{font-size:.75rem}}.event-host p{margin-top:.5rem;font-size:1.25rem;font-weight:bold;color:#fff}@media all and (max-width: 991px){.event-host p{margin-top:0;font-size:1rem}}@keyframes aboutBgLeft{0%{transform:perspective(550px) rotateY(0)}50%{transform:perspective(650px) rotateY(10deg)}100%{transform:perspective(550px) rotateY(0)}}.marine-bg{position:absolute;width:100%;height:100%;overflow:hidden;z-index:2}.marine-bg .deco{width:180px;height:180px;background-size:contain;background-repeat:no-repeat;position:absolute}@media all and (max-width: 991px){.marine-bg .deco{width:90px;height:90px}}.marine-bg .deco.manta-01{width:280px;height:280px;background-image:url(../img/deco/shape-manta01.png);left:calc(100% + 280px);top:50vh;animation:SwimToLeft 14s ease-in-out 3.5s infinite forwards}@media all and (max-width: 991px){.marine-bg .deco.manta-01{width:140px;height:140px}}.marine-bg .deco.manta-02{width:220px;height:220px;background-image:url(../img/deco/shape-manta02.png);right:30%;top:-300px;animation:SwimToRight 12s ease .5s infinite forwards}@media all and (max-width: 991px){.marine-bg .deco.manta-02{width:110px;height:110px}}.marine-bg .deco.animal-01{background-image:url(../img/deco/shape-fish01.png);background-position:bottom;background-size:100%;left:calc(100% + 280px);top:50vh;animation:SwimToLeft 14s ease-in-out 3s infinite forwards;transform-origin:center}.marine-bg .deco.animal-02{width:220px;height:220px;background-image:url(../img/deco/shape-fish02.png);background-size:50%;right:30%;top:-300px;animation:SwimToRight 10s ease 0s infinite forwards}@media all and (max-width: 991px){.marine-bg .deco.animal-02{width:110px;height:110px}}@keyframes SwimToRight{0%{right:30%;top:-300px;opacity:0}25%{opacity:.5}95%{right:-30%;top:600px;opacity:1}100%{right:-30%;top:600px;opacity:0}}@keyframes SwimToLeft{0%{left:calc(100% + 280px);top:50%;opacity:0;transform:rotate(-20deg)}50%{opacity:.9}75%{left:calc(0% - 280px);top:90%;opacity:1}100%{left:calc(0% - 280px);top:95%;opacity:0;transform:rotate(30deg)}}.animaiton{width:90%;height:30%;left:5%;position:absolute;transform-origin:center -20px;animation:spinAround 45s linear 0s 1 forwards}.animaiton.delay{animation:spinAround 30s linear 0s 1 forwards}.animaiton .figure{width:200px;height:120px;position:absolute;background-repeat:no-repeat;background-size:contain;z-index:1}.animaiton .figure.fish-01{width:240px;height:160px;background-image:url(../img/deco_manta01.png);left:18%;top:150px;animation:Swimming 2s linear 0s infinite forwards}@media all and (max-width: 991px){.animaiton .figure.fish-01{width:80px;left:5%;top:100px;z-index:3}}.animaiton .figure.fish-02{width:100px;background-image:url(../img/deco_manta02.png);left:5%;top:180px;animation:Swimming 2s linear .5s infinite forwards}@media all and (max-width: 991px){.animaiton .figure.fish-02{width:50px;height:50px;top:60px;left:0;z-index:3}}.animaiton .figure.fish-03{width:70px;background-image:url(../img/deco_manta03.png);left:10%;top:70px;animation:Swimming 3s linear 1s infinite forwards}@media all and (max-width: 991px){.animaiton .figure.fish-03{display:none}}.animaiton .figure.fish-04{width:150px;background-image:url(../img/deco_manta04.png);right:18%;top:200px;animation:Swimming 2s linear 0s infinite forwards}@media all and (max-width: 991px){.animaiton .figure.fish-04{width:100px;height:60px;top:120px;right:8%;z-index:3}}.animaiton .figure.fish-05{width:80px;height:80px;background-image:url(../img/deco_manta05.png);right:10%;top:90px;animation:Swimming 2.5s linear 1s infinite forwards}@media all and (max-width: 991px){.animaiton .figure.fish-05{display:none}}@keyframes spinAround{0%{transform:rotateX(0deg) rotateZ(0deg)}50%{transform:rotateX(0deg) rotateZ(-180deg)}100%{transform:rotateX(0deg) rotateZ(-360deg)}}@keyframes Swimming{0%{transform:rotateY(0deg)}50%{transform:rotateY(25deg)}100%{transform:rotateY(0deg)}}.page-qna{position:relative;background-image:url(../img/bg_undersea.jpg);background-position:center top;background-size:100%;background-repeat:no-repeat}@media all and (max-width: 991px){.page-qna{background-image:url(../img/bg_undersea_mo.jpg)}}#qna-mention{min-height:300px;padding-top:100px;position:relative}@media all and (max-width: 991px){#qna-mention{padding-top:50px}}#qna-mention .container{padding:60px 0 0;display:flex;text-align:center;flex-wrap:wrap;flex-direction:column;justify-content:center;text-align:center;z-index:3}#qna-mention .container h2,#qna-mention .container h3{color:#293a68}#qna-mention .container p{max-width:400px;margin:0 auto;color:#293a68}#qna-start{overflow-x:hidden}#qna-start .container{padding:0 0 100px}#qna-start .mega-intro{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#qna-start .mega-intro .box{width:calc(33% - 40px);height:390px;margin:20px}@media all and (max-width: 991px){#qna-start .mega-intro .box{width:calc(50% - 40px);max-width:330px}}@media all and (max-width: 750px){#qna-start .mega-intro .box{width:100%;margin:20px auto}}#qna-start .mega-intro .box .card-question,#qna-start .mega-intro .box .card-tips{padding:20px;box-sizing:border-box;background:#fff;color:#333;border-radius:10px;box-shadow:0 20px 20px 0 rgba(0,0,0,.1);position:relative;overflow:hidden}#qna-start .mega-intro .box .card-question .que,#qna-start .mega-intro .box .card-tips .que{font-size:1.125rem;line-height:1.5rem;text-align:justify;color:#333}#qna-start .mega-intro .box .card-question .que img,#qna-start .mega-intro .box .card-tips .que img{margin-bottom:1rem;display:block}#qna-start .mega-intro .box .card-question .ans-all a,#qna-start .mega-intro .box .card-tips .ans-all a{margin:10px 0;padding:8px 15px;text-align:center;line-height:1.25rem;border-radius:100px;color:#333;border:2px solid #ccc;display:block;transition:all .4s ease-in-out}#qna-start .mega-intro .box .card-question .ans-all a:hover,#qna-start .mega-intro .box .card-tips .ans-all a:hover{background:#e7f7ff;border:2px solid #7fc2ff;transition:all .4s ease-in-out}#qna-start .mega-intro .box .card-question button,#qna-start .mega-intro .box .card-tips button{outline:0;border:0}#qna-start .mega-intro .box .card-question button.show-tips,#qna-start .mega-intro .box .card-tips button.show-tips{width:112px;height:68px;background:url(../img/btn-tip.svg) no-repeat;position:absolute;right:0;top:0;z-index:3}#qna-start .mega-intro .box .card-question button.show-question,#qna-start .mega-intro .box .card-tips button.show-question{width:112px;height:68px;background:url(../img/btn-back.svg) no-repeat;position:absolute;right:0;top:0;z-index:3}#qna-start .mega-intro .box .card-question .btn-primary,#qna-start .mega-intro .box .card-tips .btn-primary{margin:20px auto;display:block}#qna-start .mega-intro .box .card-question.who-am-i,#qna-start .mega-intro .box .card-tips.who-am-i{padding:0}#qna-start .mega-intro .box .card-question.who-am-i img,#qna-start .mega-intro .box .card-tips.who-am-i img{width:100%;-o-object-fit:cover;object-fit:cover}#qna-start .mega-intro .box .card-tips{background:#256ec9;color:#fff}#qna-start .mega-intro .box .card-tips img{margin:1rem auto 2rem;display:block}#qna-start .mega-intro .box .card-tips p{margin-top:1rem;text-align:justify;letter-spacing:1px;font-size:1.125rem}#topic-hero{background-color:#eaf7fc;padding:90px 0 60px;background-image:url(../img/bg_wave_down.png);background-repeat:no-repeat;background-size:contain;background-position:center bottom}#topic-hero .topic-zone{position:relative;margin:0 auto;padding:0px 60px 20px;box-sizing:border-box;border-radius:30px;background-color:#fff;background-image:url(../img/deco-icon1.png),url(../img/deco-icon2.png);background-size:initial,initial;background-repeat:no-repeat,no-repeat;background-position:left 20px top 10px,right 20px top 10px;border:2px solid #8be0ee;border-radius:30px;overflow:visible;position:relative}@media all and (max-width: 991px){#topic-hero .topic-zone{padding:0px 30px 20px;background-size:25%,33%;background-position:left 10px top 10px,right 0 top 10px}}#topic-hero .topic-zone::after{content:"";width:100%;height:100%;position:absolute;left:12px;top:12px;border:2px solid rgba(139,224,238,.7);border-radius:30px;z-index:0}#topic-hero .hero-subtitle{width:-moz-fit-content;width:fit-content;padding:10px 20px;margin:-20px auto 0;font-size:1.5rem;font-weight:600;color:#00a8d4;border:2px solid #8be0ee;background:#f6fcff;display:block;position:relative;z-index:3}@media all and (max-width: 991px){#topic-hero .hero-subtitle{padding:6px 20px;font-size:1.25rem}}#topic-hero .headline{margin:40px 0 20px;font-size:2.25rem;font-weight:700;line-height:1.3;color:#2a6be4;text-align:center}#topic-hero .headline span{margin-left:1rem;display:inline-block;font-size:inherit}@media all and (max-width: 991px){#topic-hero .headline span{display:block;margin-left:0}}#topic-hero .hero-desc{margin:0 auto 30px;max-width:900px;font-size:1.125rem;line-height:1.5rem;color:#333;text-align:justify;letter-spacing:1px}@media all and (max-width: 991px){#topic-hero .hero-desc{font-size:1rem}}#topic-hero .topic-wrapper{display:flex;flex-wrap:wrap;align-items:center}#topic-hero .topic-wrapper .race-goal{width:calc(45% - 60px);margin:0 30px;padding:0 20px 40px;border:2px solid #8be0ee;border-radius:30px;color:#333;background-color:#fff}@media all and (max-width: 991px){#topic-hero .topic-wrapper .race-goal{width:90%;margin:0 auto}}@media all and (max-width: 750px){#topic-hero .topic-wrapper .race-goal{width:100%;margin:0 auto;padding:0 5px 20px}}#topic-hero .topic-wrapper .race-goal .content{width:90%;max-width:640px;margin:20px auto}@media all and (max-width: 991px){#topic-hero .topic-wrapper .race-goal .content{width:90%}}@media all and (max-width: 750px){#topic-hero .topic-wrapper .race-goal .content a{width:100%}}#topic-hero .topic-wrapper .race-goal h4{margin-top:1.5rem;color:#256ec9;font-weight:500;letter-spacing:1px}#topic-hero .topic-wrapper .race-goal p{margin:.5rem 0;font-weight:500;letter-spacing:1px}#topic-hero .topic-wrapper .race-animal{width:55%;margin-top:90px;padding:0 40px 20px;border:2px solid #8be0ee;background-color:#fff;border-radius:30px;position:relative}@media all and (max-width: 991px){#topic-hero .topic-wrapper .race-animal{width:100%;padding:0 20px 20px}}#topic-hero .topic-wrapper .race-animal::before{content:"";width:70%;height:100%;position:absolute;right:0;top:-120px;background-image:url(../img/deco-fish-shadow.png);background-size:contain;background-repeat:no-repeat;z-index:-1}#topic-hero .topic-wrapper .race-animal .hero-subtitle{margin:-20px 0 0}#topic-hero .topic-wrapper .race-animal h5{padding-top:40px;font-size:1.25rem;color:#256ec9}#topic-hero .topic-wrapper .race-animal h4{width:280px;font-size:3rem;font-weight:bold;margin:16px 0 8px;letter-spacing:2px;color:#256ec9}@media all and (max-width: 750px){#topic-hero .topic-wrapper .race-animal h4{font-size:1.75rem}}#topic-hero .topic-wrapper .race-animal h4 span{font-size:1.75rem;margin-top:.5rem;font-weight:normal;font-style:italic;color:#999;letter-spacing:2px;display:block}#topic-hero .topic-wrapper .race-animal .animal{width:50%;max-width:280px;position:absolute;right:9%;top:-70px;border-radius:50%;z-index:3}@media all and (max-width: 991px){#topic-hero .topic-wrapper .race-animal .animal{max-width:160px;top:-20px;right:2%}}#topic-hero .topic-wrapper .race-animal p{padding:30px 0 30px;color:#333;text-align:justify}@media all and (max-width: 750px){#topic-hero .topic-wrapper .race-animal p{width:100%;padding:0}}#race-souvenir{background-image:linear-gradient(155deg, #A7E7F1 2%, #256EC9 100%)}#race-souvenir .container h2{color:#256ec9}#race-souvenir .container>p{max-width:800px;margin:0 auto 30px;text-align:center;color:#333;text-align:center;font-size:1.125rem;letter-spacing:1px}@media all and (max-width: 991px){#race-souvenir .container>p{font-size:1rem}}#race-souvenir .tabs>ul{display:flex;flex-wrap:wrap;justify-content:center}#race-souvenir .tabs>ul>li{width:calc(33.3333333333% - 10px);max-width:220px;margin:0 5px 0;margin-bottom:0;background-color:#ababab;color:#fff;border-radius:5px 5px 0 0}#race-souvenir .tabs>ul>li.active{background-color:#256ec9}#race-souvenir .tabs>ul>li a{display:block;padding:10px;text-align:center;color:#fff;font-size:1.125rem}#race-souvenir .souvenir-content{padding:30px;box-sizing:border-box;background-color:#fff;border-radius:10px}@media all and (max-width: 991px){#race-souvenir .souvenir-content{padding:30px 20px}}#race-souvenir .souvenir-content h3{text-align:center;color:#333;font-weight:500;font-size:2rem;line-height:3rem}#race-souvenir .souvenir-content>p{text-align:center;color:#999}#race-souvenir .souvenir-content .gift-wrapper{display:flex;flex-wrap:wrap;margin-top:15px}#race-souvenir .souvenir-content .gift-wrapper .pic{width:calc(55% - 80px);margin:0 40px}@media all and (max-width: 991px){#race-souvenir .souvenir-content .gift-wrapper .pic{width:100%;max-width:400px;margin:0}}#race-souvenir .souvenir-content .gift-wrapper .pic img{width:100%;margin:0 auto}#race-souvenir .souvenir-content .gift-wrapper .list{width:45%;font-size:1rem;color:#333;font-weight:500}@media all and (max-width: 991px){#race-souvenir .souvenir-content .gift-wrapper .list{width:100%;max-width:400px}}#race-souvenir .souvenir-content .gift-wrapper .list h4{color:#256ec9;margin:1rem 0 .5rem}#race-souvenir .souvenir-content .gift-wrapper .list ul{padding-left:1.5rem}#race-souvenir .souvenir-content .gift-wrapper .list ul li{list-style:disc;margin:.25rem 0}#race-souvenir .souvenir-content .gift-wrapper .list .price{font-size:1rem;font-weight:bold;color:#333}#race-souvenir .souvenir-content .gift-wrapper .list .price em{font-size:2rem}#race-souvenir .souvenir-content .gift-wrapper .list .text-gray{color:#999}#race-souvenir .souvenir-content .gift-wrapper .list a{margin-top:20px}@media all and (max-width: 991px){#race-souvenir .souvenir-content .gift-wrapper .list a{width:100%}}#course-features{background-color:#eaf7fc}#course-features .container h2{margin-bottom:1rem}#course-features .container .course-map{background-image:url(../img/temp-map.jpg);background-size:cover;height:600px;border-radius:30px}@media all and (max-width: 991px){#course-features .container .course-map{height:450px}}#news{position:relative;z-index:2;background-color:#256ec9}#news .news-wrap{display:flex;flex-wrap:wrap;align-items:flex-end}#news .news-wrap h2{width:100%;margin:.5rem 0 1.5rem;color:#fff;text-align:center}#news .news-wrap h3{width:100%;text-align:center;color:#8be0ee;letter-spacing:10px}#news .news-wrap .zone-right-all{width:calc(50% - 20px);margin:0 10px;overflow:hidden;border-radius:30px;box-shadow:0 12px 12px 0 rgba(177,230,255,.37)}@media all and (max-width: 991px){#news .news-wrap .zone-right-all{width:90%;max-width:600px;margin:10px auto;border-radius:10px}}#news .news-wrap .zone-right-all .grid-row{width:100%;height:240px;overflow:hidden;position:relative;display:flex}@media all and (max-width: 991px){#news .news-wrap .zone-right-all .grid-row{height:200px}}#news .news-wrap .zone-right-all .grid-row.large{height:400px}@media all and (max-width: 991px){#news .news-wrap .zone-right-all .grid-row.large{height:200px}}#news .news-wrap .zone-right-all .grid-row .grid-col{width:50%;height:240px;overflow:hidden;position:relative}@media all and (max-width: 991px){#news .news-wrap .zone-right-all .grid-row .grid-col{height:200px}}#news .news-wrap p{width:100%;padding:0 24px;box-sizing:border-box;color:#fff;position:absolute;bottom:24px;left:0;z-index:3;text-align:justify;font-size:1.125rem;font-weight:500}@media all and (max-width: 991px){#news .news-wrap p{padding:0 16px;font-size:.875rem;line-height:1.125rem}}#news .news-wrap a{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;display:block;background-color:rgba(0,0,0,0)}#news .news-wrap a:hover{transition:all .4s ease-in-out}#news .news-wrap a:hover .icon-play{transform:scale(1.3);transition:all .4s ease-in-out}#news .news-wrap a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .4s ease-in-out;z-index:1}#news .news-wrap a img:hover{transform:scale(1.2);transition:all .4s ease-in-out}#news .news-wrap .icon-play{width:60px;height:60px;position:absolute;z-index:2;left:calc(50% - 30px);top:calc(50% - 30px);background-image:url(../img/icon/icon-play.svg);background-repeat:no-repeat;background-position:center;background-size:contain;transition:all .4s ease-in-out}#news .index-qa{margin:80px auto 30px;padding:30px;box-sizing:border-box;border:1px solid #8be0ee;border-radius:30px;color:#fff;background-image:url(../img/deco-icon1.png),url(../img/deco-icon2.png);background-repeat:no-repeat,no-repeat;background-size:initial,initial;background-position:left 20px top 10px,right 20px top 10px}@media all and (max-width: 991px){#news .index-qa{background-size:25%,30%;background-position:left 20px top 20px,right 20px top 20px}}#news .index-qa h3{margin:.5rem 0 1.5rem;text-align:center;font-size:3rem;color:#fff}#news .index-qa h4{width:30%;text-align:center;background-color:#256ec9;font-size:1.75rem;color:#8be0ee;margin:-44px auto 0;display:block}@media all and (max-width: 991px){#news .index-qa h4{width:70%;margin-bottom:30px}}#news .index-qa>p{max-width:620px;margin:0 auto;text-align:center;font-size:1.125rem;letter-spacing:1px}@media all and (max-width: 991px){#news .index-qa>p{padding-top:30px}}#news .index-qa .qa-wrap{display:flex;flex-wrap:wrap;margin:20px auto;justify-content:center}#news .index-qa .qa-wrap .que-box{width:calc(25% - 20px);margin:20px;padding:20px;box-sizing:border-box;background:#fff;color:#333;border-radius:20px;box-shadow:5px 5px 0 0 rgba(0,0,0,.2);line-height:1.5rem;text-align:left;transition:transform .6s ease,opacity .6s ease;animation:qaFocus 6s infinite;opacity:.4;position:relative}@media all and (max-width: 750px){#news .index-qa .qa-wrap .que-box{width:100%;max-width:300px;margin:5px;padding:10px 20px}}#news .index-qa .qa-wrap .que-box:nth-child(1){animation-delay:0s}#news .index-qa .qa-wrap .que-box:nth-child(2){animation-delay:2s}#news .index-qa .qa-wrap .que-box:nth-child(3){animation-delay:4s}#news .index-qa .qa-wrap .que-box p{margin:10px auto;text-align:center;color:#129597}#news .index-qa .qa-wrap .que-box a{position:absolute;width:100%;height:100%;left:0;top:0;display:block}@keyframes qaFocus{0%{transform:scale(0.95);opacity:.4}10%{transform:scale(1.05);opacity:1}35%{transform:scale(1.05);opacity:1}40%{transform:scale(0.95);opacity:.4}100%{transform:scale(0.95);opacity:.4}}#event{box-sizing:border-box;position:relative;z-index:2;background-image:url(../img/bg_wave_top.png);background-position:top center;background-repeat:no-repeat;background-size:contain;background-color:#eaf7fc}#event .container{overflow:visible}#event .container h2{margin-bottom:1rem}#event .container .event-wall-wrap{width:100%;overflow:hidden;border-radius:30px;box-shadow:0 20px 20px 0 rgba(0,0,0,.1)}#event .container .event-wall-wrap .swiper-container{width:100%;margin:0 auto}#event .event-card{padding:30px 30px 100px;overflow:hidden;background:#fff;display:flex;flex-wrap:wrap}@media all and (max-width: 991px){#event .event-card{padding:20px 20px 100px}}#event .event-card .cover{width:50%;border-radius:20px;overflow:hidden}@media all and (max-width: 991px){#event .event-card .cover{width:100%}}#event .event-card .cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#event .event-card .intro{width:50%;padding:40px 40px 0;box-sizing:border-box}@media all and (max-width: 991px){#event .event-card .intro{width:100%;padding:15px 0 0}}#event .event-card .intro p{margin-top:.5rem;font-size:1rem;line-height:1.5rem;text-align:justify;color:#666}#event .event-card .intro p.title{font-size:1.25rem;line-height:1.875rem;color:#000;font-weight:500;text-align:left}#event .event-card .intro a{width:100%;margin:20px 0 0;padding:0;display:block;line-height:50px;text-align:center;font-size:1.125rem;letter-spacing:2px;color:#00a8d4;background:#fff;border:2px solid #00a8d4;border-radius:30px;transition:all .4s ease-in-out}#event .event-card .intro a:hover{background:#00a8d4;border:2px solid #00a8d4;color:#fff;transition:all .4s ease-in-out}#sponsor{background-color:#eaf7fc}#sponsor .container{padding:30px 0 0;display:flex;flex-wrap:wrap;overflow:hidden}#sponsor .container h3{margin:0px auto 10px;color:#293a68}#sponsor .container ul{width:100%;margin-bottom:30px;text-align:center;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center}@media all and (max-width: 991px){#sponsor .container ul{width:100%}}#sponsor .container ul.justifyTop{align-items:flex-start}#sponsor .container ul li{width:calc(25% - 20px);max-width:240px;margin:10px 10px;text-align:left;color:#6e5a40}@media all and (max-width: 991px){#sponsor .container ul li{width:calc(50% - 20px);margin:0 5px}}#sponsor .container ul li.narrow{max-width:210px}@media all and (max-width: 991px){#sponsor .container ul li.narrow{width:120px}}#sponsor .container ul li.slim{max-width:160px}@media all and (max-width: 991px){#sponsor .container ul li.slim{width:120px}}#sponsor .container ul li.wider{max-width:initial;width:280px}@media all and (max-width: 991px){#sponsor .container ul li.wider{width:160px}}#sponsor .container ul li img{width:100%}.page-rule{position:relative;background-image:url(../img/kv_bg_mo.jpg);background-size:100%;background-attachment:fixed;background-repeat:no-repeat;background-color:#256ec9}@media all and (max-width: 991px){.page-rule{background-size:cover}}.page-rule>.container{padding-top:120px;padding-bottom:120px;z-index:3;display:flex;flex-wrap:wrap;align-items:flex-start;position:relative}.page-rule>.container h2{width:100%;margin-bottom:30px;color:#fff}@media all and (max-width: 991px){.page-rule>.container h2 .break-line{display:block}}.page-rule>.container .content-short-cut{width:180px;height:280px;margin-right:30px;text-align:right}@media all and (max-width: 1200px){.page-rule>.container .content-short-cut{width:160px;margin-right:40px}}@media all and (max-width: 991px){.page-rule>.container .content-short-cut{width:100%;height:initial;margin:0 0 20px}}.page-rule>.container .content-short-cut ul{position:fixed;z-index:2}@media all and (max-width: 991px){.page-rule>.container .content-short-cut ul{display:flex;flex-wrap:wrap;position:relative}}.page-rule>.container .content-short-cut ul::after{content:"";width:3px;height:100%;position:absolute;right:0;top:0;border-radius:5px;background-image:linear-gradient(180deg, #FFFFFF 2%, #ffcc00 100%)}@media all and (max-width: 991px){.page-rule>.container .content-short-cut ul::after{right:initial;left:0}}.page-rule>.container .content-short-cut ul li{padding:10px 20px 20px 0}@media all and (max-width: 991px){.page-rule>.container .content-short-cut ul li{width:50%;padding:10px 0 15px;text-align:center;background-color:rgba(0,0,0,.2)}}.page-rule>.container .content-short-cut ul li a{color:#fff;letter-spacing:2px;text-align:right;display:inline-block;font-weight:500;font-size:1.25rem;text-shadow:0 2px 4px rgba(0,0,0,.2);border:0;transition:all .4s ease-in-out}@media all and (max-width: 991px){.page-rule>.container .content-short-cut ul li a{text-align:center;letter-spacing:0}}.page-rule>.container .content-short-cut ul li a:hover,.page-rule>.container .content-short-cut ul li a.active{transition:all .4s ease-in-out;cursor:pointer;color:#fc0;text-shadow:0 2px 4px hsla(0,0%,100%,.7)}.page-rule>.container .content-right{width:calc(100% - 220px);padding-bottom:90px;text-align:left;position:relative}@media all and (max-width: 1200px){.page-rule>.container .content-right{width:calc(100% - 200px)}}@media all and (max-width: 991px){.page-rule>.container .content-right{width:100%}}.page-rule>.container .content-right h3{text-align:center;color:#333;font-weight:bold}.page-rule>.container .content-right section{min-height:initial;margin:0 auto 20px;padding:15px 30px 30px;border-radius:10px;background:#fff;box-shadow:0 20px 20px 0 rgba(0,0,0,.1);position:relative}@media all and (max-width: 991px){.page-rule>.container .content-right section{padding:15px}}#rule-intro{position:relative}#rule-intro h4{margin:10px 0 5px;font-size:1rem;text-align:left;color:#888;letter-spacing:2px}#rule-intro p{margin-bottom:1rem;line-height:1.5rem;text-align:justify;letter-spacing:1px}#rule-intro p span{font-weight:bold}#rule-intro p em{color:#da7200}#rule-intro ul{margin-left:1.25rem}#rule-intro ul li{margin:0 0 10px;list-style:square}#rule-intro ul li span{color:#129597}#rule-intro .schedule-table{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:16px}#rule-intro .schedule-table th,#rule-intro .schedule-table td{padding:10px 10px;border:1px solid #fff;line-height:1.2rem;background-color:#efefef;color:#333;vertical-align:middle}@media all and (max-width: 750px){#rule-intro .schedule-table th,#rule-intro .schedule-table td{padding:5px 6px;font-size:.875rem}}#rule-intro .schedule-table thead th:first-child,#rule-intro .schedule-table tbody td:first-child{background-color:#00a8d4;color:#fff;width:16%}#rule-intro .schedule-table thead th:not(:first-child){background-color:#129597;font-weight:500;color:#fff}#rule-intro .schedule-table thead th{color:#fff}#rule-intro .btn-secondary{width:200px;margin:0 0 20px}#rule-timestamp .time-table{margin:10px auto}#rule-timestamp .time-table .row{width:100%;text-align:center;display:flex;justify-items:center}#rule-timestamp .time-table .td{width:64%;padding:6px;text-align:center;color:#333;border-right:1px solid #fff;border-bottom:1px solid #fff;font-weight:normal;background:#efefef;letter-spacing:2px}@media all and (max-width: 991px){#rule-timestamp .time-table .td{padding:6px 0;letter-spacing:1px;font-size:.75rem}}#rule-timestamp .time-table .td:first-of-type{width:36%;color:#fff;background:#00a8d4;font-weight:normal}#rule-timestamp .time-table .td.betitle{width:100%}#rule-timestamp .time-table .td.highlight{background:#fc0;color:#333}#rule-timestamp .virtual-step-wrap{margin-bottom:15px;display:flex;flex-wrap:wrap}#rule-timestamp .virtual-step-wrap span{width:30px;height:30px;padding:6px;box-sizing:border-box;margin-right:10px;display:block;background-color:#9ab449;color:#fff;font-weight:bold;text-align:center;border-radius:50px}#rule-timestamp .virtual-step-wrap p{width:calc(100% - 50px)}#rule-timestamp .virtual-step-wrap p em{color:#129597;font-size:1.25rem;font-weight:bold}#rule-route .route-wrap{display:flex;flex-wrap:wrap}#rule-route .route-wrap .map{width:calc(50% - 20px);margin-top:10px}@media all and (max-width: 991px){#rule-route .route-wrap .map{width:100%;margin:10px 0}}#rule-route .route-wrap .map:first-of-type{margin-right:20px}@media all and (max-width: 991px){#rule-route .route-wrap .map:first-of-type{margin:10px 0}}#rule-route .route-wrap .map a{display:block}#rule-route .route-wrap .map a img{width:100%;padding-bottom:10px}#rule-route .route-wrap .map p{margin-top:10px;font-size:.875rem;line-height:1.25rem;color:#999}#rule-route .route-wrap .map .btn-secondary{margin:10px 0}#rule-route h4{font-weight:bold;color:#129597}#rule-route ul{margin-left:1.5rem;list-style:disc}#rule-delivery ul{padding-left:1.5rem;font-size:16px;text-align:justify;color:#333}#rule-delivery ul li{list-style:decimal;padding-left:.5rem}#rule-delivery ul li em{color:#ff743e}#rule-delivery table{width:100%;max-width:600px;text-align:center;border:0}#rule-delivery table.delivery-fee{margin-bottom:15px}#rule-delivery table.delivery-fee tr{background:#eee}#rule-delivery table.delivery-fee tr:first-child{background:#00a8d4;color:#fff}#rule-delivery table.delivery-fee tr td{padding:2px 2px;border-bottom:1px solid #fff;border-right:1px solid #fff;font-size:.875rem}@media all and (max-width: 750px){#rule-delivery table.delivery-fee tr td span{display:block}}#rule-traffic h4{margin-top:1.5rem;font-weight:500;line-height:2rem}#rule-traffic h4:first-of-type{margin-top:0}#rule-traffic h4 img{width:28px;margin-bottom:-6px;margin-right:10px}#rule-traffic .parking-warp{display:flex;flex-wrap:wrap}#rule-traffic .parking-warp iframe{width:100%;height:380px;margin-right:20px}#rule-traffic .parking-warp .parking-lot{width:calc(50% - 20px)}#rule-traffic .parking-warp .parking-lot img{width:100%}#rule-traffic p{margin:.5rem 0}#rule-traffic p em{color:#ff743e}#rule-traffic .way-to .more-bus{padding:0 10px;border:2px solid #00a8d4;color:#00a8d4;border-radius:20px;font-size:.8125rem;line-height:1.2rem;display:inline-block;cursor:pointer;transition:all .4s ease-in-out}#rule-traffic .way-to .more-bus:hover{background:#00a8d4;color:#fff;transition:all .4s ease-in-out}#rule-traffic .way-to .more-expand{display:none;margin:10px 0;padding:10px;border-radius:5px;font-size:.875rem;background:#eee;color:#555}#rule-traffic .way-to .more-expand.active{display:block}#rule-traffic .shuttle-bus{width:100%;margin-top:1rem}#rule-traffic .shuttle-bus tr td{padding:10px;font-size:.875rem;background-color:#eee;border-bottom:2px solid #fff;vertical-align:middle}#rule-traffic .shuttle-bus tr td.distance{background-color:#293a68;color:#fff;font-weight:500;text-align:center;min-width:80px}#rule-traffic .shuttle-bus tr td.distance.short{background-color:#77abc4}#rule-traffic .shuttle-bus tr td ul li{margin:0;color:#333;list-style-type:disc}#rule-traffic ul{padding-left:1.5rem}#rule-traffic ul.dot li{list-style-type:disc;margin:0;font-size:.875rem}#rule-traffic ul li{color:#333;text-align:justify;list-style-type:decimal}#rule-traffic ul li em{font-weight:bold}#rule-notice{background:none;padding:0;box-shadow:none}#rule-notice h3{margin:30px auto 10px;color:#fff}#rule-notice ul li{margin:0}#rule-notice .qa-paper{width:100%;position:relative;z-index:2}#rule-notice .qa-paper .mag-qu{width:100%;padding:12px 20px 3px;border-radius:10px 10px 0 0;letter-spacing:2px;font-size:1rem;font-weight:500;line-height:1.6rem;background:#00a8d4;color:#fff;position:relative;cursor:pointer;box-sizing:border-box;border-bottom:1px solid #fff}@media all and (max-width: 991px){#rule-notice .qa-paper .mag-qu{font-size:.75rem}}#rule-notice .qa-paper .mag-qu .mag-qu-text{width:calc(100% - 30px);float:left}#rule-notice .qa-paper .mag-qu .mag-qu-triangle{width:30px;text-align:center;float:right}#rule-notice .qa-paper .mag-qu .mag-qu-triangle.triangle-down{display:none}#rule-notice .qa-paper .mag-qu .mag-qu-triangle.triangle-up{display:block}#rule-notice .qa-paper .mag-qu:after{content:"";display:table;clear:both}#rule-notice .qa-paper .mag-an{width:100%;margin-bottom:10px;padding:20px;box-sizing:border-box;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 20px 20px 0 rgba(0,0,0,.1)}@media all and (max-width: 991px){#rule-notice .qa-paper .mag-an{padding:10px;font-size:.75rem}}#rule-notice .qa-paper .mag-an p{font-size:1rem;color:#333}#rule-notice .qa-paper .mag-an p.sm-word{margin-bottom:15px;font-size:14px}#rule-notice .qa-paper .mag-an ol{margin-left:2.5rem}#rule-notice .qa-paper .mag-an ol.num>li{list-style:decimal;font-family:"Roboto","Noto Sans TC",sans-serif;font-size:1rem;margin-left:-20px;margin-bottom:15px;color:#333}#rule-notice .qa-paper .mag-an ol.num>li strong{font-weight:700;margin-bottom:10px}#rule-notice .qa-paper .mag-an ol.num>li ol li{margin-bottom:0}#rule-notice .qa-paper .mag-an ol.square{margin-left:1.5rem}#rule-notice .qa-paper .mag-an ol.square>li{list-style:square;font-family:"Roboto","Noto Sans TC",sans-serif}#rule-notice .qa-paper .mag-an ol.alpha{margin-left:1.5rem}#rule-notice .qa-paper .mag-an ol.alpha>li{list-style-type:upper-alpha;font-family:"Roboto","Noto Sans TC",sans-serif}#rule-notice .qa-paper .mag-an ol.roman{margin-left:1.5rem}#rule-notice .qa-paper .mag-an ol.roman>li{list-style:upper-roman;font-family:"Roboto","Noto Sans TC",sans-serif}#rule-notice .qa-paper .mag-an ol em{font-weight:bold}.page-gift{background-image:url(../img/bg_sea_empty.jpg);background-size:100%;background-repeat:no-repeat;background-color:#256ec9;position:relative}@media all and (max-width: 991px){.page-gift{background-image:url(../img/kv_bg_mo.jpg);background-size:contain}}#rule-group{padding-top:90px;overflow-x:hidden;position:relative}#rule-group .container{overflow:hidden}#rule-group .container h2{margin-bottom:.5rem;color:#fff}#rule-group .container p{margin-bottom:1rem;text-align:center;font-weight:500;color:#fff}#rule-group .one-group-wrap{margin:20px auto;padding:20px 0;display:flex;flex-wrap:wrap;background:#fff;box-shadow:0 20px 20px 0 rgba(0,0,0,.1);border-radius:10px}#rule-group .one-group-wrap:first-of-type{margin-top:40px;position:relative;z-index:0}#rule-group .one-group-wrap .group-intro{width:calc(74% - 320px);margin:0 10px;box-sizing:border-box}@media all and (max-width: 991px){#rule-group .one-group-wrap .group-intro{width:100%;padding-bottom:15px;margin-bottom:15px;border-bottom:3px dashed #dadada}}#rule-group .one-group-wrap .group-intro .tag{margin-left:-10px;padding:2px 20px;font-size:1.875rem;font-weight:bold;color:#fff;position:relative}#rule-group .one-group-wrap .group-intro .tag>span{font-size:1rem}#rule-group .one-group-wrap .group-intro .tag.tag-4k{background-color:#ffa645}#rule-group .one-group-wrap .group-intro .tag.tag-4k::after{content:"";width:0;height:0;border-style:solid;border-width:43px 22px 0 0;border-color:#ffa645 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;right:-22px;top:0}#rule-group .one-group-wrap .group-intro .tag.tag-11k{background-color:#00a8d4}#rule-group .one-group-wrap .group-intro .tag.tag-11k::after{content:"";width:0;height:0;border-style:solid;border-width:43px 22px 0 0;border-color:#00a8d4 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;right:-22px;top:0}#rule-group .one-group-wrap .group-intro .tag.tag-4k2p{background-color:#3f9495}#rule-group .one-group-wrap .group-intro .tag.tag-4k2p::after{content:"";width:0;height:0;border-style:solid;border-width:43px 22px 0 0;border-color:#3f9495 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;right:-22px;top:0}#rule-group .one-group-wrap .group-intro p{margin:15px 0 5px;padding:0 20px;text-align:left;font-size:1.125rem;font-weight:bold;color:#333}#rule-group .one-group-wrap .group-intro p .note{font-size:1rem;font-weight:normal}#rule-group .one-group-wrap .group-intro p.rule{margin:0;font-size:1rem;font-weight:normal;color:#666}#rule-group .one-group-wrap .group-intro ul{margin-left:2.75rem;margin-bottom:1rem}#rule-group .one-group-wrap .group-intro ul li{margin:0;font-size:1rem;color:#333;list-style:disc}#rule-group .one-group-wrap .group-pic{width:280px;margin:0 20px 0 0}@media all and (max-width: 991px){#rule-group .one-group-wrap .group-pic{width:100%;max-width:320px;margin:10px auto}}#rule-group .one-group-wrap .group-pic img{width:100%;max-width:280px;margin:0 auto;display:block}@media all and (max-width: 991px){#rule-group .one-group-wrap .group-pic img{margin:0 auto 10px}}#rule-group .one-group-wrap .group-price{width:26%;text-align:center;display:flex;flex-direction:column;justify-content:center;border-left:3px dashed #dadada}@media all and (max-width: 991px){#rule-group .one-group-wrap .group-price{width:100%;border-left:0}}#rule-group .one-group-wrap .group-price p{text-align:center;color:#333;border-bottom:3px solid #fff}#rule-group .one-group-wrap .group-price p em{margin-left:3px;font-size:2rem;color:inherit}#rule-group .one-group-wrap .group-price a{margin:0 20px;padding:10px 25px}#gift-intro .container{overflow:hidden;padding-top:0}#gift-intro .container h1,#gift-intro .container h2{text-align:center;color:#fff}#gift-intro .container>p{text-align:center;color:#fff}#gift-intro .container>p a{color:#ff743e}#gift-intro .container>ul{margin-top:10px;display:flex;flex-wrap:wrap}#gift-intro .container>ul>li{width:calc(50% - 20px);padding:15px;box-sizing:border-box;border-radius:10px;background-color:#fff}@media all and (max-width: 991px){#gift-intro .container>ul>li{padding:15px 10px}}#gift-intro .container>ul>li:nth-child(odd){margin-right:20px}#gift-intro .container>ul>li.full-row{width:calc(100% - 20px);margin:15px 0}#gift-intro .container>ul>li .tag{width:50%;max-width:170px;margin-left:-10px;padding:5px 0;text-align:center;background-color:#00a8d4;color:#fff;font-size:1.125rem;font-weight:500;letter-spacing:1px;position:relative}#gift-intro .container>ul>li .tag::after{content:"";width:0;height:0;border-style:solid;border-width:34px 22px 0 0;border-color:#00a8d4 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;right:-21px;top:0}#gift-intro .container>ul>li .tag.basic{background-color:#ff743e}#gift-intro .container>ul>li .tag.basic::after{border-color:#ff743e rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}#gift-intro .container>ul>li .tag.family{background-color:#129597}#gift-intro .container>ul>li .tag.family::after{border-color:#129597 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}#gift-intro .container>ul>li .info{float:left;width:calc(100% - 190px);margin-left:10px;padding-top:12px}#gift-intro .container>ul>li .info h4{font-size:1.375rem;font-weight:bold;color:#333;margin-bottom:10px}#gift-intro .container>ul>li .info h4 span{font-size:14px;font-weight:normal}#gift-intro .container>ul>li .info .highlight{color:#ff5b5b;font-weight:500}#gift-intro .container>ul>li .info>p{font-size:1rem;line-height:1.45rem;color:#666}#gift-intro .container>ul>li .info>ul{margin-top:15px}#gift-intro .container>ul>li .info>ul.adjust-space{margin-bottom:20px}#gift-intro .container>ul>li .info>ul>li{margin:8px 0;position:relative;padding-left:16px;font-size:1rem;line-height:1.25;color:#333}#gift-intro .container>ul>li .info>ul>li::before{display:block;content:"";width:6px;height:6px;background-color:#fc0;position:absolute;top:6px;left:0}#gift-intro .container>ul>li .pic{float:left;width:180px;transition:all .4s ease-in-out}@media all and (max-width: 750px){#gift-intro .container>ul>li .pic{width:100%}}#gift-intro .container>ul>li .pic img{width:100%}@media all and (max-width: 750px){#gift-intro .container>ul>li .pic img{width:180px;display:block;margin:10px auto}}#gift-intro .container>ul>li .pic a{display:block;border-radius:100%;position:relative}#gift-intro .container>ul>li .pic a::after{content:" ";position:absolute;width:24px;height:24px;background:url(../img/icon/icon-zoom.svg) center no-repeat;background-size:cover;bottom:0;right:0;transition:all .4s ease-in-out}@media all and (max-width: 750px){#gift-intro .container>ul>li .pic a::after{right:25%}}#gift-intro .container>ul>li .pic:hover a{background-color:#e2f1f8;box-sizing:border-box}@media all and (max-width: 750px){#gift-intro .container>ul>li .pic:hover a{background-color:rgba(0,0,0,0)}}#gift-intro .container>ul>li .pic:hover a::after{transform:scale(1.5);transition:all .4s ease-in-out}@media all and (max-width: 1200px){#gift-intro .container>ul>li{float:initial;height:initial;width:calc(100% - 1rem);max-width:720px;margin:15px auto}#gift-intro .container>ul>li:nth-child(odd){margin-right:auto}#gift-intro .container>ul>li.full-row{width:calc(100% - 1rem);max-width:720px;margin:15px auto}#gift-intro .container>ul>li:nth-child(7),#gift-intro .container>ul>li:nth-child(8){height:auto}}@media all and (max-width: 750px){#gift-intro .container>ul>li .info{float:initial;width:100%}#gift-intro .container>ul>li .img{float:initial;width:100%;margin-left:0;padding-top:20px}#gift-intro .container>ul>li .img img{width:60%;display:block;margin:0 auto}}#gift-intro .container>ul:after{display:table;content:"";width:0;clear:both}#gift-intro .container>ol{padding-left:1.5rem}#gift-intro .container>ol li{line-height:1.6rem;list-style-type:decimal !important}.page-clean{background-image:url(../img/bg_clean.jpg);background-repeat:no-repeat;background-position:center top;background-size:100%;background-attachment:fixed;background-color:#084675;position:relative;overflow-x:hidden}@media all and (max-width: 991px){.page-clean{background-image:url(../img/bg_clean_mo.jpg)}}.page-clean .coral-left{width:24%;position:absolute;left:0;top:240px}@media all and (max-width: 991px){.page-clean .coral-left{width:40%;left:-60px}}.page-clean .coral-right{width:24%;position:absolute;right:-60px;top:350px}@media all and (max-width: 991px){.page-clean .coral-right{width:50%;right:0px;top:300px}}.page-clean .bolbo{width:28%;box-sizing:border-box;transform:rotate(-25deg);position:absolute;right:5%;top:150px;animation:ComeRightFish 5s ease 0s 1 forwards;opacity:0}@media all and (max-width: 1200px){.page-clean .bolbo{right:-20px}}@media all and (max-width: 991px){.page-clean .bolbo{top:250px}}.page-clean .figure{position:absolute;background-repeat:no-repeat;background-size:contain;z-index:1;transform-origin:left top}.page-clean .figure.fish-01{width:60px;height:40px;background-image:url(../img/clean_fish01.png);left:230px;top:120px;animation:ComeLeftFish 1s ease .4s 1 forwards;opacity:0}@media all and (max-width: 991px){.page-clean .figure.fish-01{width:5%;left:0}}.page-clean .figure.fish-02{width:10%;height:90px;background-image:url(../img/clean_fish02.png);left:20%;top:220px;animation:ComeLeftFish 1.2s ease 0s 1 forwards;opacity:0}@media all and (max-width: 991px){.page-clean .figure.fish-02{left:20px}}.page-clean .figure.fish-03{width:60px;height:40px;background-image:url(../img/clean_fish03.png);left:60px;top:150px;animation:ComeLeftFish 1.2s ease .2s 1 forwards;opacity:0}@media all and (max-width: 991px){.page-clean .figure.fish-03{display:none}}@keyframes ComeRightFish{0%{opacity:0;padding-left:60px}20%{opacity:1}100%{opacity:1;padding-left:0}}@keyframes ComeLeftFish{0%{opacity:0;margin-left:0;transform:scale(0.5)}100%{opacity:1;margin-left:30px;transform:scale(1)}}.clean-concept{padding:180px 0 30px;text-align:center;position:relative}@media all and (max-width: 991px){.clean-concept{padding:120px 0 30px}}.clean-concept .topic{width:50%;max-width:440px;min-width:240px;margin:0 auto}.clean-concept .topic .ng{width:80%}.clean-concept .topic .wave{width:18%}.clean-concept .topic .t1{margin:10px auto;width:100%}.clean-concept .topic .clean-action{height:5rem;margin:0 auto;line-height:5rem;font-size:3.25rem;letter-spacing:1px;font-weight:bold;color:#004098;background-image:url(../img/bg_bubble.png);background-size:contain;background-repeat:no-repeat;background-position:center}@media all and (max-width: 991px){.clean-concept .topic .clean-action{height:4rem;line-height:4rem;font-size:2.25rem}}.clean-concept .concept-wrap{margin:40px 0 40px;display:flex;flex-wrap:wrap;align-items:center}.clean-concept .concept-wrap .concept-pic{width:calc(50% - 60px);margin:0 30px}@media all and (max-width: 991px){.clean-concept .concept-wrap .concept-pic{width:100%;margin:30px 0 0}}.clean-concept .concept-wrap .concept-pic img{width:100%}.clean-concept .concept-wrap .concept-text{width:50%;text-align:left}@media all and (max-width: 991px){.clean-concept .concept-wrap .concept-text{width:100%;margin:30px 0 0}}.clean-concept .concept-wrap .concept-text h3{color:#fff;font-size:2rem;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.clean-concept .concept-wrap .concept-text h4{margin:1rem 0;color:#37fbff;font-size:1.25rem;font-weight:bold;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.clean-concept .concept-wrap .concept-text p{margin:1rem 0;letter-spacing:1px;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.clean-concept .concept-wrap .concept-text p em{color:#fc0}.clean-concept .concept-wrap .concept-text p a{margin-bottom:4px;color:#fc0;border-bottom:1px solid #fc0;display:inline-block}.clean-concept .concept-wrap .concept-text .btn-secondary{width:240px;margin:20px 0;display:block;line-height:1.5rem;border:2px solid #37fbff;color:#37fbff}.clean-info{padding:30px 0;background-image:linear-gradient(210deg, #14589a 0%, #1cafb9 20%, #ace4ff 50%, #004579 75%)}.clean-info .container{padding:0;display:flex;flex-wrap:wrap}.clean-info .container .deco-title{width:100%;color:#fff;display:flex;align-items:center;justify-content:center}.clean-info .container .deco-title img{margin:0}.clean-info .container .content-short-cut{width:180px;height:280px;margin-right:30px;text-align:right;position:relative}@media all and (max-width: 1200px){.clean-info .container .content-short-cut{width:160px;margin-right:40px}}@media all and (max-width: 991px){.clean-info .container .content-short-cut{width:100%;height:initial;margin:0 0 20px}}.clean-info .container .content-short-cut ul{z-index:2}@media all and (max-width: 991px){.clean-info .container .content-short-cut ul{display:flex;flex-wrap:wrap;position:relative}}.clean-info .container .content-short-cut ul::after{content:"";width:3px;height:100%;position:absolute;right:0;top:0;background-image:linear-gradient(180deg, #FFFFFF 2%, rgba(255, 255, 255, 0) 98%)}@media all and (max-width: 991px){.clean-info .container .content-short-cut ul::after{right:initial;left:0}}.clean-info .container .content-short-cut ul li{margin:0;padding:10px 20px 20px 0}@media all and (max-width: 991px){.clean-info .container .content-short-cut ul li{width:50%;padding:10px 0 15px;text-align:center;background-color:rgba(0,0,0,.2)}}.clean-info .container .content-short-cut ul li a{color:#fff;letter-spacing:3px;text-align:right;display:inline-block;transition:all .4s ease-in-out;border:0}@media all and (max-width: 991px){.clean-info .container .content-short-cut ul li a{text-align:center;letter-spacing:0}}.clean-info .container .content-short-cut ul li a:hover,.clean-info .container .content-short-cut ul li a.active{color:#fc0;transition:all .4s ease-in-out;cursor:pointer}.clean-info .container .content-right{width:calc(100% - 210px);text-align:left;position:relative}@media all and (max-width: 1200px){.clean-info .container .content-right{width:calc(100% - 200px)}}@media all and (max-width: 991px){.clean-info .container .content-right{width:100%}}.clean-info .container .content-right section{margin:10px 0 30px;padding:30px;box-sizing:border-box;border-radius:20px;background:#fff;box-shadow:0 20px 20px 0 rgba(0,0,0,.1);position:relative}.clean-info .container .content-right h3{text-align:center;color:#333}.clean-info #rule-intro::after{display:none}.clean-info #rule-howto>h4{margin:10px 0 5px;font-size:1rem;text-align:left;color:#888;letter-spacing:2px}.clean-info #rule-howto p{margin-bottom:1rem;line-height:1.5rem;text-align:justify;letter-spacing:1px}.clean-info #rule-howto p em{color:#293a68;font-weight:700}.clean-info #rule-howto p .em-color{color:#ff743e}.clean-info #rule-howto ul{margin-left:1rem}.clean-info #rule-howto ul.dot{margin-left:1.5rem}.clean-info #rule-howto ul.dot li{list-style:disc}.clean-info #rule-howto ul li{list-style:none}.clean-info #rule-howto .gift-box{margin:10px 0 30px;padding:10px;box-sizing:border-box;background:#e9fbff;display:flex;flex-wrap:wrap;align-items:center}.clean-info #rule-howto .gift-box img{width:100%;max-width:180px;margin:0 auto;border-radius:50%;overflow:hidden}@media all and (max-width: 991px){.clean-info #rule-howto .gift-box img{max-width:240px}}.clean-info #rule-howto .gift-box .des{width:48%;padding:0 20px;box-sizing:border-box;border-right:1px dashed #dadada;color:#666;line-height:1.5rem}@media all and (max-width: 991px){.clean-info #rule-howto .gift-box .des{width:100%;margin:10px auto;padding-bottom:1rem;border-right:0;border-bottom:1px dashed #dadada}}.clean-info #rule-howto .gift-box .des h4{font-size:1.25rem;font-weight:bold;color:#293a68}.clean-info #rule-howto .gift-box .des h4 span{font-size:1rem;font-weight:normal}.clean-info #rule-howto .gift-box .des ul li{margin:8px 0;position:relative;padding-left:16px;font-size:1rem;line-height:1.25;color:#333}.clean-info #rule-howto .gift-box .des ul li::before{display:block;content:"";width:6px;height:6px;background-color:#fc0;position:absolute;top:6px;left:0}.clean-info #rule-howto .gift-box .callto{width:calc(50% - 180px);padding:0 10px;box-sizing:border-box;text-align:center;color:#666;line-height:1.5rem}@media all and (max-width: 991px){.clean-info #rule-howto .gift-box .callto{width:100%;margin:10px auto}}.clean-info #rule-howto .gift-box .callto .btn-secondary{margin:10px auto}@media all and (max-width: 991px){.clean-info #rule-howto .gift-box .callto .btn-secondary{width:100%;display:block}}.clean-info #rule-howto .apply-step{width:100%;margin:20px 0}.clean-info #rule-howto .apply-step tr td{padding:10px;font-size:1rem;background-color:#eee;border-bottom:2px solid #fff;vertical-align:middle;line-height:1.5rem}@media all and (max-width: 991px){.clean-info #rule-howto .apply-step tr td{padding:5px;font-size:.875rem}}.clean-info #rule-howto .apply-step tr td.subtitle{background-color:#293a68;color:#fff;font-weight:500;text-align:center;min-width:80px}@media all and (max-width: 991px){.clean-info #rule-howto .apply-step tr td.subtitle{min-width:50px}}.clean-info #rule-howto .apply-step tr td p{margin:0;text-align:center}@media all and (max-width: 991px){.clean-info #rule-howto .apply-step tr td p{font-size:.875rem}}.clean-info #rule-howto .apply-step tr td p.color-blue{color:#2783b2;font-weight:500}.clean-info #clean-partner .partner-box{margin:10px 0;padding:20px;box-sizing:border-box;background:#e9fbff;display:flex;flex-wrap:wrap;align-items:center}.clean-info #clean-partner .partner-box img{width:100%;max-width:180px;margin:0 auto}.clean-info #clean-partner .partner-box .des{width:calc(100% - 180px);padding:0 30px;box-sizing:border-box}@media all and (max-width: 991px){.clean-info #clean-partner .partner-box .des{width:100%;margin:10px auto}}.clean-info #clean-partner .partner-box .des p{text-align:justify}.clean-info #clean-partner .partner-box .btn-secondary{min-width:180px;margin:10px 0 0;line-height:1.5rem}@media all and (max-width: 991px){.clean-info #clean-partner .partner-box .btn-secondary{margin:20px auto;display:block}}.clean-info #rule-notice{padding:0 0 50px}.clean-info #rule-notice h3{color:#fff}.clean-info #rule-notice img.title-icon{width:28px;margin-bottom:-6px;margin-right:10px}.clean-info #rule-notice .qa-paper .mag-qu{background-color:#00adff}.clean-info #rule-notice .query{margin:10px 0}.winner-list-box{width:100%;padding:30px 0;background-color:#fff;border-radius:20px}.winner-list-box h3{margin-bottom:10px;text-align:center;color:#ff743e}.winner-list-box .winner-table{max-width:720px;margin:0 auto}.winner-list-box .winner-table .tr{display:flex;background-color:#eee;border-bottom:1px solid #fff}.winner-list-box .winner-table .tr.caption{background-color:#00a8d4;color:#fff}.winner-list-box .winner-table .tr .td{width:50%;padding:6px 10px;border-right:1px solid #fff;text-align:center;letter-spacing:2px}.page-lucky{background-image:url(../img/bg_wave_opacity.png),linear-gradient(145deg, #256EC9 0%, #A7E7F1 60%);background-repeat:no-repeat,no-repeat;background-size:contain,cover}#lucky-draw{padding-top:90px;min-height:initial;overflow-x:hidden}#lucky-draw .container{overflow:hidden}#lucky-draw .container h2{color:#fff}#lucky-draw .container .little-note{width:100%;padding:8px 0 24px;font-size:1rem;line-height:1.2rem;text-align:center;display:block}#lucky-draw .container .little-note a{color:#00a8d4}#lucky-draw .container p{text-align:center;color:#fff}#lucky-draw .card-static-warp{display:flex;flex-wrap:wrap}#lucky-draw .card-static-warp .event-card{width:calc(33.3333333333% - 30px);height:auto;margin:15px;padding:20px 20px;box-sizing:border-box;background:#fff;border-radius:10px;overflow:hidden}@media all and (max-width: 991px){#lucky-draw .card-static-warp .event-card{width:calc(50% - 30px)}}@media all and (max-width: 750px){#lucky-draw .card-static-warp .event-card{width:100%;margin:15px 0}}#lucky-draw .card-static-warp .event-card .cover{position:relative}#lucky-draw .card-static-warp .event-card .cover img{width:100%;margin-bottom:15px}#lucky-draw .card-static-warp .event-card .cover .jacket-change{width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;animation:changeImg 8s linear 0s infinite forwards;opacity:0}#lucky-draw .card-static-warp .event-card .cover .jacket-change img{width:100%}#lucky-draw .card-static-warp .event-card>p{font-size:1rem;line-height:1.5rem;text-align:center}#lucky-draw .card-static-warp .event-card>p:first-of-type{font-size:1.25rem;line-height:1.8rem;color:#084675;font-weight:500}#lucky-draw .card-static-warp .event-card>p:last-of-type{color:#666}#lucky-draw .lucky-draw-notice{margin:60px auto 0;padding:20px 30px;box-sizing:border-box;background-color:#fff;border-radius:20px}@media all and (max-width: 991px){#lucky-draw .lucky-draw-notice{padding:20px 15px}}#lucky-draw .lucky-draw-notice h3{margin:0;border:0;font-size:1.25rem;font-weight:bold;text-align:left;color:#333}@media all and (max-width: 991px){#lucky-draw .lucky-draw-notice h3{width:initial}}#lucky-draw .lucky-draw-notice>ul{margin-left:1.5rem;margin-top:1rem}#lucky-draw .lucky-draw-notice>ul>li{margin:0;padding-left:.5rem;padding-bottom:.5rem;line-height:1.6rem;list-style:decimal}#lucky-draw .lucky-draw-notice>ul>li em{color:#293a68;font-weight:bold}@keyframes changeImg{0%{opacity:0}50%{opacity:0}55%{opacity:1}95%{opacity:1}100%{opacity:0}}.page-about{position:relative;background-color:#256ec9;background-image:url(../img/bg_real_sea.jpg);background-size:100%;background-repeat:no-repeat}@media all and (max-width: 991px){.page-about{background-image:url(../img/bg_real_sea_mo.jpg)}}@keyframes ZoomOut{0%{transform:translate(-240px, 0)}100%{transform:translate(0x, 0)}}.about-intro{padding:90px 0 60px;position:relative;overflow:hidden}@media all and (max-width: 991px){.about-intro .container{padding:30px 10px}}.about-intro .container h2{color:#fff}.about-intro .milestone-wrap{display:flex;flex-wrap:wrap;margin:30px auto}.about-intro .milestone-wrap .feature{width:calc(45% - 40px);margin-right:40px}@media all and (max-width: 991px){.about-intro .milestone-wrap .feature{width:100%;margin:0}}.about-intro .milestone-wrap .feature img{width:100%;max-width:480px;margin:0 auto;display:block}.about-intro .milestone-wrap .milestone{width:55%;text-align:left}@media all and (max-width: 991px){.about-intro .milestone-wrap .milestone{width:100%;margin:20px 0}}.about-intro .milestone-wrap .milestone .headline{padding-left:20px;border-left:6px solid #fc0}.about-intro .milestone-wrap .milestone h3{color:#fff;font-size:2rem;line-height:2.5rem}.about-intro .milestone-wrap .milestone h4{margin-bottom:2rem;color:#fff;font-size:1.25rem;line-height:1.875rem;letter-spacing:1px}.about-intro .milestone-wrap .milestone>p{margin:1rem auto;color:#fff;text-align:justify}.about-intro .milestone-wrap .milestone a{width:240px;height:40px;color:#fc0;font-weight:500}.about-intro .milestone-wrap .milestone a:hover{background:#fc0;color:#333}@media all and (max-width: 991px){.about-intro .milestone-wrap .milestone a{width:100%}}.about-intro .milestone-stats ul{display:flex;flex-wrap:wrap}.about-intro .milestone-stats ul li{width:calc(33.3333333333% - 40px);margin:0 20px;padding:20px 0;box-sizing:border-box;border-radius:20px;background:#fff;text-align:center}@media all and (max-width: 1200px){.about-intro .milestone-stats ul li{width:calc(33.3333333333% - 20px);margin:0 10px}}@media all and (max-width: 750px){.about-intro .milestone-stats ul li{width:100%;max-width:280px;margin:10px auto}}.about-intro .milestone-stats ul li h4{margin:.5rem 0 0;font-size:1.5rem;font-weight:500;color:#256ec9}@media all and (max-width: 991px){.about-intro .milestone-stats ul li h4{font-size:1.125rem}}.about-intro .milestone-stats ul li em{font-size:2.5rem;line-height:2.5rem;color:inherit;display:inline-block}@media all and (max-width: 991px){.about-intro .milestone-stats ul li em{font-size:1.875rem;line-height:1.875rem}}.about-intro .about-gift-concept{margin-top:50px;padding:0 30px 30px;box-sizing:border-box;text-align:center;border:2px solid #8be0ee;box-shadow:0 2px 14px 0 #85c7e6;border-radius:30px}@media all and (max-width: 991px){.about-intro .about-gift-concept{padding:0 15px 15px}}.about-intro .about-gift-concept .hero-subtitle{width:-moz-fit-content;width:fit-content;padding:10px 20px;margin:-20px auto 0;font-weight:600;color:#fff;border:2px solid #8be0ee;background:#256ec9;box-shadow:0 2px 14px 0 #85c7e6;display:block;position:relative;z-index:3}.about-intro .about-gift-concept .concept-wrap{margin:20px auto;display:flex;flex-wrap:wrap}.about-intro .about-gift-concept .concept-wrap .concept-left{width:25%;padding:0 20px;box-sizing:border-box}@media all and (max-width: 991px){.about-intro .about-gift-concept .concept-wrap .concept-left{width:100%;padding:0}}.about-intro .about-gift-concept .concept-wrap .concept-left img{border-radius:50%;width:100%;max-width:240px}@media all and (max-width: 991px){.about-intro .about-gift-concept .concept-wrap .concept-left img{max-width:120px}}.about-intro .about-gift-concept .concept-wrap .concept-left .name{color:#fff;text-align:center}.about-intro .about-gift-concept .concept-wrap .concept-left .aka{margin:1rem 0 0;color:#fff;text-align:center}.about-intro .about-gift-concept .concept-wrap .concept-right{width:75%;padding:0 20px;box-sizing:border-box;text-align:left}@media all and (max-width: 991px){.about-intro .about-gift-concept .concept-wrap .concept-right{width:100%;padding:0}}.about-intro .about-gift-concept .concept-wrap .concept-right p{margin:1rem 0;color:#fff}.about-intro .about-gift-concept .concept-wrap .concept-right a{margin-bottom:30px}@media all and (max-width: 750px){.about-intro .about-gift-concept .concept-wrap .concept-right a{width:100%}}.about-intro .about-gift-concept .concept-wrap .concept-full{width:100%;background-image:url(../img/green-manta01.png),url(../img/green-manta02.png);background-repeat:no-repeat,no-repeat;background-position:left top,right bottom;background-size:initial,initial}.about-intro .about-gift-concept .concept-wrap .concept-full h3{margin-bottom:1rem;color:#fff;text-align:center;line-height:2rem}.about-intro .about-gift-concept .concept-wrap .concept-full iframe{width:100%;max-width:640px;height:420px}@media all and (max-width: 991px){.about-intro .about-gift-concept .concept-wrap .concept-full iframe{height:360px;margin-top:10px}}@media all and (max-width: 750px){.about-intro .about-gift-concept .concept-wrap .concept-full iframe{height:240px}}.about-recap{position:relative;background-image:linear-gradient(155deg, #A7E7F1 2%, #256EC9 100%);z-index:3}.about-recap .container{padding-bottom:0;display:flex;flex-wrap:wrap}.about-recap .container .left-wrap{width:20%;display:flex;flex-wrap:wrap;justify-content:center}@media all and (max-width: 991px){.about-recap .container .left-wrap{width:100%}}.about-recap .container .left-wrap h2{width:50px;margin-top:-10px;line-height:64px;color:#256ec9;font-weight:normal}@media all and (max-width: 991px){.about-recap .container .left-wrap h2{width:100%;margin:0;text-align:left}}.about-recap .container .left-wrap div{width:80px}@media all and (max-width: 991px){.about-recap .container .left-wrap div{width:100%;height:40px}}.about-recap .container .left-wrap div img{margin-left:10px;margin-top:60px}@media all and (max-width: 991px){.about-recap .container .left-wrap div img{transform:rotate(-90deg);transform-origin:0 0;margin:30px 0 40px;display:block}}.about-recap .container .recap-timeline{width:80%}@media all and (max-width: 991px){.about-recap .container .recap-timeline{width:100%}}.about-recap .container .recap-timeline ul{width:100%;padding-left:20px;padding-bottom:50px;border-left:1px solid #fff}@media all and (max-width: 991px){.about-recap .container .recap-timeline ul{width:calc(100% - 10px);margin-left:10px}}.about-recap .container .recap-timeline ul li{width:100%;max-width:450px;padding:10px;box-sizing:border-box;font-size:1.125rem;font-weight:500;background:#fff;border-radius:10px;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media all and (max-width: 991px){.about-recap .container .recap-timeline ul li{padding:10px 15px}}.about-recap .container .recap-timeline ul li.with-video{max-width:720px}.about-recap .container .recap-timeline ul li.with-video iframe{width:100%;min-height:360px}@media all and (max-width: 991px){.about-recap .container .recap-timeline ul li.with-video iframe{height:360px;min-height:initial;margin-top:10px}}@media all and (max-width: 750px){.about-recap .container .recap-timeline ul li.with-video iframe{height:240px}}.about-recap .container .recap-timeline ul li::after{content:"";width:16px;height:16px;background:#fff;border-radius:100%;position:absolute;top:34px;left:-28px}.about-recap .container .recap-timeline ul li>a{width:30%;text-align:center;border:0;display:flex;align-items:center;background:none;color:#00a8d4;display:block}.about-recap .container .recap-timeline ul li>a span{margin-right:7px;font-size:1rem}@media all and (max-width: 991px){.about-recap .container .recap-timeline ul li>a span{margin-right:4px;font-size:.875rem}}.about-recap .container .recap-timeline ul li>a i{content:"";padding:16px;box-sizing:border-box;background:url(../img/icon/arrow.svg);background-size:contain;background-repeat:no-repeat;background-position:center;transition:all .4s ease-in-out}@media all and (max-width: 991px){.about-recap .container .recap-timeline ul li>a i{width:24px;height:24px}}.about-recap .container .recap-timeline ul li:hover i{padding:16px;background:url(../img/icon/arrow-hover.svg);background-size:contain;background-repeat:no-repeat;background-position:center;transition:all .4s ease-in-out}.about-recap .container .recap-timeline ul li img{width:70%}.about-recap .container .recap-timeline ul:after{display:table;content:"";width:0;clear:both}.about-recap .container .video{width:700px}.about-recap .container .video .youtube-wrap{height:0;position:relative;padding-top:30px;padding-bottom:56.25%;overflow:hidden}.about-recap .container .video .youtube-wrap iframe,.about-recap .container .video .youtube-wrap object,.about-recap .container .video .youtube-wrap embed{position:absolute;top:0;left:0;width:100%;height:100%}.about-cooperation{background-image:url(../img/bg_wave_top.png);background-position:top center;background-repeat:no-repeat;background-size:contain;background-color:#eaf7fc}.about-cooperation .container>ul{display:flex;flex-wrap:wrap;justify-content:center}.about-cooperation .container>ul>li{width:100%;max-width:720px;margin-bottom:50px}.about-cooperation .container>ul>li .info{width:100%;margin-bottom:30px;position:relative;display:flex;justify-content:center}.about-cooperation .container>ul>li .info .circle-logo{width:280px;height:280px;background:#fff;overflow:hidden;border-radius:300px;position:relative;z-index:2}@media all and (max-width: 1400px){.about-cooperation .container>ul>li .info .circle-logo{width:240px;height:240px}}@media all and (max-width: 750px){.about-cooperation .container>ul>li .info .circle-logo{width:160px;height:160px}}.about-cooperation .container>ul>li .info .circle-logo img{display:block;width:100%;height:100%}.about-cooperation .container>ul>li .info .circle-logo img.fit-contain{padding:20px;-o-object-fit:contain;object-fit:contain}.about-cooperation .container>ul>li .info .circle-logo img.fit-full{padding:0;-o-object-fit:cover;object-fit:cover}.about-cooperation .container>ul>li .info .circle-name{width:280px;height:280px;margin-left:-40px;background-color:#00a8d4;border-radius:300px;position:relative}@media all and (max-width: 1400px){.about-cooperation .container>ul>li .info .circle-name{width:240px;height:240px}}@media all and (max-width: 750px){.about-cooperation .container>ul>li .info .circle-name{width:160px;height:160px;margin-left:-15px}}.about-cooperation .container>ul>li .info .circle-name>div{display:block;position:absolute;width:65%;top:50%;left:50%;right:0;transform:translate(-50%, -50%)}.about-cooperation .container>ul>li .info .circle-name p{display:block;width:160px;margin:0 auto;font-size:1rem;line-height:1.5;text-align:center;color:#fff}@media all and (max-width: 991px){.about-cooperation .container>ul>li .info .circle-name p{width:100%;font-size:.875rem}}.about-cooperation .container>ul>li .info .circle-name h4{display:block;width:160px;margin:12px auto 0;font-size:1.5rem;line-height:1.8rem;font-weight:500;text-align:center;color:#fff}@media all and (max-width: 991px){.about-cooperation .container>ul>li .info .circle-name h4{width:100%;font-size:1.25rem;line-height:1.5rem}}.about-cooperation .container>ul>li>p{margin-bottom:1rem;font-size:1rem;line-height:1.5;text-align:justify}.about-cooperation .container>ul>li>a{max-width:320px;display:block}.about-cooperation .container>ul:after{display:table;content:"";width:0;clear:both}.page-apply{position:relative}.page-apply::after{content:"";width:100%;height:100%;position:fixed;left:0;top:0;background-color:#00a8d4;background-image:url(../img/form/bg_form.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top;z-index:-1}.ig-wall-all{padding:0 30px}.ig-wall-all strong{font-weight:500}.ig-wall-all>p{margin:10px auto}.ig-wall-all>p em{color:#129597;font-size:1.25rem;font-weight:700}.ig-wall-all>p span{font-size:inherit;color:#666}.ig-wall-all .attend-date{padding:15px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;border-left:4px solid #9ab449;background-color:#f5f5f5}.ig-wall-all .attend-date .left{width:70%}@media all and (max-width: 991px){.ig-wall-all .attend-date .left{width:100%}}.ig-wall-all .attend-date .left h4{color:#666}.ig-wall-all .attend-date .left p{font-weight:500;margin:5px 0 10px}.ig-wall-all .attend-date .right{width:30%}@media all and (max-width: 991px){.ig-wall-all .attend-date .right{width:100%}}.ig-wall-all .attend-date .right .btn-secondary{padding:10px 25px}.ig-wall-all .ig-zone{margin:20px auto;display:flex;flex-wrap:wrap}.ig-wall-all .ig-zone img{width:calc(25% - 10px);margin:5px}@media all and (max-width: 991px){.ig-wall-all .ig-zone img{width:calc(50% - 10px)}}@keyframes FastApply{from{right:-100px}to{right:5px}}@keyframes ShineLight{0%{background-position:200% 0%}100%{background-position:-200% 0%}}.scroll-apply{width:48px;height:170px;padding-top:10px;position:fixed;bottom:10%;right:-100px;z-index:99;text-align:center;cursor:pointer;animation:FastApply .5s ease-in-out 2s forwards}@media all and (max-width: 991px){.scroll-apply{width:100%;height:64px;right:initial;left:0;bottom:0;animation:none}}.scroll-apply a{position:relative;width:100%;height:100%;padding-top:10px;box-shadow:0 8px 15px 0 rgba(0,0,0,.5);border-radius:40px;display:block;background:linear-gradient(90deg, #FFCC00 30%, #FFEFAE 50%, #FFCC00 70%);background-size:200% 100%;animation:ShineLight 3s linear infinite;border:none;color:#fff;cursor:pointer}@media all and (max-width: 991px){.scroll-apply a{margin:0;padding:10px;box-sizing:border-box;border-radius:0;box-shadow:none;display:flex;justify-content:center}}.scroll-apply a h4{width:24px;margin:5px auto;font-size:1.25rem;line-height:1.375rem;font-weight:bold;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media all and (max-width: 991px){.scroll-apply a h4{width:180px;margin:0 10px;padding-top:4px;letter-spacing:1rem;font-size:1.5rem;line-height:1.5rem}}.scroll-apply a span{width:40px;height:40px;margin:0 auto;line-height:40px;background-color:#fff;color:#c49d00;font-size:.875rem;font-weight:900;border-radius:100px;text-align:center;transition:all .4s ease-in-out;overflow:hidden;text-align:center;display:block}@media all and (max-width: 991px){.scroll-apply a span{width:initial;margin:0 10px;padding:0 20px;height:38px;line-height:38px;font-size:1.125rem}}.scroll-apply:hover span{color:#c49d00;background-color:#fff}@keyframes flyToStage1{from{left:-15%}to{left:5%}}@keyframes flyToStage1_min{from{left:-15%}to{left:2%}}@keyframes flyToStage2{from{right:-280px}to{right:-140px}}@keyframes flyToStage2_min{from{right:-280px}to{right:-100px}}@keyframes flyFly{0%{margin-top:20px}50%{margin-top:0px}100%{margin-top:20px}}.accipiter-left{width:200px;height:150px;position:absolute;left:-15%;top:130px;animation:flyToStage1 2s cubic-bezier(0.11, 0.86, 0.35, 1) forwards}@media all and (max-width: 1400px){.accipiter-left{width:120px;height:100px;top:90px;animation:flyToStage1_min 2s cubic-bezier(0.11, 0.86, 0.35, 1) forwards}}@media all and (max-width: 991px){.accipiter-left{width:90px;height:60px;top:65px;animation:flyToStage1_min 2s cubic-bezier(0.11, 0.86, 0.35, 1) forwards}}.accipiter-left .flyfly{width:100%;height:100%;background-image:url(../img/accipiter_fly_new.png);background-size:contain;background-repeat:no-repeat;animation:flyFly 2s ease-in-out 0s infinite}.accipiter-right{width:280px;height:172px;position:absolute;right:-280px;top:300px;animation:flyToStage2 2s ease 1s forwards}@media all and (max-width: 1400px){.accipiter-right{width:180px;height:90px;top:150px;animation:flyToStage2_min 2s cubic-bezier(0.11, 0.86, 0.35, 1) forwards}}.accipiter-right .flyfly{width:100%;height:100%;background-image:url(../img/accipiter_feather.png);background-size:contain;background-repeat:no-repeat;animation:flyFly 1.5s ease-in-out 0s infinite}#ans-right,#ans-wrong{width:480px;background:url(../img/popup-bg.jpg) no-repeat center top;background-repeat:no-repeat;background-size:cover;padding-top:60px;padding-bottom:90px}@media all and (max-width: 991px){#ans-right,#ans-wrong{width:100%;max-width:480px}}#ans-right img,#ans-wrong img{display:block;margin:30px auto -20px;width:100%;max-width:240px}body .jquery-modal{z-index:999}body .modal{width:96%;padding:30px;max-width:1000px}@media all and (max-width: 991px){body .modal{width:98%;padding:1rem .5rem}}body .modal.mid{max-width:800px}body .modal.narrow{max-width:480px}body .modal img{display:inline}body .modal a.close-modal{width:40px;height:40px;top:-20px;right:-20px}body .modal .modal-content h4{font-size:2rem;font-weight:bold;line-height:1.5;color:#333;text-align:center;margin-bottom:8px}@media all and (max-width: 991px){body .modal .modal-content h4{font-size:2rem;line-height:2.25rem}}body .modal .modal-content>p{line-height:1.5rem;color:#000;text-align:justify}body .modal .modal-content .btn-primary{display:block;margin:20px auto 0}body .modal .modal-content .btn-primary:hover{color:#333}body .modal .modal-content.qa-feedback{padding-top:40px}body .modal .modal-content.qa-feedback h4{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}body .modal .modal-content.qa-feedback p{text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}body .modal .modal-content.qa-rule .gift-qa{margin-bottom:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}body .modal .modal-content.qa-rule .gift-qa .left{width:30%;text-align:center}body .modal .modal-content.qa-rule .gift-qa .left img{width:100%;max-width:300px}@media all and (max-width: 750px){body .modal .modal-content.qa-rule .gift-qa .left{width:100%;margin:0 auto}}body .modal .modal-content.qa-rule .gift-qa .right{width:calc(70% - 20px);margin-left:20px;line-height:1.4rem;color:#036e96}body .modal .modal-content.qa-rule .gift-qa .right p{margin-bottom:0}body .modal .modal-content.qa-rule .gift-qa .right p:first-child{font-size:1.25rem;font-weight:700}body .modal .modal-content.qa-rule .gift-qa .right p:nth-child(2){margin-bottom:10px}@media all and (max-width: 750px){body .modal .modal-content.qa-rule .gift-qa .right{width:100%;margin:0 auto}}body .modal .modal-content.zoom-gift{text-align:center}body .modal .modal-content.zoom-gift img{width:100%}body .modal .modal-content.tshirt-spec ul{margin-left:2.5em;margin-bottom:1rem}body .modal .modal-content.tshirt-spec ul li{margin:.5rem 0;list-style-type:disc;line-height:1.5rem}body .modal .modal-content.tshirt-spec .notice{margin-bottom:1rem;text-align:center;color:#ff743e}body .modal .modal-content.tshirt-spec .size-wrapper{text-align:center;margin-bottom:15px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}@media all and (max-width: 750px){body .modal .modal-content.tshirt-spec .size-wrapper{flex-direction:column-reverse}}body .modal .modal-content.tshirt-spec .size-wrapper img.size-table{width:56%}@media all and (max-width: 750px){body .modal .modal-content.tshirt-spec .size-wrapper img.size-table{width:90%}}body .modal .modal-content.tshirt-spec .size-wrapper img.size-mark{width:35%}@media all and (max-width: 750px){body .modal .modal-content.tshirt-spec .size-wrapper img.size-mark{width:60%;margin:10px}}body .modal .modal-content.tshirt-spec .btn-primary{max-width:320px}body .modal .modal-content.lucky-try p{margin-top:20px;font-weight:bold}body .modal .modal-content.lucky-try ul.list-num li{list-style:decimal}body .modal .modal-content.lucky-try ul li{margin:.5rem 0 .5rem 1.25rem;list-style:disc;line-height:1.2rem}body .modal .modal-content.noti-text h3{text-align:center;font-size:1.125rem}body .modal .modal-content.noti-text p{margin-top:.5rem;text-align:left}body .modal .modal-content.noti-text .box-wrap{display:flex;flex-wrap:wrap;margin:20px 0}@media all and (max-width: 991px){body .modal .modal-content.noti-text .box-wrap{display:block}}body .modal .modal-content.noti-text .box-wrap .context{width:calc(70% - 40px);margin:0 20px}@media all and (max-width: 991px){body .modal .modal-content.noti-text .box-wrap .context{width:100%;margin:0;font-size:.875rem}}@media all and (max-width: 991px){body .modal .modal-content.noti-text .box-wrap .context p{font-size:.875rem}}body .modal .modal-content.noti-text .box-wrap .pic{width:30%}@media all and (max-width: 991px){body .modal .modal-content.noti-text .box-wrap .pic{width:100%}}body .modal .modal-content.noti-text .box-wrap .pic img{width:100%;max-width:240px;margin:0 auto;display:block}@media all and (max-width: 991px){body .modal .modal-content.noti-text .box-wrap .pic img{max-width:160px}}body .modal .modal-content.noti-text ul li{margin:.5rem 0 .5rem 1.25rem;list-style:disc;line-height:1.4rem}@media all and (max-width: 991px){body .modal .modal-content.noti-text ul li{font-size:.875rem}}body .modal .modal-content.noti-text ul li em{color:#129597;font-weight:500;font-size:inherit}table.size-table{width:100%}table.size-table tr td{padding:7px 10px;background:#eee;border-right:1px solid #fff;border-bottom:1px solid #fff}table.size-table tr td.title{background:#19419a;color:#fff;font-weight:500;font-size:1.25rem;text-align:center}table.size-table tr td.note{padding:15px 10px;color:#19419a;font-weight:500}.swiper-button-next,.swiper-button-prev{padding:10px;color:#fff !important;background-color:#256ec9;border-radius:50%}.swiper-button-next::after,.swiper-button-prev::after{font-size:20px !important}.swiper-button-next{right:calc(50% - 140px) !important;top:initial !important;bottom:90px !important}@media all and (max-width: 750px){.swiper-button-next{right:10px !important}}.swiper-button-prev{left:calc(50% - 140px) !important;top:initial !important;bottom:90px !important}@media all and (max-width: 750px){.swiper-button-prev{left:10px !important}}.swiper-pagination-bullets{bottom:100px !important;z-index:7}.swiper-pagination-bullet{width:14px !important;height:14px !important;opacity:1 !important;border:3px solid #256ec9;background-color:hsla(0,0%,100%,0) !important}.swiper-pagination-bullet.swiper-pagination-bullet-active{border:0;background-color:#256ec9 !important;opacity:1}#count-down div{padding:0 0 20px !important;color:#00a8d4 !important}#count-down div:after{bottom:4px !important}.isloading-wrapper img{display:inline-block}