/*--- end reset code ---*/

body {
	margin:0;
	padding:0;
}
body.login #header-wrapper-position { background: url(/images/login_ba.jpg);background-size: cover;}
body.apply #header-wrapper-position { background: url(/images/login_ba.jpg); background-size: cover;}

/*-- AgileITS --*/
body.login h2 {
	font-size:24px;
	padding: 30px 0 0;
	color:#fff;
	font-weight: 300;
	text-align:center;
}
body.login .log h2 {
	font-size:40px;
	padding: 30px 0 0;
	color:#fff;
	font-weight: 300;
	text-align:center;
}
body.login .wrapper .row{
	padding: 5% 0;
}
.formWord{ color: #ffffff; text-align: left; font-size: 21px;display: block;width: 70%;margin: auto; }
.login .log {
	width:75%;
	margin:0 auto;
}
.login .content1 {
	  min-height: 450px;
	  width: 48%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.21);
    padding: 30px 0;
    margin: auto;
    border-radius: 0px;
}
.meteorological img.image { max-width: 50px;display: block;margin: auto;}
.meteorological td{ text-align: center;vertical-align:middle; }
.meteorological b.uv{ background: url(/assets/images/UV.png) no-repeat center center;display: block; margin: auto; text-align: center;width: 30px;height: 30px;padding: 1%; }
.person {
	background: url(/images/person.png) no-repeat 95% 25px #0000003b !important;
}

