@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px){
  body{
    -webkit-text-size-adjust: none;
  }
  
  
	html{overflow-x: hidden;}
	
	
	.main_container{width: 100%; margin-left:auto; margin-right:auto;}
	
	.header{height: 96px;}
	.header .logo{margin-right: 0px; margin-top: 17px;}
	.header .social_item {
		margin-left: 0px;
		margin-right: 10px;
		margin-top: 27px;
	}
	
	#index-pager{bottom: 5%;}

	/* header mobile version */
	.mobile_header_frame{ z-index: 1000;}
	.mobile_header_frame .menu_bar{margin-top: 30px; margin-left: 10px; margin-right: 5px;}
	.mobile_header_frame .menu_bar_line{border-left: 1px #7e318e solid; margin-left: 10px; margin-right: 10px; width:10px; height: 70px; margin-top: 15px;}
	.mobile_header_frame .menu_logo{ margin-top: 5px;}
	.mobile_header_frame .menu_lang{
	margin-top: 34px;
    margin-left: 0px;
    margin-right: 10px;}
	
	.mobile_header_frame .submenu_frame{ top: 0px; z-index:1000;}
	
	.mobile_header_frame .submenu_frame .cross_bar{background-color:#f0e8ff; height: 30px; padding-top: 5px; padding-left: 10px; padding-bottom: 5px;}
	.mobile_header_frame .submenu_frame .submenu_main_frame{ margin-left: 30px; margin-right: 30px;}
	.mobile_header_frame .submenu_frame .submenu_main_frame .submenu{ border-bottom: 1px #cdcdcd solid; padding-top: 10px; padding-bottom: 10px;}
	.mobile_header_frame .submenu_frame .submenu_main_frame .submenu .subsubmenu{ padding-top: 10px; padding-bottom: 10px; padding-left: 20px;}
	/* end header mobile version */
	
	.list_main_course_frame{width: 245px; margin-left:auto; margin-right: auto;}
	.list_main_course_frame .list_course_frame{margin-left:0px; margin-right: 0px;}
	
	
	.aboutus_frame{width: 96%; margin-left: 2%; margin-right: 2%;}
	
	.detail_course_frame{width: 100%;}
	.detail_course_frame .right_frame .long_input{width: 96%;}
	.detail_course_frame .right_frame .textarea_input{width: 96%;}
	
	
	.tutor_main_frame{width: 96%; margin-left:2%; margin-right: 2%;}
	.tutor_frame .text{width: 100%;}
	.tutor_frame .image {
		overflow: hidden;
		border-radius: 100px;
		margin-right: auto;
		margin-bottom: 20px;
		width: 192px;
		margin-left: auto;
		float:none;
	}	
	.tutor_frame .text{ padding-top: 10px; padding-bottom: 30px;}
	
	.contactus_main_frame{width: 96%; margin-left: 2%; margin-right: 2%;}
	.contactus_main_frame iframe{width: 100%;}
	.contactus_main_frame .contactus_detail{padding-bottom: 20px;}
	
	
	.events_frame{width: 96%; margin-left: 2%; margin-right: 2%;}
	.events_frame .main_events_frame{width: 100%; height: auto; margin-left: 0px; margin-right: 0px;}
	.html5-videos2{height:auto; overflow:auto;}
	
	
	.events_frame .play{top: 40%; left: 42%;}
	.events_frame .main_events_frame .left_arrow{top: 45%;}
	.events_frame .main_events_frame .right_arrow{top: 45%;}
	
	.margin_lr_20{margin-left: 0px; margin-right: 0px; margin-top: 10px;}
	
	.col_20{width:100%;}
	.col_25{width:100%;}
	.col_33{width:100%;}
	.col_40{width:100%;}
	.col_45{width:100%;}
	.col_50{width: 100%;}
	.col_55{width:100%;}
	.col_60{width:100%;}
	.col_75{width:100%;}
	.col_90{width: 100%;}
	.col_80{width:100%;}
	
	.m_col_50{width: 50%;}
	.m_col_80{width: 80% !important;}
	.m_col_96{width: 96% !important;}
	
	/*
	.html5-videos2{height: 300px;}
	
	*/
	
	.footer {
		width: 90%;
		height: 380px;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.image{width: 100%;}
	
	
	.mar_lr_2p{margin-left: 2%; margin-right: 2%;}
	
	.desktop{display:none;}
	.mobile{display:block;}
	
}