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

@media (max-width: 768px) {
	/*SPECIFIC PAGE: evisa.jsp*/
	.landing-btn-set {
		position:absolute;
		left:0px;
		right:0px;
		bottom:70px
	}
	
	
	/*STANDARD ACROSS*/
	btn-lang
		/*START OF HEADER*/
		.page-header {
			position:fixed;
			z-index:1000;
			top:-40px;
			height: 80px;
		}
		#head-jim {
			visibility:hidden;
		}
		#head-vm {
			position:relative;
			margin-top:-70px;
			width:100%;
		}
		#head-vm .apps-title {
			text-align:left;
		}
		#head-appsname {
			font-size:12px;
		}
		#head-appsname  p,
		#head-appsname  br {
			display: inline;
		}
		#head-vm .top-menu {
			position:absolute;
			right:10px;
			top:62px;
		}
		/*END OF HEADER*/
		
		/*START OF CONTENT*/
		#main-content {
			margin-top:100px;
		}
		.instruction span{
			background-color:#545353;
			color:#fff;
			font-size:13px;
			font-weight:100;
			padding-left:5px;
			padding-right:5px;
			text-wrap:normal;
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			border: 0px none #dadada;
		}
		.info-box {
			width:90%;
			margin-top:10px;
			margin-left:auto;
			margin-right:auto;
			padding:10px;
			background-color:#666;
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			color:#fff;
			
			line-height:16px;
		}
		.info-box .info-icon {
			float:left;
			width:10%;
			clear:right;
		}
		.info-box .info-text {
			float:right;
			font-family:avenir, sans-serif;
			width:90%;
		}
		
		/*FORM*/
		/*.form-group {
			display:inherit;
			padding-top:3px;
			padding-bottom:0px;
		}*/
		
		.form-actions button {
			padding: 5px 10px;
		 	font-size: 12px;
		 	line-height: 1.5;
		 	border-radius: 18px;
		} 
		.form-actions button i {
			display:none;
		} 
		.fldmsg {
		/*	display:none;*/
			line-height:30px;
			font-family:avenir, sans-serif;
			font-size:12px;
			color:white;
			background-color:#f3a919;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			padding:3px;
			padding-left:6px;
			padding-right:6px;
			margin-bottom:35px;
		}
		.fldmsg + div {
		  clear:both;
		}
		.img-captcha {
			border-radius: 10px 10px 0px 0px;
			-moz-border-radius: 10px 10px 0px 0px;
			-webkit-border-radius: 10px 10px 0px 0px;
			border: 1px solid #ccc;
		}
		.txt-box-captcha-answer {
			border-radius: 0px 0px 10px 10px;
			-moz-border-radius: 0px 0px 10px 10px;
			-webkit-border-radius: 0px 0px 10px 10px;
		}
	
	/*END OF STANDARD ACROSS*/
	
	/*PAGE : register.jsp*/
	#lyLearn {
		margin-left:auto;
		margin-right:auto;
		width:100%;
		background-color:white;
		padding:10px;
		margin-top:10px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border: 0px solid #000000;
	}
	.dl-horizontal {
		clear:both;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #e9e8e8;
		height:20px;
	}
	.dl-horizontal dt {
		line-height:0px;
	}
	.dl-horizontal dd {
		padding-top:0px;
	}
	
	.lyBlock {
		position:fixed;
		top:70px;
		width:100%;	
	}
	.lyLearn {
		margin-top:10px;
	}
	
	/*small device*/
	
	h4 {
		font-size:14px;
	}
	h6 {
		font-size:10px;
	}
	dt {
		float:left;
	}
	dd {
		float:right;
	}
	.std-back {
		/*getting ready for future background*/
	}
	.rw-submit {
		margin-top:15x;
		margin-bottom:15px;
		background-color:#f3f3f3;
		padding:10px;
		border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px;
		-webkit-border-radius: 30px 30px 30px 30px;
		border: 0px none #dadada;
		text-align:right;
	}
	.btn-lang {
		right:0px;
		top:80px;
		width:500px;
	}
	.ev-opt-2 {
		position:absolute;
		left:7px;
		top:5px;
		background-attachment: fixed;
		background-image: url(img/option-2.html);
		background-repeat: no-repeat;
		background-position: center center;
		height: 107px;
		width: 80px;
		
		background-size: auto;
		
		text-align:left;
		font-family:helve-neue-thin, sans-serif;
	}
	.ev-body-2 {
		background-attachment: scroll;
		background-image: url(img/back-02.png);
		background-repeat: no-repeat;
		background-position: -400px 82px;
		overflow: hidden;
	}
	.ev-logo-pad {
		border-top-width: 4px;
		border-top-style: solid;
		border-top-color: #fbc132;	
		padding-right:0px;
		padding-top:21px;
		
	}
	.ev-logo-pad img {
		width:50%;
		margin-bottom:10px;
		padding-right:0px;
	}
	.apps-title {
		text-align:right;
		padding-top:20px;
		padding-right:0px;
		padding-right:0px;
	}
	#main-direction {
		visibility:collapse;
	}
	#header-left {
		display:none;
	}
	.ev-logo-pad {
		border-top-width: 4px;
		border-top-style: solid;
		border-top-color: #fbc132;	
		padding-right:10px;
		padding-top:61px;
		text-align:right;
	}
	
	.returning-button {
		font-family:helve-neue-thin, sans-serif;
		text-align:right;
		height: 70px;
		padding-right:0px;
		margin-top:10%;
		background: rgba(237,237,237,1);
		background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
		cursor:pointer;
	}
	.returning-button span {
		color: #d10000;
		font-size: 24px;
		margin-top:15px;
	}
	.returning-button span div {
		color: #ff9300;
		font-size: 18px;
		line-height:14px;
	}
	.phone-menu {
		padding-top:6px;
	}
	.register-button {
		font-family:helve-neue-thin, sans-serif;
		text-align:left;
		height: 70px;
		padding-right:0px;
		padding-left:0px;
		background: rgba(237,237,237,1);
		background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
		cursor:pointer;
	}
	.register-button span {
		color: #0082d2;
		font-size: 24px;
		margin-top:15px;
	}
	.register-button span div {
		color: #9fcc2c;
		font-size: 18px;
		line-height:14px;
	}
	.control-label {
		font-family:avenir, sans-serif;
		font-size:14px;
		padding-right:0px;
		text-align:right;
	}
	.dropdown {
		clear:both;
	}
	.arrow-right {
		margin-top:15px;
		padding-right:15px;
		margin-right:15px;
		width: 0; 
		height: 0; 
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 20px solid #ff9301;
	}
	.arrow-left {
		padding-left:15px;
		margin-top:15px;
		margin-left:25px;
		width: 0; 
		height: 0; 
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-right:20px solid #9fcc2c; 
	}
	.btn-learn {
		margin-right:7px;
		margin-top:35px;
	}
	
	.title-group {
		font-family: open-sans, avenir, sans-serif;
		font-size: 16px;
		color:#333;
		font-weight:bold;
		/*background-color:#215570;*/
		
		background: rgba(245,245,245,1);
		background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(231,229,230,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(231,229,230,1)));
		background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(231,229,230,1) 100%);
		background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(231,229,230,1) 100%);
		background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(231,229,230,1) 100%);
		background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(231,229,230,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e7e5e6', GradientType=0 );
		padding: 3px;
		padding-left: 10px;
		
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border: 1px solid #e3e3e3;
		
		margin-top: 34px;
		margin-bottom: 20px;
	}
}