@CHARSET "UTF-8";

/**form default setting**/
.form-control{border-color:#c2cad8; height:auto;}
.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;}

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

.input-medium {max-width: 240px;}
.input-long{max-width:385px;}
.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;}

.date-picker{background-color: #eef1f5; opacity: 1;}
.datepicker-dropdown{padding:0; box-shadow: 5px 5px rgba(102,102,102,.1); border: 1px solid #efefef;font-family: 'Microsoft JhengHei', "Microsoft Yahei", Heiti TC, STXihei;}
.datepicker thead {background-color: #efefef;}
.datepicker th{font-weight:normal;}
.datepicker th.dow { color: #f68a33;}
.datepicker table tr td, .datepicker table tr th{border-radius:0;}
.datepicker td.day ,.datepicker .datepicker-switch {color: #005288!important;}
.datepicker table tr td, .datepicker table tr th {font-size: 14px;}
.datepicker .prev.disabled, .datepicker .next.disabled {visibility: visible;}
.datepicker th.next, .datepicker th.prev {font-weight: 800; color: #f68a33;}
td.disabled.day {color: #999!important; font-weight: 300!important;}

/** update 30.07/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;}
.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:2px;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;}
.input-idselect{max-width:150px;}
.input-idnum{max-width:250px;}
/**end**/

/**update 08/08/2016**/
.column .fa-question-circle-o {margin-left: 5px; color: #0462aa;}
/**end**/

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

@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;}
	/** update 08/08**/
	.form-section .form-control#login{max-width:80%;}
	.host{left:inherit; right:10px;}
}