/* bootstrap 5 fix */
@media (prefers-reduced-motion: no-preference) {
	:root {scroll-behavior: auto;}
}
*{
	position: relative;
	box-sizing: border-box;
}
@font-face{
    font-family: font-en;
    src: local(Arial);
    unicode-range: U+00-024F;
}
body{
	margin: 0;
	font-family: font-en, 'Noto Sans TC', sans-serif;
	padding-top: 80px;
}
img{
	position: relative;
	display: block;
	max-width: 100%;
}
a{display: inline-block;}
a, a:hover, a:focus{text-decoration: none;}
a:focus{outline: none;}
section{
	position: relative;
	overflow: hidden;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.flex-1{flex: 1;}
.center{
	margin-left: auto;
	margin-right: auto;
}
.t-center{text-align: center;}
.t-right{text-align: right;}
.v-center{
	top: 50%;
	transform: translateY(-50%);
}
.flex-center{justify-content: center;}
.flex-v-center{align-items: center;}
.show-xl, .show-lg, .show-md, .show-sm, .hide{
	display: none;
}
.container, .container-fluid, .container-xxl{
	padding-left: 15px;
	padding-right: 15px;
}
.bold{font-weight: bold;}
.wow{
	animation-duration: 1.2s;
	visibility: hidden;
}

/* header */
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 9999;
}
.header_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f1f1f1;
}
.menu{
	padding-top: 25px;
	padding-left: 180px;
	padding-right: 230px;
}
.menu_item{
	padding-left: 25px;
	padding-right: 25px;
}
.menu_btn{
	display: block;
	font-size: 17px;
	color: #000;
}
.menu_btn:hover{
	color: #1B489B;
}
.menu_btn:hover::before{
	position: absolute;
	content: "";
	bottom: -13px;
	left: 0;
	width: 100%;
	height: 10px;
	background-image: url(../img/btn_hover.png);
	background-repeat: no-repeat;
}
.menu_right{
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 18px;
	padding-right: 5px;
}
.menur_btn{
	font-size: 17px;
	color: #fff;
	padding: 5px 16px 3px;
	border: 2px solid #ff8b33;
	background-color: #ff8b33;
	border-radius: 40px;
	margin-left: 5px;
	margin-right: 5px;
}
.menur_btn:hover{
	color: #ff8b33;
	background-color: #fff;
}
.menur_btn.type_line{
	border-color: #07b53b;
	background-color: #07b53b;
}
.menur_btn.type_line:hover{
	color: #07b53b;
	background-color: #fff;
}
.menur_btn_line{
	width: 40px;
	margin-left: 5px;
	margin-right: 5px;
}
.menur_btn_line:hover{
	opacity: 0.8;
}
.header_logo{
	position: absolute;
	width: 130px;
	top: 10px;
	left: 30px;
}
.mobile_btn{
	position: absolute;
	top: 17px;
	right: 20px;
	cursor: pointer;
	display: none;
}
.body_top{
	height: 80px;
}
.fixed_btn{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 70px;
	height: 70px;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 21px;
	text-align: center;
	padding-top: 15px;
	background-color: #e97726;
	border-radius: 15px;
	z-index: 9998;
}
.fixed_btn:hover{
	background-color: #f49049;
}

