@CHARSET "UTF-8";

/**form default setting**/
.column{padding-bottom:10px;}
.sec-form{padding:20px 15px; margin:30px auto; background:#fff; border:5px solid #e7ecf1;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
.form-section {border-bottom:3px solid #efefef; padding:0 0 20px 0; margin-bottom:10px;}
.form-section h4{font-size:1.286em; margin-bottom: 20px; border-bottom:1px solid #ddd; font-weight:bold;padding:10px 0;}
.form-section .cssLabel{color:#000; font-size:1.071em;}
.form-section .planDesc h5{margin:0; font-size:1.071em;}
.form-section .column{margin-top:15px;}
.form-section .tnc{font-size:0.929em; color:#666666; margin:2px 0 5px 0;}
.form-section .form-control{margin-bottom:5px;}
.form-section  ol{padding-left:15px;}
.form-section .frame{padding:10px 15px; background:#efefef; color:#666666; font-size:0.929em; overflow-y:auto; max-height:145px;}
.form-section.last{border-bottom:1px solid #efefef;margin-top:15px;}
.checklist label{font-size:0.929em; color:#666666;}
.form-section h4 .button{font-weight: normal; font-size: 14px;  padding: 3px 12px; position: relative; bottom: 4px;}

/**update 08/08**/
.form-grid .form-group:last-child{border-bottom: 0 !important;}
h5.subTitle{font-weight: bold; font-size: 18px; color: #0462aa;padding: 0 5px 10px 5px; border-bottom: 3px solid #efefef;}
.column .fa-question-circle-o{margin-left: 5px; color: #0462aa;}
#selectAddress2{position:relative;}
.cssSearchResult{ z-index: 3;background-color: #fff; border: 1px solid #ebebeb; top: 34px;left: 0;width:100%;padding: 10px;position: absolute;}
.cssSearchResult a{text-decoration:none;}

.host{position:absolute; right:0px;top:5px; left: 410px;}

.input-medium {max-width: 240px;}
.input-long{max-width:100%;}
.input-icon {position: relative; margin: 5px 0;}
.input-icon>.form-control {padding-left: 33px; margin-bottom:10px;}
.input-icon>i {color: #ccc;position: absolute;margin: 11px 2px 4px 10px;z-index: 1;width: 16px;font-size: 16px;text-align: center;left: 0;}

/**update 04/08/2016**/
.error{font-size:0.853em; display:block; color: #f68a33; border-color:#f68a33; clear: both;}
.mnumber{padding:5px 8px;display: inline-block; color:#666666; margin:0 5px 5px 0; background:#eef1f5; border:1px solid #c2cad8; border-radius:2px; cursor: pointer;}
.mnumber.active{background-color: #0462aa;color: #fff;border:1px solid #0462aa;}
.checklist label.error{width: 200px;top: 50px; max-width: 200px; position: relative;font-size: 0.853em;color: #f68a33;}
.checklist label{display:inline-block;}
.icheckbox_line-blue, .iradio_line-blue {font-size:14px; position: relative; display: block; margin: 0; padding: 4px 8px; color:#666666; background:#eef1f5; border:1px solid #c2cad8; border-radius: 3px !important; text-align:center; cursor: pointer;}
.icheckbox_line-blue.hover,.icheckbox_line-blue.checked.hover, .iradio_line-blue.hover, .icheckbox_line-blue.checked {color:#fff; background: #0462aa;}
.newNum{display: inline-block; width:25%; padding:0 3px; margin-bottom:5px;}
#chooseNum .aLink{font-size:14px; display: block; margin-top: 5px;}
.input-idselect{max-width:150px;}
.input-idnum{max-width:70%;}

.icheckbox_square-orange, .iradio_square-orange {vertical-align: top;}
select.middle-size{max-width:400px;padding: 6px 5px;}

.alertPop .modalHeader{color:#fff; text-align:center; padding:12px 0; position:relative; font-size:1.429em;}
.alertPop .modalHeader .btn{position:absolute; right:10px; top:7px; border-width:1px; }
.alertPop .modalContent{padding:20px 40px; font-size:1.071em;}
.alertPop .modalContent h5{font-size:1.071em; margin-bottom:3px;}
.alertPop .modalContent .error {font-size:0.857em; height:20px;}
.alertPop .modalContent label{margin:0; font-weight:normal;}
.alertPop .modalContent .form-control{margin-top:8px;}
.alertPop .modalContent .form-group {margin-bottom: 8px;}
.alertPop .modalContent .form-control.size1{width:36%; margin-right:3%;}
.alertPop .modalContent .form-control.size2{width:60%;}
.alertPop .modalContent .captcha{margin-top:8px; padding:6px; text-align:center; float:left; width:30%;background:#00508c;color:#fff; margin-right:3%;}
.alertPop .modalContent .form-control.size3{width:66%;}
.alertPop .modalContent .btn-wrapper{border-top:1px solid #e7ecf1; margin-top:15px; padding-top:15px;}
.alertPop .modalContent .button{margin:0; padding:7px 10px; display:block; font-size:1.071em; border:none; width:100%;}
.alertPop .modalContent.alert .btn-wrapper{border:none;}
.alertPop .modalContent.alert{ padding:20px 40px 0px;text-align:center;}

.bg-hkbn-blue2 {background-color: #00508c;}
.cssLink{cursor:pointer;color: #23527c;}

/**end**/

@media only screen and (max-width: 767px) {
	.form-section.last .checklist label {padding-left: 4px; max-width: 90%;}
	.form-section .form-control#login{max-width:75%;}
	.host{left: 76%;}
	/** update 30/07**/
	#chooseNum .aLink {display: block;}
	.input-idselect, .input-idnum{max-width:100%;padding:0 15px !important;}
	/**end**/
}

@media(min-width: 768px) and (max-width: 980px) {
	.form-section.part1 .cssLabel{margin-bottom:10px;}
}