.sector-banner {
	height:250px;
	width:100%;
	background:url(../img/page_career/banner.jpg) center no-repeat #e2e2e2;
	-webkit-background-size: inherit;
	-moz-background-size: inherit;
	-o-background-size: inherit;
	-ms-background-size: inherit;
	background-size:inherit;
}
.sector-news-detail  .contentArea h1 {
	/*background:url(../img/page_appoint/icon-h.png) left center no-repeat;*/ padding:10px 0px 20px 0px;padding-left:65px;
}
.sector-news-detail  .contentArea h1 > span { color:#333333;font-size:20px;display:block;font-weight:normal;}


.tab-area { border-bottom:1px #0c1f6b solid;font-size:0px;margin-bottom:30px; }
.tab-area > .item { text-align:center;width:35%;display:inline-block;margin-right:6px;padding:8px;color:#0c1f6b;background-color:#f1f3f8;font-size:22px;border-radius:10px 10px 0px 0px; }
.tab-area > .item-active { background-color:#0c1f6b;color:#ffffff;font-size:24px; }

.text-right { text-align:right; }
.text-center { text-align:center; }
.label { font-size:20px;color:#0c1f6b;margin:10px 20px 5px 35px; }
.row .col .label { margin:5px 0px 5px 20px; }

.row { overflow:hidden;margin-bottom:15px }
.row .row { margin:20px 0px 0px 0px; }
.row .col {
	float:left;padding-left:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#0c1f6b;font-size:20px; position: relative;
}
.row .col .errorText { color: #F00; position: absolute;bottom: 0; left: 43px; z-index: 100; font-size: 13px;}
.row .col .row .col:first-child { padding-left:0px; }
.col-1 { width:8.33%; }
.col-1-5 { width:12%; }
.col-2 { width:16.66%; }
.col-2-2 { width:12.66%; }
.col-2-5 { width:20.83%; }
.col-3 { width:24.99%; }
.col-4 { width:33.33%; }
.col-5 { width:41.6% }
.col-5-5 { width:45.83% }
.col-6 { width:49.99% }
.col-7 { width:58.33% }
.col-8 { width:66.66%; }
.col-9 { width:74.99%; }
.col-10 { width:83.33%; }
.col-12 { width:100% }
.clearfix { clear:both;margin-bottom:15px; }

.form-input { display:inline-block;border:1px #dddddd solid;border-radius:30px;padding:12px 25px;color:#9e7152;outline:none;width:100%;font-size:20px; }
.form-input-innettext { display:inline-block;border:1px #dddddd solid; padding:12px 10px;color:#9e7152;outline:none;width:20% !important;font-size:20px; margin:0px 5px !important; }

select.form-input { width:80%; }
.form-input-date { background:url(../img/page_appoint/icon-calendar.png) right 20px center no-repeat; }
.form-input-inline { display:inline-block;width:auto }
.form-input-wrapper { display:inline-block;padding:12px 0px; }
.form-input-wrapper > * { margin:0px 15px;font-size:20px;border:none;width:90%;background-color:#ffffff;padding:0px; }
.control-label { font-size:20px;color:#0c1f6b;padding:14px 8px;text-align:right;display:inline-block; }


a.btn-add { display:block }
a.btn-add img { width:100%;max-width:52px; }
a.btn-profile-pic { display:block;margin-top:40px; }
a.btn-profile-pic img { width:100%; }

.remark-area { margin:60px 0px;font-size:20px;color:#333333 }
.remark-area .title { font-size:22px;font-weight:bold;margin:5px 0px;  }
.remark-area ol { padding:0px;margin:0px;margin-left:20px; }
.remark-area ol li {}

.btn-area-center { text-align:center;margin-bottom:50px; }
.btn-area-next { text-align:right;margin-bottom:50px;margin-top:50px;padding:0px;padding-top:30px;border-top:1px #ececec solid;  }
.btn-back { padding:13px 30px;border:1px #111e4a solid;border-radius:20px;color:#111e4a;font-size:20px;float:left; }
.btn-complete { padding:10px 30px;border:1px #111e4a solid;border-radius:20px;color:#111e4a;font-size:20px;}


.process-area { border-bottom:1px #ececec solid;padding:30px 50px 50px 50px;margin-bottom:30px;overflow:auto; }
.process-area .step-area { width:25%;float:left;position:relative;text-align:center; }
.process-area .step-area .line { background-color:#ececfb;border:1px #dfd2d1 solid;border-width:1px 0px;height:4px;position:absolute;top:40px;left:0px;right:0px; }
.process-area .step-area .line > span { display:inline-block; }
.process-area .step-area .step { color:#a87a59;background-color:#ececfb;height:80px;width:80px;border-radius:40px;position:relative;display:inline-block; }
.process-area .step-area .step > span { font-size:50px;padding-top:2px;display:inline-block; }
.process-area .step-area .txt-area { color:#111e4a; font-size:20px; margin-top:15px;line-height:1 }
.process-area .step-active .line > span { background-color:#a87a59;width:50%;height:100%;float:left; }
.process-area .step-cmp .line > span { background-color:#a87a59;width:100%;height:100%;float:none; }
.process-area .step-active .step , .process-area .step-cmp .step { color:#ffffff;background-color:#111e4a }


.step-form-area { font-size:22px;  }
.step-form-area h2 {
	color:#003366;
	letter-spacing:0;
	font-size:26px;
	margin:0px 20px;
	padding:0px;
	text-align:right;
}
.step-form-area h2 > span { color:#484848; }
.step-form-area .heading { color:#ffffff;background-color:#111e4a;padding:6px 20px;margin:30px 0px;font-size:26px  }
.step-form-area .heading2 { color:#111e4a;background-color:#f5f5f5;padding:8px 30px;margin:30px 0px;font-size:20px;  }
.step-form-area .heading .add-more  ,
.step-form-area .heading2 .add-more { float:right;display:inline-block;background-color:#ffffff;padding:5px 10px;margin-top:-12px;margin-right:-20px; }
.step-form-area .heading .add-more img ,
.step-form-area .heading2 .add-more img { height:45px; }
.step-form-area textarea { resize:none;}

.cmp-box {
	background-image: url(../img/page_appoint/mail_n.png);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	margin: 30px 0px 30px 0px;
	padding: 50px 20px 115px 20px;
	text-align: center;

}
.cmp-box h2{color: #111e4a;letter-spacing: 0;font-size: 34px;margin: 60px 20px 0px 20px;padding: 0px;}
.cmp-box .txt-a { color:#a87a59;margin:10px 0px; }
.cmp-box .row {margin: 40px 90px 0px 90px;font-size:20px; }
.cmp-box .row .col:last-child {text-align: left;width: 50%;}
.cmp-box .row .col:first-child { text-align:right; margin-left: 60px;}
.cmp-box .row .col span { color:#0c216b; }
.cmp-box .row .col span.l { font-size:22px;font-weight:bold; }
.cmp-box .thank { color:#333333;font-size:18px;margin-top:50px; }

::-webkit-input-placeholder {
   color:#9e7152;
}

:-moz-placeholder { /* Firefox 18- */
   color:#9e7152;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#9e7152;
}

:-ms-input-placeholder {
   color:#9e7152;
}

.ui-selectmenu-button { width:85% !important; font-size:20px !important; font-family:'WebFont'; padding:12px 10px 12px 25px; border:1px solid #dddddd; background:#FFF; border-radius:30px; font-size:20px; margin:0px; outline:none; position:relative; color:#9e7152 !important;}

.ui-widget-content {
    color: #9e7152;
}
.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 5px;
}
.ui-selectmenu-menu .ui-menu { width:1%;margin-top:-52px;}
.ui-menu.ui-corner-bottom.ui-widget.ui-widget-content { border-radius:24px; }
.ui-menu .ui-menu-item-wrapper { padding:12px 26px; margin:0px; }
.child-option { font-size:20px !important; font-family:'WebFont';}
.overflow { max-height: 260px; }

.alertclass { font-size:20px !important; font-family:'WebFont';}
.alertclass .ui-dialog-titlebar {
    display: none;
}

.inputboxcrop { width:195px; border:0px solid #333; position:relative; margin:22px 0 0 0;}
.cropit-preview {
	background-color: #f8f8f8;
	background-size: cover;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 7px;
}
.cropit-preview-image-container { cursor: move;}
.image-size-label {	margin-top: 5px;}
.image-editor a.rotate-ccw { display:block; width:25px; height:25px; background:url(../img/page_career/rotate_ccw.png) no-repeat; background-size: 100% 100%; font-size:0; position:absolute; left:3; top:3px; z-index:2;}
.image-editor a.rotate-cw { display:block; width:25px; height:25px; background:url(../img/page_career/rotate_cw.png) no-repeat; background-size: 100% 100%; font-size:0; position:absolute; left:40px; top:3px; z-index:2;}

.image-editor .imgsizeupload { width:195px; text-align:center; position:absolute; top:90px; z-index:2;}

div.upload {
    width: 109px;
    height: 30px;
    background:url(../img/page_career/upload.png) no-repeat; cursor:pointer;
    overflow: hidden; position:absolute; right:0; top:2; z-index:2;
}
div.upload input {
    display: block !important;
    width: 109px !important;
    height: 30px !important;
    opacity: 0 !important;
    overflow: hidden !important; cursor:pointer;
}
input[type=range] { width:90%;}

a.addtable { display:block; background:url(../img/page_career/btn-add.png) no-repeat; width:45px; height:45px;}
a.deltable { display:block; background:url(../img/page_career/btn-remove.png) no-repeat; width:45px; height:45px;}

a.addAward { display:block; background:url(../img/page_career/btn-add.png) no-repeat; width:45px; height:45px;}
a.addCertificate { display:block; background:url(../img/page_career/btn-add.png) no-repeat; width:45px; height:45px;}
a.addHistory { display:block; background:url(../img/page_career/btn-add.png) no-repeat; width:45px; height:45px;}
a.addTraning { display:block; background:url(../img/page_career/btn-add.png) no-repeat; width:45px; height:45px;}

.dblock { display:block;}
.dbnone { display:none;}

.bxdl {}
.ddelmt { margin:38px 0 0 0;}

.ui-datepicker select.ui-datepicker-month {padding-bottom: 2px;}
.ui-datepicker select.ui-datepicker-year {padding-top: 2px;}

.txtreadonly { background:#dddddd;}


@media only screen and (max-width: 1100px)  {
	.inputboxcrop { margin-left:-60px; }
	div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { margin-top:50px;margin-left:-160px; }
}

@media only screen and (max-width: 768px)  {
	.sector-banner {
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			-ms-background-size: cover;
			background-size:cover;
		}
	div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { margin-left:-140px }
}
@media only screen and (max-width: 600px)  {
	.text-right ,.text-center { text-align:left; }

	.sector-news-detail  .contentArea h1 { padding-left:70px; }
	.tab-area { display:table; }
	.tab-area > .item { display:table-cell;width:1%;vertical-align:middle; }

	.process-area { padding:30px 0px; }
	.process-area .step-area .line { top:30px }
	.process-area .step-area .step { width:60px;height:60px;border-radius:30px; }
	.process-area .step-area .step > span { font-size:40px }
	.process-area .step-area .txt-area { font-size:16px; }

	.step-form-area .heading { margin:15px 0px }

	.row { margin:0px; }
 	.row .col { float:none;width:auto;margin:5px 0px;overflow:visible;padding:0px; }
	.form-input { width:99%; }
	.btn-area-next { margin:15px 0px 50px 0px;padding-top:20px; }
	.btn-area-next > .btn-back { padding:10px 15px; }
	.btn-area-next > .btn-default { padding:10px 30px;width:auto;border-radius:30px; }
	.cmp-box {
		background-image: url(../img/page_appoint/mail_b.png);
		background-size: 120%;
		background-repeat: no-repeat;
		background-position-x: center;
		margin:0px 0px 20px 0px;
		padding:45px 10px;box-shadow:none;
	}
.cmp-box h2 {font-size: 26px;}
	.cmp-box .row { display:table;width:100%;font-size:18px;margin: 40px 0px; }
	.cmp-box .row .col { display:table-cell; }
	.cmp-box .row .col-1 { width:40%; }
	.cmp-box .row .col-2 { width:10% }

	.inputboxcrop { margin:0px auto; }
	div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { margin-top:auto;margin-left:auto; }
}
@media only screen and (max-width: 440px)  {
.ui-selectmenu-button {width: 87.5% !important;}  }
@media only screen and (max-width: 380px)  {  }
@media only screen and (max-width: 320px)  {  }