/* main */
.kv{
	height: 920px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #f1f1f1;
	padding-top: 40px;
}
.kv_logo{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.kv_countdown{
	width: 360px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 8px;
	background-color: #fff;
	border-radius: 40px;
	box-shadow: 3px 3px 0px #AEAEAD;
	margin-left: auto;
	margin-right: auto;
}
.kv_countdown span{
	color: #ff8b33;
}
.cd_num{
	font-family: "Arial";
	font-size: 48px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
.kv_img_01{
	padding-top: 100px;
	order: 1;
}
.kv_img_01 img{
	margin-left: auto;
	margin-right: 0;
}
.kv_img_02{
	order: 2;
}
.about{
	padding-top: 80px;
	padding-bottom: 10px;
	background-color: #ff8b33;
}
.about_title{
	display: inline-block;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 2px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ffaf73;
	margin-bottom: 20px;
}
.abt_icon{
	display: inline-block;
	width: 36px;
	height: 54px;
	background-color: #EE4A0C;
	margin-right: 20px;
	top: 4px;
}
.about_text{
	font-size: 17px;
	color: #fff;
	letter-spacing: 1.5px;
	line-height: 1.8em;
}
.about_img{
	padding-top: 100px;
}
.abtx_big{
	font-size: 19px;
	font-weight: bold;
}
.abtx_ec{
	display: inline-block;
	padding: 0 5px;
}
.abtx_ec::before{
	position: absolute;
	content: "";
	top: -1px;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background-color: #EE4A0C;
}
.slogan{
	padding-bottom: 100px;
}
.slogan_topbg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 360px;
	background-color: #FF8B33;
	background-image: url(../img/slogan_topbg.png);
	background-repeat: no-repeat;
	background-size: 1920px auto;
	background-position: bottom center;
}
.slogan_sp_left{
	position: absolute;
	top: 200px;
	left: 60px;
}
.slogan_sp_right{
	position: absolute;
	top: 230px;
	right: 60px;
}
.slogan_logo{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}
.slogan_text{
	font-size: 24px;
	color: #2B2A2A;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.8em;
	margin-bottom: 20px;
}
.slogan_text span{
	color: #EE4A0C;
	font-weight: bold;
}
.event{
	padding-top: 80px;
	padding-bottom: 40px;
	background-color: #f1f1f1;
}
.event_title{
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 3px;
	text-align: center;
	margin-bottom: 50px;
}
.event_title::before{
	position: absolute;
	content: attr(data-storke);
	-webkit-text-stroke: 10px #fff;
	text-stroke: 10px #fff;
}
.event_item{
	flex: 1;
}
.event_box{
	margin-left: auto;
	margin-right: auto;
}
.event_ball{
	width: 320px;
	height: 320px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.event_ball.type1{
	background-image: url(../img/event_ball_01.png);
}
.event_ball.type2{
	background-image: url(../img/event_ball_02.png);
}
.event_ball.type3{
	background-image: url(../img/event_ball_03.png);
}
.event_ball_title{
	font-size: 42px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.2em;
	margin-bottom: 5px;
}
.event_ball_time{
	font-family: "Arial";
	font-size: 32px;
	letter-spacing: 1px;
}
.event_ball_sub{
	font-size: 26px;
}
.event_box_title{
	font-size: 24px;
	color: #EE4A0C;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.event_box_title.type1{
	color: #1B489B;
}
.event_box_text{
	font-size: 17px;
}
.event_arrow{
	width: 80px;
	padding-top: 135px;
}
.event_arrow img{
	width: 18px;
	margin-left: auto;
	margin-right: auto;
}
.event_star{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
}
.event_star img{
	width: 40px;
	margin-left: auto;
	margin-right: auto;
}
.event_text_box{
	font-size: 17px;
	padding: 15px;
	background-color: #fff;
	margin-bottom: 20px;
}
.event_notice{
	text-align: center;
}
.evs_icon{
	width: 192px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.evs_item{
	flex: 1;
	margin-bottom: 24px;
}
.evsb_title{
	font-size: 23px;
	color: #1B489B;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.evsb_num{
	display: inline-block;
	width: 36px;
	height: 54px;
	font-family: "Arial";
	font-size: 30px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	background-color: #EE4A0C;
	padding-top: 4px;
	margin-right: 20px;
}
.evsb_text{
	font-size: 17px;
	letter-spacing: 1px;
}
.evs_btn{
	display: inline-block;
	font-size: 17px;
	color: #fff;
	padding: 9px 36px 7px;
	border: 2px solid #FF8B33;
	border-radius: 40px;
	background-color: #FF8B33;
	cursor: pointer;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 20px;
}
.evs_btn:hover{
	color: #FF8B33;
	background-color: #fff;
}
.evs_btn.type2{
	border-color: #1B489B;
	background-color: #1B489B;
}
.evs_btn.type2:hover{
	color: #1B489B;
	background-color: #fff;
}
.evs_btn.type_line{
	border-color: #07b53b;
	background-color: #07b53b;
}
.evs_btn.type_line:hover{
	color: #07b53b;
	background-color: #fff;
}
.event_btn1{
	display: block;
	width: 300px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 12px 0;
	border: 2px solid #ff8b33;
	background-color: #ff8b33;
	border-radius: 40px;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.event_btn1:hover{
	color: #ff8b33;
	background-color: #fff;
}
.event_btn2{
	display: block;
	width: 300px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 12px 0;
	border: 2px solid #006fde;
	background-color: #006fde;
	border-radius: 40px;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}
.event_btn2:hover{
	color: #006fde;
	background-color: #fff;
}
.event_abtn2{
	width: 300px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 12px 0;
	background-color: #3e96db;
	border-radius: 10px;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}
.event_abtn2:hover{
	background-color: #68aee5;
}
.event_hr{
	border-top: 1px solid #F257A1;
	padding-bottom: 5px;
	background-color: #f1f1f1;
}
.evs_text{
	font-size: 18px;
}
.about2{
	padding-top: 180px;
	padding-bottom: 60px;
}
.about2_topbg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #f1f1f1;
}
.about2_img_01{
	position: absolute;
	top: -25px;
	left: 250px;
}
.about2_img_02{
	position: absolute;
	top: -20px;
	right: 250px;
}
.main_title{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.main_title_in{
	display: inline-block;
}
.main_title_in::before{
	position: absolute;
	content: "";
	bottom: 8px;
	left: 0;
	width: 100%;
	height: 7px;
	background-color: #ffcb3b;
}
.main_item{
	margin-bottom: 40px;
}
.about2_title{
	margin-bottom: 70px;
}
.about2_main{
	margin-bottom: 60px;
}
.about2_box{
	padding: 30px 0;
}
.about2_item{
	flex: 1;
}
.about2_item_space{
	width: 10px;
}
.about2_inbox_t1{
	height: 100%;
}
.about2_inbox{
	width: 100%;
	height: 280px;
}
.about2_inbox.t1{
	margin-bottom: 10px;
}
.about2_inimg{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about2_intext{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 20px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	padding: 8px 5px;
	background-color: #EF8644ee;
}
.about2_intext.type2{
	background-color: #1E469Bee;
}
.about2_box2{
}
.about2_box2_img{
	margin-bottom: 30px;
}
.about2_box2_img img{
	width: 320px;
	border-radius: 50%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.about2_box2_title{
	font-size: 20px;
	color: #006fde;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.about2_box2_con{
	font-size: 18px;
}
.about2_sub_title{
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 40px;
}
.about2_box3{
	height: 100%;
}
.about2_box3_img{
	margin-bottom: 15px;
}
.about2_box3_img img{
	width: 160px;
	margin-left: auto;
	margin-right: auto;
}
.about2_box3_title{
	font-size: 20px;
	color: #e97726;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.about3{
	padding-top: 100px;
	padding-bottom: 80px;
	background-color: #f1f1f1;
}
.about3_title{
	margin-bottom: 0;
}
.video{
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #d3e9ff;
}
.video_title{
	margin-bottom: 15px;
}
.video_sub_title{
	font-size: 24px;
	color: #de0066;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.video_frame{
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
	margin-bottom: 20px;
}
.video_frame iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video_btn{
	overflow: hidden;
	cursor: pointer;
}
.video_btn img{
	transition: transform 0.3s;
}
.video_btn:hover img{
	transform: scale(1.05);
}
.record{
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #fff0e6;
}
.photo_box{
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 24px;
}
.photo_box img{
	transition: transform 0.3s;
}
.photo_box:hover img{
	transform: scale(1.05);
}
.recruit{
	padding-top: 60px;
	padding-bottom: 60px;
}
.recb_text{
	font-size: 18px;
}
.popup{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
}
.popup_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.85;
}
.popup_close{
	position: absolute;
	top: -15px;
	right: 10px;
	font-size: 50px;
	color: #fff;
	cursor: pointer;
}
.popup_photo{
	max-width: 1280px;
	display: inline-block;
	top: 50%;
	transform: translateY(-50%);
}
.popup_photo img{
	display: none;
}
.popup_photo img.active{
	display: block;
}
.mbbtn_div{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	background-color: #07b53b;
	padding: 8px 0;
	display: none;
}
.participator{
	padding-top: 50px;
	padding-bottom: 50px;
}
.par_row{
	justify-content: center;
	margin-left: -12px;
	margin-right: -12px;
}
.par_logo_item{
	width: 20%;
	padding: 0 12px;
	margin-bottom: 20px;
}
.par_logo_item img{
	margin-left: auto;
	margin-right: auto;
}

/* footer */
footer{
	padding: 30px 0;
	background-color: #333;
}
.footer_info{
	flex: 1;
}
.footer_info_row{
	margin-bottom: 10px;
}
.footer_info_title{
	width: 90px;
	color: #fff;
}
.footer_info_text{
	flex: 1;
	color: #fff;
}
.footer_abtn_row{
	justify-content: flex-end;
	margin-left: -8px;
	margin-right: -8px;
}
.footer_abtn_item{
	padding-left: 8px;
	padding-right: 8px;
}
.footer_abtn_div{
	width: 150px;
}
.footer_abtn{
	width: 40px;
}
.footer_abtn:hover{
	opacity: 0.8;
}

/* sign up */
.signup1{
	padding-top: 60px;
	padding-bottom: 60px;
}
.sign_logo{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}
.sign_rule{
	padding-bottom: 1px;
	margin-bottom: 30px;
}
.sign_title{
	font-size: 32px;
	text-align: center;
	margin-bottom: 30px;
}
.sign_text_big{
	font-size: 21px;
	margin-bottom: 5px;
}
.form_row{
	margin-bottom: 20px;
}
.form_title{
	font-size: 18px;
	margin-bottom: 5px;
}
.sign_sub_title{
	font-size: 22px;
	color: #e97726;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.main_text{
	font-size: 18px;
}
.sign_group_row{
	margin-bottom: 60px;
}
.group_item{
	margin-bottom: 24px;
}
.group_box{
	height: 100%;
	border: 1px solid #ccc;
	border-radius: 7px;
	padding: 15px;
	padding-bottom: 70px;
	background-color: #fff;
}
.group_box.active{
	border: 3px solid #ff8b33;
	background-color: #fffff7;
}
.group_img{
	width: 200px;
	margin-bottom: 20px;
}
.group_img img{
	max-width: none;
	width: 200px;
	height: 200px;
	object-fit: contain;
	margin-left: auto;
	margin-right: auto;
}
.group_box_con{
	flex: 1;
	padding-left: 15px;
	margin-bottom: 20px;
}
.group_box_title{
	font-size: 22px;
	color: #006fde;
	font-weight: bold;
	margin-bottom: 10px;
}
.group_box_time{
	font-size: 17px;
	margin-bottom: 10px;
}
.group_box_add{
	font-size: 17px;
	margin-bottom: 20px;
}
.gpbt_title{
	width: 55px;
	font-weight: bold;
}
.gpbt_text{
	flex: 1;
}
.group_box_abtn{
	display: block;
	width: 126px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 5px 0 3px;
	border: 1px solid #006fde;
	background-color: #006fde;
	border-radius: 40px;
}
.group_box_abtn:hover{
	color: #006fde;
	background-color: #fff;
}
.group_box_text1{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 20px;
}
.group_box_text{
	font-size: 17px;
	margin-bottom: 30px;
}
.group_box_title2{
	font-size: 18px;
	font-weight: bold;
}
.group_box_select{
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
	margin-top: 20px;
}
.group_radio{
	display: none;
}
.group_label{
	display: block;
}
.group_btn{
	width: 200px;
	font-size: 17px;
	color: #fff;
	text-align: center;
	border: 1px solid #ff8b33;
	border-radius: 40px;
	padding: 9px 0 7px;
	background-color: #ff8b33;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.group_btn:hover{
	border-color: #ffab6b;
	background-color: #ffab6b;
}
.group_radio:checked + .group_btn{
	border-color: #e04618;
	background-color: #e04618;
}
.lesson_item{
	margin-bottom: 25px;
}
.lesson_label{
	display: block;
	margin-bottom: 10px;
}
.lesson_radio{
	display: none;
}
.lesson_btn{
	font-size: 18px;
	color: #006fde;
	padding: 10px 15px;
	border: 1px solid #006fde;
	border-radius: 10px;
	background-color: #fff;
	cursor: pointer;
}
.lesson_btn:hover{
	background-color: #e1f0ff;
}
.lesson_time{
	font-weight: bold;
}
.lesson_radio:checked + .lesson_btn{
	color: #fff;
	background-color: #006fde;
}
.lesson_btn.type2{
	color: #029a19;
	border-color: #029a19;
}
.lesson_btn.type2:hover{
	background-color: #e0ffe5;
}
.lesson_radio:checked + .lesson_btn.type2{
	color: #fff;
	background-color: #029a19;
}
.lesson_radio:disabled + .lesson_btn{
	color: #999;
	border-color: #bbb;
	background-color: #eee;
}
.lesson_radio:disabled + .lesson_btn:hover{
	background-color: #eee;
}


.line_btn{
	display: block;
	width: 300px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 12px 0;
	border: 2px solid #07b53b;;
	background-color: #07b53b;
	border-radius: 40px;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}
.line_btn:hover{
	color: #07b53b;
	background-color: #fff;
}
.sign_info_row{
	font-size: 20px;
	margin-bottom: 15px;
}
.sign_info_title{
	width: 105px;
	font-weight: bold;
}
.sign_info_text{
	flex: 1;
}
.sign_price_title{
	padding-top: 5px;
}
.sign_price{
	font-size: 26px;
	color: #f00;
}
.w480{
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
.privacy{
	font-size: 17px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 12px;
	margin-bottom: 20px;
}
.privacy_chk_div{
	font-size: 18px;
	text-align: center;
}
.privacy_chk_div label{
	padding: 10px 20px;
	background-color: #fff;
	border-radius: 40px;
	cursor: pointer;
}
.privacy_chk_div input[type="checkbox"]{
	width: 18px;
	height: 18px;
	top: 3px;
	margin-right: 7px;
}
.privacy_chk_div label:hover{
	color: #ff8b33;
}
.popup_loading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
}
.popup_loading_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.85;
}
.popup_loading_div{
	width: 300px;
	font-size: 18px;
	text-align: center;
	padding: 40px 0;
	background-color: #fff;
	border-radius: 7px;
	top: 50%;
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}
.icon_loading{
	display: inline-block;
	width: 30px;
	top: -1px;
	margin-right: 15px;
	animation-name: ani_loading;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes ani_loading{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

/* member */
.login_div{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.member{
	padding-top: 60px;
	padding-bottom: 100px;
}
.member_form_title{
	font-size: 16px;
	color: #888;
	margin-bottom: 5px;
}
.member_form_text{
	font-size: 20px;
}
.member_group_item{
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.member_lession_item{
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}

/* setting */
.white{color: #fff;}
.red{color: #f00;}
.blue{color: #006fde;}
.green{color: #029a19;}
.orange{color: #EE4A0C;}
.bg_gray{background-color: #f1f1f1;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-50{margin-bottom: 50px;}
.mb-80{margin-bottom: 80px;}

@media (min-width: 1921px){
	.slogan_topbg{
		background-size: 100% auto;
	}
}

@media (max-width: 1660px){
	.slogan_sp_left{
		left: -100px;
	}
	.slogan_sp_right{
		right: -100px;
	}
}
@media (max-width: 1400px){
	.slogan_sp_left{
		display: none;
	}
	.slogan_sp_right{
		display: none;
	}
	.event_ball{
		width: 180px;
		height: 180px;
	}
	.event_ball_title{
		font-size: 22px;
		margin-bottom: 0;
	}
	.event_ball_time{
		font-size: 22px;
	}
	.event_ball_sub{
		font-size: 18px;
	}
	.event_arrow{
		width: 50px;
		padding-top: 80px;
	}
	.event_star{
		top: 6px;
	}
	.event_star img{
		width: 26px;
	}
	.about2_img_01{
		left: 0;
	}
	.about2_img_02{
		right: 0;
	}
	.about2_inbox{
		height: 240px;
	}
	.about2_intext{
		font-size: 18px;
	}
}
@media (max-width: 1260px){
	.menu{
		padding-left: 165px;
		padding-right: 320px;
	}
	.menu_item{
		padding-left: 18px;
		padding-right: 18px;
	}
}

/* xl */
@media (max-width: 1199px){
	.show-xl{display: block;}
	.hide-xl{display: none;}
	
	/* header */
	body{
		padding-top: 60px;
	}
	header{
		height: 60px;
	}
	.menu{
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		height: calc(100vh - 60px);
		padding: 20px 0;
		background-color: #fff;
		overflow-y: auto;
		border-top: 1px solid #ddd;
		display: none;
	}
	.menu_item{
		width: 100%;
		padding: 0;
	}
	.menu_btn{
		padding: 15px 15px;
		font-size: 18px;
		text-align: center;
	}
	.menu_btn:hover::before{
		display: none;
	}
	.menu_right{
		position: relative;
		padding-right: 0;
		justify-content: center;
	}
	.header_logo{
		width: 100px;
		top: 7px;
		left: 15px;
	}
	.mobile_btn{
		display: block;
	}
	
	.evsb_title{
		font-size: 18px;
	}
	.evsb_num{
		width: 30px;
		height: 38px;
		font-size: 20px;
		margin-right: 10px;
	}
	.about2_box2_img img{
		width: 200px;
	}
	.group_img{
		width: 100%;
	}
	.group_box_con{
		flex: 0 0 auto;
		width: 100%;
		padding-left: 0;
		margin-bottom: 40px;
	}
}

/* lg */
@media (max-width: 991px){
	.show-lg{display: block;}
	.hide-lg{display: none;}
	
	.kv{
		height: auto;
		padding-bottom: 60px;
	}
	.kv_img_01{
		order: 2;
		padding-top: 0;
	}
	.kv_img_01 img{
		margin-right: auto;
	}
	.kv_img_02{
		order: 1;
		padding-top: 30px;
		padding-left: 9%;
		margin-bottom: 50px;
	}
	.kv_img_02 img{
		margin-left: auto;
		margin-right: auto;
	}
	.kv_img_02 img{
		margin: 0 auto;
	}
	.slogan{
		padding-top: 60px;
	}
	.slogan_topbg{
		height: 300px;
	}
	.event_title{
		font-size: 24px;
		letter-spacing: 1px;
	}
	.event_box_title{
		font-size: 19px;
	}
	.about2{
		padding-top: 40px;
	}
	.about2_topbg{
		display: none;
	}
	.about2_title{
		margin-bottom: 30px;
	}
	.about2_img_01{
		display: none;
	}
	.about2_img_02{
		display: none;
	}
	.about2_inbox{
		height: 160px;
	}
	.about2_intext{
		font-size: 16px;
		letter-spacing: 0;
	}
	.mbbtn_div{
		display: block;
	}
}

/* md */
@media (max-width: 767px){
	.show-md{display: block;}
	.hide-md{display: none;}
	
	.fixed_btn{
		bottom: 10px;
		right: 10px;
		width: 56px;
		height: 56px;
		font-size: 15px;
		line-height: 18px;
		padding-top: 11px;
	}
	.kv_logo{
		max-width: 250px;
	}
	.kv_countdown{
		width: 300px;
		font-size: 20px;
	}
	.cd_num{
		font-size: 36px;
	}
	.about_title{
		font-size: 22px;
		letter-spacing: 1px;
	}
	.abt_icon{
		width: 30px;
		height: 38px;
		margin-right: 10px;
	}
	.slogan{
		padding-bottom: 50px;
	}
	.slogan_text{
		font-size: 18px;
		letter-spacing: 1px;
	}
	.main_title{
		font-size: 24px;
	}
	.event{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.event_item{
		flex: 0 0 auto;
		width: 100%;
	}
	.event_arrow{
		width: 100%;
		padding: 10px 0 20px 0;
	}
	.event_arrow img{
		transform: rotate(90deg);
	}
	.event_notice{
		text-align: left;
	}
	.evs_item{
		flex: 0 0 auto;
		width: 100%;
	}
	.about2_item{
		flex: 0 0 auto;
		width: 100%;
	}
	.about2_item_space{
		display: none;
	}
	.about2_box{
		padding: 15px 0;
	}
	.about2_inbox_t1{
		height: 200px;
	}
	.about2_inbox{
		width: 50%;
		height: 220px;
	}
	.about2_inbox.t1{
		margin-bottom: 0;
	}
	.about2_inimg{
		height: 160px;
	}
	.about2_sub_title{
		font-size: 18px;
	}
	.about2_intext{
		position: relative;
		font-size: 15px;
		height: 60px;
	}
	.par_logo_item{
		width: 50%;
	}
	footer{
		padding-bottom: 70px;
	}
	.footer_info{
		flex: 0 0 auto;
		width: 100%;
	}
	.footer_abtn_row{
		justify-content: flex-start;
	}
	.footer_abtn_div{
		width: 100%;
		padding-top: 10px;
	}
	.sign_group_row{
		margin-bottom: 40px;
	}
	.group_box_abtn{
		margin-left: auto;
		margin-right: auto;
	}
	.lesson_btn{
		font-size: 16px;
	}
}

/* sm */
@media (max-width: 575px){
	.show-sm{display: block;}
	.hide-sm{display: none;}
}