.login .content1 input[type="text"] {
	padding:10px 40px 10px 10px;
	width:70%;
	border:1px solid #fff;
	color:#fff;
	text-align:left;
	outline:none;
	font-size:18px;
	background:url(/images/person.png) no-repeat 335px 25px #0000003b;
	margin:4% auto;
	font-weight: 300;
	font-family: 'Muli', sans-serif;
	/*-- W3Layouts --*/
	border-radius: 4px;
}
.login .content1 input[type="password"] {
	padding:10px 40px 10px 10px;
	width:70%;
	border:1px solid #fff;
	color:#fff;
	text-align:left;
	outline:none;
	font-size:18px;
	background:url(/images/lock.png) no-repeat 95% 25px #0000003b;
	margin:4% auto;
	font-weight: 300;
	font-family: 'Muli', sans-serif;
	border-radius: 4px;
}
.login .button-row {
	width:100%;
	margin-top:5%;
	padding-bottom:40px;
}
a.btn{ text-decoration: none; }
.btn{
	background-color: #4091bf;
	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.35), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35);
	-moz-transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	-webkit-appearance: none;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
	padding:15px;
	width:25%;
	border:none;
	cursor:pointer;
	color:#fff;
	font-weight: 300;
	font-family: 'Nunito', sans-serif;
	font-size:20px;
	text-transform:uppercase;
	border-radius:4px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.btn2{
	text-decoration: none;
    padding: 1px 15px;
    background: #ededed;
    border-radius: 5px;
    border: solid 1px #cdcdcd;
}
.login .sign-in {
	padding:10px;
	background-color:#39929a;
	width:35%;
	border:none;
	cursor:pointer;
	color:#fff;
	font-weight: 300;
	font-family: 'Nunito', sans-serif;
	font-size:20px;
	margin-left:62px;
	float:left;
	text-transform:uppercase;
	border-radius:4px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.login .sign-in:hover {
	background-color:#294e6d;
	color:#fff;
}
.login .reset {
	padding:10px;
	background-color:#c08a2b;
	width:35%;
	border:none;
	/*-- AgileITS --*/
	cursor:pointer;
	color:#fff;
	font-size:20px;
	float:right;
	margin-right:62px;
	font-weight: 300;
	font-family: 'Nunito', sans-serif;
	text-transform:uppercase;
	border-radius:4px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.login .reset:hover {
	background-color:#8d6510;
	color:#fff;	
}
.login .content1 .verification input[type="text"]{ width: 75%;}
.login .content1 input[type="text"] {
	padding:10px 40px 10px 10px;
	border:1px solid white;
	color:#fff; 
	text-align:left;
	outline:none;
	font-size:18px;
	background:url(/images/mail.png) no-repeat 95% 25px #0000003b;
/*	background:url(../../images/person.png) no-repeat 95% 25px #0000003b;*/
	font-weight: 300;
	font-family: 'Muli', sans-serif;
	border-radius: 4px;
}
.login .content1 input[type="tel"] {
	padding:20px 40px 20px 10px;
	width:70%;
	border:1px solid white;
	color:#fff; 
	text-align:left;
	outline:none;
	font-size:18px;
	background:url(/images/phone.png) no-repeat 95% 25px #0000003b;
	margin:4% auto;
	font-weight: 300;
	font-family: 'Muli', sans-serif;
	border-radius: 4px;
}
.form-group{ color: #fff900; padding: 20px 0;}
.login .content1 input[type="email"] {
	padding:10px 40px 10px 10px;
	width:70%;
	border:1px solid white;
	color:#fff; 
	text-align:left;
	outline:none;
	font-size:18px;
	background:url(/images/mail.png) no-repeat 95% 25px #0000003b;
	margin:4% auto;
	font-family: 'Muli', sans-serif;
	border-radius: 4px;
}

.login input{ margin-bottom: 0; padding: 15px;font-size: 17px; }

.login .register {
	padding:10px;
	background-color:#39929a;
	width:78%;
	border:none;
	cursor:pointer;
	color:#fff;
	font-weight: 300;
	font-family: 'Nunito', sans-serif;
	font-size:20px;
	margin-top:7%;
	text-transform:uppercase;
	border-radius:4px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.login .register:hover {
	background-color:#294e6d;
	color:white;
}
.apply .content1{
	padding-bottom: 30px;
	width: 90%;margin: auto;
}
.tab_container{
	background: #f9f9f9; padding: 20px;
}
.form-control{ width: 100%; }
.login .form-control{ width: 100%;  border-radius: 3px; border: 1px solid #a9a9a9;}
h3{ margin-top: 0; }
.apply .tab_content .row > *{ }
.apply .tab_content .row > .control-label{  }
.apply .boxs{ background: #ffffff; border-radius: 0;}
.apply .boxs .box{ border: solid 1px #dddddd;}
.apply .boxs .box .box{ border: solid 1px #dddddd; padding: 20px;}
.REDWD_b{ color: #d30000;font-size: 19px; }
.tab_content p{padding-top: 20px; text-align: center;}
.login .tab_container{ padding: 30px; }
.control-label{ text-align: right; }
.apply .row { margin: 0; }
.apply .row > *{ padding: 10px;}
.control-labe{ padding: 10px; vertical-align: middle; }
.verification{ padding: 20px; }
.login .verification b{ padding: 0 10px;display: block; width: 75%; margin: auto; text-align: left; color: #ffffff; }
.verification b{ padding: 0 10px; }
#ContentPlaceHolder1_imgcode{ width: 75%; margin:10px auto; display: block;}
.fulfil{ padding-top: 20%; }
input,select,textarea{  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 15px;}
  .apply .title {
  	cursor: pointer;
  }
  .apply .button{ margin: 10px; }
  .title {
  	cursor: pointer;
    background-color: #efefef;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #858585;
    padding: 10px;
    font-size: 1.2rem;
    color: black;
  }
  /*.member{ min-height: 150px; }*/
  .content {
    height: 0;
    overflow: hidden;
    transition: height 1s;
    background-color: white;
    padding: 20px 10px;
  }
  .open + .content {
    height: auto;
  }
.BUTTON_back{ margin: 20px; }
.unlearn{ text-align: left; text-decoration: none; display: block; width: 70%; margin:10px auto; color: #ffffff;}

@media (max-width: 1280px){
	.login .content1{ width: 80%;}

}
@media (max-width: 768px){
	.login .content1{ width: 100%;}
	.control-label{ text-align: left; }

}
@media screen and (max-width: 480px){

}