/*Main Site{*/
.ft-left{
	float:left;	
}
.ft-right{
	float:right;	
}
.pd-t-5{
	padding-top:5px;	
}
.pd-t-10{
	padding-top:10px;	
}
.pd-t-15{
	padding-top:15px;	
}
.pd-t-30{
	padding-top:30px;	
}
.pd-t-35{
	padding-top:35px;	
}
.pd-t-40{
	padding-top:40px;	
}
.pd-l-5{
	padding-left:5px;	
}
.pd-l-10{
	padding-left:10px;	
}
.pd-l-15{
	padding-left:15px;	
}
.pd-l-30{
	padding-left:30px;	
}
.pd-l-35{
	padding-left:35px;	
}
.pd-l-40{
	padding-left:40px;	
}
.pd-b-5{
	padding-bottom:5px;	
}
.pd-b-10{
	padding-bottom:10px;	
}
.pd-b-15{
	padding-bottom:15px;	
}
.pd-b-30{
	padding-bottom:30px;	
}
.pd-b-35{
	padding-bottom:35px;	
}
.pd-b-40{
	padding-bottom:40px;	
}
.pd-r-5{
	padding-right:5px;	
}
.pd-r-10{
	padding-right:10px;	
}
.pd-r-15{
	padding-right:15px;	
}
.pd-r-30{
	padding-right:30px;	
}
.pd-r-35{
	padding-right:35px;	
}
.pd-r-40{
	padding-right:40px;	
}
.mg-t-5{
	margin-top:5px;	
}
.mg-t-10{
	margin-top:10px;	
}
.mg-t-15{
	margin-top:15px;	
}
.mg-t-20{
	margin-top:20px;	
}
.mg-t-25{
	margin-top:25px;	
}
.mg-t-30{
	margin-top:30px;	
}
.mg-t-35{
	margin-top:35px;	
}
.mg-t-40{
	margin-top:40px;	
}
.mg-l-5{
	margin-left:5px;	
}
.mg-l-10{
	margin-left:10px;	
}
.mg-l-15{
	margin-left:15px;	
}
.mg-l-30{
	margin-left:30px;	
}
.mg-l-35{
	margin-left:35px;	
}
.mg-l-40{
	margin-left:40px;	
}
.mg-b-5{
	margin-bottom:5px;	
}
.mg-b-10{
	margin-bottom:10px;	
}
.mg-b-15{
	margin-bottom:15px;	
}
.mg-b-30{
	margin-bottom:30px;	
}
.mg-b-35{
	margin-bottom:35px;	
}
.mg-b-40{
	margin-bottom:40px;	
}
.mg-r-5{
	margin-right:5px;	
}
.mg-r-10{
	margin-right:10px;	
}
.mg-r-15{
	margin-right:15px;	
}
.mg-r-30{
	margin-right:30px;	
}
.mg-r-35{
	margin-right:35px;	
}
.mg-r-40{
	margin-right:40px;	
}
.block{
	display:block;	
}
fontsize-10{
	font-size:10px;
}
.fontsize-11{
	font-size:11px;
}
.fontsize-12{
	font-size:12px;
}
.fontsize-13{
	font-size:13px;
}
.txt-red{
	color:#F11413;	
}
.w100pc{
	width:100%;
}
.w90pc{
	width:90%;
}
.w80pc{
	width:80%;
}
.w70pc{
	width:70%;
}
.w60pc{
	width:60%;
}
.w50pc{
	width:50%;
}
/*}*/
@font-face {
    font-family: 'webfont';
    src: url('cordianew/kit55f.eot');
    src: url('cordianew/kit55f.eot?#iefix') format('embedded-opentype'),
         url('cordianew/kit55f.ttf') format('truetype'),
         url('cordianew/kit55f.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DBOzone';
    src: url('cordianew/db_Ozone.eot');
    src: url('cordianew/db_Ozone.eot?#iefix') format('embedded-opentype'),
         url('cordianew/db_Ozone.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cordiaUPC';
    src: url('cordianew/cordia.eot');
    src: url('cordianew/cordia.eot?#iefix') format('embedded-opentype'),
         url('cordianew/cordia.ttf') format('truetype'),
         url('cordianew/cordia.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cordiaNew';
    src: url('cordianew/Cordia-New.eot');
    src: url('cordianew/Cordia-New.eot?#iefix') format('embedded-opentype'),
         url('cordianew/Cordia-New.woff') format('woff'),
         url('cordianew/Cordia-New.ttf') format('truetype'),
         url('cordianew/Cordia-New.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
html,body{
	/*font-family: 'sukhumvitset';*/
	font-family: "DBOzone",Helvetica,Arial,Verdana,sans-serif;
	font-size:18px;
	margin:0;
	padding:0;
	background:#00428C;
}
header{
	background:#1658A2;
	border-bottom:1px solid #6B95C4;
}
header h1 {
    background: #6b95c4 none repeat scroll 0 0;
    color: #f10000;
    float: left;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 25px 30px;
    text-shadow: 0 2px 2px #333;
}
header h1 .color-white{
	color:#fff;
}
header h1 strong{
	color:rgba(0,33,255,1.00);
}
.menu{
	list-style:none;
	display:inline-flex;	
	float:right;
	margin-top:24px;
	padding:0;
}
.menu li{
	color:#fff;
}
.menu a {
    color: #fff;
    margin: 0 2px;
    padding: 20px 10px;
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}
.menu a:hover,
.menu a.active{
	background:#3B7DC7;	
	text-decoration:none;
}
.menu a.f-1,
.menu a.f-2,
.menu a.f-3{
	margin-left:0;
	margin-right:0;
	padding-left:5px;
	padding-right:5px;
	background:none;
	text-shadow: 0 0 10px #fff;
	font-weight:bold;
}
.menu a.f-1{
	color:red;	
	font-size:17px;
}
.menu a.f-3{
	font-size:26px;
	color:rgba(0,22,255,1.00);
}
.menu a.f-1:hover, .menu a.f-2:hover, .menu a.f-3:hover,
.menu a.f-1.active, .menu a.f-2.active, .menu a.f-3.active{
	text-decoration:underline !important;
}
.m-logo{
	padding-top:50px;	
	padding-left:0;
}
.m-logo h2{
	float:left;
	margin-top:25px;
	color:#fff;
	padding-left:40px;
	line-height:40px;
	font-size:30px;
	position:relative;
}
.m-logo h2 strong{
	font-size:40px;
}
img.logo{
	float:left;
	height:125px;
}
.emotion-child {
    height: 250px;
    position: relative;
    width: 100%;
	overflow:hidden;
}
.emotion-child img{
	position:absolute;
	display:none;
}
.emotion-child img.c-a,
.emotion-child img.c-b,
.emotion-child img.c-c,
.emotion-child img.c-d{
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}
.emotion-child img.c-a{
	left:32px;
	height:265px;
	margin-top:20px;
}
.emotion-child:hover img.c-a{

}
.emotion-child img.c-b {
  margin-left: 20px;
  margin-top: 40px;
  width: 45px;
}
.emotion-child:hover img.c-b {
	transform:scale(1.05) rotate(10deg);
	-webkit-transform:scale(1.05) rotate(10deg);
	-moz-transform:scale(1.05) rotate(10deg);
	-o-transform:scale(1.05) rotate(10deg);	
}
.emotion-child img.c-c {
    margin-left: 270px;
    margin-top: 30px;
	width:45px;
}
.emotion-child:hover img.c-c {
	transform:scale(1.05) rotate(-10deg);
	-webkit-transform:scale(1.05) rotate(-10deg);
	-moz-transform:scale(1.05) rotate(-10deg);
	-o-transform:scale(1.05) rotate(-10deg);	
}
.emotion-child img.c-d {
  margin-left: 260px;
  margin-top: 175px;
}
.emotion-child:hover img.c-d{
	transform:scale(1.05) rotate(10deg);
	-webkit-transform:scale(1.05) rotate(10deg);
	-moz-transform:scale(1.05) rotate(10deg);
	-o-transform:scale(1.05) rotate(10deg);	
}
.btn01,.btn02{
	position:absolute;
	top:0;
	left:10px;
	right:10px;
	bottom:0;
	color:#fff;
    padding: 100% 20px 20px;
    text-align: center;
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}
.btn01 strong,.btn02 strong{
	font-size: 24px;
}
.btn01:hover,
.btn02:hover{
	text-decoration:none;
	color:#f1f1f1;
	cursor:pointer;
}
.infomation, .btn01, .btn02 {
    border-radius: 0 0 50px;
    font-size: 22px;
}
.btn01{
	background:url(../images/i-p.png) #00A99E center 30% no-repeat;
}
.btn01:hover{
	background-color:#00CBC1;
	background-position:center 28%;
}
.btn02{
	background:url(../images/i-f.png) #F05A23 center 30% no-repeat;
}
.btn02:hover{
	background-color:#ff3b3b;
	background-position:center 28%;
}
.infomation{
	background:#fff;
	padding:20px 20px 30px;
	position:relative;
	overflow:hidden;
	height:100%;
	padding-top:20px;
}
.infomation h4{
	/*color:#FF3B3B;	
	font-size:20px;*/
}
.infomation p{
	position:relative;
	z-index:1;
}
.infomation img{
	position:absolute;
	bottom:-80px;
	right:0;
	opacity:0.3;
}
.sec2 .row{
	margin-left:-20px;
	margin-right:-20px;	
}
.sec2 .row > div{
	height:315px;	
	position:relative;
}
.sec2 .row > div.col-md-2{
	width:20.6667%;
}
.sec2 .row > div.col-sm-8{
	width:58.667%;
}
footer{
	font-size:16px;
	color:#fff;	
	display:block;
	margin-top:20px;
}
footer .L{
	font-size:13px;	
}
.logow3c{
	background:url(../images/icon-w3c.png) no-repeat center center;
	width:30px;
	display:inline-block;
	float:left;
	text-indent:-999px;
	background-size:contain;
	overflow: hidden;
}
.bg-ft{
	background:#133B68;
	padding:10px 0px;
}
.bt-footer{
	text-align:right;	
}
.bt-footer a{
	color:#fff;
}
.bt-footer a:hover{
	color:#f1f1f1;
}
.navbar-default{
	background:none;	
}
.navbar-toggle{
	border-radius:0;	
}
.navbar-default .navbar-toggle .icon-bar{
	background:#fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: #00428c;
}
.box_inner_header{
	background:url(../images/inner-top-bg.png) right center no-repeat #fff;
	height:140px;	
	margin-top:15px;
	position:relative;
	display:table;
	background-size:contain;
}
.box_inner_header h1,
.box_inner_header h2{
	color: #00428c;
}
.box_inner_header h1 { 
    padding-right: 30%;
    text-align: left;
    vertical-align: middle;
	width:100%;
	font-size:35px;
	margin-bottom: 0;
	margin-top: 32px;
}
.box_inner_header h2{
	margin: 0;
}
.inner_body,
.inner_form{
	background:#fff;	
}
.inner_body{
	margin-top:15px;	
}
.java-html{
	padding:50px 60px;	
	padding-bottom: 15px;
}

.inner_form{
	border-top:5px solid #ccc;
	padding-bottom: 20px;
	min-height: 320px;	
}
.nav-html{
	padding:20px;	
	display:inline-table;
	width:100%;
}
.nav-html ul{
	list-style:none;
	padding:0;
	margin:0;	
	float:right;
	display:flex;
}
.nav-html ul li{
	margin-left:20px;	
}
.nav-html ul a,
.nav-html ul strong{
	display:block;
	width:113px;
	height:113px;
	text-align:center;
	font-size:20px;
}
.nav-html ul strong{
	display:table-cell;
	vertical-align:middle;	
	color:#077CC5;
	font-size:30px;
}
.nav-html ul a{
	padding-top:75px;	
	color:#fff;
	text-decoration:none;
}
.nav-html ul a.step1{
	background:url(../images/i-s1.png) center 22px no-repeat #C4C4C4;
}
.nav-html ul a.step2{
	background:url(../images/i-s2.png) center 22px no-repeat #C4C4C4;
}
.nav-html ul a.step3{
	background:url(../images/i-s3.png) center 22px no-repeat #C4C4C4;
}
.nav-html ul a.active{
	background-color:#077CC5;	
}
.nav-html .headrow{
	background:#044388;
	padding:7px 20px;
	color:#fff;
	text-align:center;
	font-size:20px;
}
div.request,
label span{
	color:#FF0004;
}
div.request{
	text-align:right;
	padding:5px 10px;	
}
.nav-html .btn {
  background: #a20404 none repeat scroll 0 0;
  border-radius: 0;
  color: #fff;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 2px 20px;
}
.error:not(label){
	border:1px solid #FF0004;
}
label.error{
	display:none !important;	
}
.boxUserInfo{
	border: 1px solid #044388;
	padding-bottom: 15px;
}
.boxUserInfo .form-group{
	margin-right: 0;
	margin-left: 0;
}
.img-capcha{
	border-radius: 5px;
	height: 35px;
}