html,body{
	margin:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#fff;
	height:100%;
	font-size:30px;
}

tr,td,th,body,caption,input,option,textarea,select,div {
	font-family:'ThaiSansNeueRegular',tahoma,arial,verdana;
	text-decoration:none;
	color:#666666;
}


a, a:focus{
	color:#666666;
	transition: 0.5s color; /*animates for 1 second*/
	-moz-transition: 0.5s color; /*For Firefox < 16.0*/
	-webkit-transition: 0.5s color; /*For WebKit (Chrome, Safari)*/
	text-decoration:none;
}
a:hover { color:#efbf1b; text-decoration:none;}





.normaltext {color:#808284;}
.orangetext { color:#efbf1b;}
.yellowtext { color:#efbf1b;}
.yellowtext2{ color: #efbf1c;}
.yellowtext3{ color: #eebe1b;}
.whitetext { color:#ffffff;}
.greytext { color:#808080;}
.greytext2 { color:#626262;}
.greytext3 { color:#b9b9b9;}
.greytext4 { color:#999999;}
.greytext5 {color:#cccccc;}
.blacktext { color:#000;}
.redtext { color:#ff0000 !important;}
.redtext2 {color: #ff4747 !important;}
.redtext3 {color: #cc0000 !important;}
.greyborder { border:#999999; border-style:solid; border-width:1px; }
.greyborder2 { border:#b9b9b9; border-style:solid; border-width:1px; }
.greentext{ color:#5fbeaa; }


.yellowlink {
	color:#efbf1b;
	transition: 0.5s color; /*animates for 1 second*/
	-moz-transition: 0.5s color; /*For Firefox < 16.0*/
	-webkit-transition: 0.5s color; /*For WebKit (Chrome, Safari)*/
	border-bottom: 8px solid transperant;
	text-decoration:none;
}
.yellowlink:hover {color:#ffd461;}

.orangelink {color:#ffae00;}
.orangelink:hover {color:#ffd461;}



.greylink {color:#cccccc;}
.greylink.active {color:#efbf1b;}
.greylink:hover {color:#FFF}


.topmenulink, .topmenulink:focus {
	color:#666666;
	transition: 0.5s color; /*animates for 1 second*/
	-moz-transition: 0.5s color; /*For Firefox < 16.0*/
	-webkit-transition: 0.5s color; /*For WebKit (Chrome, Safari)*/
	border-bottom: 8px solid transperant;
	text-decoration:none;
}
.topmenulink.active{ color:#efbf1b; text-decoration:none;}

.normallink, .normallink:focus {
	color:#808284;
	transition: 0.5s color; /*animates for 1 second*/
	-moz-transition: 0.5s color; /*For Firefox < 16.0*/
	-webkit-transition: 0.5s color; /*For WebKit (Chrome, Safari)*/
	border-bottom: 2px solid transperant;
	text-decoration:none;
}
.normallink:hover { color:#333333; text-decoration:none;}

.normallink2, .normallink2:focus {
	color:#808284;
	transition: 0.5s color; /*animates for 1 second*/
	-moz-transition: 0.5s color; /*For Firefox < 16.0*/
	-webkit-transition: 0.5s color; /*For WebKit (Chrome, Safari)*/
	border-bottom: 2px solid transperant;
	text-decoration:none;
}
.normallink2:hover { color:#fff; text-decoration:none;}

.whitelink, .whitelink:focus {
	color:#FFFFFF;
	transition: 0.5s color; /*animates for 1 second*/
	-moz-transition: 0.5s color; /*For Firefox < 16.0*/
	-webkit-transition: 0.5s color; /*For WebKit (Chrome, Safari)*/
	text-decoration:none;
}
.whitelink:hover {color:#666666; text-decoration:none;}


.menulogin {
	display: inline-block;
	border:solid;
	border-color:#efbf1b;
	border-width:1px;
	background-color:#FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0px 10px 6px 10px;
	color:#666666;
}

.menuregister {
	display: inline-block;
	border:solid;
	border-color:#efbf1b;
	border-width:1px;
	background-color:#efbf1b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:3px 10px 9px 10px;
	color:#FFF;
}
.login_register .menuregister{ padding:0px 10px 3px 10px; }

.btnapply {
	border:solid;
	border-color:#ffae00;
	border-width:1px;
	background-color:#ffae00;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0px 50px 8px 50px;
	color:#FFF;
}
.btnapply.red { background-color: #ff0000; border-color:#ff0000; }
.btnapply.yellowlink { color: #efbf1b; }
.btnprev {
	border:solid;
	border-color:#efbf1c;
	border-width:2px;
	background-color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0px 50px 8px 50px;
}

button.btn-PN{
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: 0.85em !important;
	width: 100%;
	color: #666666;
	-webkit-border-radius:4px; 
	border-radius:4px;
	border:1px solid rgba(204,204,204,0.5);
	margin-top: -15px;
}
button.btn-PN:hover{ background-color: #fff;}


.bold {font-weight:bold;}
.underline{ text-decoration: underline; }
.uppercase{ text-transform: uppercase !important;}
.italic{ font-style: italic; }

.size8 {font-size:0.6em;}
.size9 {font-size:0.7em;}
.size10 {font-size:0.8em;}
.size11 {font-size:0.9em;}
.size12 {font-size:1em;}
.size13 {font-size:1.1em;}
.size14 {font-size:1.2em;}
.size15 {font-size:1.3em;}
.size16 {font-size:1.4em;}
.size17 {font-size:1.5em;}
.size18 {font-size:1.6em;}
.size20 {font-size:1.8em;}
.size22 {font-size:2em;}
.size24 {font-size:2.2em;}
.size26 {font-size:2.4em;}
.size28 {font-size:2.6em;}
.size30 {font-size:2.8em;}
.size32 {font-size:3em;}
.size34 {font-size:3.2em;}
.size36 {font-size:3.4em;}
.size38 {font-size:3.6em;}
.size40 {font-size:3.8em;}


.lineheight10 {line-height:0.6em;}
.lineheight11 {line-height:0.7em;}
.lineheight12 {line-height:0.8em;}
.lineheight14 {line-height:1em;}
.lineheight16 {line-height:1.1em;}
.lineheight18 {line-height:1.2em;}
.lineheight20 {line-height:1.3em;}
.lineheight22 {line-height:1.4em;}
.lineheight24 {line-height:1.5em;}
.lineheight26 {line-height:1.6em;}
.lineheight28 {line-height:1.7em;}
.lineheight30 {line-height:1.8em;}



.texttop { vertical-align:top; }
.textmiddle { vertical-align:middle; }
.textbottom { vertical-align:bottom; }
.textleft { text-align:left; }
.textright { text-align:right; }
.textcenter { text-align:center; }
.textjustify { text-align:justify; }


.noborder { border:none; }

.fleft{ float: left;}
.fright{ float: right;}
.clear{ clear: both;}

.hideobj{ display: none; }


.pointer { cursor:pointer;}

.textbox {
	border: 1px solid #cccccc;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, .5);
	padding:0px 10px 0px 10px;
	width: 100%;
}
.textbox.error {
	border: 2px solid #ff0000;
	/*background-image:url(../images/icon/notvalid.png);*/
	background-repeat:repeat-y;
	background-position:right center;
}
.error {
	margin-right:15px;
	color:#ff0000;
}
.valid {
	/*background-image:url(../images/icon/valid.png);*/
	background-repeat:repeat-y;
	background-position:right center;
}

::-webkit-input-placeholder{ color:#fff; }
:-moz-placeholder{ color:#fff; }
::-moz-placeholder{ color:#fff; }
:-ms-input-placeholder{ color:#fff; }

.nopadding {
   padding: 1px 2px 1px 0px !important;
   margin: 0 !important;
}













	.m-t-5{ margin-top: 5px; }
	.m-t-10{ margin-top: 10px; }
	.m-t-15{ margin-top: 15px; }
	.m-t-20{ margin-top: 20px; }
	.m-t-25{ margin-top: 25px; }
	.m-t-30{ margin-top: 30px; }
	.m-t-35{ margin-top: 35px; }
	.m-t-40{ margin-top: 40px; }
	.m-t-45{ margin-top: 45px; }
	.m-t-50{ margin-top: 50px; }
	.m-r-5{ margin-right: 5px; }
	.m-r-10{ margin-right: 10px; }
	.m-r-15{ margin-right: 15px; }
	.m-r-20{ margin-right: 20px; }
	.m-l-5{ margin-left: 5px; }
	.m-l-10{ margin-left: 10px; }
	.m-l-15{ margin-left: 15px; }
	.m-l-20{ margin-left: 20px; }
	.m-b-5{ margin-bottom: 5px; }
	.m-b-10{ margin-bottom: 10px; }
	.m-b-15{ margin-bottom: 15px; }
	.m-b-20{ margin-bottom: 20px; }

	.col-md-0-5{ width: 4.166666666%; }
	.col-md-offset-0-5{ margin-left: 4.166666666%;}
	
	
	.head{ width: 100%; margin: auto;}
	.head .navbar{ width: 100%; max-width: 1560px; margin: auto;}
	.head .logo{ margin-left: 5px; width:200px; padding: 10px; }
	.headline{ border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #999999;}
	.headline2{ border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: #eebe1b;}
	
	.top_menu_line{ margin-left: 10px; margin-right: 10px; }

	#topmenuarea{ text-align: right; padding: 5px;}

	#top_menu1{ background-color: #efbf1c; position: absolute; padding: 10px 30px 20px 30px; width: 800px; margin-left: auto; margin-right: auto; left: 0; right: 0; display: none; margin-top: -0px; z-index: 9999;}
	#top_menu2{ background-color: #efbf1c; position: absolute; padding: 10px 30px 20px 30px; width: 300px; right: 100px; display: none; margin-top: -0px; z-index: 9999;}
		#top_menu1 p,#top_menu2 p,#top_menu4 p,#login_menu2 p{ margin: -5px;}
		#top_menu1 .col,#top_menu2 .col,#top_menu4 .col{ display: inline-block; padding: 0px 50px 0px 40px; }
	#top_menu4{ background-color: #efbf1c; position: absolute; padding: 10px 30px 20px 30px; width: 800px; margin-left: auto; margin-right: auto; left: 0; right: 0; display: none; margin-top: -0px; z-index: 9999;}
	
	.top_menu1_website{display: inline-block; padding-bottom: 3px; }
	.top_menu1_mobile{display: none;}
	.top_menu2_website{display: inline-block; padding-bottom: 3px;}
	.top_menu2_mobile{display: none;}
	.top_menu4_website{display: inline-block; padding-bottom: 3px; }
	.top_menu4_mobile{display: none;}
	.login_register_mobile{ display: none;}

	#login_menu1{ background-color: #efbf1c; position: absolute; padding: 10px 30px 20px 30px; width: 200px; right: 0; display: none; margin-top: 4px; z-index: 9999; border-top: 2px #fff solid;}
	#login_menu2{ background-color: #efbf1c; position: absolute; padding: 10px 30px 20px 30px; width: 200px; margin-left: auto; margin-right: auto; left: 0; right: 0; display: none; margin-top: -0px; z-index: 9999;}


	.login_submenu{ background-color: #efbf1c; text-align: center; padding: 0px 30px 0px 30px; }
	.login_submenu p{ float: left; padding-left: 20px; padding-right: 20px;}
	.login_submenu p img{ display: none;}
	.login_submenu p img.active{ display: inline-block;}


	.body{ width: 100%; max-width: 1560px; padding: 2% 5% 3% 5%; margin: auto;}
	.body p{ margin: -5px;}
	.body p.last{ margin-bottom: 10px;}





	.home .banner{ position: relative;}
	.home .banner .bannerdetailarea{ position: absolute; width: 450px;}
		.home .banner .bannerdetailarea.right{ right: 1%; top: 3%;}
		.home .banner .bannerdetailarea.left{ left: 1%; top: 3%;}
		.home .banner .bannerdetailarea p{ margin: -0px;}
	.home .news,.workandtravel .news{ background-color: #e6e6e6; }



	.news .item,.job .item,.job-desktop .item{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #e3e3e2; padding: 6px 6px 15px 6px; margin-top: 20px;}
	.news .item .subject,.job .item .subject,.job-desktop .item .subject{ margin: 3px 4px 0px 4px;}
	.news .item .detail,.job .item .detail,.job-desktop .item .detail{ margin: 0px 4px 0px 4px;}
	.home .news .item,.workandtravel .news .item{ background-color: #636363; border: none;}


	.news .date{ background-color: #999999; width: fit-content; padding: 3px 15px 3px 15px; margin-left: -5px; margin-top: 3%; }
	.news .subject{ margin-top: 3%; margin-bottom: 2%;}
	.news .detail{ margin-top: 0%;}






	.news2 .item{ background-color: #636363; border-width: 1px; border-style: solid; border-color: #e3e3e2; padding: 0px; margin-top: 20px;}

	.news2 .item .subject{ margin: 3px 10px 0px 10px;}
	.news2 .item .detail{ margin: 0px 10px 0px 10px;}
	.home .news2 .item{ background-color: #636363 !important; border: none; }






	.home .section2,.home .section3,.home .section4,.workandtravel .section2,.workandtravel .section3{ padding-bottom: 2%;}


	.home .vdo{ background-image: url(../images/home/bg_video.jpg); background-repeat: no-repeat; background-position: bottom -0px center; }
	.home .vdo .body{ width: 80%; }
	.home .vdo .title{ margin-bottom: 2%; }
	.home .vdo .title img{ margin-top: -5px; width: 20%; max-width: 128px; }
	.home .vdo .subject,.vdo .subject,.gallery .subject,.gallery .title{ background-color: #efbf1c; padding: 1% 5% 4% 5%; }
	.home .vdo .subject,.vdo .subject{ height: 33px; overflow: hidden; }

	.gallery .gallerytitle{ background-color: #efbf1c; padding: 0px 10px 5px 10px; margin-right: 0.4%; }



	.home .gallery{ background-image: url(../images/home/bg_gallery.jpg); background-repeat: no-repeat; background-position: bottom center; min-height: 600px; }
	.home .gallery .imagearea,.body.gallery .imagearea{width: fit-content; position: relative;}
	.home .gallery .imagearea .imagecaption{
		position: absolute;
		width: 100%;
		bottom: 0;
		padding: 3px 8px 8px 8px;
		background-color: #000;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		opacity: 0.8;
	}

	.body.gallery .titlehome{ background-color: #efbf1c; padding: 0px 8px 7px 15px; margin-right: 5px; }
	.grid-item { width: 25%; padding: 5px 5px 0px 0px; }
	.grid-item--width2 { width: 25%; padding: 5px 5px 0px 0px; }


	
		.body .gallery{}
		.body .gallery .imagearea{width: fit-content; position: relative;}
		.body .gallery .imagearea .imagecaption{
			position: absolute;
			width: 100%;
			bottom: 0;
			padding: 1% 5% 4% 5%;
			background-color: #efbf1c;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			filter: alpha(opacity=90);
			opacity: 0.9;
		}

	.gallery .next_btnarea{ margin: 30px 0px 0px 0px; width: 100%;}
	.gallery .next_btnarea .next_btn{ width: 100%; }

	.home .gallery2{ margin-bottom: -50px; }




	table.spacing{ border-spacing: 3px; border-collapse: separate; }
	table.padding td{ padding: 8px; }

	.job .item,.job-desktop .item{ padding-bottom: 5px; }
	.job .jobbtn,.job-desktop .jobbtn{
		display: block;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding:0px 50px 8px 50px;
		margin-bottom: 5px;
	}
	.job .more_btn,.job-desktop .more_btn{ background-color: #fdd13b !important; }
	.job .register_btn,.job-desktop .register_btn{ background-color: #ffae00 !important; }
	.job .full_btn,.job-desktop .full_btn{ background-color: #ADADAD !important; }
	.job .unavailable_btn,.job-desktop .unavailable_btn{ background-color: #c3c3c3 !important; }


	.job .image,.job-desktop .image{ position: relative; width: 100%; background-color: transparent; }
	.job .premium,.job-desktop .premium{ position: absolute; width: 120px; background-color: transparent;}
	.job .thumb .premium,.job-desktop .thumb .premium{ width: 150px;}
	.job .premium img,.job-desktop .premium img{ width: 100%; margin-top: 5px; }


	.job-desktop table div{ background-color: #fdd13b; }
	.job-desktop #body_tab1,.job-desktop #body_tab2{
		background-color: #fdd13b;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.job-desktop .item, .job-desktop .item .equalize_height_summer, .job-desktop .item .equalize_height_summer p,
	.job-desktop .item .equalize_height_spring, .job-desktop .item .equalize_height_spring p{ background-color: #999999; padding: 5px; }
	.job-desktop #head_tab1, .job-desktop #head_tab2{
		background-color: #ffae00; color:#666666; padding: 0px 20px 0px 20px;
		-webkit-border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		font-size: 0.9em;
	}
	.job-desktop #head_tab1.active, .job-desktop #head_tab2.active{ background-color: #fdd13b; font-weight: bold; font-size: 0.9em;}

	.job #loading_mobile{ min-height: 700px; }
	.job #body_mobile{ display: none;}



	.contactus .body .mainbranch .info,.contactus .body .mainbranch .maparea,
	.contactus .body .otherbranch .info,.contactus .body .otherbranch .maparea{ margin-top: 3%;}
	.contactus .body .map{ width: 100%; height: 380px;}
	.contactus .body .button{ width: 40%; max-width: 200px; min-width: 150px;}


	.diytime .btntime{
		display: block;
		background-color:#ffae00;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding:30px 0px 50px 0px;
		text-align: center;
		width: 80%;
		min-width: 200px;
		max-width: 300px;
		margin: auto;
	}

	.diycountry .flagpanel,.diycity .flagpanel{ display: block; position: relative; width: 100%; overflow:auto;  }
	.diycountry .flagarea,.diycity .flagarea{ display: block; position: relative; width: 100%; min-width: 800px; }
	.diycountry .flag,.diycity .flag{
		display: block;
		float: left;
		width: 12.2%;
		text-align: center;
		margin: auto;
		background-color: #f0f0f0;
		margin: 0px 1px 3px 1px;
		padding: 8px 0px 20px 0px;
		line-height: 0.6em;
		cursor: pointer;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s 
	}
	.diycountry .flag.active,.diycity .flag.active{ background-color: #eebf1b; color: #ffffff;}

	.diycountry .flag img,.diycity .flag img{ width: 90%; max-width: 89px; }
	.diycountry .diycountrytitle,.diycity .diycountrytitle,.diylesson .diylessontitle{ background-color: #eebf1b; padding: 0px 10px 5px 10px; margin-right: 1%;}
	.body2.diycountry,.body2.diycity,.body2.diylesson{ margin-right: 1%; }


	.body.notfound{
		/*background-image: url(../images/404.png);
		background-position: top center;
		background-repeat: no-repeat;*/
		padding-bottom: 0% !important;
	}
	.body.notfound .info{
		margin-top: 3%; margin-bottom: 4%;
	}
	.body.notfound .image{
		margin: auto;
		max-width: 679px;
		width: 100%;
		margin-bottom: -5px;
	}
	.body.notfound .image img{ width: 100%; }

	
	
	.precopyright{ background-color: #efbf1c; padding: 2% 0% 5% 0%;}
	.precopyright p{ margin-bottom: -15px;}
	.precopyrightarea{ width: 100%; max-width: 1560px; margin: auto; padding: 0.5% 0.5% 0.5% 2%; }
	.precopyrightarea .menu1{ float: left; width: 15%; }
	.precopyrightarea .menu2{ float: left; width: 70%; }
		.precopyrightarea .menu2 #menu2{ display: block; }
		.precopyrightarea .menu2 .menu2-1{ display: block; }
		.precopyrightarea .menu2 .menu2-2{ display: none; }
	.precopyrightarea .menu3{ float: left; width: 35%; }
		.precopyrightarea .menu3 #menu3{ display: block; }
		.precopyrightarea .menu3 .menu3-1{ display: block; }
		.precopyrightarea .menu3 .menu3-2{ display: none; }
	.precopyrightarea .menu4{ float: left; width: 15%; }
	
	
	
	.copyright{ background-color: #5b5d60; padding: 2% 0% 3% 0%; }
	.copyrightarea{ width: 100%; max-width: 1560px; margin: auto; padding: 0.5%; }
	.copyrightarea p{ margin-bottom: 0px;}
	.copyrightarea .telarea{ margin-top: 10px;}
	.telarea .tel1{ float: left; width:33%; }
		.tel1 .size13{ margin-top: 2px; margin-left: 10px;}
		.tel1 .size10{ margin-top: 10px; margin-left: 5px;}
	.telarea .tel2{ float: left; width:26%; }
	.telarea .tel3{ float: left;  width:16%; }
	.telarea .tel4{ float: left; width:25%; }
		.tel4 img{margin-right: 10px;}
		.tel4 .text{width: fit-content;}
		.tel4 p{ text-align: right; margin-top: 10px;}
	.copyright img{ width: 40px;}
	
	.powerby1{ display: block;}
	.powerby2{ display: none;}

	.copyright .companyname{ text-align: right; }

	.truehit_area{ background-color: #6E7174;}

	
	.copyrightarea .copyrighttitle{ float: left; }
	#truehits_div{ float: right; margin-left: 8px; margin-top: -8px;}
	#truehits_div img{ width: auto;}



	.job2::-webkit-scrollbar {
	  height: 10px;
	}

	.job2::-webkit-scrollbar-track {
	  background: #f1f1f1; 
	}

	.job2::-webkit-scrollbar-thumb {
	  background: #888; 
	}

	.job2::-webkit-scrollbar-thumb:hover {
	  background: #555; 
	}




	.pagearea{ background-color: transparent !important;}
	.pagearea .page{ display: inline-block; background-color: #c3c3c3; text-align: center; padding: 0px 10px 5px 10px; font-weight: bold; line-height: 1.0em; min-width: 25px;}
	.pagearea .page:hover,.pagearea .page.active{ background-color: #fec606; color: #fff;}
	.pagearea .page.disable{ cursor: not-allowed;}


	.nextpanel:first-child{ margin-top: 0px;}
	.nextpanel{ margin-top: 20px;}

	.stateinformation {margin-top: 20px;}
	.stateinformation .item{ float: left; width: 16%; margin-left: 4%; margin-top: 10px; margin-bottom: 10px;}


.register_fix_button{ position: fixed; z-index: 9999; width: 100px; height: 100px; right: 0px; bottom: 200px; }
.register_fix_button img{ width: 100%; }

/*#mobilearea { display: none !important;}*/


	.zoom {
	  transition: transform .5s;
	}
	.zoom:hover { 
	  -webkit-transform: scale(1.05);
	  -moz-transform: scale(1.05);
	  -ms-transform: scale(1.05);
	  -o-transform: scale(1.05);
	  transform: scale(1.05);    
	}

	.sponsor-control{ cursor: pointer; }


	/*Internal Page*/
	.internalpage{ font-size: 0.7em;}
	.internalpage input{ font-size: 1.0em;}
	.internalpage table.padding{ padding: 1em 1em 1em 1em;}
	table.table-body{ width: 100%; min-width: 1200px; }
	table.table-body .menu{ min-width: 340px; }
	table.table-body .detail{ min-width: 860px; }

	table.menu_internalpage,table.menu_afpage{ width: 300px; margin-left: 30px; font-weight: bold; }

	table.menu_internalpage td,table.menu_afpage td{ border-bottom:solid; border-width: 1px; border-color:#CCCCCC; padding-bottom: 10px; padding-top: 4px; padding-left: 20px; }
		.menu_internalpage a,.menu_afpage a{ color: #666666;}
		.menu_internalpage a:hover,.menu_internalpage a.active,.menu_afpage a:hover,.menu_afpage a.active{ color: #ecbd2f;}

	.profileimagearea{ position: relative; width: fit-content; margin-left: 1em; width: 200px; }
	.profileimagearea img{ width: 100%; }
	.profileimagearea .buttonuploadfile{ width: 100%; position: absolute; text-align: center; bottom: 8px; }
	.profileimagearea .buttonuploadfile button{
		background-color: #ff4747;
		border-radius:4px;
		border: none;
		color: #ffffff;
		width: 90%;
		padding: 2px 8px 8px 8px;
	}
	table.userinfo td{ padding-bottom: 8px;}

	.internalpage .title{ font-size: 1.5em; }
	.internalpage .title span{ color: #efbf1c;}
	.internalpage span.visa_na{
		text-align: center;
		background-color: #cccccc;
		color: #ffffff;
		padding: 0.1em 0.3em 0.3em 0.3em;
		width: 100%;
		display: block;
		border-radius:4px;
	}

	.internalpage .steparea{ position: relative; width: 909px; text-align: center; margin: auto;}

	.internalpage .steparea .stepline{ position:absolute; border-top-style: solid; border-top-color: #cccccc; border-width: 5px; z-index: 1; width: 100%; top: 16px; }

	.internalpage .steparea .stepline.step{ border-top-color: #efbf1c; }
	.internalpage .steparea .stepline.step.step1{ width: 0px; }
	.internalpage .steparea .stepline.step.step2{ width: 110px; }
	.internalpage .steparea .stepline.step.step3{ width: 220px; }
	.internalpage .steparea .stepline.step.step4{ width: 330px; }
	.internalpage .steparea .stepline.step.step5{ width: 440px; }
	.internalpage .steparea .stepline.step.step6{ width: 550px; }
	.internalpage .steparea .stepline.step.step7{ width: 660px; }
	.internalpage .steparea .stepline.step.step8{ width: 770px; }
	.internalpage .steparea .stepline.step.step9{ width: 880px; }

	.internalpage .steparea .stepwrap{ position: relative; z-index: 999;}
	.internalpage .steparea .stepwrap .step{ display: inline-block; background-color: #cccccc; width: 35px; height: 35px; border-radius:20px; text-align: center; margin-right: 7.42%; }
	.internalpage .steparea .stepwrap .step.last{ margin-right: 0%; }
	.internalpage .steparea .step.active{ background-color: #efbf1c; color: #ffffff;}

	.internalpage .stepwrap2{ display: block; position: relative; width: 990px; margin: auto; }
	.internalpage .stepwrap2 .stepinfo{ float: left; text-align: center; width: 11%; font-size: 0.8em; line-height: 0.9em; margin-top: 6px;}
	.internalpage .stepwrap2 .stepinfo.step1{ margin-left: 0%;}
	.internalpage .stepwrap2 .stepinfo.step2{ margin-left: 0.7%;}
	.internalpage .stepwrap2 .stepinfo.step3{ margin-left: 0%;}
	.internalpage .stepwrap2 .stepinfo.step4{ margin-left: 0%;}
	.internalpage .stepwrap2 .stepinfo.step5{ margin-left: 0%;}
	.internalpage .stepwrap2 .stepinfo.step6{ margin-left: 0%;}
	.internalpage .stepwrap2 .stepinfo.step7{ margin-left: 0%;}
	.internalpage .stepwrap2 .stepinfo.step8{ margin-left: 0%;}
	.internalpage .stepwrap2 .stepinfo.step9{ margin-left: 0%;}

	.internalpage td.subject br,.internalpage td.table-head br{
	  content: "";
	  margin: -15px;
	  display: block;
	}

	.internalpage span.uploaddocument_notreceived{
		text-align: center;
		border-style: solid;
		border-color: #cccccc;
		border-width: 1px;
		padding: 0.1em 0.3em 0.3em 0.3em;
		width: 100%;
		display: block;
		border-radius:4px;
	}

	.internalpage input:read-only{ background-color: #fff !important; }

	.internalpage table.maininternalpage_upload{}
	.internalpage table.maininternalpage_application{}
	.internalpage table.maininternalpage_upload td,.internalpage table.maininternalpage_application td{border-bottom:solid; border-width: 1px; border-color:#e0e0e0;}
	.internalpage table.maininternalpage_upload td img,.internalpage table.maininternalpage_application td img{ width: 25px; margin-bottom: 4px;}

	.internalpage span.pricevalue{
		text-align: center;
		border-style: solid;
		border-color: #FE9494;
		border-width: 1px;
		padding: 0.1em 3em 0.3em 3em;
		width: fit-content;
		display: block;
		border-radius:4px;
	}

	.internalpage.step2 textarea,.internalpage.step7 textarea{ resize: none; }
	.internalpage.step2 .health_insurance br{ content: ""; margin: 8px; display: block; }

	.internalpage.step4 table.table-info td,.internalpage.step5 table.table-info td{ padding: 5px 5px 0px 5px;}
	.internalpage.step4 table .table-head,.internalpage.step5 table .table-head{ background-color: #666666; color: #ffffff; }

	.internalpage.step9 .input{ margin-bottom: -10px; }
	.internalpage .line{ border-bottom:solid; border-width: 1px; border-color:#CCCCCC; }

	.internalpage div.booklet{
		width: fit-content;
		background-color: #efbf1b;
		margin: auto;
		padding: 0em 1.5em 0.2em 1.5em;
		color: #fff;
		font-size: 1.3em;
		border-radius:20px;
		-webkit-border-radius:20px; 
		cursor: pointer;
		transition: 0.5s; /*animates for 1 second*/
		-moz-transition: 0.5s; /*For Firefox < 16.0*/
		-webkit-transition: 0.5s; /*For WebKit (Chrome, Safari)*/
	}
	.internalpage div.booklet:hover { background-color:#FAEA15;}
	/*Internal Page*/


.topmenuarea_line2{ font-size: 22px; }







	.cookies-area{
		z-index: 9998;
		position: fixed;
		left: 0px;
		bottom: 0px;
		width: 100%;
	}
	.cookies{
		padding: 2px 20px 5px 20px;
		height: auto;
		background: rgba(255, 255, 255, 0.7);
	}
	.cookies-area span{ font-size: 0.6em !important; color: #000000;}
	.cookies-area button.cookies-accept-area{
		padding: 0px 10px 2px 10px;
		background-color: #efbf1b;
		font-size: 0.6em !important;
		color: #ffffff;
		width: fit-content;
		margin: auto;
		-webkit-border-radius:4px; 
		border-radius:4px;
	}
	.cookies-area button.cookies-notaccept-area{
		padding: 0px 10px 2px 10px;
		background-color: #B90306;
		font-size: 0.7em !important;
		color: #ffffff;
		width: fit-content;
		margin: auto;
		-webkit-border-radius:4px; 
		border-radius:4px;
	}


.linkarea{
    border-radius:4px;
	-webkit-border-radius:4px;
}
.linkarea #linkarea{
	background-color: transparent;
	border: none;
}





@media screen and (max-width: 1600px) {
	.home .vdo{ background-position: bottom -200px right -150px; }
}



@media screen and (max-width: 1200px) {
	html,body{font-size:28px;}
	.topmenuarea_line2{ font-size: 20px; }
	
	.intro .logo{ padding-top: 60px; width: 450px; margin: auto;}
	.intro .logo img{ width: 100%; }
	.title1{ width: 40%; text-align: right; margin-right: 10%; font-size: 0.8em; }
	.title2{ width: 40%; text-align: left; margin-left: 10%; font-size: 0.8em; }
	
	
	
	.head .logo{ margin-left: 5px; width:200px; padding: 8px; }	
	.top_menu_line{ margin-left: 5px; margin-right: 5px; }
	
	.home .banner .bannerdetailarea{ position: absolute; width: 420px;}
	
	.grid-item { width: 33.333%; padding: 5px 5px 0px 0px; }
	.grid-item--width2 { width: 33.333%; padding: 5px 5px 0px 0px; }
	
	.telarea img{ width: 45px;}
}
	
@media screen and (max-width: 992px) {
	html,body{font-size:23px;}
	.topmenuarea_line2{ font-size: 18px; }
	/*#topmenuarea { display: none !important;}
	#mobilearea { display: block !important;}*/
	
	.head .logo{ margin-left: 5px; width:140px; padding: 8px; }

	.col-md-0-5{ width: 0%; }
	.col-md-offset-0-5{ margin-left: 0%;}
	
	#main-navbar{ background-color: #efbf1c;}
	#main-navbar span.m-r-20{ display: block;}
	#main-navbar .login_register{display: none;}
	#main-navbar .top_menu_line{ display: none;}
	#main-navbar .topmenulink{ display: block;}
	#topmenuarea{ text-align: left; float: right; width: 200px;}
		#topmenuarea a,#topmenuarea a{
			color:#fff;
			transition: 0.5s color; 
			-moz-transition: 0.5s color;
			-webkit-transition: 0.5s color;
			border-bottom: 8px solid transperant;
			text-decoration:none;
		}
		#topmenuarea a:hover,#topmenuarea a:hover{
			color:#666666; text-decoration:none;
		}
	
	#top_menu1{ background-color: transparent; position: relative; padding: 0px 0px 0px 25px; width: 100%; text-align: left;}
	#top_menu2{ background-color: transparent; position: relative; padding: 0px 0px 0px 25px; width: 100%; text-align: left; right: auto;}
		#top_menu1 p.blank{ display: none; }
		#top_menu1 .col,#top_menu2 .col,#top_menu4 .col{ display: block; padding: 0px 10px 0px 0px; }
		/*#top_menu1 p img,#top_menu2 p img{ display: none; }
		#top_menu1 a,#top_menu2 a{
			color:#666666;
			transition: 0.5s color; 
			-moz-transition: 0.5s color;
			-webkit-transition: 0.5s color;
			border-bottom: 8px solid transperant;
			text-decoration:none;
		}
		#top_menu1 a:hover,#top_menu2 a:hover{
			color:#efbf1b; text-decoration:none;
		}*/
	#top_menu4{ background-color: transparent; position: relative; padding: 0px 0px 0px 25px; width: 100%; text-align: left; right: auto;}
	.top_menu1_website{display: none !important;}
	.top_menu1_mobile{display: block;}
	.top_menu2_website{display: none !important;}
	.top_menu2_mobile{display: block;}
	.top_menu4_website{display: none !important;}
	.top_menu4_mobile{display: block;}
	.login_register_mobile{ display: block;}

	#login_menu2{ background-color: transparent; position: relative; padding: 0px 0px 0px 25px; width: 100%; text-align: left; }
	.login_submenu{display: none;}
	
	.home .banner .bannerdetailarea{ position: absolute; width: 350px;}
	
	.home .vdo{ background-position: bottom -200px right -200px; }
	
	.grid-item { width: 50%; padding: 5px 5px 0px 0px; }
	.grid-item--width2 { width: 50%; padding: 5px 5px 0px 0px; }
	
	.title1{ width: 40%; text-align: right; margin-right: 10%; font-size: 0.7em; }
	.title2{ width: 40%; text-align: left; margin-left: 10%; font-size: 0.7em; }
	
	
	.diycountry .diycountrytitle,.diycity .diycountrytitle{ margin-right: 0.5%;}
	.body2.diycountry,.body2.diycity,.body2.diylesson{ margin-right: 0.5%; }
	
	
	.precopyrightarea .menu1{ float: none; width: 95%; margin: auto;}
	.precopyrightarea .menu2{ float: none; width: 95%; margin: auto; }
		.precopyrightarea .menu2 #menu2{ display: none; margin-left: 30px; }
		.precopyrightarea .menu2 .menu2-1{ display: none; }
		.precopyrightarea .menu2 .menu2-2{ display: block; }
	.precopyrightarea .menu3{ float: none; width: 95%; margin: auto; }
		.precopyrightarea .menu3 #menu3{ display: none; margin-left: 30px; }
		.precopyrightarea .menu3 .menu3-1{ display: none; }
		.precopyrightarea .menu3 .menu3-2{ display: block; }
	.precopyrightarea .menu4{ float: none; width: 95%; margin: auto; }
	
	.copyrightarea{ padding: 0% 1% 0% 1%; }
	.telarea .tel1{ float: left; width:50%; margin-bottom: 5px; }
	.telarea .tel2{ float: left; width:50%; margin-bottom: 5px; }
	.telarea .tel3{ float: left;  width:50%; margin-bottom: 5px; }
	.telarea .tel4{ float: left; width:50%; margin-bottom: 5px; }
	.telarea img{ width: 50px;}
	
	.powerby1{ display: none;}
	.powerby2{ display: block; text-align: center;}
	
	.stateinformation .item{ float: left; width: 20%; margin-left: 5%;}
	
	.copyright img{ width: 30px;}
	.copyright .companyname{ text-align: right; }
	
	
	
	.zoom:hover { 
	  -webkit-transform: scale(1.0);
	  -moz-transform: scale(1.0);
	  -ms-transform: scale(1.0);
	  -o-transform: scale(1.0);
	  transform: scale(1.0);    
	}
	
	.home .vdo .body{ width: 100%; }
	.home .gallery2{ margin-bottom: 0px; }
	.sponsor-control{ display: none; }
}
	
@media screen and (max-width: 768px) {
	html,body{font-size:28px;}
	.topmenuarea_line2{ font-size: 22px; }
	
	.intro .logo{ padding-top: 50px; width: 140px; margin: auto;}
	.intro .logo img{ width: 100%; }
	.intro ul{ padding-top: 10px;}
	.intro ul li{ float: none; margin: auto; }
	.intro ul li span{ display: none;}
	
	.title1{ width: 30%; text-align: right; margin-right: 20%; font-size: 0.6em; }
	.title2{ width: 30%; text-align: left; margin-left: 20%; font-size: 0.6em; }
	.br-slogan{ display: block; }
	
	.intro #sub1,.intro #sub2,.intro #sub3,.intro #sub4,.intro #sub5,.intro #sub6{ position: absolute; display: none !important;}
	
	.head .logo{ width:140px; padding: 5px 0px 8px 5px; }
	
	.home .banner .bannerdetailarea{ position: absolute; width: 40%;}
	.home .banner .bannerdetailarea .size20{ font-size: 0.7em;}
	.home .banner .bannerdetailarea .size10{ font-size: 0.4em;}
	
	.home .vdo .title img{ margin-top: -5px; width: 20px; }
	.home .vdo{ background-position: bottom -0px right -250px; }
	.home .vdo .subject,.vdo .subject{ height: 28px; overflow: hidden; }
	
	
	.diycountry .diycountrytitle,.diycity .diycountrytitle{ margin-right: 0%;}
	.body2.diycountry,.body2.diycity,.body2.diylesson{ margin-right: 0%; }
	
	.precopyrightarea .menu1{ float: none; width: 90%; margin: auto;}
	.precopyrightarea .menu2{ float: none; width: 90%; margin: auto; }
	.precopyrightarea .menu3{ float: none; width: 90%; margin: auto; }
	.precopyrightarea .menu4{ float: none; width: 90%; margin: auto; }

	.copyrightarea{ padding: 0% 5% 0% 5%; }
	.telarea .tel1{ width:100%; margin-bottom: 5px; }
	.telarea .tel2{ width:100%; margin-bottom: 5px; }
	.telarea .tel3{ width:100%; margin-bottom: 5px; }
	.telarea .tel4{ width:100%; margin-bottom: 5px; }
	
	.stateinformation .item{ float: left; width: 35%; margin-left: 15%;}
	
	.copyright img{ width: 50px; margin-bottom: 5px;}
	.copyright .companyname{ text-align: center; margin-top: 20px; }
	
	#truehits_div{ float: none; text-align: center; margin: auto;}
	
	#sponsor-prev{ display: none; }
	#sponsor-next{ display: none; }
	
	/*.news2 .title,.vdo .title{ background-color: transparent !important; }
	.job .equalize_height_summer,.job .equalize_height_spring,.job .item,.job .item .subject,.job .item .detail{ background-color: #ffffff !important; }
	.job .item .detail{ color: #666666 !important; }*/
	.line_vdo{ display: none; }
}








input.error,
textarea.error{
	border:1px solid #e84646 !important;
}

.field-error .checkbox label:before, 
.field-error span.select2>span>span,
.field-error input,
.field-error textarea,
.field-error.input-file,
.field-error .group-span-filestyle .btn-filestyle,
.field-error .customSelect{
	border:1px solid #ed939e !important;
	background-color: #fbf0f1 !important;
}
.field-error .group-span-filestyle .btn
{
	border:1px solid #ed939e !important;
	background-color: #fbf0f1 !important;
}
.field-error span.error{ display:block !important; font-size: 0.7em; margin-bottom: 0.7em; }

/*.field-error.checkbox-group-box label{ color: #ed939e }*/
.field-error.checkbox-group-box .checkbox-group label:before, 
.field-error.checkbox-group-box .checkbox label:before, 
.field-error.checkbox-group-box .radio label:before, 
.field-error.checkbox-group-box .radio-group label:before {
	border-color: #ed939e;
	background-color: #fbf0f1 !important;
}
 
span.error{
	font-size:11px;
	line-height:13px;
	color:red;
	display:none;
	margin-top:3px;
	display:none !important
}
 
.select-wrap span.error{
	position:absolute;
	bottom:-15px;
	left:0px;
}
.input-wrap .input-small + .error,
.input-wrap .input-price + .error{
	position:absolute;
	bottom:-5px;
	left:0px;
}
.input-wrap.field-error{ padding-bottom:10px}





.customSelect{ 
	display:block;
	width:100%;
	height: 45px;
	padding-top: 0px;
	padding-left: 6px;
	line-height: 1.42857143;
    margin-bottom: 10px;
	color: #555;
	background-color: #fff;
	background-image:none;
	border:1px solid rgba(204,204,204,0.5);
    border-radius:4px;
	-webkit-border-radius:4px; 
	
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
} 
.customSelect:focus{
	border:1px solid rgba(0,0,0,0.3);
}



.form-control {
  display: block;
  width: 100%;
  height: 45px;
  padding: 6px 12px;
  line-height: 1.42857143;
  margin-bottom: 10px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border:1px solid rgba(204,204,204,0.5);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
          box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
	
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}