@charset "utf-8";
/* CSS Document */
body{ 
	margin:0;
	padding:0;
	font-size:14px;	
	font-family: 'Microsoft JhengHei UI', sans-serif;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	letter-spacing:0px;
	color:#4d4d4d;
}
a{ text-decoration:none;transition: 0.5s ease; }
input{font-family: 'Microsoft JhengHei UI', sans-serif;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;	
}
button,.btn{transition: 0.5s ease;}
button:hover,.btn:hover{ /*opacity:0.7;*/}
button:disabled,button[disabled]{ background:#f2f2f2;}
button,select{ cursor:pointer; font-family: 'Microsoft JhengHei UI', sans-serif;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
.toggle_btn{ display:none; border:none; background:none; padding:0; width:28px; height:30px; position:fixed; top:30px; right:20px; transition: 0.5s ease; z-index:999; }
.toggle_btn:hover{
	
	cursor:pointer;
}

h1{ font-size:30px;}
h2{ font-size:18px;}
h3{ font-size:14px;}

::-webkit-input-placeholder {  color: #b3b3b3;}
:-ms-input-placeholder { color:  #b3b3b3;}
::placeholder {  color:  #b3b3b3;}


.orange{ color:#f15a24;}
.blue{ color:#3829c3;}
.orange_gradient{
	color:#fff;
	background: rgba(241,90,36,1);
	background: -moz-linear-gradient(left, rgba(241,90,36,1) 0%, rgba(237,28,35,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241,90,36,1)), color-stop(100%, rgba(237,28,35,1)));
	background: -webkit-linear-gradient(left, rgba(241,90,36,1) 0%, rgba(237,28,35,1) 100%);
	background: -o-linear-gradient(left, rgba(241,90,36,1) 0%, rgba(237,28,35,1) 100%);
	background: -ms-linear-gradient(left, rgba(241,90,36,1) 0%, rgba(237,28,35,1) 100%);
	background: linear-gradient(to right, rgba(241,90,36,1) 0%, rgba(237,28,35,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15a24', endColorstr='#ed1c23', GradientType=1 );
}
.toggle_btn div{ position:relative; }
.toggle_btn span{ display:block; width:100%; height:3px; background:#000; margin:5px 0;transition: 0.5s ease;}
.toggle_btn b{ display:block; color:#9fa1a0;}
.toggle_btn:hover span{ background:#4C0092;}
.active .toggle_btn{ z-index:999;}
.active .toggle_btn b{ display:none;}
.active .toggle_btn span{ background: #fff;}
.active .toggle_btn span:nth-child(1){ transform: rotate(-45deg);}
.active .toggle_btn span:nth-child(2){ transform: rotate(-135deg);    position: absolute; top: 9px;}
.active .toggle_btn span:nth-child(3){ display:none;}
.hide{ display:none;}






.drop_down_menu{ position:relative}
.drop_down_menu button{ background:#fff; font-size:14px; color:#f15a24;border:0.75pt solid #f15a24; position:relative; border-radius:5px; padding:0; overflow:hidden;display: flex;
    align-items: center;transition: 0.1s ease;}
.drop_down_menu.active button{
	border-radius:0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-color:transparent;
}
.drop_down_menu button span{ display:inline-block; width:calc(100% - 46px - 40px); text-align:left; padding-left:20px; padding-right:20px;}
.drop_down_menu button i{
	position:relative;
	width:46px;
	height:38px;	
	display:inline-block;	

}
.drop_down_menu button i:after{ content:url(../images/icon_arrow_down_white.svg); position:absolute; top:12px; left:14px;}
.drop_down_menu .list_item{max-height:200px;overflow-x: hidden; overflow-y:auto; display:none; position:absolute; width:calc(100% - 1.5pt);border:0.75pt solid #f15a24; border-top:none; z-index:999; background:#fff;}
.drop_down_menu .list_item .item{font-size:14px;color: #4d4d4d;padding:8px 20px; cursor:pointer;transition: 0.5s ease;}
.drop_down_menu .list_item .item .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    padding: 0;
}
.drop_down_menu .list_item .item:hover{color:#f15a24;}



.checkbox_container {
  display: block;
  position: relative;
  padding-left: 35px; 
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  color:#4d4d4d;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox_container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #f2f2f2;
}

/* On mouse-over, add a grey background color */
.checkbox_container:hover input ~ .checkmark {
  background-color: #f15a24;
}

/* When the checkbox is checked, add a blue background */
.checkbox_container input:checked ~ .checkmark {
  background-color: #f15a24;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox_container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_container .checkmark:after {
  left: 0px;
  top: 0px;
  width: 24px;
  height: 24px;  
  background:#f15a24;
}



.radio_container {
  display: block;
  position: relative;
  padding-left: 25px; 
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  color:#4d4d4d;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.radio_container .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  border:1px solid #736357;
  border-radius:100px;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.radio_container:hover input ~ .checkmark {
  background-color: #736357;
}

/* When the checkbox is checked, add a blue background */
.radio_container input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.radio_container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.radio_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.radio_container .checkmark:after {
  left: 2px;
  top: 2px;
  width: 12px;
  height: 12px;  
  border-radius:100px;
  background:#736357;
}



.mobile_navi{ display:none; overflow:hidden;    z-index: 998; position:fixed; left:0; top:0; width:100%;}
.active .mobile_navi{ display:block;}
.mobile_navi .site_logo{ display:block; text-align:center; margin:30px 0;}
.mobile_navi .site_logo img{ width:160px;}
.mobile_navi ul{ margin:50px 0 0 0; padding:0;}
.mobile_navi ul li{ display:block; text-align:center;}
.mobile_navi ul li .drop_down{ display:none; background:rgba(0,0,0,0.4); color:#fff; padding:15px; text-align:left;}
.mobile_navi ul li .drop_down h3{ text-align:center;font-size:20px; font-weight:400; color:#f15a24; margin-bottom:10px; }
.mobile_navi ul li .drop_down a{ padding:10px; font-size:18px; }
.mobile_navi ul li.active .drop_down{ display:block;}
.mobile_navi ul li a{ text-align:center; font-size:18px; color:#fff; padding:10px 10px; display:block; transition: 0.5s ease;}
.mobile_navi ul li a:hover{
	-ms-transform: scale(1.05, 1.05); /* IE 9 */
    -webkit-transform: scale(1.05, 1.05); /* Safari */
    transform: scale(1.05, 1.05);
	cursor:pointer;
	color:#f15a24;
}
.mobile_navi ul li a img{ height:30px;}
.mobile_navi ul li.faq .sub_menu .links_div .item:first-child{ margin-bottom:20px; }
.mobile_navi ul li.faq .sub_menu .links_div .item h3{ text-align:center; font-size: 17px;  color: #cc9cf5; border-bottom:2px solid #cc9cf5; padding-bottom:5px; margin-bottom:10px;}
.mobile_navi ul li.faq .sub_menu .links_div .item a{ font-size:15px; padding:0;}
.mobile_nav_active #mobile-nav{ display:block; z-index:998; position:fixed; left:0; top:0; width:100%; height:100vh; overflow-y:auto}
#mobile-body-overly{ display:none; position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0,0,0,0.8); z-index:997; border:none;}
.active #mobile-body-overly{ display:block;}
.popup_active #mobile-body-overly{ display:block;}


.header_div{
	background:#fff;	
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:2;
	border-top:5px solid #ffde71;
}
.header_div .top_div{}
.header_div .top_div .outer{ max-width:1040px; margin:0 auto; padding:0 15px; text-align:center;     position: relative;}
.header_div .top_div .outer .brand img{ width:140px; margin:15px 0;}
.header_div .top_div .outer .link{ position:absolute; right:0; top:50%;font-size:16px; color:#4d4d4d;}
.header_div .top_div .outer .link a{ color:#4d4d4d; display:inline-block; padding:3px 8px;}
.header_div .top_div .outer .link a:hover{ background:#ffde71; border-radius:100px;}
.header_div .top_div .outer .link ul{ margin:0; padding:0; list-style:noen;}
.header_div .top_div .outer .link ul li{ padding:0 15px; display:inline-block;}
.header_div .top_div .outer .member{ position:absolute; right:0; top:25%;font-size:16px; color:#4d4d4d; display:inline-flex; align-items:center; color:#603813; font-size:20px; font-weight:800;}
.header_div .top_div .outer .member .user{ margin-right:10px;}
.header_div .top_div .outer .member a{color: #603813;}
.header_div .top_div .outer .member .img{ }
.header_div .bottom_div{ padding:10px 0; background:#ffde71; min-height:20px; }
.header_div .bottom_div .outer{ max-width:1040px; margin:0 auto;padding:0 15px;}
.header_div .bottom_div .outer .navi{ text-align:center; font-size:16px;font-weight:800; color:#603813; }
.header_div .bottom_div .outer .navi a{color:#603813; display:inline-block; padding:0 35px;  position:relative; }
.header_div .bottom_div .outer .navi a:after{ content:''; position:absolute; top:2px; right:0; background:#603813; width:1px; height:15px;}
.header_div .bottom_div .outer .navi a:first-child a:before{ content:''; position:absolute; top:2px; left:0; background:#603813; width:1px; height:15px;}
.header_div .bottom_div .outer .navi a.active{color:#f15a24; }
.header_div .bottom_div .outer .navi a:hover{ color:#f15a24;}
.header_div .bottom_div .outer .navi a:first-child:before{ content:''; position:absolute; top:2px; left:0; background:#603813; width:1px; height:15px;}


.main_div{ margin-top:154px; position:relative; z-index:1; }
.main_div .main_slider{ position:relative}
.main_div .main_slider .owl-carousel{ position:relative;}
.main_div .main_slider .owl-carousel .owl-stage-outer{ position:relative; z-index:1;}
.main_div .main_slider .item{ position:relative; background-size:cover; min-height:590px; background-position:center;}
.main_div .main_slider .item .info{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:flex; flex-wrap:wrap; align-items:center;    justify-content: center;}
.main_div .main_slider .item .info .box{width:1040px; text-align:left;}
.main_div .main_slider .item .info .box img{ width: inherit;   margin: 0 auto; }
.main_div .main_slider .item .info .box a{ display:block; margin-top:5vw;}
.main_div .main_slider .item .info .box a:hover{ opacity:0.3;}

.main_div .main_video .outer{ max-width:1040px; margin:0 auto; }
.main_div .main_video .outer iframe{ width:100%; height:40vw;}

.main_div .forgot_password{ padding:50px 0 120px 0;}
.main_div .forgot_password .outer{ max-width:510px; margin:0 auto;}
.main_div .forgot_password .outer .border{ 
	border:4px solid #ffde71; border-radius:30px !important; background:#fff;
	-webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow:none;

}
.main_div .forgot_password .outer .border .box{ padding:75px 125px; }
.main_div .forgot_password .outer .border .box .item{ display:flex; flex-wrap:wrap; align-items:center; padding:10px 0; border-bottom:1px solid #ffde71;}
.main_div .forgot_password .outer .border .box .item.title{ text-align:center; font-size:24px;  font-weight:800; color:#603813;justify-content: center; border-bottom:none; padding-bottom:35px;}
.main_div .forgot_password .outer .border .box .item.title h2{ text-align:center; font-size:24px; font-weight:800; display:block;}
.main_div .forgot_password .outer .border .box .item .img{ width:35px; }
.main_div .forgot_password .outer .border .box .item .controller{ width:calc(100% - 35px);}
.main_div .forgot_password .outer .border .box .item .controller input{ border:none;; padding:0; width:100%;}
.main_div .forgot_password .outer .border .box .item.action{ border-bottom:none;justify-content: center; padding-top:35px;}
.main_div .forgot_password .outer .border .box .item.action button{ color:#736357; font-size:16px; font-weight:800; padding:3px 20px; border:none;  border-radius:50px; background:#ffde71;}
.main_div .forgot_password .outer .border .box .item.action button:hover{ background:#f15a24; color:#fff;}


.main_div .member_login{ padding:50px 0 120px 0;}
.main_div .member_login .outer{ max-width:510px; margin:0 auto;}
.main_div .member_login .outer .border{ 
	border:4px solid #ffde71; border-radius:30px !important; background:#fff; position:relative;
	-webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow:none;

}
.main_div .member_login .outer .border .box{ padding:75px 120px; }
.main_div .member_login .outer .border .box .item{ display:flex; flex-wrap:wrap; align-items:center; padding:10px 0; border-bottom:1px solid #ffde71;}
.main_div .member_login.teahcer_login .outer .border .box .item{ border-bottom:1px solid #7ac251;}
.main_div .member_login.admin_login .outer .border .box .item{ border-bottom:1px solid #603813;}
.main_div .member_login .outer .border .box .item.title{ text-align:center; font-size:24px;  font-weight:800; color:#603813;justify-content: center; border-bottom:none; padding-bottom:35px;}
.main_div .member_login .outer .border .box .item.title h2{ text-align:center; font-size:24px; font-weight:800; display:block;}
.main_div .member_login .outer .border .box .item .img{ width:35px; }
.main_div .member_login .outer .border .box .item .controller{ width:calc(100% - 35px);}
.main_div .member_login .outer .border .box .item .controller input{ border:none;; padding:0; width:100%;}
.main_div .member_login .outer .border .box .item.action{ border-bottom:none;justify-content: center; padding-top:35px;}
.main_div .member_login .outer .border .box .item.action button{ color:#736357; font-size:16px; font-weight:800; padding:3px 20px; border:none;  border-radius:50px; background:#ffde71;}
.main_div .member_login .outer .border .box .item.action button:hover{ background:#f15a24; color:#fff;}
.main_div .member_login .outer .border .box .item.links{ border-bottom:none; display:block; text-align:center; padding-top:35px;}
.main_div .member_login .outer .border .box .item.links a{ color:#603813; font-size:15px; display:inline-block; border:1px solid #f7931e; padding:5px 10px; border-radius:5px; margin:0 10px;}
.main_div .member_login .outer .border .box .item.links a:hover{ color:#f15a24;}
.main_div .member_login .outer .border .block{ position:absolute; left:-20%; top:-5%; background:url(../images/gradient_block_001.svg) left center; width:180px; height:496px;display: flex;
    align-items: center; justify-content: center;}
.main_div .member_login .outer .border .block h1{ color:#534741; font-size:30px; font-weight:800;}
.main_div .member_login .outer .border .block .identity{ position:absolute; left:20px; bottom:5%; font-size:14px; color:#998675;}
.main_div .member_login .outer .border .block .identity a{color:#998675; display:block;}
.main_div .member_login .outer .border .block .identity a.active,.main_div .member_login .outer .border .block .identity a:hover{ color:#998675; text-decoration:underline;}

.main_div .remittance_information{ padding:60px 0;}
.main_div .remittance_information .outer .title{ margin-bottom:35px;}
.main_div .remittance_information .outer .title,.main_div .remittance_information .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .remittance_information .outer{ max-width:430px; margin:0 auto;}
.main_div .remittance_information .outer .border{ 
	border:4px solid #ffde71; border-radius:30px !important; background:#fff;
	-webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow:none;

}
.main_div .remittance_information .outer .border .box{ padding:35px 90px; }
.main_div .remittance_information .outer .border .box .item{ display:flex; flex-wrap:wrap; align-items:center; padding:10px 0; border-bottom:1px solid #ffde71;}
.main_div .remittance_information .outer .border .box .item .label{ color:#603813; width:65px; border-right:1px solid #736357; }
.main_div .remittance_information .outer .border .box .item .controller{ width:calc(100% - 66px);}
.main_div .remittance_information .outer .border .box .item .controller input{ border:none;; padding:0; width:100%; margin-left:10px;}
.main_div .remittance_information .outer .border .box .item.action{ border-bottom:none;justify-content: center; padding-top:35px;}
.main_div .remittance_information .outer .border .box .item.action button{ color:#736357; font-size:16px; font-weight:800; padding:3px 20px; border:none;  border-radius:50px; background:#ffde71;}
.main_div .remittance_information .outer .border .box .item.action button:hover{ background:#f15a24; color:#fff;}

.main_div .recommended_tutor{ padding: 60px 0;}
.main_div .recommended_tutor .outer{ max-width:1100px; margin:0 auto; padding:0 15px;}
.main_div .recommended_tutor .outer .title{ margin-bottom:60px;}
.main_div .recommended_tutor .outer .title,.main_div .recommended_tutor .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .recommended_tutor .outer .list_item{display:flex; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.main_div .recommended_tutor .outer .list_item .item{ width:calc(100% /3 - 20px); margin:10px;}
.main_div .recommended_tutor .outer .list_item .item .border{ border:1px solid #ffde71; background:#ffde71; border-radius:20px; padding-left:15px;}
.main_div .recommended_tutor .outer .list_item .item .border .box{ background:#fff;border-radius:20px; padding:15px 10px;}
.main_div .recommended_tutor .outer .list_item .item .border .box a{ display:flex; flex-wrap:wrap;}
.main_div .recommended_tutor .outer .list_item .item .border .box a:hover{ opacity:0.5;}
.main_div .recommended_tutor .outer .list_item .item .border .box .img{ width:74px; margin-right:15px;}
.main_div .recommended_tutor .outer .list_item .item .border .box .img b{ display:block; width:74px; height:74px; border-radius:100px; background-position:center; background-size:cover;}
.main_div .recommended_tutor .outer .list_item .item .border .box .info{ width:calc(100% - 74px - 15px);}
.main_div .recommended_tutor .outer .list_item .item .border .box .info .user{ border-bottom:1px solid #fdca93; margin-bottom:10px; padding-bottom:10px; font-size:18px; color:#603813;}
.main_div .recommended_tutor .outer .list_item .item .border .box .info .user span{ color:#fbb03b; font-size:14px; display:inline-block; border:1px solid #fbb03b; padding:1px 5px; border-radius:50px; float:right;}
.main_div .recommended_tutor .outer .list_item .item .border .box .info .desc,.main_div .recommended_tutor .outer .list_item .item .border .box .info .desc p{ color:#333333;}

.main_div .recommended_tutor .outer .list_item .item .border .box .info .desc p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.main_div .pagination{ text-align:center; margin-top:40px;    display: block;}
.main_div .pagination .box{ display:inline-flex; }
.main_div .pagination .box a{ font-size:13px; text-align:center; color:#c4c4c4; font-weight:800; padding:11px 0px; min-width:30px; position:relative;}
.main_div .pagination .box a:after{ content:''; position:absolute; right:0; top:7px; height:26px; width:1px; background:#ffde71;}
.main_div .pagination .box a:last-child:after{ background:none;}
.main_div .pagination .box a:hover b,.main_div .pagination .box a.active b{ position:relative; color:#ffff; z-index:999;}
.main_div .pagination .box a:hover,.main_div .pagination .box a.active{ color:#f15a24;}
.main_div .pagination .box a.prev{ padding:11px 11px;}
.main_div .pagination .box a.next{ padding:11px 11px;}

.main_div .center{text-align:center;}
.main_div .center ul.pagination {		
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-top:40px;
	
}

.main_div .center ul.pagination li { display: inline; }
.main_div .center ul.pagination li a {	
	float: left;
	padding: 8px 8px;
	text-decoration: none;
	color: #c4c4c4;
	display:inline-block;
	position:relative;
	border:none;
}
.main_div .center ul.pagination li a:after{ content:''; position:absolute; right:0; top:7px; height:26px; width:1px; background:#ffde71;}
.main_div .center ul.pagination li:last-child a:after{ background:none;}
.main_div .center ul.pagination li.active a {
	background-color: transparent;
	color: #f15a24;
}

.main_div .center ul.pagination li a:hover:not(.active) {background-color: #ddd;}




.main_div .keyin_outer{ padding:50px 0 120px 0;}
.main_div .keyin_outer .outer{ max-width:680px; margin:0 auto;}
.main_div .keyin_outer .outer .border{ 
	border:4px solid #ffde71;
	border-radius:30px !important;
	background:#fff;
	-webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow:none;

}
.main_div .keyin_outer.member_management .outer .border{border-color:transparent; }
.main_div .keyin_outer .outer .border .box{ padding:75px 155px; }
.main_div .keyin_outer .outer .border .box .item{ margin-bottom:30px; }
.main_div .keyin_outer .outer .border .box .item:last-child{ margin-bottom:0;}
.main_div .keyin_outer .outer .border .box .item.title{ text-align:center; font-size:24px;  font-weight:800; color:#603813;justify-content: center; border-bottom:none; padding-bottom:35px;}
.main_div .keyin_outer .outer .border .box .item.title h2{ text-align:center; font-size:24px; font-weight:800; display:block;}
.main_div .keyin_outer .outer .border .box .item .label{ margin-bottom:10px;}
.main_div .keyin_outer .outer .border .box .item .label b{ display:inline-block; color:#736357; font-size:16px; font-weight:800; border-radius:50px;padding:3px 20px;background:#ffde71;}
.main_div .keyin_outer .outer .border .box .item .controller{ padding-left:25px; }
.main_div .keyin_outer .outer .border .box .item .controller input{ border:none; border-bottom: 1px solid #ffde71; padding:10px 0; width:100%;}
.main_div .keyin_outer .outer .border .box .item .controller textarea{ width:calc(100% - 20px); height:320px; border: 1px solid #ffde71; border-radius:5px; padding:10px;}
.main_div .keyin_outer .outer .border .box .item .controller .file_upload_outer{ position:relative;}
.main_div .keyin_outer .outer .border .box .item .controller .file_upload_outer  input[type="file"] {
    position: absolute;
    width: 100%;
    height: 38px;
    padding: 0;
    margin: 0;
    overflow: hidden;   
	left:0;
	top:0;
	z-index: 999;
	opacity:0;
	border:none;
}
.main_div .keyin_outer .outer .border .box .item .controller .file_upload_outer .lab_file_upload{ position:relative; z-index:1;}
.main_div .keyin_outer .outer .border .box .item .controller .file_upload_outer .lab_file_upload input{ border:none;}
.main_div .keyin_outer .outer .border .box .item .controller.radio_container_outer{ display:flex; flex-wrap:wrap;}
.main_div .keyin_outer .outer .border .box .item .controller.radio_container_outer .radio_inline{ display:inline-block; margin-right:15px; margin-bottom:8px; margin-top:8px;}
.main_div .keyin_outer .outer .border .box .item .datepicker_use_icon{ display:inline-flex;align-items:center;}
.main_div .keyin_outer .outer .border .box .item .datepicker_use_icon input{ width:110px; position:relative;}
.main_div .keyin_outer .outer .border .box .item .datepicker_use_icon i{ display:inline-block; background:url(../images/icon_calendar_black.png) center no-repeat;; width:20px; height:20px;}
.main_div .keyin_outer .outer .border .box .item .controller.timepicker{ display:flex; flex-wrap:wrap; align-items:center;}
.main_div .keyin_outer .outer .border .box .item .controller.timepicker input{ width:40px;}
.main_div .keyin_outer .outer .border .box .item .controller.timepicker span{ display:inline-block; width:20px; text-align:center;}
.main_div .keyin_outer .outer .border .box .item .controller .select_option{ 
	display: inline-block;
	position: relative;
	width: auto;
 }
.main_div .keyin_outer .outer .border .box .item .controller .select_option:before {
    z-index: 1;
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #534741 transparent transparent transparent;
}
.main_div .keyin_outer .outer .border .box .item .controller .select_option select{
	position:relative;
	z-index:2;
	border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
	padding-right:20px;
}
.main_div .keyin_outer .outer .border .box .item.action{ border-bottom:none; text-align:center; padding-top:35px;}
.main_div .keyin_outer .outer .border .box .item.action button{ color:#736357; font-size:16px; font-weight:800; padding:3px 20px; border:none;  border-radius:50px; background:#ffde71;}
.main_div .keyin_outer .outer .border .box .item.action button:hover{ background:#f15a24; color:#fff;}

.main_div .keyin_outer.member_management .memeber_info .account_password{ display:flex;flex-wrap:wrap; }
.main_div .keyin_outer.member_management .memeber_info .account_password .col01{ width:80px;}
.main_div .keyin_outer.member_management .memeber_info .account_password .col01 img{ width:60px;}
.main_div .keyin_outer.member_management .memeber_info .account_password .col02{ width:calc(100% - 80px);}
.main_div .keyin_outer.member_management .memeber_info .account_password .col02 .item{ display:flex; flex-wrap:wrap;}
.main_div .keyin_outer.member_management .memeber_info .account_password .col02 .item .label{ width:80px;}
.main_div .keyin_outer.member_management .memeber_info .account_password .col02 .item .controller{  width:calc(100% - 80px - 5px); padding-left:5px;}
.main_div .keyin_outer.member_management .memeber_info .age_english_name{ display:flex;flex-wrap:wrap;justify-content: space-between;}
.main_div .keyin_outer.member_management .memeber_info .point{ display:flex;flex-wrap:wrap; justify-content: center; padding:25px 0; }
.main_div .keyin_outer.member_management .memeber_info .point .item{ margin:20px;}
.main_div .keyin_outer.member_management .memeber_info .point .item .border{ min-width:130px; border:2px solid #ffde71;border-radius: 10px !important; overflow:hidden; position:relative; z-index:1;}
.main_div .keyin_outer.member_management .memeber_info .point .item .border .line{ position:absolute; left:-25%; top:0; width:100%; height:10px;transform: rotate(-45deg);}
.main_div .keyin_outer.member_management .memeber_info .point .item .border .line.blue{ background:#06379e;}
.main_div .keyin_outer.member_management .memeber_info .point .item .border .line.yellow{ background:#fcee21;}
.main_div .keyin_outer.member_management .memeber_info .point .item .border .line.orange{ background:#f7931e;}
.main_div .keyin_outer.member_management .memeber_info .point .item .border .line.red{ background:#ed1c24;}
.main_div .keyin_outer.member_management .memeber_info .point .item .border .info{ text-align:center;line-height: 1.8;}
.main_div .keyin_outer.member_management .memeber_info .point .item .border .info big{ display:block; color:#603813; font-size:35px; font-weight:800;}
.main_div .keyin_outer.member_management .memeber_info .point .item .border .info small{ display:block; font-size:17px; color:#06379e;}


.main_div .common_faq{ padding: 60px 0;}
.main_div .common_faq .outer{ max-width:710px; margin:0 auto; padding:0 15px;}
.main_div .common_faq .outer .title{ margin-bottom:60px;}
.main_div .common_faq .outer .title,.main_div .common_faq .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .common_faq .outer .list_item .item{ margin-bottom:40px; color:#534741;font-size:14px; line-height:1.8;}
.main_div .common_faq .outer .list_item .item:last-child{ margin-bottom:0;}
.main_div .common_faq .outer .list_item .item h3{ margin-bottom:10px;}
.main_div .common_faq .outer .list_item .item h3 b{ display:inline-block; color:#603813; font-size:16px; font-weight:800; border-radius:50px;padding:3px 20px;background:#ffde71;}
.main_div .common_faq .outer .list_item .item p{ margin-bottom:10px;}
.main_div .common_faq .outer .list_item .item ol{ margin-left:0; padding-left:20px;}
.main_div .common_faq .outer .list_item .item .orange{ color:#f15a24;}


.main_div .recommended_teacher{ padding: 60px 0;}
.main_div .recommended_teacher .outer{ max-width:650px; margin:0 auto; padding:0 15px;}
.main_div .recommended_teacher .outer .title{ margin-bottom:60px;}
.main_div .recommended_teacher .outer .title,.main_div .recommended_teacher .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .recommended_teacher .outer .introduction{ display:flex; flex-wrap:wrap;}
.main_div .recommended_teacher .outer .introduction .img{ width:74px; margin-right:15px;}
.main_div .recommended_teacher .outer .introduction .img b{ display:block; width:74px; height:74px; border-radius:100px; background-position:center; background-size:cover;}
.main_div .recommended_teacher .outer .introduction .info{ width:calc(100% - 74px - 15px);}
.main_div .recommended_teacher .outer .introduction .info .user{ border-bottom:1px solid #fdca93; margin-bottom:10px; padding-bottom:10px; font-size:18px; color:#603813;}
.main_div .recommended_teacher .outer .introduction .info .user span{ color:#fbb03b; font-size:14px; display:inline-block; border:1px solid #fbb03b; padding:1px 5px; border-radius:50px; float:right;}
.main_div .recommended_teacher .outer .introduction .info .desc,.main_div .recommended_teacher .outer .introduction .info .desc p{ color:#333333;}
.main_div .recommended_teacher .outer .list_item{ margin-top:60px;}
.main_div .recommended_teacher .outer .list_item .item{ margin-bottom:40px; color:#534741;font-size:14px; line-height:1.8;}
.main_div .recommended_teacher .outer .list_item .item:last-child{ margin-bottom:0;}
.main_div .recommended_teacher .outer .list_item .item h3{ margin-bottom:10px;}
.main_div .recommended_teacher .outer .list_item .item h3 b{ display:inline-block; color:#603813; font-size:16px; font-weight:800; border-radius:50px;padding:3px 20px;background:#ffde71;}
.main_div .recommended_teacher .outer .list_item .item p{ margin-bottom:10px;}
.main_div .recommended_teacher .outer .list_item .item .certificate_list{ display:flex;flex-wrap:wrap; margin-top:50px;}
.main_div .recommended_teacher .outer .list_item .item .certificate_list .sub_item{ margin-right:20px; margin-bottom:20px;}
.main_div .recommended_teacher .outer .list_item .item .certificate_list .sub_item img{ height:250px;}
.main_div .recommended_teacher .outer .action{ margin-top:95px; text-align:center;}
.main_div .recommended_teacher .outer .action button{ color:#736357; font-size:16px; font-weight:800; padding:3px 20px; border:none;  border-radius:50px; background:#ffde71;}
.main_div .recommended_teacher .outer .action button:hover{ background:#f15a24; color:#fff;}

.main_div .course_selection_plan{ padding: 60px 0;}
.main_div .course_selection_plan .outer{ max-width:1030px; margin:0 auto; padding:0 15px;}
.main_div .course_selection_plan .outer .title{ margin-bottom:60px;}
.main_div .course_selection_plan .outer .title,.main_div .course_selection_plan .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .course_selection_plan .outer .list_item{ display:flex; flex-wrap:wrap; margin-left:-20px; margin-right:-20px;}
.main_div .course_selection_plan .outer .list_item .item{ margin-bottom:40px; color:#534741;font-size:14px; line-height:1.8; margin:20px; width:calc(100% / 4 - 40px); position:relative;}
.main_div .course_selection_plan .outer .list_item .item .gift{ position:absolute; left:0; top:0; width:100%; z-index:2; text-align:center;}
.main_div .course_selection_plan .outer .list_item .item .gift span{ text-shadow: 0px 0px 10px #fff; display:inline-block; background:#fff; margin-top:-20px; color:#ed1c24; font-size:25px; text-align:center;}
.main_div .course_selection_plan .outer .list_item .item a{ display:block; color: #534741;transition: 0.5s ease; }
.main_div .course_selection_plan .outer .list_item .item a:hover{
	-ms-transform: scale(1.1, 1.1); 
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.main_div .course_selection_plan .outer .list_item .item .box{ border:2px solid #ffde71; border-radius:10px; overflow:hidden; position:relative; z-index:1;}
.main_div .course_selection_plan .outer .list_item .item .box .line{ position:absolute; left:-25%; top:0; width:100%; height:10px;transform: rotate(-45deg);}
.main_div .course_selection_plan .outer .list_item .item .box .line.blue{ background:#06379e;}
.main_div .course_selection_plan .outer .list_item .item .box .line.yellow{ background:#fcee21;}
.main_div .course_selection_plan .outer .list_item .item .box .line.orange{ background:#f7931e;}
.main_div .course_selection_plan .outer .list_item .item .box .line.red{ background:#ed1c24;}
.main_div .course_selection_plan .outer .list_item .item .box .info{ text-align:center; padding-top:30px;}
.main_div .course_selection_plan .outer .list_item .item .box .info small{ display:block; font-size:14px;}
.main_div .course_selection_plan .outer .list_item .item .box .info small.score{ font-size:16px;}
.main_div .course_selection_plan .outer .list_item .item .box .info big{ display:block; color:#06379e; font-size:35px; font-weight:800; line-height:1.2;}
.main_div .course_selection_plan .outer .list_item .item .box .info big b{ font-size:40px;}
.main_div .course_selection_plan .outer .list_item .item .box .price{ text-align:center; background:#ffde71; padding:5px 0;}
.main_div .course_selection_plan .outer .list_item .item .box .price big{ display:block; font-size:40px; color:#603813; font-weight:800;}
.main_div .course_selection_plan .outer .list_item .item .box .price small{ display:block;font-size:16px;}
.main_div .course_selection_plan .outer .remark{ font-size:14px; color:#534741; margin-top:40px; text-align:center; line-height:1.6;}

.main_div .class_management{ padding: 60px 0;}
.main_div .class_management .outer{ max-width:1040px; margin:0 auto; padding:0 15px;}
.main_div .class_management .outer .title{ margin-bottom:60px;}
.main_div .class_management .outer .title,.main_div .class_management .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .class_management .outer .table_list_outer .table{ color:#603813; font-size:14px;}
.main_div .class_management .outer .table_list_outer .table .row{ display:flex; flex-wrap:wrap;align-items: center;}
.main_div .class_management .outer .table_list_outer .table .row .col{ padding:5px; position:relative;}
.main_div .class_management .outer .table_list_outer .table .row .col:nth-child(1){ width:calc(10% - 10px);}
.main_div .class_management .outer .table_list_outer .table .row .col:nth-child(2){ width:calc(8% - 11px);}
.main_div .class_management .outer .table_list_outer .table .row .col:nth-child(3){ width:calc(25% - 11px); display:inline-flex;justify-content: center; }
.main_div .class_management .outer .table_list_outer .table .row .col:nth-child(4){ width:calc(13% - 11px); display:inline-flex;justify-content: center; }
.main_div .class_management .outer .table_list_outer .table .row .col:nth-child(5){ width:calc(13% - 11px);}
.main_div .class_management .outer .table_list_outer .table .row .col:nth-child(6){ width:calc(31% - 11px);}

.main_div .class_management .outer .table_list_outer .table .tb_header .row{  border-radius:5px; border:1px solid #ffde71; border-left-width:5px; }
.main_div .class_management .outer .table_list_outer .table .tb_header .row .col{ border-left:1px solid #fff; background:#ffde71;}
.main_div .class_management .outer .table_list_outer .table .tb_header .row .col:first-child{ border-left:none;}
.main_div .class_management .outer .table_list_outer .table .tb_body .row{ margin:10px 0; background:#fff; border-radius:5px; border:1px solid #ffde71; border-left-width:5px; }
.main_div .class_management .outer .table_list_outer .table .tb_body .row .col{ border-left:1px solid #ffde71;  display:inline-flex; align-items: center; min-height:36px;}
.main_div .class_management .outer .table_list_outer .table .tb_body .row .col:first-child{ border-left:none;}
.main_div .class_management .outer .table_list_outer .table .tb_body .row .col .btn_more{ display:inline-block; margin-left:40px; color:#736357; font-size:14px; font-weight:800; padding:3px 15px; border:none;  border-radius:50px; background:#ffde71;}
.main_div .class_management .outer .table_list_outer .table .tb_body .row .col .btn_more:hover{ background:#f15a24; color:#fff;}



.main_div .member_teacher_management_list{ padding: 60px 0;}
.main_div .member_teacher_management_list .outer{ max-width:1040px; margin:0 auto; padding:0 15px;}
.main_div .member_teacher_management_list .outer .title{ margin-bottom:60px;}
.main_div .member_teacher_management_list .outer .title,.main_div .member_teacher_management_list .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .member_teacher_management_list .outer .table_list_outer .table{ color:#603813; font-size:14px;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .row{ display:flex; flex-wrap:wrap;align-items: center;margin-left: 0;  margin-right: 0;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .row .col{ padding:5px; position:relative;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .row .col:nth-child(1){ width:calc(10% - 10px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .row .col:nth-child(2){ width:calc(90% - 1px); padding:0;}

.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .tb_header .row{ background: #ffde71;}
.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col{ display: flex; flex-wrap: wrap; align-items: center;    justify-content: center; min-height:36px;}
.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col:nth-child(1){ width:calc(13% - 10px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col:nth-child(2){  width:calc(13% - 11px);padding:5px;}
.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col:nth-child(3){ width:calc(55% - 375px);    justify-content: start;}
.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col:nth-child(3) span{ margin-left:15px;}
.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col:nth-child(4){width:calc(13% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col:nth-child(5){width:calc(13% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col:nth-child(6){width:calc(13% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col:nth-child(7){width:calc(13% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .tb_body .row .col:nth-child(2){ display: flex;}



.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info .col:nth-child(7){width:180px;}
.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table .tb_body .row{align-items: unset;}
.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table .tb_body .row .col .transfer_select {  width: 100%;   display: flex;}
.main_div .member_student_management_list .outer .table_list_outer.seven_cols .table .tb_body .row .col .transfer_list{  width: 100%;}
.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .mCustomScrollBox{ overflow: visible !important;   padding-bottom: 10px;}
.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .mCSB_container{  overflow: visible !important;}
.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info .col:nth-child(1){ width:calc(13% - 0px);}
.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info .col:nth-child(2){  width:calc(13% -0px);}
.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info .col:nth-child(3){width:calc(35% - 180px) ;}
.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info .col:nth-child(4){width:calc(13% - 0px);}
.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info .col:nth-child(5){width:calc(13% - 0px);}
.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info .col:nth-child(6){width:calc(13% - 0px);}
.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info .col:nth-child(7){width:180px; display: flex;}



.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col span{ display:inline-block;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row{  border-radius:5px; border:1px solid #ffde71; border-left-width:5px; }
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row .col{ border-left:1px solid #fff; background:#ffde71;display:flex; flex-wrap:wrap;align-items: center;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row .col:first-child{ border-left:none;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col{ border-left:1px solid #fff;padding:5px;display: flex;justify-content: center; min-height:36px;align-items: center; }
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:first-child{ border-left:none;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(1){ width:calc(11% - 10px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(2){ width:calc(12% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(3){ width:calc(25% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(4){ width:calc(13% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(5){ width:calc(13% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(6){ width:calc(13% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(7){ width:calc(13% - 11px);}

.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row{ margin:10px 0; background:#fff; border-radius:5px; border:1px solid #ffde71; border-left-width:5px;border-left-color:#8cc63f;  }
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col{ border-left:1px solid #ffde71;  display:inline-flex; align-items: center; min-height:36px;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col:first-child{ border-left:none;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col:nth-child(2){ display:block;}

.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .sub_col{ border-left:1px solid #fff;padding:5px;justify-content: center; }
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .sub_col:first-child{ border-left:none;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .top_col{display:flex; flex-wrap:wrap;align-items: center;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col{border-left: 1px solid #ffde71;padding:5px;display:inline-flex; align-items: center;justify-content: center; min-height:36px; }
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:first-child{ border-left:none;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(1){ width:calc(11% - 10px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(2){ width:calc(12% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(3){ width:calc(25% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(4){ width:calc(13% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(5){ width:calc(13% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(6){ width:calc(13% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(7){ width:calc(13% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col{display:flex; flex-wrap:wrap;align-items: center; border-top:1px solid #ffde71;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col{}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(1){ width:calc(11% - 10px); background:#ffde71;display:inline-flex;justify-content: center;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(2){ width:calc(25% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(3){ width:calc(12% - 11px); background:#ffde71;display:inline-flex;justify-content: center;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(4){ width:calc(39% - 11px);}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(5){ width:calc(13% - 11px); border-left:1px solid #ffde71;display:inline-flex;justify-content: center;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col a{ display:inline-block; color:#603813}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col a:hover{color: #f15a24;}

.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .multiselect{ padding:3px; margin-right:10px;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .multiselect-container li a{ display:block;}
.main_div .member_teacher_management_list .outer .table_list_outer .table .tb_body .row .col .multiselect-container li.active a{ background: #ffde71;}

.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .tb_header .row{ background: #ffde71;}
.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .col{ display: flex; flex-wrap: wrap; align-items: center;    justify-content: center; min-height:36px;}
.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .col:nth-child(1){ width:calc(10% - 10px);}
.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .col:nth-child(2){  width:calc(10% - 11px);padding:5px;}
.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .col:nth-child(3){ width:calc(24% - 11px);   justify-content: start;}
.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .col:nth-child(3) span{ margin-left:15px;}
.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .col:nth-child(4){width:calc(10% - 11px);}
.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .col:nth-child(5){width:calc(17% - 11px);}
.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .col:nth-child(6){width:calc(17% - 11px);}
.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .col:nth-child(6) span{ display: flex;}
.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .col:nth-child(6) span a.btn_more{ margin: 0 5px;}
.main_div .teacher_studnet_management_list .outer .table_list_outer .table.teacher_student_info .col:nth-child(7){width:calc(12% - 11px);}





.main_div .member_student_management_list{ padding: 60px 0;}
.main_div .member_student_management_list .outer{ max-width:1040px; margin:0 auto; padding:0 15px;}
.main_div .member_student_management_list .outer .title{ margin-bottom:60px;}
.main_div .member_student_management_list .outer .title,.main_div .member_student_management_list .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .member_student_management_list .outer .table_list_outer .table{ color:#603813; font-size:14px;}
.main_div .member_student_management_list .outer .table_list_outer .table .row{ display:flex; flex-wrap:wrap;align-items: center;}
.main_div .member_student_management_list .outer .table_list_outer .table .row .col{ padding:5px; position:relative;}
.main_div .member_student_management_list .outer .table_list_outer .table .row .col:nth-child(1){ width:calc(10% - 10px);}
.main_div .member_student_management_list .outer .table_list_outer .table .row .col:nth-child(2){ width:calc(90% - 1px); padding:0;}
.main_div .member_student_management_list .outer .table_list_outer .table.remove_course_code .col:nth-child(1){ width:100%;padding:0;}


.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row{ margin-left:0; margin-right:0;  border-radius:5px; border:1px solid #ffde71; border-left-width:5px; }
.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row .col{ border-left:1px solid #fff; background:#ffde71;display:flex; flex-wrap:wrap;align-items: center;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row .col:first-child{ border-left:none;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col{ border-left:1px solid #fff;padding:5px;display: flex;justify-content: center; min-height:36px;align-items: center;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:first-child{ border-left:none;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(1){ width:calc(11% - 10px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(2){ width:calc(12% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(3){ width:calc(25% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(4){ width:calc(13% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(5){ width:calc(13% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(6){ width:calc(13% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(7){ width:calc(13% - 11px);}



.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row{ margin:10px 0; background:#fff; border-radius:5px; border:1px solid #ffde71; border-left-width:5px;border-left-color:#ffde71;  }
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col{ border-left:1px solid #ffde71;  display:inline-flex; align-items: center; min-height:36px;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col:first-child{ border-left:none;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col:nth-child(2){ display:block;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .sub_col{ border-left:1px solid #fff;padding:5px;justify-content: center; }
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .sub_col:first-child{ border-left:none;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .top_col{display:flex; flex-wrap:wrap;align-items: center;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col{border-left: 1px solid #ffde71;padding:5px;display:inline-flex; align-items: center;justify-content: center; min-height:36px; }
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:first-child{ border-left:none;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(1){ width:calc(11% - 10px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(2){ width:calc(12% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(3){ width:calc(25% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(4){ width:calc(13% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(5){ width:calc(13% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(6){ width:calc(13% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(7){ width:calc(13% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table.remove_course_code .tb_body .row .col:nth-child(1){ display:block;}

.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col{display:flex; flex-wrap:wrap;align-items: center; border-top:1px solid #ffde71;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col{ min-height:18px;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(1){ width:calc(11% - 10px); background:#ffde71;display:inline-flex;justify-content: center;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(2){ width:calc(25% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(3){ width:calc(12% - 11px); background:#ffde71;display:inline-flex;justify-content: center;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(4){ width:calc(26% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(5){ width:calc(13% - 11px); border-left:1px solid #ffde71;display:inline-flex;justify-content: center;}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(6){ width:calc(13% - 11px); border-left:1px solid #ffde71;display:inline-flex;justify-content: center;}






.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_header .row .col .sub_col:nth-child(1){ width:calc(15% - 10px);}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_header .row .col .sub_col:nth-child(2){ width:calc(26% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_header .row .col .sub_col:nth-child(3){ width:calc(12% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_header .row .col .sub_col:nth-child(4){ width:calc(25% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_header .row .col .sub_col:nth-child(5){ width:calc(27% - 11px);}

.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .top_col .sub_col:nth-child(1){ width:calc(15% - 10px);}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .top_col .sub_col:nth-child(2){ width:calc(26% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .top_col .sub_col:nth-child(3){ width:calc(12% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .top_col .sub_col:nth-child(4){ width:calc(25% - 11px);}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .top_col .sub_col:nth-child(5){ width:calc(27% - 11px);}

.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .bottom_col{ flex-direction: row;align-items:initial;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .bottom_col .sub_col{}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(1){ display: flex; align-items: center; width:calc(15% - 10px); background:#ffde71;display:inline-flex;justify-content: center;align-items: center;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(2){display: flex; align-items: center; width:calc(26% - 11px);line-height: 30px;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(3){ display: flex; align-items: center;width:calc(12% - 11px); background:#ffde71;display:inline-flex;justify-content: center;align-items: center;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(4){display: flex; align-items: center; width:calc(25% - 11px);line-height: 30px;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(5){display: flex; align-items: center; height: auto; width:calc(27% - 11px); border-left:1px solid #ffde71;display:inline-flex;justify-content: center; flex-direction: column;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(5) .transfer_select{ width: 100%; display:flex;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(5) .transfer_list{width: 100%;}

.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_header .row .col{    align-items: unset;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_header .row .col .sub_col:nth-child(1){ width:14%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_header .row .col .sub_col:nth-child(2){ width:24%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_header .row .col .sub_col:nth-child(3){ width:12%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_header .row .col .sub_col:nth-child(4){ width:16%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_header .row .col .sub_col:nth-child(5){ width:18%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_header .row .col .sub_col:nth-child(6){ width:16%;}

.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .top_col .sub_col:nth-child(1){ width:14%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .top_col .sub_col:nth-child(2){ width:24%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .top_col .sub_col:nth-child(3){ width:12%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .top_col .sub_col:nth-child(4){ width:16%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .top_col .sub_col:nth-child(5){ width:18%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .top_col .sub_col:nth-child(6){ width:16%;display: flex; align-items: center; }
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .bottom_col{ flex-direction: row;align-items:initial;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .bottom_col .sub_col{}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .bottom_col .sub_col:nth-child(1){ width:14%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .bottom_col .sub_col:nth-child(2){ width:24%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .bottom_col .sub_col:nth-child(2) span{  word-break: break-all;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .bottom_col .sub_col:nth-child(3){ width:12%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .bottom_col .sub_col:nth-child(4){ width:16%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .bottom_col .sub_col:nth-child(5){ width:18%;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer.six_cols .table .tb_body .row .col .bottom_col .sub_col:nth-child(6){ width:16%;display: flex; align-items: center; }



.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .multiselect{ padding:3px; margin-right:10px;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .multiselect-container li a{ display:block;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .table .tb_body .row .col .multiselect-container li.active a{ background: #ffde71;}

.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .sub_col a{ display:inline-block; color:#603813}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .sub_col a.btn_orange{color:#f15a24}
.main_div .member_student_management_list .outer .table_list_outer .table .tb_body .row .col .sub_col a:hover{color: #f15a24;}

.main_div .member_student_management_list .outer .table_list_outer.student_outer .mCustomScrollBox{overflow:visible !important; padding-bottom: 10px;}
.main_div .member_student_management_list .outer .table_list_outer.student_outer .mCSB_container{ overflow:visible !important;}

.main_div .class_management .outer .table_list_outer.teacher_number_classes_outer .table .row .col:nth-child(1){ width:calc(27% - 10px);}
.main_div .class_management .outer .table_list_outer.teacher_number_classes_outer .table .row .col:nth-child(2){ width:calc(30% - 11px);}
.main_div .class_management .outer .table_list_outer.teacher_number_classes_outer .table .row .col:nth-child(3){ width:calc(43% - 11px); display:inline-flex;justify-content: center; }







.main_div .member_student_management_remittance_information_list{ padding: 60px 0;}
.main_div .member_student_management_remittance_information_list .outer{ max-width:1040px; margin:0 auto; padding:0 15px;}
.main_div .member_student_management_remittance_information_list .outer .title{ margin-bottom:60px;}
.main_div .member_student_management_remittance_information_list .outer .title,.main_div .member_student_management_remittance_information_list .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table{ color:#603813; font-size:14px;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .row{ display:flex; flex-wrap:wrap;align-items: center;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .row .col{ padding:5px; position:relative;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .row .col:nth-child(1){ width:calc(10% - 10px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .row .col:nth-child(2){ width:calc(90% - 1px); padding:0;}

.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_header .row{  border-radius:5px; border:1px solid #ffde71; border-left-width:5px; }
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_header .row .col{ border-left:1px solid #fff; background:#ffde71;display:flex; flex-wrap:wrap;align-items: center;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_header .row .col:first-child{ border-left:none;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_header .row .col .sub_col{ border-left:1px solid #fff;padding:5px;display: flex;justify-content: center;min-height:36px;align-items: center; }
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_header .row .col .sub_col:first-child{ border-left:none;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(1){ width:calc(11% - 10px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(2){ width:calc(12% - 11px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(3){ width:calc(25% - 11px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(4){ width:calc(13% - 11px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(5){ width:calc(26% - 11px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_header .row .col .sub_col:nth-child(6){ width:calc(13% - 11px);}

.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row{ margin:10px 0; background:#fff; border-radius:5px; border:1px solid #ffde71; border-left-width:5px;border-left-color:#ffde71;  }
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col{ border-left:1px solid #ffde71;  display:inline-flex; align-items: center; min-height:36px;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col:first-child{ border-left:none;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col:nth-child(2){ display:block;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .sub_col{ border-left:1px solid #fff;padding:5px;justify-content: center; }
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .sub_col:first-child{ border-left:none;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .top_col{display:flex; flex-wrap:wrap;align-items: center;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col{border-left: 1px solid #ffde71;padding:5px;display:inline-flex; align-items: center;justify-content: center; min-height:36px; }
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:first-child{ border-left:none;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(1){ width:calc(11% - 10px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(2){ width:calc(12% - 11px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(3){ width:calc(25% - 11px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(4){ width:calc(13% - 11px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(5){ width:calc(26% - 11px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .top_col .sub_col:nth-child(6){ width:calc(13% - 11px);}

.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .bottom_col{display:flex; flex-wrap:wrap;align-items: center; border-top:1px solid #ffde71;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col{}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(1){ width:calc(11% - 10px); background:#ffde71;display:inline-flex;justify-content: center;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(2){ width:calc(39% - 11px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(3){ width:calc(11% - 11px); background:#ffde71;display:inline-flex;justify-content: center;}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .bottom_col .sub_col:nth-child(4){ width:calc(39% - 11px);}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .sub_col a{ display:inline-block; color:#603813}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .sub_col a.btn_orange{color:#f15a24}
.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table .tb_body .row .col .sub_col a:hover{color: #f15a24;}





.main_div .search_div{ display:flex; flex-wrap:wrap;align-items: center;  color:#603813; margin:10px 0; font-size:14px ;justify-content: space-between;}
.main_div .search_div .col01{ display:inline-flex;align-items: center;}

.main_div .search_div .col01 .select_option{ position:relative; color:#603813; border:1px solid #603813; border-radius:5px; padding:0 5px; margin-right:5px; }
.main_div .search_div .col01 span{ display:inline-flex; margin-right:5px;}
.main_div .search_div .col01 span:last-child{ margin-right:0;}
.main_div .search_div .col01 .select_option:before {
    z-index: 1;
    content: '';
    position: absolute;
    right: 5px;
    top: 5px;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #603813 transparent transparent transparent;
}
.main_div .search_div .col01 .select_option select{
	position:relative;
	z-index:2;
	border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
	padding-right:20px;
}
.main_div .search_div .col01 .keyword{ border:1px solid #603813; border-radius:5px; display:inline-flex; align-items:center; padding:0 3px;}
.main_div .search_div .col01 .keyword input{ width:90px; border:none; border-radius:0; }
.main_div .search_div .col01 .keyword button{ border:none; border-radius:0; padding:0; width:20px; height:20px; background:url(../images/icon_search_brown.svg) center no-repeat;}
.main_div .search_div .col02 .btn_add{ display:inline-block; color:#ed1c24;display:inline-block; font-size:14px; font-weight:800; padding:3px 15px; border:none;  border-radius:50px; background:#ffde71;}
.main_div .search_div .col02 .btn_add:hover{ background:#f15a24; color:#fff;}

.main_div .add_block .outer{ max-width:1040px; margin:0 auto; padding:0 15px;}
.main_div .add_block .outer .title{ padding-bottom:60px; padding-top:60px;}
.main_div .add_block .outer .title,.main_div .add_block .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .remove_paddding_top{ padding-top:0;}
.main_div .next_div{ padding:10px 0; text-align:center;}
.main_div .next_div b{ display:inline-block; width:68px; height:18px; background:url(../images/icon_arrow_down_brown.svg) center no-repeat;}

.main_div .add_block .action{ text-align:center; padding-bottom:60px;}
.main_div .add_block .action button{ color:#ed1c24; font-size:16px; font-weight:800; padding:3px 20px; border:none;  border-radius:50px; background:#ffde71;}
.main_div .add_block .action button:hover{ background:#f15a24; color:#fff;}



.main_div .appointment_date_week{ padding: 60px 0;}
.main_div .appointment_date_week .outer{ max-width:1040px; margin:0 auto; padding:0 15px;}
.main_div .appointment_date_week .outer .title{ margin-bottom:60px;}
.main_div .appointment_date_week .outer .title,.main_div .member_student_management_list .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .appointment_date_week .outer .week_select{ display:flex; flexl-wrap:wrap; align-items:center; justify-content: center;}
.main_div .appointment_date_week .outer .week_select .select_outer .prev_week{ display:inline-block; width:10px; height:10px; position:relative;}
.main_div .appointment_date_week .outer .week_select .select_outer .prev_week:before{
	content:''; position:absolute; left:0; top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #fbb13b transparent transparent;
}
.main_div .appointment_date_week .outer .week_select .select_outer .prev_week:hover:before{border-color: transparent #f15a24 transparent transparent;}
.main_div .appointment_date_week .outer .week_select .select_outer .next_week{ display:inline-block; width:10px; height:10px; position:relative;}
.main_div .appointment_date_week .outer .week_select .select_outer .next_week:before{
	content:''; position:absolute; left:0; top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #fbb13b;
}
.main_div .appointment_date_week .outer .week_select .select_outer .next_week:hover:before{border-color: transparent transparent transparent #f15a24;}
.main_div .appointment_date_week .outer .week_select .select_outer label{ display:inline-block; padding:3px 15px; border-radius:50px; font-size:16px; color:#603813; background:#ffde71; margin:0 10px; }
.main_div .appointment_date_week .outer .week_header{ display:flex; flex-wrap:wrap; margin-left:-5px; margin-right:5px; padding:30px 0;}
.main_div .appointment_date_week .outer .week_header .col{ width:calc(100% / 7 - 10px); margin:5px; text-align:center;}
.main_div .appointment_date_week .outer .week_header .col b{ display:inline-block; border:1px solid #fbb03b; border-radius:5px; padding:5px 0; min-width:60px; color:#534741; font-size:14px;}
.main_div .appointment_date_week .outer .week_body{ display:flex; flex-wrap:wrap; margin-left:-5px; margin-right:5px;}
.main_div .appointment_date_week .outer .week_body .col{ width:calc(100% / 7 - 10px); margin:5px;}
.main_div .appointment_date_week .outer .week_body .col .box{ border-radius:5px; background:rgba(255,222,113,0.3); height:68px; position:relative;transition: 0.5s ease;}
.main_div .appointment_date_week .outer .week_body .col .box a{ display:block;}
.main_div .appointment_date_week .outer .week_body .col .box:hover{ opacity:0.3;}
.main_div .appointment_date_week .outer .week_body .col .box .day{ position:absolute; left:0; top:0; width:calc(100% - 16px); text-align:right; height:calc(100% - 16px); padding:8px; color:#603813; font-size:14px;}
.main_div .appointment_date_week .outer .week_body .col .box .day b{ padding:0 3px; min-width:20px; height:20px;display: inline-flex; align-items: center;    justify-content: center;}
.main_div .appointment_date_week .outer .week_body .col .box .day.today b{border-radius:50px; background:#736357; color:#fff;}
.main_div .appointment_date_week .outer .week_body .col .box .event{ padding:8px;}
.main_div .appointment_date_week .outer .week_body .col .box .event b{ display:inline-block; width:18px; height:18px;}
.main_div .appointment_date_week .outer .week_body .col .box .event b.cancel{ background:url(../images/icon_cancel_green.svg) center no-repeat; }
.main_div .appointment_date_week .outer .week_body .col .box .event b.reservation{ background:url(../images/icon_reservation_orange.svg) center no-repeat; }
.main_div .appointment_date_week .outer .week_remark{ text-align:right;}
.main_div .appointment_date_week .outer .week_remark .item{ margin-top:10px; color:#603813; font-size:14px;display: flex; justify-content: flex-end;  align-items: center;}
.main_div .appointment_date_week .outer .week_remark .item img{ margin-left:10px;}




.main_div .appointment_date_day{ padding: 40px 0;}
.main_div .appointment_date_day .outer{ max-width:1040px; margin:0 auto; padding:0 15px;}
.main_div .appointment_date_day .outer .title{ margin-bottom:40px;}
.main_div .appointment_date_day .outer .title h2{ font-size:30px; color:#603813; text-align:center;}
.main_div .appointment_date_day .outer .week_select{ display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.main_div .appointment_date_day .outer .week_select .select_outer .prev_week{ display:inline-block; width:10px; height:10px; position:relative;}
.main_div .appointment_date_day .outer .week_select .select_outer .prev_week:before{
	content:''; position:absolute; left:0; top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #fbb13b transparent transparent;
}
.main_div .appointment_date_day .outer .week_select .select_outer .prev_week:hover:before{border-color: transparent #f15a24 transparent transparent;}
.main_div .appointment_date_day .outer .week_select .select_outer .next_week{ display:inline-block; width:10px; height:10px; position:relative;}
.main_div .appointment_date_day .outer .week_select .select_outer .next_week:before{
	content:''; position:absolute; left:0; top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #fbb13b;
}
.main_div .appointment_date_day .outer .week_select .select_outer .next_week:hover:before{border-color: transparent transparent transparent #f15a24;}
.main_div .appointment_date_day .outer .week_select .select_outer label{ display:inline-block; padding:3px 15px; border-radius:50px; font-size:16px; color:#603813; background:#ffde71; margin:0 10px; }
.main_div .appointment_date_day .outer .appointment_day_outer{ margin-top:50px; display:flex; flex-wrap:wrap; }
.main_div .appointment_date_day .outer .appointment_day_outer .col01{ width:95px;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02{ width:calc(100% - 95px);}
.main_div .appointment_date_day .outer .appointment_day_outer .col01 .day_time .day_header{ height:45px; padding:7.5px 5px;}
.main_div .appointment_date_day .outer .appointment_day_outer .col01 .day_time .day_header b{ height:45px; display:flex; align-items:center; justify-content: center; border-radius:10px; background:#ffde71; color:#603813; font-size:14px;}
.main_div .appointment_date_day .outer .appointment_day_outer .col01 .day_time .day_body .item{ height:45px; padding:7.5px 5px;}
.main_div .appointment_date_day .outer .appointment_day_outer .col01 .day_time .day_body .item b{ height:45px; display:flex; align-items:center; justify-content: center; border-radius:10px; background:#ffde71; color:#603813; font-size:14px;}

.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list{ display:flex; flex-wrap:wrap;justify-content: space-between;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col{ width:calc(100% / 7 - 10px); border:1px solid #ffde71;}
.main_div .appointment_date_day .outer .appointment_day_outer.remove_item_padding .col01{ width: 110px;}
.main_div .appointment_date_day .outer .appointment_day_outer.remove_item_padding .col02{ width: calc(100% - 110px);}
.main_div .appointment_date_day .outer .appointment_day_outer.remove_item_padding .col02 .week_list .week_col{ width:calc(100% / 7 - 3px);}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_header .item{ height:60px; padding:0px 0; background:#ffde71;display: flex; align-items: center;  justify-content: center; border-bottom:1px solid #ffde71;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_header .item b{ color:#603813; text-align:center;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item{ height:59px; border-bottom:1px solid #ffde71;  display: flex; flex-wrap: wrap; align-items: center;  justify-content: center;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item:last-child{border-bottom:none;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item.rowspan_2{height:calc(60px * 2); }
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item.rowspan_3{height:calc(60px * 3); }
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item.rowspan_4{height:calc(60px * 4); }
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item.rowspan_5{height:calc(60px * 5); }
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item.rowspan_6{height:calc(60px * 6); }
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item.rowspan_7{height:calc(60px * 7); }
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item.rowspan_8{height:calc(60px * 8); }

.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap{ position:relative;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_title{ font-size:14px;display:flex; align-items:center; cursor:pointer; }
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_title i{ display:inline-block; background-size:contain; background-position:center; margin-right:7px;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_title.orange{ color:#f7931e;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_title.orange i{ width:38px; height:34px; background-image:url(../images/icon_audio_orange.svg);}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_title.red{ color:#ed1c24}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_title.red i{ width:26px; height:22px; background-image:url(../images/icon_audio_red.svg);}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_dropdown{ display:none; position:absolute; background:#fbb03b; border-radius:8px; padding:5px 0 0 0;border:1px solid #fbb03b; left:35px; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3); margin-top:5px; }
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap.active .course_dropdown{ display:block;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_dropdown .box{ border-radius:8px; background:#fff; padding:8px; font-size:14px; min-width:85px;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_dropdown .box .hour{ border-bottom:1px solid #000; padding:5px 0;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_dropdown .box .hour.red a{ color:#ed1c24}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_dropdown .box .hour.orange a{ color:#f7931e}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_dropdown .box .hour a:hover{    color: #603813;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_dropdown .box .action{ padding-top:5px;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_dropdown .box .action a{ color:#7ac251; display:inline-block; margin-right:10px;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item .couse_wrap .course_dropdown .box .action a:hover{    color: #603813;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item.cancel img{ width:32px;}
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item.rowspan_half .half{ height:calc(59px / 2); border-bottom: 1px solid #ffde71;  display: flex;  align-items: center;  justify-content: center; width: 100%; }
.main_div .appointment_date_day .outer .appointment_day_outer .col02 .week_list .week_col .week_body .item.rowspan_half .half:last-child{border-bottom:none;}

.main_div .appointment_date_day .outer .date_two_col{ display: flex; flex-wrap:wrap;}
.main_div .appointment_date_day .outer .date_two_col .date_col01{ display: block; width: 150px; padding-right: 25px;}
.main_div .appointment_date_day .outer .date_two_col .date_col01 h3{ font-size: 20px;font-weight: 800; margin-bottom: 15px;}
.main_div .appointment_date_day .outer .date_two_col .date_col01 .option_item{ margin-bottom: 10px;font-size: 16px;}
.main_div .appointment_date_day .outer .date_two_col .date_col01 .option_item label{ margin-bottom: 5px;}
.main_div .appointment_date_day .outer .date_two_col .date_col01 .option_item input{ width: 100%; margin: 0;  max-width: -webkit-fill-available;}
.main_div .appointment_date_day .outer .date_two_col .date_col01 .option_item select{ width: 100%; padding: 2px 0;}
.main_div .appointment_date_day .outer .date_two_col .date_col01 .option_item button{ width: 100%;}
.main_div .appointment_date_day .outer .date_two_col .date_col02{ width: calc(100% - 150px - 25px);}
.main_div .appointment_date_day .outer .date_two_col .date_col02 .appointment_day_outer{ margin-top: 0;}
.main_div .appointment_date_day .outer .date_two_col .date_col02 .week_select{ margin-bottom: 30px;}


.float_contact{ position:fixed; right:calc(50% - 570px - 75px); bottom:15%; z-index:888;}
.float_contact a{ display:inline-flex;align-items: center; justify-content: center; width:150px; height:150px; border-radius:200px; color:#4d4d4d; font-size:18px; font-weight:800;}
.float_contact a b{ display:inline-flex;align-items: center; justify-content: center; background:#fff;border-radius:200px; width:140px; height:140px;}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display:none;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin:0;}


.footer_div{ background:#ffde71; padding:30px 0;}
.footer_div .outer{ max-width:1040px; margin:0 auto; padding:0 15px; display:flex;flex-wrap:wrap;    align-items: center;justify-content: space-between;color:#603813; font-size:14px; font-weight:800; }
.footer_div .outer a{color:#603813;}
.footer_div .outer .col01{}
.footer_div .outer .col02{}
.footer_div .outer .links .item{ margin:5px 0;}
.footer_div .outer .links .item img{ margin-right:10px;}
.footer_div .outer .links .item span{ display:inline-block; margin-right:10px;}
.footer_div .outer .society{ text-align:right;}
.footer_div .outer .society .item{ margin:5px 0;}
.footer_div .outer .society img{ margin-left:10px;}
@media screen and (max-width: 1600px){	
	/*.main_div .home_module_wrapper .industry_map_wrapper:before{ height:40vw;}*/
	.main_div .home_module_wrapper .industry_map_wrapper .top_div:before{height: 11vw;}	
	.main_div .home_module_wrapper .about_platform_wrapper .outer .col02 .action{ margin-top:30px;}
	.main_div .home_module_wrapper .industry_map_wrapper:before{ height:50vw;}
	.main_div .home_module_wrapper .industry_map_wrapper .bottom_div{margin-top: -4vw;}
}
@media screen and (max-width: 1400px){	
	.main_div .home_module_wrapper .industry_map_wrapper .top_div .outer .col02 .action{ margin-top:4vw;}
	
}
@media screen and (max-width: 1366px){	
	.main_div .about_us_banner .img_list .img{ height:16vw;}
	
}
@media screen and (max-width: 1340px){	
	.main_div .home_module_wrapper .about_platform_wrapper .outer .col02 p{ margin-top:15px;}
	.main_div .home_module_wrapper .about_platform_wrapper .outer .col02 .action{ margin-top:15px;}
	.main_div .home_module_wrapper .industry_map_wrapper .top_div .outer .col02 .action{ margin-top:30px;}
	.main_div .home_module_wrapper .industry_map_wrapper:before{ height:55vw;}
}
@media screen and (max-width: 1240px){	
	.main_div .main_banner.industry_map{ min-height:400px;}
	.main_div .home_module_wrapper .about_platform_wrapper .outer{ display:block;}
	.main_div .home_module_wrapper .about_platform_wrapper .outer .col01{ width:100%;}
	.main_div .home_module_wrapper .about_platform_wrapper .outer .col02{ width:100%;}
	.main_div .home_module_wrapper .about_platform_wrapper .outer .col02 .box {width: calc(100% - 40px); padding: 20px;}
	
	.main_div .home_module_wrapper .industry_map_wrapper .top_div:before{ background:none;}	
	.main_div .home_module_wrapper .industry_map_wrapper .bottom_div{
		margin-top:30px;
		background: rgba(237,28,36,1);
		background: -moz-linear-gradient(left, rgba(237,28,36,1) 0%, rgba(241,91,36,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,28,36,1)), color-stop(100%, rgba(241,91,36,1)));
		background: -webkit-linear-gradient(left, rgba(237,28,36,1) 0%, rgba(241,91,36,1) 100%);
		background: -o-linear-gradient(left, rgba(237,28,36,1) 0%, rgba(241,91,36,1) 100%);
		background: -ms-linear-gradient(left, rgba(237,28,36,1) 0%, rgba(241,91,36,1) 100%);
		background: linear-gradient(to right, rgba(237,28,36,1) 0%, rgba(241,91,36,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#f15b24', GradientType=1 );
	}
	.float_contact{ right:0;}
}
@media screen and (max-width: 1100px){	
	.header_div .top_div .outer .member{ right:15px;}
}
@media screen and (max-width: 1040px){	
	.main_div .main_video .outer iframe{ height:55vw;}

	.main_div .main_slider .item .info .box{ width:calc(100% - 30px); padding:0 15px;}
	.main_div .main_big_banner .img .info .box{ width:calc(100% - 30px); padding:0 15px;}
	
	.main_div .sign_up_div .outer .box{ padding:15px 30px;}
	
	.main_div .main_banner.industry_map .function .outer{ width:100%; padding: 10% 15px 0 15px;}
	.main_div .company_wrapper .product_list .outer .item .box{ display:block;}
	.main_div .company_wrapper .product_list .outer .item .box .img{ width:100%;}
	.main_div .company_wrapper .product_list .outer .item .box .info{ width:calc(100% - 40px); padding:20px;}
	
	.main_div .online_match_wrapper .outer .online_match_keyin .box{padding: 15px;}
	
	.main_div .industry_news_wrapper .industry_news_list .outer .row{ display:block;}
	.main_div .industry_news_wrapper .industry_news_list .outer .row .col01{ width:100%; margin-bottom:20px;}
	.main_div .industry_news_wrapper .industry_news_list .outer .row .col01 .news_list .item .box .info{ padding:20px; padding-bottom:0;}
	.main_div .industry_news_wrapper .industry_news_list .outer .row .col02{ width:100%;}
	.main_div .member_info_wrapper .outer .member_info_keyin .add_padding{ padding:0;}
	
	.main_div .activity_detail_wrapper .speaker_list .list_item .item {  width: calc(100%  - 30px);}
	.main_div .activity_detail_wrapper .outer .video_slider{ width:calc(100% - 100px); }
	.main_div .activity_detail_wrapper .outer .video_slider .item iframe {  width: 100%;  height: 45vw;}
	
	.main_div .about_us_banner .info {left: 15px; top:10vw;}
	.main_div .about_us_wrapper .outer .chief_list{justify-content: center;}
	.main_div .about_us_wrapper .outer .chief_list .item{ width:calc(100% / 3);}
	.main_div .about_us_wrapper .outer .service_list .list_item .col01 { width: calc(100% - 260px - 10px);}	
	.main_div .about_us_wrapper .outer .service_list .list_item .service_outer .item .img div:last-child{ width:300px;}
	.main_div .about_us_wrapper .outer .service_list .list_item .service_outer .item .info {  width: calc(100% - 485px + 45px);}	
	
	.main_div .home_module_wrapper .industry_map_wrapper .top_div .outer .col01{ width:100%;}
	.main_div .home_module_wrapper .industry_map_wrapper .top_div .outer .col02{ width:100%;}
	.main_div .home_module_wrapper .industry_map_wrapper .top_div .outer .col02 .box {width: calc(100% - 40px); padding: 20px;}
	.main_div .industry_detail_wrapper .industry_detail .outer .topic .col .box {padding: 25px 20px 0 20px;}
	.main_div .industry_detail_wrapper .industry_detail .outer .topic .col .box p{ margin-top:20px; }
	
	.float_contact a{ width:90px; height:90px;}
	.float_contact a b{ width:84px; height:84px; }
	.footer_div .top_div .outer .col01{ width:100%; margin-bottom:20px;}
	.footer_div .top_div .outer .col02{ width:100%;}
	.footer_div .top_div .outer .social_info{ justify-content: flex-start;}
	.footer_div .top_div .outer .social_info a{ margin-right:20px;}
	.footer_div .top_div .outer .col02 h3{ margin-top:30px;}
}
@media screen and (max-width: 1024px){
	.main_div .main_slider .item{ min-height:60vw;}
	.main_div .main_big_banner .img{ min-height:50vw;}
	.main_div .activity_list .outer .item {  width: calc(100% / 2 - 30px);}
	
	.main_div .about_us_wrapper .outer .chart_list{ display:block;}
	.main_div .about_us_wrapper .outer .chart_list .col01{ margin-bottom:20px;}
	.main_div .about_us_wrapper .outer .chart_list .col01 h3{ text-align:center;}
	.main_div .about_us_wrapper .outer .chart_list .col01 .list_item .item{ margin:0 auto 15px auto;}
	.main_div .about_us_wrapper .outer .chart_list .col02{ text-align:center;}
	
	
	
	.main_div .home_module_wrapper .industry_map_wrapper .bottom_div .outer{ display:block;}
	.main_div .home_module_wrapper .industry_map_wrapper .bottom_div .outer .col{ width:100%; margin:20px 0}
		
	.main_div .class_management .outer .table_list_outer .table{ width:1024px;}
	.main_div .appointment_date_day .outer .appointment_day_outer{ width:1024px; margin-top:20px;}
	.main_div .member_student_management_list .outer .table_list_outer .table{ width:1024px;}
	.main_div .member_student_management_remittance_information_list .outer .table_list_outer .table{ width:1024px;}
	.main_div .member_teacher_management_list .outer .table_list_outer .table{ width:1024px;}
	.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info{ width:auto;}
	
	.main_div .class_management .outer .table_list_outer.teacher_number_classes_outer .table{ width:auto;}
	.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info{ width: 1024px }
	.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .mCSB_container{width: 1024px !important;}
	.main_div .member_student_management_list .outer .table_list_outer.student_outer .mCSB_container {	width: 1024px !important;}	
}
@media screen and (max-width: 992px){	
	.toggle_btn{ /*display:block;*/}
	.header_div .top_div { /* padding: 15px 0 15px 0;*/}
	.header_div .top_div .outer .brand .web{ display:none;}
	.header_div .top_div .outer .brand .mobile{ display:block; width:180px;}	
	.header_div .top_div .outer .col02{ padding-right:70px}
	.header_div .top_div .outer .col02 .member{ display:none;}	

	.header_div .bottom_div{ /*display:none;*/}
	
	
	.main_div .main_slider .item .info h1{ font-size:50px;}
	.main_div .main_big_banner .img .info .box  h1{ font-size:50px;}
	.main_div .title{ padding-top:20px;}
	.main_div .member_password_status{ padding-top:20px;}
	.main_div .sign_up_status{ padding-top:20px;}
	
	.main_div .sign_up_div .outer .box .item.checkbox_list .sub_item{ display:block;}
	.main_div .sign_up_div .outer .box .item.checkbox_list .sub_item .inline_block{ margin:5px 0;}
	.main_div .sign_up_div .outer .box .item.sub_title.add_padding_left{ padding-left:30px;}
	.main_div .sign_up_div .outer .box .item.checkbox_list .sub_item.add_padding_left{ padding-left:30px;}
	
	.main_div .event_wrapper .outer .event_keyin .box {  padding: 15px;}
	.main_div .speaker_wrapper .outer .speaker_keyin .sub_title{ padding:0 15px;}
	.main_div .speaker_wrapper .outer .speaker_keyin .box{  padding: 15px;}
	
	.main_div .contact_wrapper .outer .select_type{margin: 0 ;margin-bottom: 10px;}
	.main_div .contact_wrapper .outer .contact_keyin .add_padding{ padding:0;}
	.main_div .contact_wrapper .outer .contact_keyin .box{  padding: 15px;}
	.main_div .contact_wrapper .outer .contact_keyin .box .white{  padding: 15px;}
	
	.main_div .about_us_banner .info h1{ font-size:50px;}
	.main_div .about_us_wrapper .outer .service_list .list_item{ display:block;}
	.main_div .about_us_wrapper .outer .service_list .list_item .col01{ width:100%;}
	.main_div .about_us_wrapper .outer .service_list .list_item .col02{ width:100%;}
	.main_div .about_us_wrapper .outer .service_list .list_item .img_list{ display:flex; flex-wrap: wrap;}
	.main_div .about_us_wrapper .outer .service_list .list_item .img_list .item{ width:calc(50% - 30px); margin:15px;}
	
	.main_div .industry_detail_wrapper .industry_detail .outer .topic{ display:block;}
	.main_div .industry_detail_wrapper .industry_detail .outer .topic .col{ width:100%;}
	.main_div .industry_detail_wrapper .industry_detail .outer .topic .col .box{ padding:20px;}	
	.main_div .industry_detail_wrapper .industry_detail .outer .info{ padding:30px;}
	.main_div .industry_detail_wrapper .industry_detail .outer .info p{ margin-top:20px;}
}
@media screen and (max-width: 920px){	
	.main_div .search_div .outer{ display:block;}
	.main_div .industry_map_wrapper .search_div .outer{ display:flex;}
	.main_div .search_div .outer .col01{ margin-bottom:15px;}
	.main_div .industry_map_wrapper .search_div .outer .col01{ margin-bottom:0;}
	.main_div .search_div .outer .vendor .btn_orange{ margin-left:20px;}
	
	.main_div .industry_map_list .outer .item {  width: calc(100% / 2 - 30px);}
	.main_div .industry_map_list .outer .item .box{ padding:0}
	
	.main_div .online_match_wrapper .outer .online_match_keyin .online_match_info{ padding:0 15px;}
	
	.main_div .recommended_tutor .outer .list_item .item{  width: calc(100% /2 - 20px);}
	
	.main_div .course_selection_plan .outer .title, .main_div .course_selection_plan .outer .title h2{ margin-bottom:0px;}
	.main_div .course_selection_plan .outer .list_item .item{ width: calc(100% / 2 - 40px);}
}
@media screen and (max-width: 800px){	

	.main_div .main_slider .item .info .box div{ padding-top:3vw;}
	.main_div .main_slider .item .info .box img{ width:70vw;}
	.main_div .main_slider .item .info .box a img{ width:15vw;}

	.main_div .main_banner.industry_map.function_01{ background-position:70% center;}
	.main_div .main_banner.industry_map.function_02{ background-position:70% center;}
	.main_div .main_banner.industry_map .img{ background-position:70% center;}
	
	.main_div .industry_news_wrapper .industry_news_list .outer .row .col01 .news_list .item .box .img{ width:100%;}
	.main_div .industry_news_wrapper .industry_news_list .outer .row .col01 .news_list .item .box .info{ width:100%; padding:20px;}
	
	.main_div .about_us_banner .img_list .img{ height:25vw;}
	.main_div .about_us_banner .img_list .img .action a{ width:24px; height:24px; background-size:contain;margin: 0 3px;}
	
	.main_div .keyin_outer .outer .border .box {  padding: 30px 70px;}
	

	.main_div .appointment_date_day .outer .date_two_col{ display: block; }
	.main_div .appointment_date_day .outer .date_two_col .date_col01{ width: 100%; padding-right: 0px; margin-bottom: 15px;}
	.main_div .appointment_date_day .outer .date_two_col .date_col01 .option_outer{ display: flex; flex-wrap: wrap; justify-content: space-between;}
	.main_div .appointment_date_day .outer .date_two_col .date_col01 .option_item{ width: 48%;}
	.main_div .appointment_date_day .outer .date_two_col .date_col01 .option_item.action{ width: 100%;}
	.main_div .appointment_date_day .outer .date_two_col .date_col02{ width: 100%; }
}

@media screen and (max-width: 768px){	
	.main_div .main_slider .item .info h1{ font-size:40px;}
	.main_div .main_slider .item .info p{ font-size:16px;}
	.main_div .main_slider .item .info p big{ font-size:24px;}
	
	.main_div .main_big_banner .img .info .box  h1{ font-size:40px;}
	.main_div .main_big_banner .img .info .box  p{ font-size:16px;}
	.main_div .main_big_banner .img .info .box  p big{ font-size:24px;}
		
	.main_div .sign_up_div .outer .box .item .col_5{ width:100%; margin-bottom:15px;}
	.main_div .sign_up_div .outer .box .item .col_5:last-child{ margin-bottom:0;}
	
	.main_div .online_match_wrapper .outer .online_match_keyin .box .item.inline_block{justify-content: space-between;}
	.main_div .online_match_wrapper .outer .online_match_keyin .box .item.inline_block .col{ width:30%; margin-right:0;}
	
	.main_div .event_wrapper .outer .event_keyin .box .item.inline{ display:block;}
	.main_div .event_wrapper .outer .event_keyin .box .item .sub_item{ margin-right:0; margin-bottom:10px;}
	
	.main_div .online_match_wrapper .outer .online_match_keyin .item.inline{ display:block;}
	.main_div .online_match_wrapper .outer .online_match_keyin .item.inline .sub_item{ margin-right:0; margin-bottom:10px;}
	
	.main_div .contact_wrapper .outer .contact_keyin .item.inline{ display:block;}
	.main_div .contact_wrapper .outer .contact_keyin .item.inline .sub_item{ margin-right:0; margin-bottom:10px;}
	
	.main_div .member_info_wrapper .outer .member_info_keyin .item.inline{ display:block;}
	.main_div .member_info_wrapper .outer .member_info_keyin .item.inline .sub_item{ margin-right:0; margin-bottom:10px;}
	
	
	.main_div .activity_detail_wrapper .highlight_list .list_item .item{padding: 0 30px;    height: 100px;}
	.main_div .activity_detail_wrapper .highlight_list .list_item .item a{ font-size:24px;}
	.main_div .activity_detail_wrapper .highlight_list .list_item .item a i {
		background: url(../images/icon_arrow_right_white.svg) center no-repeat;
		background-size:contain;
		width: 30px;
		height: 30px;
		margin-left: 20px;
	}
	
	.main_div .about_us_banner .info h1{ font-size:40px;}
}
@media screen and (max-width: 767px){	
	.main_div .industry_map_wrapper .search_div .outer{ display:block;}
	.main_div .industry_map_wrapper .search_div .outer .col01{ margin-bottom:15px;}
	.main_div .industry_map_wrapper .search_div .outer .keyin_outer{ display:flex;}
	
	.main_div .search_div .outer .vendor{ display:flex;justify-content: space-between;}
	.main_div .search_div .outer .vendor a{ min-width:46% !important;}
	.main_div .search_div .outer .vendor .btn_orange{ margin-left:0;}
	.main_div .industry_news_wrapper .search_div{ padding-bottom:15px;}
	.main_div .about_us_wrapper .outer .img img{ max-width:100%;}
	
	
	.main_div .member_login .outer { margin-left:20%;max-width: 72%;}
	.main_div .member_login .outer .border .box {  padding: 70px 60px 70px 110px;}
	
	.main_div .keyin_outer .outer{ max-width:90%;}
}
@media screen and (max-width: 700px){
	.header_div .top_div .outer{ text-align:left;}
	.header_div .top_div .outer .brand img{ margin:8px 0; width:110px;}
	.header_div .top_div .outer .member{}
	.header_div .top_div .outer .member img{ height:50px;}
	.header_div .top_div .outer .link{ top:30%;right: 15px;}
	.header_div .top_div .outer .link ul li{ padding:0 5px;}
	.header_div .top_div .outer .link a{ padding:3px 0; font-size:14px;}
	.header_div .bottom_div{ padding:5px 0;}
	.header_div .bottom_div .outer .navi a{ padding:0 15px;}
	.main_div{ margin-top:113px;}
	.main_div .main_slider{ margin-bottom:0;}
	.main_div .main_slider .owl-dots{ margin-top:-20px;}
	.main_div .main_slider .owl-dots .owl-dot{ width:30px; height:3px;}
	
	.main_div .search_div .outer .col01{ display:block;}
	.main_div .search_div .outer .drop_down_menu button{ min-width:100%;}
	.main_div .search_div .outer .drop_down_menu{ margin-right:0; width:100%; margin-bottom:15px;}
	.main_div .search_div .outer .keyin_outer{ display:flex;}
	.main_div .search_div .outer .keyin_outer input{width: calc(100% - 25px - 80px - 1.5pt); }
	.main_div .search_div .outer .keyin_outer button{ width:80px;}
	.main_div .activity_list .outer .item {  width: calc(100% - 30px);}	
	
	.main_div .company_wrapper .company_introduce .outer .title h2{ float:none; display:block;}
	.main_div .company_wrapper .company_introduce .outer .title h2 b{ display:block;}
	.main_div .company_wrapper .company_introduce .outer .title h2 small{ display:block; margin-left:0;}
	.main_div .company_wrapper .company_introduce .outer .title div{ display:none;}
	
	
	
	.main_div .event_wrapper .outer .event_keyin .box .item.checkbox_list .block{ display:block;}
	.main_div .event_wrapper .outer .event_keyin .box .item.checkbox_list .block div{ min-width:100%; margin-bottom:10px;}
	.main_div .event_wrapper .outer .event_keyin .box .item.checkbox_list .block input{ width:calc(100% - 4px);padding: 3px 2px;}
	
	.main_div .speaker_wrapper .outer .speaker_keyin .box .item.inline{ display:block;}
	.main_div .speaker_wrapper .outer .speaker_keyin .box .item.inline .sub_item{ margin-right:0; margin-bottom:10px;}
		
	.main_div .online_match_wrapper .outer .online_match_keyin .box .item.flex{ display:block;}	
	.main_div .online_match_wrapper .outer .online_match_keyin .box .item.flex .col_5{ width:100%; margin-bottom:15px;}	
	.main_div .online_match_wrapper .outer .online_match_keyin .box .item.flex .col_5:last-child{ margin-bottom:0;}
	.main_div .online_match_wrapper .outer .online_match_keyin .box .item.inline_block{ display:block;}
	.main_div .online_match_wrapper .outer .online_match_keyin .box .item.inline_block .col{ width:100%; margin-bottom:10px;}
	
	.main_div .hight_topic_wrapper .outer .pdf_list .item {  width: calc(50% - 30px);}
	.main_div .hight_topic_wrapper .outer .video_list{ margin:0;}
	.main_div .hight_topic_wrapper .outer .video_list .item {  width:100%; padding:15px 0;}
	.main_div .hight_topic_wrapper .outer .video_list .item iframe{ height:50vw;}	
	
	.main_div .about_us_wrapper .outer .chief_list .item{ width:100%;}
	.main_div .about_us_wrapper .outer .service_list .list_item .col01{ background:none;}
	.main_div .about_us_wrapper .outer .service_list .list_item .service_outer .item{ display:block;}
	.main_div .about_us_wrapper .outer .service_list .list_item .service_outer .item .img{ display:block; }
	.main_div .about_us_wrapper .outer .service_list .list_item .service_outer .item .img div:first-child{ width:100%;}
	.main_div .about_us_wrapper .outer .service_list .list_item .service_outer .item .img div:first-child img{ margin-right:0; margin-bottom:-15px;}
	.main_div .about_us_wrapper .outer .service_list .list_item .service_outer .item .img div:last-child{ width:100%; padding-top:15px; padding-bottom:5px}
	.main_div .about_us_wrapper .outer .service_list .list_item .service_outer .item .info{ width:100%; margin-top:30px;}
	
	.main_div .home_module_wrapper .industry_map_wrapper .bottom_div .outer .col .box .sub_top { padding: 30px;}
	.main_div .home_module_wrapper .industry_map_wrapper .bottom_div .outer .col .box .sub_top .icon img {right: 0px;}
    
	.main_div .keyin_outer .outer .border .box {  padding: 30px 20px;}
	.main_div .member_management.keyin_outer .outer .border .box {  padding: 0px 0px;}
	.main_div .keyin_outer .outer .border .box .item.title{ padding-bottom:0;}
	.main_div .appointment_date_week .outer .week_list{ width:700px;}	
			
	.footer_div .top_div .outer .intouch_info .item{ display:block;}	
	.footer_div .top_div .outer .intouch_info .item div:nth-child(1){ width:100%; margin-bottom:20px;}
	.footer_div .top_div .outer .intouch_info .item div:nth-child(2){ width:100%; }
}
@media screen and (max-width: 640px){	
	
	.header_div .top_div {  /*padding: 10px 0;*/}
	.header_div .top_div .outer .brand .mobile{ width:130px;}
	.header_div .top_div .outer .col02{ padding-right:45px;}
	.header_div .top_div .outer .col02{ font-size:14px;}
	
	.header_div .top_div .outer .col02 .version{ font-size:14px;    padding-top: 5px;}
	.header_div .top_div .outer .col02 .version a{ margin-left:10px;padding: 4px 0px;min-width: 26px;}
	
	
	.main_div .main_banner.industry_map {  min-height: 250px;}
	
	
	.main_div .activity_list .outer .item .box .info{ padding:15px;}
	.main_div .activity_list .outer .item .box .info h3{ font-size:24px;}
	
	.main_div .sign_up_div .outer .box { padding: 15px;}
	.main_div .sign_up_div .outer .box .item .col_3{ width:100%; margin-bottom:15px;}
	.main_div .sign_up_div .outer .box .item .col_3:last-child{ margin-bottom:0;}
	.main_div .sign_up_div .outer .box .item .two_sub_col .col_3{ width:100%; margin-bottom:15px;}	
	.main_div .sign_up_div .outer .box .item .two_sub_col .col_7{ width:100%;}
	.main_div .sign_up_div .outer .box .item .two_sub_col .col_6.fax{ width:100%;}
	.main_div .sign_up_div .outer .box .item.had_empty{ margin-bottom:0;}	
	.main_div .sign_up_div .outer .box .item .two_sub_col .col_3.empty{ margin-bottom:0;}
	
	.main_div .event_wrapper .outer .schedule .table_outer .table .tb_header .item{ font-size:14px;}
	.main_div .event_wrapper .outer .schedule .table_outer .table .tb_body .item{ font-size:12px;}
	
	.main_div .event_wrapper .outer .event_keyin .box .item .controller.opinion_table{ overflow-x:auto;}
	.main_div .event_wrapper .outer .event_keyin .box .item .controller.opinion_table .table_outer{ width:640px}
	.main_div .event_wrapper .outer .event_keyin .box .item .controller.opinion_table .table_outer .tb_header .tb_item{ font-size:14px;}
	.main_div .event_wrapper .outer .event_keyin .box .item .controller.opinion_table .table_outer .tb_body .tb_item{ font-size:14px;}
	
	.main_div .speaker_wrapper .outer .speaker_info{ display:block;}
	.main_div .speaker_wrapper .outer .speaker_info .img{ width:100%; padding-right:0; margin-bottom:20px;}
	.main_div .speaker_wrapper .outer .speaker_info .info{ width:100%;}
	.main_div .speaker_wrapper .outer .speaker_keyin .box .item .controller.check_list{ display:block;}
	.main_div .speaker_wrapper .outer .speaker_keyin .box .item .controller.check_list .check_outer{ display:flex; margin-bottom:10px;}
	
	.main_div .contact_wrapper .outer .contact_keyin .item.inline_block{ display:block;}
	.main_div .contact_wrapper .outer .contact_keyin .item.inline_block .col{ margin-right:0; min-width:100%; margin-bottom:10px;}
		
	.main_div .about_us_banner .info {  left: 15px; right:15px; text-align:center; top: 20vw;}
	.main_div .home_module_wrapper .industry_map_wrapper .bottom_div .outer .col .box .sub_top p{ padding-right:0px}
	.main_div .home_module_wrapper .industry_map_wrapper .bottom_div .outer .col .box .sub_top .icon img { top:-50px; right:-20px; width:30vw;}
	
	.main_div .pagination .box a{ font-size:13px;padding: 8px 0px;  min-width: 32px;}
	.main_div .pagination .box a.prev { padding: 8px 8px;}
	.main_div .pagination .box a.next { padding: 8px 8px;}
	
	.main_div .keyin_outer .outer .border .box .item.title{ padding-top:0;}
	.main_div .keyin_outer .outer .border .box .item .controller{ padding-left:0;}
	.main_div .keyin_outer .outer .border .box .item .controller textarea{ height:200px;}
	.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info{ width:640px;}
	.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col:nth-child(2){width: calc(20% - 11px);}
	.main_div .member_teacher_management_list .outer .table_list_outer .table.teacher_info .col:nth-child(3){width: calc(50% - 11px);}
	.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info{ width:1024px;}
	.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info .col:nth-child(1) {width: calc(13% - 0px);	}
	.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info .col:nth-child(2) {width: calc(13% - 0px);	}
	.main_div .member_teacher_management_list .outer .table_list_outer.seven_cols .table.teacher_info .col:nth-child(3) {width: calc(35% - 180px);	}

	.footer_div{ padding:15px 0;}
	.footer_div .outer{ display:block;}
	.footer_div .outer .col01{ margin-bottom:15px;}
	.footer_div .outer .links .item span{ display:block; margin:5px 0;}
	
}
@media screen and (max-width: 600px){	
	.header_div .top_div .outer .member .user{ font-size:16px;}
	.header_div .top_div .outer .member img{ height:40px;}
	.main_div .member_password_status .outer h1{ font-size:24px;margin-bottom: 20px;}
	.main_div .member_password_status .outer .block.resend_email{max-width:100%;}	
	.main_div .member_password_status .outer label{ font-size:14px; margin-bottom:10px;}
	.main_div .member_password_status .outer p{ font-size:14px;}
	
	.main_div .sign_up_status .outer h1{ font-size:24px;margin-bottom: 20px;}
	.main_div .sign_up_status .outer .block.resend_email{max-width:100%;}	
	.main_div .sign_up_status .outer label{ font-size:14px; margin-bottom:10px;}
	.main_div .sign_up_status .outer p{ font-size:14px;}
		
	.main_div .member_login .outer{ max-width:calc(100% - 40px); margin-left:20px; margin-right:20px;}	
	.main_div .member_login .outer .border .box {  padding: 30px 20px 30px 150px;}
	.main_div .member_login .outer .border .block{left:-1%;width: 150px;  height: 400px; background-repeat:no-repeat;  background-size: contain;}
	.main_div .member_login .outer .border .block h1{ font-size:18px;}
	
	
	.main_div .main_banner.industry_map .function .outer .drop_down_menu button{ font-size:14px; min-width:150px;}
	.main_div .main_banner.industry_map .function .outer .drop_down_menu .list_item{ left:150px;width: 150px;}
	.main_div .main_banner.industry_map .function .outer .drop_down_menu .list_item .item a{ font-size:14px;}
	.main_div .company_wrapper .product_list .outer .item .box .action{ text-align:left;}
	
	.main_div .event_wrapper .outer .event_keyin .box .item.input_list .block input{ width:calc(100% - 60px - 4px);min-width: auto;}
	
	.main_div .contact_wrapper .outer .select_type{ display:block;}
	.main_div .contact_wrapper .outer .select_type .label{ padding-right:0; margin-bottom:10px;}
	.main_div .contact_wrapper .outer .select_type .controller .drop_down_menu button{ width: 100%; }
	.main_div .contact_wrapper .outer .contact_keyin .item .controller.flex input{ width:100%; margin-right:0;}
	
	.main_div .activity_detail_wrapper .activity_introduce .outer .title h2 b{ display:block; margin-bottom:30px;}
	.main_div .activity_detail_wrapper .activity_introduce .outer .info{ margin-top:40px;}
	.main_div .activity_detail_wrapper .action .row{ display:block;}
	.main_div .activity_detail_wrapper .action .row .col01{ margin-bottom:15px; text-align:center; width:100%;}
	.main_div .activity_detail_wrapper .action .row .col02{ margin-left:0; text-align:left;}
	.main_div .about_us_wrapper .outer .links_list .item{ width:100%;}
	.main_div .about_us_wrapper .outer .chart_list .col01 .list_item .item{ width:100%;}
	.main_div .about_us_wrapper .outer .chart_list .col02 img{ max-width:100%;}
	.main_div .about_us_wrapper .outer .service_list h3{ text-align:center;}
	.main_div .about_us_wrapper .outer .service_list .list_item .img_list{ display:block;}
	.main_div .about_us_wrapper .outer .service_list .list_item .img_list .item{ width:100%; margin:0 0 15px 0;}
	
	.main_div .about_us_wrapper .outer .chart_list.en .col01 .list_item .item{ font-size:15px;}
	.main_div .about_us_wrapper .outer .chart_list.en .col01 .list_item .item div:first-child{ width:120px;}
	.main_div .about_us_wrapper .outer .chart_list.en .col01 .list_item .item div:last-child { width: calc(100% - 120px);}
	.main_div .about_us_wrapper .outer .chart_list.jp .col01 .list_item .item div:first-child{ width:120px;}
	.main_div .about_us_wrapper .outer .chart_list.jp .col01 .list_item .item div:last-child { width: calc(100% - 120px);}
	
	.main_div .home_module_wrapper .about_platform_wrapper .outer .col02 .box {width: calc(100% - 30px); padding: 15px;}
	.main_div .home_module_wrapper .industry_map_wrapper .top_div .outer .col02 .box {width: calc(100% - 30px); padding: 15px;}
	
	
	.main_div .forgot_password { padding: 30px 0 50px 0;}
	.main_div .forgot_password .outer{ max-width:90%;}
	.main_div .forgot_password .outer .border .box {  padding:30px 20px;}
	.main_div .forgot_password .outer .border .box .item.title{ padding-bottom:10px;}
	.main_div .remittance_information { padding: 30px 0 50px 0;}
	
	.main_div .remittance_information .outer{ max-width:90%;}
	.main_div .remittance_information .outer .border .box{  padding:30px 20px;}
		
	.main_div .member_login { padding: 30px 0 50px 0;}
	.main_div .keyin_outer { padding: 30px 0 50px 0;}
	.main_div .remove_paddding_top{ padding-bottom:30px;}
	
	.main_div .title{ padding-top:0;}
	.main_div .add_block .outer .title{ padding:30px 0;}
	
	.main_div .recommended_tutor{ padding:30px;}
	.main_div .recommended_tutor .outer .title{ margin-bottom:20px;}
	.main_div .recommended_tutor .outer{ padding:0;}
	.main_div .recommended_tutor .outer .list_item .item {  width: calc(100% /1 - 20px);}
	
	.main_div .common_faq{ padding:30px;}
	.main_div .common_faq .outer .title{ margin-bottom:20px;}
	.main_div .common_faq .outer{ padding:0;}
	.main_div .common_faq .outer .list_item .item{ margin-bottom:20px;}
	
	
	.main_div .recommended_teacher{ padding:30px;}
	.main_div .recommended_teacher .outer .title{ margin-bottom:20px;}
	.main_div .recommended_teacher .outer{ padding:0;}
	.main_div .recommended_teacher .outer .list_item{ margin-top:20px;}
	.main_div .recommended_teacher .outer .list_item .item{ margin-bottom:20px;}
	.main_div .recommended_teacher .outer .action{ margin-top:30px;}
	
	.main_div .course_selection_plan{ padding:30px;}
	.main_div .course_selection_plan .outer{ padding:0;}
	
	.main_div .class_management{ padding:30px 15px;}
	.main_div .class_management .outer{ padding:0;}
	.main_div .class_management .outer .title{ margin-bottom:20px;padding-top: 0;}
	
	.main_div .appointment_date_day{ padding:30px 15px;}
	.main_div .appointment_date_day .outer{ padding:0;}
	.main_div .appointment_date_day .outer .title{ margin-bottom: 20px;  padding-top:0px;}
	
	.main_div .appointment_date_week{ padding:30px 15px;}
	.main_div .appointment_date_week .outer{ padding:0;}
	.main_div .appointment_date_week .outer .title{ margin-bottom: 20px;  padding-top:0px;}		
	.main_div .appointment_date_week .outer .week_header{ padding:15px 0;}
	.main_div .appointment_date_week .outer .week_body .col .box{ height:50px;}
	
	.main_div .common_faq{ padding:30px 15px;}
	.main_div .common_faq .outer{ padding:0;}
	.main_div .common_faq .outer .title{ margin-bottom:20px;padding-top: 0;}
	
	
	.main_div .management_select{ padding:30px 0px;}
	.main_div .management_select .outer .title{ margin-bottom: 20px;  padding-top:0px;}
	.main_div .management_select .search_div .col01{ display:block;width: 100%;}	
	.main_div .management_select .search_div .col01 span{ display: flex;flex-wrap: wrap;margin-right:0;}
	.main_div .management_select .search_div .col01 span:nth-child(1){ margin-bottom:10px;}
	
	.main_div .management_teacher_select .search_div .col01{ width: 100%; display: block;}	
	.main_div .management_teacher_select .search_div .col01 span:nth-child(1){margin-bottom:10px; margin-right:0;   display: block;}
	.main_div .management_teacher_select .search_div .col01 span:nth-child(2){}
	.main_div .management_teacher_select .search_div .col02{ width:100%; margin-top:10px;}

	.main_div .appointment_date_day .outer .date_two_col .date_col01 .option_outer{ display: block;}
	.main_div .appointment_date_day .outer .date_two_col .date_col01 .option_item{ width: 100%;}
	
}
@media screen and (max-width: 480px){	

	.header_div .bottom_div .outer .navi{ font-size:13px;    line-height: 20px;}
	.header_div .bottom_div .outer .navi a {  padding: 0 10px;}
	
	.main_div .main_slider .item .info .box a{ margin-top:3vw;}
	.main_div .main_slider .item .info .box a img{  width:22vw;}
	.main_div .main_slider .item .info h1{ font-size:30px;}
	.main_div .main_slider .item .info p big{ font-size:16px;}
	
	.main_div .main_big_banner .img .info .box  h1{ font-size:30px;}	
	.main_div .main_big_banner .img .info .box  p big{ font-size:16px;}
	
	.main_div .main_banner.industry_map.function_01{ background-position: 65% center;}
	.main_div .main_banner.industry_map.function_02{ background-position: 65% center;}
	.main_div .main_banner.industry_map .img{ background-position: 65% center;}
	
	.main_div .title .outer h2{ font-size:24px;}
	.main_div .title.center .outer h2{ font-size:24px;padding-bottom:20px;border-bottom: 3px solid #f15a24;}
		
	.main_div .sign_up_div .outer .box .item .col_2 {  width: calc(34.25% - 13.5px);}
	.main_div .sign_up_div .outer .box .item .col_8 { width: calc(65.75% - 13.5px);}
	.main_div .speaker_wrapper .outer .speaker_keyin .box .item .controller.calendar .box{ display:flex;}
	.main_div .speaker_wrapper .outer .speaker_keyin .box .item .controller.calendar .box input{ min-width:auto; width:calc(100% - 25px);}	
	
	.main_div .industry_news_wrapper .title .outer h2{ width:100%;}
	.main_div .activity_detail_wrapper .outer .video_slider .owl-dots .owl-dot span{ width:25px;}
	
	.main_div .activity_detail_wrapper .highlight_list .list_item .item{padding: 0 15px;    height: 80px;}
	.main_div .activity_detail_wrapper .highlight_list .list_item .item a{ font-size:18px;}
	.main_div .activity_detail_wrapper .highlight_list .list_item .item a i {
		background: url(../images/icon_arrow_right_white.svg) center no-repeat;
		background-size:contain;
		width: 20px;
		height: 20px;
		margin-left: 10px;
	}
	.main_div .about_us_banner .info h1{ font-size:30px;}
	.main_div .about_us_wrapper .outer .chart_list h3{ font-size:24px;}
	.main_div .about_us_wrapper .outer .service_list h3{ font-size:24px;}
	
	.main_div .member_login .outer {
		max-width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}
	.main_div .member_login .outer .border .block{width: 120px;  height: 350px;top: -8%;}
	.main_div .member_login .outer .border .box {  padding: 30px 20px 30px 125px;}
	.main_div .member_login .outer .border .box .item.title{padding-bottom: 10px;}
	.main_div .member_login .outer .border .box .item.links a{ margin:0 5px; font-size:13px;    padding: 2px 5px;}
	.main_div .member_login .outer .border .box .item.action{ padding-top:20px;}
	.main_div .member_login .outer .border .box .item.links{padding-top:20px;}
	
	.main_div .remittance_information .outer .title{ margin-bottom:20px;}
	.main_div .recommended_tutor .outer .list_item .item .border .box .info .desc p { -webkit-line-clamp: inherit;} 
	.main_div .recommended_teacher .outer .list_item .item .certificate_list .sub_item{ margin-right:10px; margin-bottom:10px;}   
	.main_div .recommended_teacher .outer .list_item .item .certificate_list .sub_item img{ height:170px;}
	.main_div .recommended_teacher .outer .list_item .item .certificate_list{ margin-top:20px;}
	
	.main_div .keyin_outer .outer .border .box .item .label{ margin-bottom:0;}
	.main_div .keyin_outer .outer .border .box .item .label b{ font-size:15px;padding: 3px 10px;}
	.main_div .keyin_outer .outer .border .box .item .controller textarea{ margin-top:10px;}
	.main_div .keyin_outer .outer .border .box .item.action{    padding-top: 20px; }
	
	.main_div .keyin_outer.member_management .memeber_info .account_password{ display:block;}
	.main_div .keyin_outer.member_management .memeber_info .account_password .col01{ width:100%;text-align: center; margin-bottom:20px;}
	.main_div .keyin_outer.member_management .memeber_info .account_password .col02{ width:100%;}
	.main_div .keyin_outer.member_management .memeber_info .point .item{ margin:10px;}
	
	.main_div .course_selection_plan .outer .list_item .item {  width: calc(100% / 1 - 40px);}
	.main_div .class_management {  padding: 30px 15px;}
	
	.main_div .member_student_management_list .search_div .col01 .select_option { width:40%;    margin: 5px 15px 5px 0;}
	.main_div .member_student_management_list .search_div .col01 .select_option select{ width:100%;}
	.main_div .member_student_management_list .search_div .col01 .select_option:nth-child(3){ margin-right:0;}
	
	
	
	.footer_div .top_div .outer{ font-size:12px;}
	.footer_div .bottom_div .outer{ font-size:12px;}
}