html,body{min-height:100vh}
.margin-left-10{margin-left:10px!important;}
img{pointer-events:none;}
body{background-repeat:no-repeat;background-size:100% auto;background-position:left top;}
@media only screen and (min-width:960px){
    body{background-image:url(../images/three_bg.svg);background-position:center 150px;background-size:70%;}
}
a:hover{text-decoration:none;}
ul,li{padding:0;}
p{line-height:1.8!important}
h1,h2,h3,h4,h5,h6{font-family:Noto Sans TC;}
input[type=text],input[type=email],input[type=password],textarea{border-radius:0!important;font-family:Noto Sans TC;}
.sub_acc_filter ul{padding:0!important;margin:0!important;}
.front_button{display:block;margin:10px auto;width:300px;max-width:100%;border:none;color:#fff;background:linear-gradient(98.23deg,#8567FD 11.92%,#70B2FF 104.62%);border-radius:20px;text-align:center;padding:10px 20px;}
.front_button:hover{background:linear-gradient(94.96deg,#70B2FF 11.92%,#67E2FD 104.62%);color:#fff;}
.forgot-text{width:400px;text-align:center;max-width:80%;margin:30px auto 0;display:block;}
.forgot_form{margin-top:30px;}
.forgot_form td{padding-bottom:30px;}
.mob_select_contact{font-family:Roboto;border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;background:#fff;color:#000;font-weight:400;width:100%;height:43px;line-height:43px;padding:0 20px;}
.select_pro_button{border:none;width:216px;height:48px;line-height:48px;color:#fff;background:linear-gradient(95.95deg,#8567FD 11.92%,#70B2FF 104.62%);box-shadow:0px 8px 8px rgba(0,0,0,0.1),0px 7px 6px rgba(0,0,0,0.05),0px 1px 2px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.5);border-radius:20px;}
.color_button{display:block;background:linear-gradient(98.1deg,#8567FD 11.92%,#70B2FF 104.62%);border-radius:20px;padding:10px 20px;font-family:'Roboto';font-weight:bold;font-size:16px;text-align:center;color:#FFFFFF;}
.color_button:hover{color:#fff;text-decoration:none;}
.maxwidth180{width:180px;max-width:100%;margin-left:auto;margin-right:auto;}
.gray_button{border:none;display:block;background:#D0D8E0;border-radius:20px;padding:10px 20px;font-family:'Roboto';font-weight:bold;font-size:16px;text-align:center;color:#FFFFFF;margin-top:20px;color:#fff;}
.popup_search{line-height:initial;background-color:transparent;}
.popup_search input{width:60vw;background-color:#fff!important;border-radius:7px;}
.gray_button:hover,.color_button:hover,.front_button:hover,.front_button:hover,.select_pro_button:hover,.setting_button:hover,.login-button:hover,.new-account:hover,.registered-use-this-acount:hover,.homepage-section-8-button>div:nth-child(1):hover,.homepage-section-8-button>div:nth-child(2):hover{background:linear-gradient(94.96deg,#70B2FF 11.92%,#67E2FD 104.62%);color:#fff;}
.gray_button:active,.color_button:active,.front_button:active,.front_button:active,.select_pro_button:active,.setting_button:active,.login-button:active,.new-account:active,.registered-use-this-acount:active,.homepage-section-8-button>div:nth-child(1):active,.homepage-section-8-button>div:nth-child(2):active{background:linear-gradient(94.96deg,#893FD9 11.92%,#29AAE9 104.62%);color:#fff;}
.popup_ul{padding:0;margin:0;text-align:left;}
.popup_ul li a{line-height:28px;color:#4f4f4f;font-size:14px;display:block;transition:0.3s ease;padding:10px 20px;border-bottom:1px solid #dadada;}
.popup_ul li a:hover{background-color:#d5edf6;}
.popup_ul li a img{margin-right:20px;}
.popup_ul li:last-child a{border-bottom:none;}
.register_button{width:300px;margin:30px auto 10px;text-align:center;}
input[type="password"]{font-family:'Noto Sans TC'!important;letter-spacing:2px;}
.popup_box_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(54,71,79,0.8);z-index:99999999999999;display:none;}
.popup_box{padding:28px 20px;position:relative;top:20vh;left:calc(50vw - 167.5px);width:335px;background:#FAFAFA;box-shadow:0px 8px 8px rgba(0,0,0,0.1),0px 7px 6px rgba(0,0,0,0.05),0px 1px 2px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.5);border-radius:15px;z-index:3;}
.popup_no_study_box h3{font-family:'Roboto';font-weight:bold;font-size:18px;text-align:center;color:#4F4F4F;}
.popup_no_study_box img{margin-left:10px;}
.popup_no_study .gray_button{margin:20px auto;display:block;position:absolute;bottom:-100px;width:80%;left:0;right:0;}
.layer_click{position:absolute;position:absolute;content:'';top:0;left:0;width:100%;height:100vh;background-repeat:no-repeat;background-size:cover;z-index:1;}
.p_bold18{font-family:Noto Sans TC;font-weight:bold;font-size:18px;color:#4F4F4F;}
.marginbottom30{margin-bottom:30px;}
.new_subscript_notice{font-family:Noto Sans TC;font-size:14px;color:#4F4F4F;line-height:24px;}
.uk-dotnav>*>*{background:#C4C4C4;border:none;}
.uk-dotnav-contrast>*>:active,.uk-dotnav-contrast>*>:hover,.uk-dotnav-contrast>.uk-active>*{background:linear-gradient(91.33deg,#9A63DF 11.92%,#06D4C5 104.62%)!important;}
.first_dot{background:linear-gradient(91.33deg,#9A63DF 11.92%,#06D4C5 104.62%);}
.sticky_button{position:fixed!important;top:85vh!important;width:100%!important;}
.nav{padding-left:0;}
.menu_nav>ul>li{flex:auto;text-align:center;}
.description-menu{z-index:999999999;position:fixed;width:fit-content; width:-moz-fit-content;left:3.2vw;top:13.85vw;}
.flex-menu{z-index:999999999;position:fixed;width:66.49px;height:371px;left:3.2vw;top:13.85vw;}
.flex-menu li a:before{content:"";position:absolute;right:0;top:calc(50% - 3px);background:#BDBDBD;border-radius:2px;transform:rotate(45deg);width:6px;height:6px;right:-15px;}
.flex-menu nav{text-align:right;}
.flex-menu nav ul li a{/*text-shadow:0 0 5px #fff;background:rgba(0,0,0,0.01);*/border-radius:5px;}
.flex-menu ul{}
.flex-menu li,.description-menu li{margin-bottom:24px!important;}
.flex-menu li a,.description-menu li a{position:relative;font-family:'Noto Sans TC',sans-serif;font-style:normal;font-weight:normal;line-height:normal;font-size:13px;text-align:right;color:#BDBDBD;display:inline-block;width:150px;}
.flex-menu li a:hover,.description-menu li a:hover{text-decoration:none;}
.flex-menu li .active,.description-menu li a.active{font-family:'Noto Sans TC',sans-serif;font-style:normal;font-weight:500;line-height:normal;font-size:13px;text-align:right;color:#4F4F4F;}
.flex-menu li a.active:before,.description-menu li a.active:before{background:#4F4F4F;}
.bg{background-size:contain;background-repeat:no-repeat;background-position:right;display:flex;align-items:baseline;}
body{background-color:inherit;position:relative;}
p{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px;color:rgba(0,0,0,0.78);}
.desk_center{text-align:center;}
.gray_text{font-family:Roboto;font-size:16px;line-height:24px;color:rgba(0,0,0,0.38);}
.content.slide{padding-top:40px;min-height:100vh;padding-bottom:50px;}
header{width:100%;padding:1.3vw 2vw 1.3vw 2.5vw;position:relative;z-index:9999999999;}
.logo,.nav{display:inline-block;}
.nav{margin-left:3.45vw;width:44.8vw;}
header .nav nav{display:flex;justify-content:space-around;width:100%;}
header .nav nav ul{width:100%;}
.uk-navbar-nav>li>a{display:block;box-sizing:border-box;text-decoration:none;padding:0;line-height:24px;color:#4F4F4F;font-size:14px;font-family:'Noto Sans TC',sans-serif;font-weight:normal;position:relative;}
.offcanvas-box{position:inherit;width:fit-content; width:-moz-fit-content;left:25px;top:25px;position:absolute;}
.offcanvas-box img{width:36px;}
html.hc-nav-yscroll{overflow-y:scroll}
body{overflow-x:hidden}
body.hc-nav-open{position:fixed;width:100%;min-height:100%}
@media only screen and (max-width:480px){
    .uk-navbar-toggle{position:relative;top:10px;}
    body{width:100vw;overflow-x:hidden;}
    html,body{width:100vw;overflow-x:hidden;}
    .new_subscript_notice{width:90%;display:block;margin:10px auto 30px;}
}
.uk-navbar-toggle:focus,.uk-navbar-toggle:hover{color:#5190cc;text-decoration:none;outline:0;}
.uk-navbar-toggle{font-size:18px;color:white;text-decoration:none;}
.homepage-section-8-button>div:nth-child(2) a p,.homepage-section-8-button>div:nth-child(2) i{font-family:Noto Sans TC!important;}
.logo-img img{pointer-events:all;position:relative;top:9px;}
.homepage-section-6-text p{color:#4F4F4F;}
@media(max-width:1024px){
    .logo{display:none;pointer-events:none;}
}
.header_img{position:absolute;top:0;right:0;text-align:right;width:28.5vw;z-index:3;}
.header_img img:nth-child(2){position:absolute;left:-40%;bottom:10%;transform:scale(1.3);pointer-events:none;}
.header_img>img{width:100%;pointer-events:none;}
.home_page_1 .home_page_1_img{position:relative;z-index:99;right:-22%;bottom:10%;margin-left:200px;}
.header_img-2{position:absolute;top:8vw;right:6.35vw;text-align:right;width:108%;float:right;pointer-events:none;}
.header_img-2>img{width:100%;pointer-events:none;}
.homepage-section-1{margin:0 auto;position:relative;width:52.5vw;z-index:20;}
.homepage-section-1 h1{font-size:28px!important;font-family:Noto Sans TC;font-style:normal;font-weight:bold;line-height:normal!important;color:#4F4F4F;}
.homepage-section-1-p{margin:0 auto;position:relative;width:52.5vw;z-index:20;line-height:20px;}
.homepage-section-1-p p{width:433px;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px;line-height:normal;text-align:justify;color:rgba(0,0,0,0.78);margin-bottom:20px;}
.homepage-section-2 h2{font-size:72px;background:linear-gradient(132deg,rgba(128,96,255,1) 15%,rgba(239,97,191,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;width:275px!important;font-weight:800;font-size:28px!important;font-family:Noto Sans TC;line-height:36px!important;text-align:justify;}
.homepage-section-3 .homepage-section-3-text{margin-right:45px;}
.homepage-section-3 h2{font-size:72px;background:linear-gradient(132deg,rgba(62,80,180,1) 12%,rgba(160,7,136,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:800;font-size:28px!important;font-family:Noto Sans TC;line-height:36px!important;text-align:justify;}
.homepage-section-3 p,.homepage-section-3 ul,.homepage-section-3 h2{position:relative;z-index:999;}
.homepage-section-2-img{width:100%;}
.homepage-section-2-img>img:nth-child(1){position:absolute;right:0;top:-11vw;width:50%;z-index:0;}
.homepage-section-2{position:relative;}
.homepage-section-2-text{pointer-events:none;margin:0 auto;position:relative;z-index:20;padding-top:calc(23vw + 12vh);display:inline-block;align-items:center;margin-left:24%;width:275px!important;}
.homepage-section-2-img-1{display:inline-block;margin-left:5.8vw;width:25.8vw;top:-9vw;position:relative;}
.homepage-section-2-img-1>img{width:100%;position:relative;top:20px;z-index:1;}
.homepage-section-2-img>img:nth-child(2){position:absolute;right:0;top:calc(-54% - -372px);width:50%;z-index:0;}
.homepage-section-2-text .left{display:inline-block;width:18vw!important;}
.homepage-section-2-text p{font-size:16px;color:rgba(0,0,0,0.78)!important;}
.homepage-section-3-text p{font-size:16px;color:rgba(0,0,0,0.78)!important;}
.homepage-section-3-bg-1{position:absolute;width:41vw;top:-41vw;}
.homepage-section-3-bg-1>img{width:100%;}
.homepage-section-4{position:relative;margin-top:17vw;}
.homepage-section-4 h2{font-size:72px;background:linear-gradient(132deg,rgba(62,80,180,1) 13%,rgba(169,0,132,1) 40%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;width:275px!important;font-weight:800;font-size:28px!important;font-family:Noto Sans TC;line-height:36px!important;text-align:justify;margin-bottom:1.1vw;}
.homepage-section-4-text-box>p{margin-bottom:2vw;}
.homepage-section-4>.homepage-section-4-text-box{width:235px;margin-left:27.5vw;position:relative;padding-top:1.2vw;}
@media(min-width:960px){
    .homepage-section-4 .button-box.none{display:flex!important;}
    .login{min-height:calc(100vh - 230px)!important;}
}
.homepage-section-4 .button-box{display:flex;justify-content:space-between;width:196px;}
.homepage-section-4 .button{padding:1.2px;width:93px;border-radius:11px;margin-bottom:5px;background-image:linear-gradient(207deg,rgba(62,80,180,1) 16%,rgba(0,169,157,1) 86%,rgba(62,80,180,1) 100%);}
.homepage-section-4 .button:nth-child(2){margin-left:10px;}
.homepage-section-4 .button a{width:100%;height:100%;padding:10px 0;text-align:center;border-radius:10px;background:#fff;display:block;}
.homepage-section-4 .button a p{background:linear-gradient(207deg,rgba(62,80,180,1) 16%,rgba(0,169,157,1) 86%,rgba(62,80,180,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-family:'Noto Sans TC',sans-serif;font-size:14px!important;height:40px;display:flex;justify-content:center;align-items:center;}
.homepage-section-4-img{position:absolute;top:-13vw;width:32vw;right:20vw;z-index:1;}
.homepage-section-4-img img{width:100%;}
.homepage-section-4-bg{position:absolute;right:0;top:-19vw;width:49vw;}
.homepage-section-4-bg img{width:100%;}
.homepage-section-5{position:relative;z-index:115;}
.homepage-section-5-img>div{background:linear-gradient(267.64deg,#8293EF -5.47%,rgba(255,255,255,0) 100.37%);border-radius:45px;transform:rotate(150.19deg);}
}
.homepage-section-5-img{display:inline-block;width:28vw;position:relative;}
.homepage-section-5-img>div{position:absolute;left:-467px;top:-44px;}
.homepage-section-5 .uk-grid .center-img{}
.homepage-section-5 .uk-grid{margin-top:2vw;z-index:1;position:relative;width:320px;align-items:flex-end;}
.homepage-section-5 .uk-grid div{width:33.33%;text-align:left;}
.homepage-section-5 .uk-grid .img-bottom{margin-bottom:-10px;}
.homepage-section-5 .uk-grid div p{text-align:left;line-height:21px;font-weight:800;font-size:14px!important;}
.homepage-section-5-img img:nth-child(1){width:100%;position:relative;z-index:1;}
.homepage-section-5-img img:nth-child(2){width:100%;position:absolute;left:0;width:25%;top:43px;}
.homepage-section-5-text-box{display:flex;width:fit-content; width:-moz-fit-content;position:relative;padding-left:5vw;align-items:center;}
.homepage-section-5-text{width:80%;text-align:justify;position:relative;top:0.5vw;}
.homepage-section-5-text p{margin-bottom:2.5vw;width:397px;}
.homepage-section-5-text .uk-grid>*{width:33.33%;}
.homepage-section-5 h2{font-size:72px;background:linear-gradient(130deg,rgba(154,99,223,1) 16%,rgba(6,212,197,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:800;font-size:28px!important;font-family:Noto Sans TC;line-height:36px!important;margin-bottom:1.4vw;}
.homepage-section-5-text-box-small{text-align:right;width:100%}
.homepage-section-6{}
.homepage-section-6 .uk-grid{justify-content:space-around;}
.homepage-section-6 .homepage-section-6-grid-1{justify-content:center;}
.homepage-section-6 .title{margin-top:13vw;text-align:center;margin-bottom:100px;margin-bottom:5vw;}
.homepage-section-6 h2{background:linear-gradient(93.25deg,rgba(64,166,239,1) 0%,rgba(247,104,155,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;display:inline-block;font-size:28px!important;font-family:Noto Sans TC;line-height:36px!important;}
.homepage-section-6 .bg-color{-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-radius-top-left:7px;-moz-border-radius-top-right:7px;border-top-left-radius:7px;border-top-right-radius:7px;background:linear-gradient(93.25deg,rgba(210,188,255,0.2) 11.92%,rgba(38,176,219,0.2) 104.62%);padding:51px 0;position:relative;}
.homepage-section-6 .homepage-section-6-img{position:absolute;top:-4vw;right:0px;width:14vw;}
.homepage-section-6 h3{display:inline-block;font-family:Noto Sans TC;font-style:normal;font-weight:bold;color:#4F4F4F;font-size:18px;line-height:normal;margin-bottom:18px;}
.homepage-section-6-grid>div{height:100%;}
.homepage-section-6-img{text-align:right;}
.homepage-section-6-grid>div:nth-child(1){box-shadow:0px 21px 73px -25px rgba(0,0,0,0.75);border-bottom-right-radius:15px;border-bottom-left-radius:15px;}
.homepage-section-6-text{-webkit-border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottom-right:7px;-moz-border-radius-bottom-left:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px;padding:22px;}
.homepage-section-7 h2{font-size:72px;background:linear-gradient(130deg,rgba(128,62,180,1) 15%,rgba(62,125,247,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:800;font-size:28px!important;font-family:Noto Sans TC;line-height:36px!important;margin-bottom:1vw;}
.homepage-section-7-box{position:relative;}
.homepage-section-7-bg{position:absolute;top:-5vw;left:0;width:44vw;}
.homepage-section-7-bg>img{width:100%;}
.homepage-section-8{padding-left:15vw;padding-top:10vw;padding-right:4vw;}
.homepage-section-8 h2{font-size:72px;background:linear-gradient(130deg,rgba(246,140,140,1) 15%,rgba(10,244,227,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:800;font-size:28px!important;font-family:Noto Sans TC;line-height:36px!important;}
.homepage-section-8-text{text-align:justify;position:relative;display:flex;align-items:center;top:-7vw;left:-9.4vw;}
.homepage-section-8-text p{width:310px;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px;line-height:normal;color:rgba(0,0,0,0.78);}
.homepage-section-8-img{text-align:right;position:relative;display:inline-block;width:44vw;left:-7.4vw;top:-8vw;}
.homepage-section-8-box{position:relative;}
.homepage-section-8-bg>img{width:100%;}
.homepage-section-8-text .uk-visible-mini{display:none;}
.homepage-section-8-button{width:fit-content; width:-moz-fit-content;margin:3vw auto 0;display:flex;justify-content:space-around;position:relative;}
.homepage-section-8-button>div{padding:1;border-radius:20px;display:flex;justify-content:center;align-items:center;}
.homepage-section-8-button a{padding:8px;display:inline-block;width:100%;text-align:center;}
.homepage-section-8-button>div:nth-child(1){background:linear-gradient(to right,rgba(133,103,253,1) 0%,rgba(114,173,255,1) 100%);width:203px;height:48px;}
.homepage-section-8-button>div:nth-child(2){background:linear-gradient(207deg,rgba(62,80,180,1) 16%,rgba(0,169,157,1) 86%,rgba(62,80,180,1) 100%);padding:1px;width:203px;height:48px;margin-left:18px;}
.homepage-section-8-button>div:nth-child(1) a{color:white;font-size:16px!important;font-family:Noto Sans TC;}
.homepage-section-8-button>div:nth-child(2) a{background-color:white;border-radius:19px;width:203px;height:46px;display:flex;justify-content:center;align-items:center;}
.homepage-section-8-button>div:nth-child(2) a p{}
.homepage-section-8-button>div:nth-child(2) a p,.homepage-section-8-button>div:nth-child(2) i{background:linear-gradient(130deg,rgba(62,80,180,1) 0%,rgba(4,163,158,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:16px!important;}
.homepage-section-8-button i{margin-right:5px;}
.homepage-section-8-box{position:relative;}
.homepage-section-8-bg{position:absolute;right:0;width:33vw;}
.homepage-section-8-button-box{position:relative;margin-top:3vw;margin-bottom:4.5vw;}
.homepage-section-8-bg-2{position:absolute;left:0;width:31vw;top:-17vw;}
.homepage-section-8-bg-2>img{width:100%;}
}
.homepage-section-9{position:relative;padding-bottom:35px;padding:0 6vw 0 6.5vw;}
.homepage-section-9 h2{color:#4F4F4F;font-weight:800;font-size:28px!important;font-family:Noto Sans TC;line-height:normal!important;}
.homepage-section-10-button-box{margin-left:60px;}
.homepage-section-9-slider.uk-slider-container{padding-bottom:20px;}
.homepage-section-9 h3{color:white;font-style:normal;font-weight:bold;font-size:24px!important;font-family:Roboto;line-height:30px!important;}
.homepage-section-9 h6{color:white!important;margin:0}
.homepage-section-9 p{text-align:justify;padding:15px;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px!important;line-height:normal!important;color:#4F4F4F;}
.homepage-section-9 .bg-color{left:0px;width:95%;background:linear-gradient(115deg,rgba(154,99,223,1) 11%,rgba(130,119,220,1) 23%,rgba(38,198,212,1) 69%,rgba(0,232,209,1) 88%);padding:1px;border-radius:11px;box-shadow:0px 8px 8px rgba(0,0,0,0.1),0px 7px 6px rgba(0,0,0,0.05),0px 1px 2px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.5);}
.homepage-section-9 li .white-bg{background:linear-gradient(179.96deg,rgba(255,255,255,0.116) 0.05%,rgba(161,161,161,0.044) 90.98%),#FFFFFF;border-radius:10px;}
.homepage-section-9 .uk-slider-items li{width:33.3333333333%}
.homepage-section-9 .uk-grid-medium>*{padding-left:30px;}
.homepage-section-9 .uk-slider-items li .date{padding:5px 0;text-align:center;background:linear-gradient(115deg,rgba(154,99,223,1) 11%,rgba(130,119,220,1) 23%,rgba(38,198,212,1) 69%,rgba(0,232,209,1) 88%);-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:15px;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;border-top-left-radius:10px;border-top-right-radius:10px;}
.homepage-section-9 .uk-slidenav-position{}
.homepage-section-9 .uk-slidenav-contrast{color:#000;font-size:20px;position:absolute;z-index:1}
.homepage-section-9 .uk-slidenav-previous{}
.homepage-section-9 .uk-slidenav-next{}
.homepage-section-9 .uk-dotnav-contrast>*{width:fit-content; width:-moz-fit-content;}
.homepage-section-9 .uk-dotnav-contrast{margin:0 auto;width:fit-content; width:-moz-fit-content;left:-1.1vw;}
.homepage-section-9 .uk-dotnav-contrast>*>a:hover{background:linear-gradient(130deg,rgb(219,78,245) 0%,#06D4C5 100%);}
.homepage-section-9 .uk-dotnav-contrast>*>a{background:#C4C4C4;width:13px;height:13px;}
.homepage-section-10-box{position:relative;padding:5.8vw 0px;}
.homepage-section-10{margin-bottom:80px;position:relative;}
.homepage-section-10 h2{margin-bottom:20px;font-size:28px!important;text-align:center;font-family:Noto Sans TC;font-style:normal;font-weight:bold;color:#4F4F4F;}
.homepage-section-10-slider{margin:0 auto;}
.homepage-section-10 h3{color:white;font-weight:800;font-size:24px!important;font-family:Noto Sans TC;line-height:30px!important;}
.homepage-section-10 h6{color:white!important;margin:0}
.homepage-section-10 p{text-align:justify;padding-bottom:15px;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:14px!important;line-height:normal!important;padding-bottom:0;color:#4F4F4F;}
.homepage-section-10 .bg-color{padding:1px;left:0px;width:95%;background:linear-gradient(130deg,rgb(219,78,245) 0%,#06D4C5 100%);border-radius:11px;}
.homepage-section-10 li .white-bg{position:relative;background-color:white;border-radius:10px;padding:2vw;padding-top:79px;}
.homepage-section-10 .uk-slider-items li{}
.homepage-section-10 .uk-grid-medium>*{padding-right:45px;padding-left:0;}
.white-bg h5{font-family:Noto Sans TC;font-style:italic;font-weight:normal;font-size:14px!important;line-height:normal!important;color:#4F4F4F;margin-bottom:0.8vw;}
.homepage-section-10 li .date{padding:5px 0;text-align:left;-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:15px;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;border-top-left-radius:10px;border-top-right-radius:10px;margin-bottom:0.5vw;}
.homepage-section-10 li .date h4{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:14px!important;line-height:normal!important;color:#4F4F4F;}
.homepage-section-10 .uk-slidenav-position{margin-left:-5px;}
.homepage-section-10 .uk-slidenav-contrast{color:#000;font-size:20px;position:absolute;z-index:1}
.homepage-section-10 .uk-slidenav-previous{}
.homepage-section-10 .uk-slidenav-next{}
.homepage-section-10 .uk-dotnav-contrast>*{width:fit-content; width:-moz-fit-content;}
.homepage-section-10 .uk-dotnav-contrast{margin:0 auto;width:fit-content; width:-moz-fit-content;bottom:-45px;position:relative;z-index:2;}
.homepage-section-10{z-index:2;}
.homepage-section-10 .uk-dotnav-contrast>*>a:hover{background:linear-gradient(130deg,rgb(219,78,245) 0%,#06D4C5 100%);}
.homepage-section-10 .uk-dotnav-contrast>*>a{background:#C4C4C4;}
.homepage-section-10 ul.uk-slider-items{}
.your-thing{margin-top:15px;margin-bottom:15px;}
.your-thing i{display:inline-block;color:#4F4F4F;mix-blend-mode:normal;opacity:0.54;}
.your-thing a{display:inline-block;font-family:Noto Sans TC;font-style:normal;font-weight:500;font-size:14px!important;line-height:normal;color:#4F4F4F;text-indent:10px;}
.your-thing a:hover{color:#000;}
.your-thing img{position:relative;top:-2px;left:-10px;}
.homepage-section-10-img{position:absolute;top:-25px;left:25px;}
.homepage-section-10-button{margin-top:calc(5% + 20px);background:linear-gradient(to right,rgba(133,103,253,1) 0%,rgba(114,173,255,1) 100%);border-radius:20px;width:fit-content; width:-moz-fit-content;margin:0 auto;margin-bottom:7vw;position:relative;z-index:2;left:-1.2vw;top:.3vw;}
.homepage-section-10-button a{display:flex;justify-content:center;background:linear-gradient(98.1deg,#8567FD 11.92%,#70B2FF 104.62%);border-radius:20px;width:295px;height:48px;align-items:center;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:16px!important;line-height:normal;text-align:center;color:#FFFFFF;}
.homepage-bottom-bg{position:absolute;bottom:0;right:0;width:35vw;}
.homepage-bottom-bg img{width:100%;}
.uk-dotnav>*>*{width:12px;height:12px;}
.homepage-section-1-box{margin-top:6vw;}
.homepage-section-6-grid-1>div>*:nth-child(2){margin-left:-20vw;}
.homepage-section-6-grid{padding-left:0;}
.charge-section-1-box .uk-container{max-width:fit-content; width:-moz-fit-content;}
.charge{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:24px!important;line-height:normal;text-align:center;color:#4F4F4F;margin:0 auto;margin-bottom:50px;}
.charge-section-1-box{padding:0 0 60px;padding-bottom:40px;}
.charge-section-1-left{position:relative;padding:35px;background:#FFFFFF;opacity:0.9;border:1px solid #F2F2F2;box-sizing:border-box;box-shadow:0px 8px 8px rgba(0,0,0,0.1),0px 7px 6px rgba(0,0,0,0.05),0px 1px 2px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.5);border-radius:7px;padding-top:120px;}
.charge-section-1-left .uk-grid{margin-left:0;}
.charge-section-1-img{position:absolute;top:-70px;right:0;}
.charge-section-1-text{}
.charge-section-1-right{margin-left:55px;}
.charge-section-1-h2{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:26px!important;line-height:normal!important;width:fit-content; width:-moz-fit-content;margin-bottom:5px;}
.main-color{background:linear-gradient(93.25deg,rgba(62,80,180,1) 11.92%,rgba(0,169,157,1) 104.62%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.fit-content{width:fit-content; width:-moz-fit-content;}
li.uk-active .linear-color{background:linear-gradient(93.25deg,rgba(62,80,180,1) 11.92%,rgba(0,169,157,1) 104.62%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.help-linear-color{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:18px;line-height:normal;width:fit-content; width:-moz-fit-content;margin-bottom:10px;background:linear-gradient(93.25deg,rgba(62,80,180,1) 11.92%,rgba(0,169,157,1) 104.62%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.charge-section-1-text h3{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:26px!important;line-height:normal;color:#4F4F4F;margin-bottom:25px;}
.charge-section-1-text p{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:14px!important;line-height:20px!important;color:#4F4F4F;margin-bottom:25px;}
.charge-section-1-hr{position:relative;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:14px!important;line-height:normal;text-align:center;width:fit-content; width:-moz-fit-content;margin:0 auto;margin-bottom:25px;}
.charge-section-1-hr:after{content:"";position:absolute;width:70px;height:1px;top:calc(50% - 0.5px);left:-80px;background-color:#c4c4c4;}
.charge-section-1-hr:before{content:"";position:absolute;width:70px;height:1px;top:calc(50% - 0.5px);right:-80px;background-color:#c4c4c4;}
.star{padding-left:12px;}
.star h4{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:18px!important;line-height:normal;color:#828282;position:relative;width:fit-content; width:-moz-fit-content;}
.star h4:after{content:"*";position:absolute;top:-7px;right:-10px;color:#828282;font-size:18px;}
.star h6{font-family:Noto Sans TC;font-style:normal;font-weight:500;font-size:12px!important;line-height:20px!important;color:#4F4F4F;}
.star p{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:12px!important;line-height:normal;color:#828282;}
.star{padding-left:12px;}
.hashtag{padding-left:0px!important;margin-left:35px;}
.hashtag h4:after{content:"#";font-size:18px;}
.hashtag h5{font-family:Noto Sans TC;font-style:normal;font-weight:900;font-size:12px!important;line-height:normal;color:#EB5757;padding-left:13px;margin-top:7px;}
.sign-up{width:300px;height:48px;margin:0 auto;display:flex;justify-content:center;align-items:center;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:14px!important;line-height:normal!important;text-align:center;color:#FFFFFF;}
.free-register{margin:0 auto;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:14px!important;line-height:normal;width:fit-content; width:-moz-fit-content;margin-top:55px;margin-bottom:15px;}
.charge-terms-and-conditions-container{max-width:776px;padding:0 45px;margin:0 auto;padding-bottom:calc(90px + 1.2vw);}
.terms-and-conditions h4{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px!important;line-height:normal!important;color:#4F4F4F;}
.terms-and-conditions .symbol{width:24.34px;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:12px!important;line-height:normal!important;color:#4F4F4F;}
.terms-and-conditions p{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:12px!important;line-height:20px!important;width:calc(100% - 24.34px);color:#4F4F4F;margin-bottom:10px;}
.charge-section-1-box .top-right{position:absolute;right:0;top:0;}
.charge-section-1-box .bottom-right{position:absolute;right:0;bottom:0;}
.charge-section-1-box .bottom-left{position:absolute;bottom:0;left:0;}
.description-section-1-title{display:flex;}
.description-section-1-title h3{margin-left:65px;}
.description-section-1-title h4{}
.description-section-1-title h4,.description-section-1-title h3{color:#4F4F4F;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:18px;line-height:normal;margin-bottom:50px;}
.description-section-1{background:#FFFFFF;opacity:0.9;border:1px solid #F2F2F2;box-sizing:border-box;box-shadow:0px 6px 18px rgba(72,129,233,0.1);padding:0;margin-bottom:36px;}
.description-section-1 h3{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:18px;line-height:normal;width:fit-content; width:-moz-fit-content;margin-bottom:10px;margin-top:0px;width:100%;padding: 20px 20px 10px 20px;}
.description-section-1 p{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px;line-height:normal;color:#4F4F4F;}
.description-section-2 p{width:100%;}
.description-section-1-box{max-width:1070px;padding:0 35px 70px;margin:0 auto;min-height:calc(100vh - 241px);}
.description-section-1-box i{position:absolute;right:0;top:calc(50% - 10px);color:#000000;mix-blend-mode:normal;opacity:0.54;font-size:20px;}
.description-section-1 .i-box{position:relative;}
.description-bottom-right{position:absolute;right:0;bottom:0;}
.description-top-right{position:absolute;right:0;top:0;width:30vw;}
.description-left{position:absolute;left:0;height:100%;bottom:0;}
@media (min-width:1280px){
}
@media (max-width:1280px){
.homepage-section-1-p p{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px;line-height:normal;text-align:justify;color:rgba(0,0,0,0.78);}
.homepage-section-2-text .left{width:20vw!important;}
.homepage-section-10-slider{padding-top:28px;width:78vw;margin:0 auto;}
}
@media(max-width:1200px){
.description-top-right{width:33vw;}
}
@media (min-width:1025px){
.index_mob_logo{display:none;}
#moblie_nav{display:none;}
}
@media (max-width:1024px){
#moblie_nav{font-size:14px;font-family:Noto Sans TC;}
#moblie_nav img{vertical-align:baseline;}
.index_mob_logo{display:block;margin-bottom:23px;}
.header_img{width:46vw;top:-70px;}
.homepage-section-1-box{margin-top:0;}
.homepage-section-1,.homepage-section-1-p{width:80vw;}
.homepage-section-1-p{top:2vw;}
.homepage-section-2-text{margin-left:10%;}
.homepage-section-2-img>img:nth-child(1){top:13vw;right:-100px;}
.homepage-section-2-img-1{width:45vw;margin-left:11vw;}
.homepage-section-3-box{padding-left:0;}
.homepage-section-3-img{width:25vw;}
.homepage-section-4-bg{right:-30vw;width:80vw;z-index:-1;}
.homepage-section-4-img{top:-6vw;width:45vw;right:7vw;}
.homepage-section-4>.homepage-section-4-text-box{margin-left:10vw;}
.homepage-section-5-img>div{left:-360px;top:-20px;width:600px;height:600px;}
.homepage-section-5-img{width:45vw;}
.five_p{margin-left:-35vw!important;}
.five_p li{width:40vw;padding-left:5vw;}
.five_p>li>div:nth-child(1){background:linear-gradient(179.95deg,rgba(255,255,255,0.116) 0.05%,rgba(161,161,161,0.044) 90.98%),#FFFFFF;box-shadow:0px 21px 25px rgba(0,0,0,0.19),0px 4px 12px rgba(0,0,0,0.1),0px 0px 4px rgba(0,0,0,0.1);border-radius:15px;}
.homepage-section-7-box{margin-top:30vw;}
.homepage-section-7-bg{width:85vw;left:-50vw;}
.homepage-section-7-text{top:0;left:-10vw;}
.homepage-section-8-box{margin-top:20vw;}
.homepage-section-8-bg{width:60vw;}
.homepage-section-8-img{width:75vw;top:-25vw;left:-30vw;}
.homepage-section-8-text{top:0vw;right:5vw;left:initial;position:absolute!important;}
.homepage-section-9-box{margin-top:10vw;}
.homepage-section-9 .uk-slider-items li{width:50%;}
.homepage-section-10{padding:0;}
.homepage-section-10-slider{padding:0 40px;width:100%;}
}
@media(max-width:1060px){
.charge-section-1-box .top-right,.charge-section-1-box .bottom-right,.charge-section-1-box .bottom-left{width:33vw;}
}
@media (max-width:960px){
.charge-section-1-box .top-left{position:absolute;top:-20px;left:0}
.description-section-1-title h4,.description-section-1-title h3{margin-top:10px;}
.contact-us-top-right{width:60vw;}
}
@media (max-width:1024px) and (min-width:1023px){
.header_img-2{width:97%;}
}
@media (max-width:1279px) and (min-width:960px){
}
@media (max-width:1024px){
.contact-us-email,.contact-us-textarea{background:none!important;}
.contact-us-email input,.contact-us-textarea textarea{background-color:transparent;}
.join-us-contact-us p{width:135px;}
.select-box{margin-top:20px;margin-bottom:20px;}
.contact-us-form{margin:0!important;padding:0!important;border:none!important;}
.join-us-contact-us-box{max-width:960px!important;width:90vw;margin:0 auto;padding:0!important;background:transparent!important;opacity:1;border:none!important;box-sizing:border-box;box-shadow:none!important;border-radius:0px;}
.mob_front_page{margin-top:85px!important;position:relative;padding-left:25px;padding-right:25px;}
.mob_help_title{position:relative;transition:1s ease;}
.desc_h2{margin-left:0px!important;text-align:left;}
.mob_logo{position:absolute;top:27px;left:45px;}
.description-top-right{width:28vw;z-index:-1;top:-125px;}
.tnc .description-top-right{right:0px;}
header{display:none!important;}
.homepage-section-1-box{margin-top:0;}
.homepage-section-2-img-1{display:inline-block;margin-left:0.8vw;width:31.8vw;top:-9vw;position:relative;}
.homepage-section-4-img{position:absolute;z-index:1;}
.homepage-section-2-text .left{width:34vw!important;}
.homepage-section-3-box{align-items:center;position:relative;padding-top:0.1vw;}
.homepage-section-3-bg-1{position:absolute;width:37vw;top:-36vw;}
.star{width:50%;margin:0!important;}
.charge-section-1-left{margin-bottom:60px;padding:25px;padding-top:70px;margin-left:0;width:100%;height:initial!important;}
.charge-section-1-hr:after,.charge-section-1-hr:before{display:none;}
.charge-section-1-h2{margin:0;}
.star h6{margin:0;}
.hashtag h5{margin:0;line-height:15px!important;margin-top:8px;}
.terms-and-conditions .symbol{width:11px;height:18px;}
.charge-section-1-box{padding-bottom:32px;}
.charge-terms-and-conditions-container{padding:0 35px;}
.free-register{margin-top:5px;}
}
@media (max-width:960px) and (min-width:768px){
.homepage-section-4-bg{position:absolute;}
.homepage-section-4-img{position:absolute;z-index:1;}
}
footer{width:100%;display:block;position:absolute;padding:1.2vw 2.6vw;bottom:0;}
.footer{}
.footer a{font-family:'Noto Sans TC',sans-serif;font-style:normal;font-weight:normal;line-height:normal;font-size:14px;color:#4F4F4F;display:inline-block;margin-right:3.5vw;}
.footer p:first-child{display:inline-block;margin-left:0vw;}
.footer p{display:inline-block;margin-left:3.5vw;}
.footer-right{position:absolute;bottom:0px;padding:1.3vw;right:0;font-family:Noto Sans TC;font-style:normal;font-weight:normal;line-height:normal;font-size:12px;color:#4F4F4F;}
.check_price_mob{background:linear-gradient(95.59deg,#8567FD 11.92%,#70B2FF 104.62%);border-radius:20px;text-align:center;height:48px;line-height:48px;width:295px!important;position:fixed;bottom:20px;z-index:999;left:calc(50% - 147.5px);}
.check_price_mob a{color:white;font-family:Noto Sans TC!important;font-weight:bold;font-size:16px!important;line-height:normal;text-align:center;}
.displaynone{display:none;}
@media (min-width:480px){
.visible{display:none!important;}
.none{display:block!important;}
}
@media (max-width:480px){
.homepage-section-2{margin-top:10vw;}
.homepage-section-3{margin-top:40vw;}
.homepage-section-4{margin-top:30vw;}
.homepage-section-5{margin-top:130px;}
.header_img{top:0;}
.homepage-section-3-text{margin:0!important;width:fit-content; width:-moz-fit-content;display:inline-block;margin-left:42vw!important;padding:0!important;position:relative;top:0;}
.homepage-section-8-img>img{margin-left:0%;}
.homepage-section-8-text{top:35vw;left:5vw;width:100%;position:static;}
.homepage-section-8-text p{width:80vw;}
.contact-us-form input,.contact-us-form textarea{}
.visible{display:block!important;}
.none{display:none!important;}
.homepage-section-1>img{width:25vw;}
.homepage-section-1 h1{width:186px;font-family:'Noto Sans TC',sans-serif;font-style:normal;font-weight:500;line-height:32px!important;font-size:24px!important;color:#4F4F4F;}
.header_img{width:71.7vw;}
.homepage-section-1-box{margin-bottom:20vw!important;padding-top:14vw;}
.homepage-section-1-p p{width:84vw;height:auto;font-family:'Noto Sans TC',sans-serif;font-style:normal;font-weight:normal;line-height:normal!important;font-size:16px!important;text-align:justify;margin:0 auto;color:#4F4F4F!important;}
.header_img-2{position:absolute;right:auto;left:3vw;text-align:right;width:85vw;float:right;top:11.9vw;}
.homepage-section-1{width:auto;font-size:27px!important;margin-left:7.6vw;margin-top:-1vw;}
.homepage-section-1-p{margin:0 auto;position:relative;width:100%;z-index:20;top:15vw;}
.homepage-section-2 h2,.homepage-section-3 h2,.homepage-section-4 h2,.homepage-section-5 h2,.homepage-section-6 h2,.homepage-section-7 h2{text-align:justify;font-family:'Noto Sans TC',sans-serif;font-style:normal;font-weight:bold;line-height:36px!important;font-size:26px!important;width:100%!important;}
.homepage-section-2 h2{margin-bottom:25px;height:57px;}
.homepage-section-2-text p{width:155px;height:96px;font-family:'Noto Sans TC',sans-serif;font-style:normal;font-weight:normal;line-height:normal!important;font-size:16px!important;color:#4F4F4F!important;}
.homepage-section-2-img-1{display:inline-block;margin:0!important;right:0;width:fit-content; width:-moz-fit-content;text-align:right;top:29vw;position:absolute;}
.homepage-section-2-img-1>img{width:52vw;position:relative;z-index:1;left:2vw;top:8vw;}
.homepage-section-2-img>img:nth-child(1){position:absolute;right:calc(0% - 19px);top:calc(-93% - -372px);width:213px;z-index:0;}
.homepage-section-2-img>img:nth-child(2){position:absolute;right:0;top:33vw;width:62vw;z-index:0;}
.homepage-section-2-text p{width:84vw;height:96px;left:33px;top:560px;font-family:'Noto Sans TC',sans-serif;font-style:normal;font-weight:normal;line-height:normal!important;font-size:16px!important;color:#4F4F4F!important;padding-right:44vw;}
.homepage-section-2-text{margin:0 auto;width:84vw!important;display:block;position:relative;z-index:20;padding-top:29vw;}
.homepage-section-3{position:relative;margin-top:-1vw;width:100%;}
.homepage-section-3 h2{width:52vw!important;height:auto;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:24px;line-height:normal;}
.homepage-section-3-text p{width:52vw!important;height:auto;font-size:16px!important;font-family:Noto Sans TC;font-style:normal;font-weight:normal;line-height:normal!important;color:#4F4F4F!important;}
.homepage-section-3-bg{position:absolute;width:31vw;top:-4vw;}
.homepage-section-3-bg-1{position:absolute;width:35vw;top:-33vw;}
.homepage-section-3-img{width:33vw;position:absolute;left:0;top:5vw;}
.homepage-section-4{position:relative;}
.homepage-section-4 h2{text-align:justify;font-family:'Noto Sans TC',sans-serif;font-style:normal;font-weight:bold;line-height:normal!important;font-size:20px!important;width:170px!important;height:72px;margin:0;margin-bottom:4vw;}
.homepage-section-4>.homepage-section-4-text-box{width:54.7vw;margin-left:27.5vw;position:relative;padding-top:1.2vw;}
.homepage-section-4>.homepage-section-4-text-box{width:84vw!important;margin-left:27.5vw;position:relative;padding-top:1.2vw;margin:0 auto;}
.homepage-section-4-text-box>p{margin-bottom:7vw;width:190px;font-family:'Noto Sans TC',sans-serif;font-style:normal;font-weight:normal;font-size:16px!important;color:#4F4F4F!important;text-align:justify;}
.homepage-section-4 .button-box{display:block;justify-content:space-between;width:114px;}
.homepage-section-4 .button{margin-bottom:1vw;width:100%;}
.homepage-section-4 .button a p{display:flex;justify-content:center;align-items:center;padding:0;height:40px;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px;line-height:normal;text-align:center;}
.homepage-section-4 .button:nth-child(2){margin-left:0;}
.homepage-section-4-bg{position:absolute;right:0;top:25vw;width:53.5vw;}
.homepage-section-4-img{position:absolute;top:15vw;right:-1vw;left:auto;z-index:1;width:50vw;}
.homepage-section-5-img{display:inline-block;width:fit-content; width:-moz-fit-content;position:relative;}
.homepage-section-5-img>div{background:linear-gradient(267.64deg,#8293EF -5.47%,rgba(255,255,255,0) 100.37%);border-radius:45px;transform:rotate(150.19deg);width:485px;height:290px;position:absolute;left:-60vw;top:2px;}
.homepage-section-5-text-box-small .text>div{width:33%!important;}
.homepage-section-5-text-box{display:none;}
.homepage-section-5-text-box-small{text-align:right;width:100%;margin-top:5vw;position:relative;left:0;padding:0 30px;}
.homepage-section-5-text-box-small>div{padding:0;padding-right:0px;}
.homepage-section-5 p{width:100%;text-align:justify;margin-right:calc(10% + 10px);margin-left:auto;font-size:16px!important;font-family:Noto Sans TC;font-style:normal;font-weight:normal;margin-bottom:25px;display:block!important;}
.homepage-section-5 .uk-grid{width:100%;margin:0 auto;}
.homepage-section-5 .uk-grid>div{width:33%;}
.homepage-section-5 .uk-grid>div{margin-left:auto;}
.homepage-section-5 .uk-grid>div:first-child{margin-left:0px;}
.homepage-section-5 .uk-grid div img{width:100%;}
.homepage-section-5 .uk-grid div p{margin:0;}
.homepage-section-5 .uk-grid div p{margin:0;margin-bottom:25px;width:100%;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:14px!important;line-height:normal!important;}
.homepage-section-6 .bg-color{position:relative;background:linear-gradient(93.25deg,rgba(210,188,255,0.2) 11.92%,rgba(38,176,219,0.2) 104.62%);border-radius:15px 15px 0px 0px;padding:16% 0;}
.homepage-section-6 .uk-grid li{width:315px;}
.homepage-section-6 .homepage-section-6-img{position:absolute;top:-60px;right:15px;width:fit-content; width:-moz-fit-content;text-align:right;}
.homepage-section-6 .uk-dotnav{margin:0 auto;width:fit-content; width:-moz-fit-content;}
.homepage-section-6 ul{margin-bottom:60px;}
.five_p{margin-left:0vw!important;}
.five_p li{width:80vw;padding-left:0;padding-right:5vw;}
.homepage-section-6 .uk-slider-container{padding-bottom:50px;padding-top:80px!important;}
.uk-dotnav>*>*{width:7px;height:7px;}
.uk-dotnav>*{-ms-flex:none;-webkit-flex:none;flex:none;padding-left:6.5px;margin-top:15px;}
.homepage-section-6 .uk-grid{justify-content:inherit;}
.homepage-section-7{position:static!important;width:auto;max-width:100%;padding:0;position:relative;top:0;}
.homepage-section-7-box{margin-top:25vw;}
.homepage-section-7-bg{position:relative;top:1vw;left:0;width:63vw;}
.homepage-section-7-text{width:84vw!important;text-align:justify;position:relative;margin-top:-35px;left:auto;z-index:1;margin-left:auto;margin-right:auto;top:0;}
.homepage-section-7 h2{font-family:'Noto Sans TC',sans-serif;line-height:28px!important;font-size:24px!important;margin-left:auto!important;margin-bottom:20px;width:100%!important;}
.homepage-section-7-text p{width:310px;height:92px;font-family:Noto Sans TC;font-style:normal;font-weight:normal;line-height:normal;font-size:16px!important;color:#4F4F4F!important;margin-left:auto;margin-right:auto;height:fit-content;}
.homepage-section-8{padding:0;}
.homepage-section-8-button>div:nth-child(1) a{color:white;font-family:Noto Sans TC!important;font-weight:bold;font-size:16px!important;line-height:normal;text-align:center;}
.homepage-section-8-button>div:nth-child(2) a p,.homepage-section-8-button>div:nth-child(2) i{background:linear-gradient(130deg,rgba(62,80,180,1) 0%,rgba(4,163,158,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Noto Sans TC!important;font-style:normal;font-weight:bold;font-size:16px!important;line-height:normal!important;text-align:center;}
.homepage-section-8-bg{position:absolute;right:0vw;width:56vw;top:4vw;}
.homepage-section-8-bg>img{width:100%;position:relative;top:6vw;}
.homepage-section-8-img>img{width:100%;margin-left:32%;}
.homepage-section-8-img{text-align:right;width:80vw;left:-1vw;top:6vw;}
.homepage-section-8-text{margin-left:0;text-align:justify;position:relative!important;display:flex;padding-left:0;align-items:center;top:0;left:0;width:84vw!important;margin:0 auto;}
.homepage-section-8-text>div{margin-top:7vw;}
.homepage-section-8-button>div{width:80vw;height:48px;margin:0 auto!important;width:295px!important;margin-bottom:16.26px!important;}
.homepage-section-8-text p{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px!important;line-height:normal!important;color:rgba(0,0,0,0.78);}
.homepage-section-8 h2{background:linear-gradient(130deg,rgba(246,140,140,1) 15%,rgba(10,244,227,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:24px!important;line-height:28px!important;margin-bottom:7vw;}
.homepage-section-8-button-box{position:relative;margin-top:6vw;margin-bottom:4.5vw;}
.homepage-section-8-button>div{margin:0 auto!important;max-width:80vw!important;margin-bottom:16.26px!important;}
.homepage-section-8-button{width:100%;padding:0;display:block;justify-content:space-around;margin-top:10%;left:0;}
.homepage-section-8-button>div:nth-child(1){background:linear-gradient(95.59deg,#8567FD 11.92%,#70B2FF 104.62%);border-radius:20px;text-align:center;margin-bottom:15px;}
.homepage-section-8-button>div:nth-child(2){border-radius:21px;margin-top:15px;}
.homepage-section-8-button>div:nth-child(2) a{background-color:white;border-radius:19px!important;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.homepage-section-8-bg-2{position:absolute;left:0;width:calc(42% + 72px);top:calc(-160% + 534px);}
.homepage-section-9 h3{color:white;font-style:normal;font-weight:bold;font-size:24px!important;line-height:normal!important;}
.homepage-section-9 .uk-dotnav-contrast>*>a{background:#C4C4C4;width:10px;height:10px;}
.homepage-section-9 h6{color:white!important;margin:0;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:12px;line-height:normal!important;text-align:center;color:#FFFFFF;}
.homepage-section-9 h2{margin-bottom:5%;line-height:normal!important;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:22px!important;color:rgba(0,0,0,0.78);width:100%;}
.homepage-section-9-slider .uk-dotnav{margin-top:0!important;}
.homepage-section-9 .uk-slider-items li{width:400px;max-width:100%;}
.homepage-section-9 p{font-size:16!important;}
.homepage-section-9-box{position:relative;padding:60px 0px 20px 0;margin:0!important;}
.homepage-section-9-slider .uk-slider{margin-left:0;}
.homepage-section-9 .uk-slidenav-position{padding-bottom:35px;}
.homepage-section-9 .bg-color{width:310px;margin:0 auto;}
.homepage-section-9 .uk-slidenav-position{margin:0;}
.homepage-section-9{padding:0;}
.homepage-section-9 .uk-grid-medium>*{padding-left:25px;padding:7px;}
.homepage-section-9 h2{margin-left:35px;}
.homepage-section-10 h2{text-align:center;margin-left:35px;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:22px!important;line-height:normal!important;color:#4F4F4F;}
.homepage-section-10 .uk-grid-medium>*{width:305px;}
.homepage-section-10 .uk-slider-items li{width:80vw;}
.homepage-section-10-box{position:relative;padding:10px 0 0 0;}
.homepage-section-10 .uk-slidenav-position{width:100%;margin:0;}
.homepage-section-10 h2{margin-bottom:10px;}
.homepage-section-10{margin-bottom:0;}
.homepage-section-10-button{margin-bottom:0px;}
.homepage-section-10-slider .uk-slider{margin-left:0;}
.letsgoslider{height:auto!important;padding-bottom:50px;}
.homepage-section-10 .uk-dotnav-contrast>*>a{width:10px;height:10px;}
.homepage-section-10 .uk-dotnav-contrast{bottom:0;}
.homepage-section-10 .bg-color{max-width:100%;}
.homepage-section-10-slider{padding:28px 0;margin:0 auto;width:80vw!important;padding-bottom:10px;}
.homepage-section-10 li .white-bg{position:relative;background-color:white;border-radius:10px;padding-left:32px;padding-top:90px;padding-bottom:21px;padding-right:16px;}
.homepage-section-10 li .date{margin-bottom:13px;padding:0;}
.white-bg h5{margin-bottom:9px;}
.homepage-section-10 p{margin-bottom:18px;}
.homepage-section-10-button-box{margin:0;}
.your-thing{margin:0;}
.footer a{font-size:12px;font-family:Noto Sans TC;}
.homepage-section-10-button a{font-family:Noto Sans TC;}
.homepage-bottom-bg{width:215vw;z-index:-1;}
footer{margin-top:30px;position:relative;width:100%;text-align:center;z-index:5;}
.footer{width:80%;height:15px;line-height:15px;padding:inherit;margin:0 auto;position:static;display:flex;justify-content:space-between;margin-bottom:25px;}
.footer p{font-size:12px!important;line-height:15px!important;margin:0;}
footer .footer-ltd{display:flex!important;justify-content:space-evenly;}
.footer-ltd p,.footer-ltd a{font-family:Noto Sans TC;font-style:normal;font-weight:normal;line-height:normal;font-size:12px!important;color:#4F4F4F!important;}
.visible{display:block!important;}
.none{display:none!important;}
.description-section-2-box{padding:25px 35px;text-align:center;}
.description-section-2 h3{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:18px!important;line-height:normal!important;margin-bottom:15px;color:#4F4F4F;text-align:left;}
.description-section-2{background-image:linear-gradient(145deg,rgba(81,98,187,1) 0%,rgba(29,173,168,1) 100%);opacity:0.9;border-radius:15px;margin-bottom:25px;padding:1px;}
.description-section-2>div{border-radius:14px;padding:15px 25px;background-color:white;}
.charge{margin-bottom:10px;}
.description-section-2 p{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:14px!important;line-height:normal!important;text-align:center;color:#4F4F4F;}
.description-section-3{padding:0px 35px;padding-bottom:20px;}
.description-section-3-box{height:90vh;padding-top:60px;}
.description-section-3-box h2{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:24px!important;line-height:normal!important;color:rgba(0,0,0,0.78);padding-left:35px;margin-bottom:55px;}
.description-section-3-box h3{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:18px!important;line-height:normal!important;width:fit-content; width:-moz-fit-content;margin-bottom:25px;}
.description-section-3-box p{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px!important;line-height:normal!important;color:#4F4F4F;}
}
.login{justify-content:center;align-items:center;min-height:calc(100vh - 375px);margin-bottom:51px;margin-top:80px;}
.login h2{margin:0 auto;width:fit-content; width:-moz-fit-content;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:24px;line-height:normal;color:#4F4F4F;}
.login-input{margin:77px auto 0 auto;width:300px;}
.login-input .padding-top-medium{padding-top:20px!important;}
.login-input input{width:100%;background:transparent;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px;line-height:24px;color:#333;border:transparent;border-bottom:1px solid #00000038;padding:11px 0;}
.normal-input{margin:20px auto;width:300px;}
.normal-input input{width:100%;background:transparent;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:16px;line-height:24px;color:rgba(0,0,0,0.38);border:transparent;border-bottom:1px solid #00000038;padding:11px 0;}
.normal-input td{padding-bottom:20px;}
.check_parent{position:relative;}
.ok_check,.red_cross{position:absolute;right:0px;top:10px;display:none;}
.lost-password{font-family:Noto Sans TC;font-style:normal;font-weight:500;font-size:12px;line-height:normal;text-align:center;text-decoration-line:underline;color:#4F4F4F;margin-top:15px;}
.new-account{width:141px;height:48px;background:#D0D8E0;border-radius:20px;line-height:48px;}
.lost-password a{font-family:Noto Sans TC;font-style:normal;font-weight:500;font-size:12px;line-height:normal;text-align:center;text-decoration-line:underline;color:#4F4F4F;}
.login-button-box{display:flex;width:300px;margin:0 auto;margin-top:35px;}
.login-button-box>div{display:flex;justify-content:center;align-items:center;}
.login-button-box a,.login-button-box input{font-family:Noto Sans TC;font-weight:bold;font-size:14px;text-align:center;color:#FFFFFF;border:0;display: inline-block;}
.login-button{margin-left:auto;background: #8174fd;;background-image:linear-gradient(93.9deg,#8567FD 11.92%,#70B2FF 104.62%);border-radius:20px;width:142px;height:48px;}
.login-button-box input{}
.login-text{margin:0 auto;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:14px;line-height:normal;text-align:center;color:#4F4F4F;margin-top:40px;}
.login-text p{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:14px;line-height:normal;text-align:center;color:#4F4F4F;}
.social-button{width:480px;max-width:100%;margin:0 auto;display:flex;margin-top:25px;}
.social-button>*{width:450px;max-width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;}
.social-button>.none{display:flex!important;}
.social-button .facebook{background:#3E50B4;border-radius:20px;width:210px;height:48px;line-height:48px;}
.social-button .instagram{border-radius:20px;margin-left:auto;width:210px;line-height:48px;height:48px;background-size:cover;background-repeat:no-repeat;}
.social-button a{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:14px;line-height:normal;text-align:center;color:#FFFFFF;}
.social-button a:hover{text-decoration:none;}
@media (max-width:768px){
.homepage-section-4 .button-box.none{display:flex!important;}
.social-button{display:block;width:300px;}
.social-button .facebook,.social-button .instagram{width:100%;border-radius:40px;margin-top:20px;}
.social-button>.instagram{margin-top:15px;display:flex!important;}
.social-button .none{display:none!important;}
.login-logo{position:absolute;top:-64px;left:calc(50% - 60px);width:120px;}
.login{min-height:calc(100vh - 233px);margin-bottom:0;}
.login-input input{width:100%;font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:14px;line-height:24px;color:rgba(0,0,0,0.38);border:transparent;border-bottom:1px solid #00000038;padding:13px 0;}
.login-input .padding-top-medium{padding-top:18px!important;}
.login h2{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:18px!important;line-height:normal;text-align:center;color:rgba(0,0,0,0.78)}
.login-input{margin-top:40px;}
.login-center-box{margin-top:-20px;}
}
.registered-step{margin:0 auto;margin-top:40px!important;display:flex;width:fit-content; width:-moz-fit-content;}
.registered-step>.registered-active-step{background:#70B2FF;}
.registered-step>div{width:36px;height:36px;background:#D0D8E0;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:25px;position:relative;}
.registered-step>div>p{color:white;}
.registered-step>div>i{position:absolute;top:calc(50% - 10px);right:calc(-50% - 4px);mix-blend-mode:normal;opacity:0.54;color:#4f4f4f;width:20px;height:20px;font-weight:bolder;}
.registered-step>div:first-child{margin-left:0;}
.registered-title h3{margin:0 auto;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:18px;line-height:normal;text-align:center;color:#4F4F4F;margin-top:35px;}
.registered-text,.active-text{width:400px;margin:0 auto;margin-top:25px;max-width:80%;text-align:center;}
.registered-text p,.active-text p{font-family:Noto Sans TC;font-style:normal;font-weight:normal;line-height:normal;text-align:center;color:#4F4F4F;}
.registered-user-icon{text-align:center;margin:0 auto;margin-top:45px;}
.registered-user-name p{font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:18px;line-height:normal;text-align:center;color:#4F4F4F;margin-top:20px;}
.registered-not-my-acount a{font-family:Noto Sans TC;font-style:normal;font-weight:normal;font-size:14px;line-height:18px;text-align:center;color:#737373;margin-top:25px;display:block;}
.registered-use-this-acount{width:300px;background:linear-gradient(98.23deg,#8567FD 11.92%,#70B2FF 104.62%);border-radius:20px;height:48px;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:40px;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:16px;line-height:normal;text-align:center;color:#FFFFFF;}
}
@media (max-width:767px) and (min-width:416px){
.homepage-section-1-p p{height:fit-content;}
.homepage-section-1{width:auto;font-size:27px!important;margin:0 auto;position:relative;width:52.5vw;z-index:20;margin-left:9.5vw;padding-top:10vw;}
.homepage-section-1-p{line-height:20px;margin-left:9.5vw;}
.homepage-section-2-text{padding-top:12vw;margin-left:9.5vw;}
.homepage-section-5{margin-left:9.5vw;}
.homepage-section-8{padding-left:0;}
.homepage-section-8-text{margin-left:9.5vw;left:0;}
.homepage-section-9 .uk-slidenav-previous{left:1vw;top:16vw;}
.homepage-section-9 .uk-slidenav-next{right:0vw;top:16vw;}
.homepage-section-4>.homepage-section-4-text-box{width:224px;margin-left:9.5vw;position:relative;padding-top:1.2vw;top:-7vw;}
}
@media (max-width:480px){
.homepage-section-4 .button-box.none{display:none!important;}
.registered-text{width:300px;}
.contact-us-textarea{height:50px;}
.contact-us-form .login-button{width:100%!important;}
.uk-form-file p{font-size:14px;}
.contact-us-email{background:transparent!important;border-bottom:1px solid #e0e0e0!important;}
.contact-us-form .uk-form-file,.contact-us-textarea,.contact-us-email,.contact-us-form textarea{width:100%!important;background-color:transparent;}
.contact-us-textarea,.select-box{}
.contact-us-email input{background:transparent;}
.charge-section-1-box .uk-container{padding:0;}
.charge-section-1-box .uk-container>.uk-grid{margin-left:0;}
.charge-section-1-box .charge_box{padding:0;}
.charge-section-1-left > .uk-grid-width-1-2{margin-left:0;}
.second_school_charge_img,.primary_school_charge_img{height:180px!important;}
}
@media (max-width:479px) and (min-width:416px){
.homepage-section-4>.homepage-section-4-text-box{width:224px;margin-left:13.5vw;position:relative;padding-top:0;margin-left:auto;width:84vw!important;}
.homepage-section-1-p{top:0;margin-top:15vw;margin-left:0;}
.homepage-section-2-text{margin-left:auto;}
.homepage-section-2-img-1{top:8vw;}
.homepage-section-2-img>img:nth-child(2){top:17vw;}
.homepage-section-3-img{top:-13vw;}
}
.description-section-1-title li:not(:first-child){margin-left:65px;}
.description-section-1-title li h4{font-size:18px;}
h2.charge{position:relative;}
h2.charge img{position:absolute;left:calc(50% - 130px);top:-30px;width:200px;}
.description-mob-ul li{display:block;width:90vw;margin:10px auto 30px;padding:20px 25px;border-radius:20px;border:1px solid #5262bc;background-color:rgba(255,255,255,0.7);}
.description-mob-ul li h4{font-family:Noto Sans TC;font-weight:bold;font-size:18px;color:#4F4F4F;margin-bottom:18px;}
.description-mob-ul li p{font-family:Noto Sans TC;font-size:14px;text-align:center;color:#4F4F4F;}
.help_info{position:absolute;right:120vw;transition:1s ease;width:90vw;top:0;}
.desc_back{position:absolute;top:-50px;left:-5px;z-index:999;pointer-events:visible;}
.help_info *{padding:0;}
.uk-accordion-title{margin-top:30px;margin-bottom:10px;}
.uk-accordion-content{font-family:Noto Sans TC;font-size:16px;color:#4F4F4F;padding-bottom:20px;padding-left: 20px;padding-right: 20px;margin-top: 0 !important;}
.tnc-section-1-box{font-family:Roboto;font-size:14px;line-height:21px;color:#4F4F4F;padding-bottom:50px;position:relative;z-index:9;}
.tnc-section-1-box p{margin-bottom:30px;font-size:14px;}
ul{padding:0;margin:0;position:relative;}
li{list-style:none;padding:0;position:relative;}
.select-box{padding:1px;border-radius:7px;height:45px;margin-bottom:25px;}
.join-us-contact-us-box{max-width:655px;padding:35px 50px;margin:0 auto;margin-top:30px;background:#FFFFFF;opacity:0.9;border:1px solid #F2F2F2;box-sizing:border-box;box-shadow:0px 8px 8px rgba(0,0,0,0.1),0px 7px 6px rgba(0,0,0,0.05),0px 1px 2px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.5);border-radius:7px;}
.join-us-contact-us{padding-left:0;}
.join-us-contact-us h2{font-style:normal;font-weight:bold;font-size:24px;margin-top:15px;line-height:normal;font-family:Noto Sans TC;color:#4F4F4F;}
.join-us-contact-us p{font-style:normal;font-weight:normal;font-size:13px!important;line-height:normal!important;color:#4F4F4F;}
.contact-us-form{margin-left:20.5px;padding-left:30.5px;border-left:1px solid #BDBDBD;padding-top:23px;}
.contact-us-email{position:relative;max-width:100%;height:45px;line-height:44px;padding-bottom:1px;margin-bottom:20px;}
.contact-us-textarea{position:relative;max-width:100%;height:115px;line-height:115px;padding-bottom:1px;margin-bottom:20px;}
.contact-us-email img{top:10px;position:absolute;right:0;}
.contact-us-email input{border:none;width:100%;height:100%;}
.join-us-p,*::placeholder{font-style:normal;font-weight:normal;font-size:14px!important;line-height:24px!important;color:#4F4F4F;}
.contact-us-form textarea{resize:none;font-style:normal;font-weight:normal;font-size:14px;line-height:24px;width:100%;height:114px;color:#4F4F4F;margin-bottom:5px;border:none;}
.contact-us-border{border:none;margin-bottom:15px;}
.contact-us-border input{width:100%;}
.contact-us-form  .uk-form-file{max-width:100%;}
.uk-form-file{position:relative;}
.uk-form-file p{position:absolute;bottom:10px;line-height:45px;font-style:normal;font-weight:normal;font-size:14px!important;line-height:24px!important;color:#4F4F4F;}
.uk-form-file input{opacity:0;position:relative;z-index:1;height:45px;}
.uk-form-file i{position:absolute;color:#000000;mix-blend-mode:normal;opacity:0.54;font-size:24px;top:15px;right:0;}
.contact-us-form .login-button{width:140px;border:none;height:40px;font-family:Noto Sans TC;font-style:normal;font-weight:bold;font-size:14px;line-height:normal;text-align:center;color:#FFFFFF;margin-top:25px;}
.contact-us-top-right{position:absolute;top:0;right:0;}
.contact-us-bottom-right{position:absolute;bottom:0;right:0;}
.contact-us-bottom-left{position:absolute;top:0;left:0;}
.join-us-contact-us-section,.term{min-height:calc(86vh - 14px);}
@media(max-width:350px){
.homepage-section-9 .uk-slider-items li{width:80vw;margin-left:10vw;}
.homepage-section-9 .bg-color{width:100%;}
}
.bottom-confirm table{width:300px;margin:30px auto;display:flex;max-width:100%;}
.confirm_text{font-family:Noto Sans TC;font-size:14px;color:#4F4F4F;}
.homepage-section-1-function{margin:0 auto;position:relative;width:52.5vw;z-index:20;line-height:20px;}
.function_box{width:337px;margin-top:40px;}
.function_box h2{font-weight:800;font-size:28px;color:#4F4F4F;border-bottom:2px solid #d76ea7;padding-bottom:15px;width:70%;margin-bottom:25px;}
.function_box .function_box_img{text-align:center;width:50%;}
.function_box .function_box_img h4{margin-top:15px;}
.function_box .uk-flex{width:70%;}
.homepage-section-2{padding-top:150px;}
.homepage-section-2-bg{background-color:#F3F6FB;width:720px;height:500px;margin-left:22vw;position:relative;}
.homepage-section-2-bg .left{padding:64px 0 10px 82px;width:515px;}
.homepage-section-2-img{position:absolute;right:-200px;top:-130px;width:300px;}
.homepage-section-3{padding-top:350px;position:relative;z-index:120;}
.homepage-section-3-box{width:55vw;background:#F3F6FB;padding:117px 0 117px 15vw;display:inline-block;position:relative;}
.homepage-section-3-text ul li div{width:55px;display:inline-block;text-align:center;}
.homepage-section-3-text ul li{font-family:Noto Sans TC;margin-top:11px;}
.preparing{width:55px;height:22px;background:#A0A0A0;text-align:center;color:#fff;line-height:22px;font-size:8px;display:inline-block;}
.homepage-section-3-img{position:absolute;right:-40vw;top:-10vw;width:50vw;max-width:100vw;}
.homepage-section-5-text-box{width:30vw;background:#FFFFFF;opacity:0.9;padding:60px;display:inline-block;position:relative;left:-10vw;top:5vh;}
.homepage-section-5-img{width:67vw;margin-top:-7vw;display:inline-block;}
.homepage-section-6{background-image:url(../images/section6-bg.svg);background-size:cover;background-repeat:no-repeat;padding:4vw 18vw 22vw;position:relative;margin-top:-10vw;height:fit-content;}
.homepage-section-6-grid{width:50%;position:relative;margin-bottom:0;margin-left:0;margin-right:auto;}
.homepage-section-6-grid .homepage-section-6-text{width:50%;display:inline-block;margin-left:5%;}
.homepage-section-6-grid img{width:40%;display:inline-block;vertical-align:top;}
.section6-7-img{width:75vw;margin:10px auto;display:block;margin-top:-20vw;position:relative;z-index:125;}
.homepage-section-7-img{width:40%;text-align:center;margin-left:5%;position:relative;}
.homepage-section-7-img img{height:400px;width:auto;}
.homepage-section-7 > div{width:75vw;margin:10px auto;}
.homepage-section-7-img-border:after{position:absolute;bottom:0;right:-10%;width:2px;height:150%;background-color:#C4C4C4;content:'';animation:line_height 3s infinite;}
.homepage-section-9-box{position:relative;margin-top:5vw;}
.footer_bg2{position:absolute;bottom:0;left:0;}
.mob_menu_text{cursor:pointer;}
@media(max-width:1024px){
.homepage-section-1{padding-top:30vw;}
.homepage-section-1-p p{width:100%;font-size:18px;}
.homepage-section-2-bg{width:70vw;margin-left:0;}
.homepage-section-2-bg .left{width:52vw;}
.homepage-section-3{margin-top:0;padding-top:200px;}
.homepage-section-3-box{padding:117px 20px 117px 3vw;}
.homepage-section-3-img{top:0;}
.homepage-section-5{margin-left:-10vw;margin-top:-10vw;}
.homepage-section-5-img{width:85vw;margin-top:-7vw;}
.homepage-section-5-text-box{position:absolute;right:0vw;top:7vh;width:55vw;left:initial;}
.homepage-section-6{padding:4vw 5vw 22vw;background-image:url(../images/section6-bg-mob.svg);}
.homepage-section-6-grid{width:100%;}
.homepage-section-6-grid img{width:25%;}
.homepage-section-6-grid .homepage-section-6-text{width:68%;}
.section6-7-img{width:90vw;}
.homepage-section-7 > div{width:90vw;}
.homepage-section-7-img-border:after{display:none;}
.homepage-section-7-img{display:block;width:100%;margin:0;padding:0;}
.homepage-section-7-img img{width:45%;display:inline-block;height:initial;padding:10px;vertical-align:top;}
.section7-text{width:50%;display:inline-block;text-align:left;padding-left:5%;padding-top:5%;}
.homepage-section-3-text{position:relative;z-index:99;}
}
@media(max-width:768px){
.homepage-section-6{padding:4vw 5vw 32vw;}
.section6-7-img{margin-top:-40vw;}
.homepage-section-3-img{top:20vw;width:60vw;}
.homepage-section-5-text-box{padding:30px;}
}
@media(max-width:480px){
.homepage-section-1{padding-top:5vw;}
.homepage-section-1-p{padding:0 8vw;}
.homepage-section-1-p p{margin-bottom:25px;}
.homepage-section-2-bg{width:100vw;height:initial;}
.homepage-section-2-bg .left{padding:64px 0 10px 32px;width:100vw;}
.homepage-section-2 h2{font-size:28px!important;line-height:40px!important;height:initial;width:80vw!important;}
.homepage-section-2 p{width:60vw;}
.homepage-section-2 img{width:60vw;}
.homepage-section-2-img{position:absolute;right:-8vw;top:45vw;width:40vw!important;z-index:9999;}
.homepage-section-3-box{width:100vw;padding:117px 12vw 30px;}
.homepage-section-3{padding-top:30px;}
.homepage-section-3-text{margin-left:0!important;width:100%;}
.homepage-section-3 h2,.homepage-section-3-text p{width:100%!important;}
.homepage-section-3-img{position:relative;width:100vw!important;padding-top:0px;left:-12vw!important;top:22vw!important;}
.homepage-section-3-text ul{display:flex;flex-wrap:wrap;margin-top:5vw;}
.homepage-section-3-text ul li:nth-child(1){order:1;}
.homepage-section-3-text ul li:nth-child(2){order:3;}
.homepage-section-3-text ul li:nth-child(3){order:2;}
.homepage-section-3-text ul li:nth-child(4){order:4;}
.homepage-section-3-text ul li{width:50%;}
.homepage-section-5{margin-top:0;margin-left:0;}
.homepage-section-5 .for_mob_order{display:flex;flex-wrap:wrap;align-items:flex-start;}
.homepage-section-5 .for_mob_order>*{width:100%!important;position:static;}
.homepage-section-5 .for_mob_order>div{order:1;}
.homepage-section-5 .for_mob_order>img{order:2;margin-top:30px;}
.homepage-section-5-text-box{background:transparent;opacity:1;}
.homepage-section-5-text{width:100%;padding:80px 0 0;}
.homepage-section-5 h2{width:100%!important;}
.homepage-section-6{background-image:url(../images/section6-bg-mob2.svg);padding:32vw 5vw 87vw}
.homepage-section-6 .title h2{text-align:center;}
.homepage-section-6 .uk-grid{margin:0;}
.homepage-section-6-grid img{display:block;width:40%;margin:10px auto;}
.homepage-section-6-grid .homepage-section-6-text{width:100%;margin-left:0;margin-top:-50px;}
.homepage-section-6 h3{margin-bottom:10px;}
.section6-7-img{width:140vw;margin-top:-90vw;margin-left:-20vw;max-width:none;}
.homepage-section-7-img img{width:100%;display:inline-block;height:initial;padding:10px;vertical-align:top;}
.section7-text{width:100%;display:inline-block;text-align:left;padding-left:0%;padding-top:5%;}
.footer_bg2{bottom:-100px;}
.mob_logo{left:27px;width:120px;}
.burger.open ~ .mob_logo{left:55px;}
.mob_menu_text{display:none;}
.header_img>img{width:55%;}
.burger{left:150px;}
.homepage-section-5 .for_mob_order>img{height: auto !important; width: auto !important;}
}