@charset "UTF-8";

/*form_bikou*/
.exp{color:#999999; font-size:10px;}
.exp_indent{display:block; text-indent: -1em; padding: 0 1em;}


/*reset*/
form{
 margin:0;
}


fieldset{
 margin:0 2px;
 padding:0.35em 0.625em 0.75em;
}


legend{
 *margin-left: -7px;
}


button,
input,
select,
textarea{
 font-size:100%;
 margin:0;
 vertical-align:baseline;
 *vertical-align:middle;
}


button,
input{
 line-height:normal;
 *overflow:visible;
}


button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
 cursor:pointer;
 -webkit-appearance:button;
}


input[type="checkbox"],
input[type="radio"] {
 box-sizing:border-box;
}


input[type="search"] {
 -webkit-appearance:textfield;
 -moz-box-sizing:content-box;
 -webkit-box-sizing:content-box;
 box-sizing:content-box;
}


input[type="search"]::-webkit-search-decoration{
 -webkit-appearance:none;
}


button::-moz-focus-inner,
input::-moz-focus-inner{
 border:0;
 padding:0;
}


textarea{
 overflow:auto;
 vertical-align:top;
}


/* =width */
.w20{width:20px;}.w30{width:30px;}.w40{width:40px;}.w50{width:50px;}.w60{width:60px;}.w70{width:70px;}.w80{width:80px;}.w90{width:90px;}.w100{width:100px;}.w110{width:110px;}.w120{width:120px;}.w130{width:130px;}.w140{width:140px;}.w150{width:150px;}.w160{width:160px;}.w170{width:170px;}.w180{width:180px;}.w190{width:190px;}.w200{width:200px;}.w250{width:250px;}.w300{width:300px;}.w350{width:350px;}.w400{width:400px;}.w450{width:450px;}.w500{width:500px;}.w550{width:550px;}.w600{width:600px;}.w650{width:650px;}.w700{width:700px;}.w750{width:750px;}.w800{width:800px;}.h20{height:20px;}.h50{height:50px;}.h100{height:100px;}.h150{height:150px;}.h200{height:200px;}.h250{height:250px;}.h300{height:300px;}.h350{height:350px;}.h400{height:400px;}.h450{height:450px;}.h500{height:500px;}.h550{height:550px;}.h600{height:600px;}.h650{height:650px;}.h700{height:700px;}.h750{height:750px;}.h800{height:800px;}
 
	/*media query for button*/
	@media screen and (max-width: 768px){
	.btnWrap {
		height: auto!important;
		margin-top: 0px!important;
	}
	.btn{		
		margin-top: 0px!important;
	}
}

/* =form */
fieldset{
	margin:10px;
	padding:10px;
	border: solid 1px #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:3px;
	border-radius:5px;
	behavior: url(/js/PIE.htc);
	}
fieldset legend{
	margin:0 0 10px 0;
	padding:5px;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	behavior: url(/js/PIE.htc);
	}
fieldset legend small{
	display:inline;
	font-size:.8em;
	font-weight:normal;
	color:#fff;
	}

fieldset input,
fieldset select,
fieldset textarea{
	margin:2px;
	font-size:1em;
	background:#f0f6f9;
	border:solid 1px #aaa;
	outline:0;
	}
fieldset input,
fieldset textarea{
	margin:0;
	padding:2px;
	background:#e4ecff;
	}
fieldset textarea{
	margin:5px 0;
	}

/* nkcreate merge 20190121 */
fieldset input:disabled,
fieldset select:disabled,
fieldset textarea:disabled{
	background:#dddddd;
	}


/*2014/12/19*/
fieldset.spoubo {
    border:none;
    margin: 0;
    padding: 0;
}
fieldset.spoubo legend {
    display: none;
}
fieldset.spoubo table.detail td {
    padding: 5px;
}
fieldset.spoubo th {
    background:#666666;
    color: #ffffff;
}
fieldset.spoubo input {
    border-radius: 5px;
    margin: 5px;
    padding: 10px;
    width: 100%;
}


td label{
	cursor:pointer;
	margin:2px;
	padding:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	behavior: url(/js/PIE.htc);
	}
td label:hover{
	background:#fff5bb;
	}
td #dummy_label{
	cursor:pointer;
	margin:2px;
	padding:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	behavior: url(/js/PIE.htc);
	}
td #dummy_label:hover{
	background:#fff5bb;
	}


span.required{
	position: relative;
	margin:1px 5px;
	padding:2px 3px;
	font-size:.8em;
	background:#c33;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	}

span.recommend{
	position: relative;
	margin:1px 5px;
	padding:2px 3px;
	font-size:.8em;
	background:#3F51B5;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
}

span.optional{
	position: relative;
	margin:1px 5px;
	padding:2px 5px;
	font-size:.8em;
	background: #888;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
}

/* =button */
.btn,
.btn .hover{
	display:block;
	width:130px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../img/common/parts.png) 0 -350px no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	}
.btn.s,
.btn.s .hover{
	display:inline-block;
	float:left;
	width:28px;
	height:28px;
	}
#col_search .btn.s{
	float:none;
	}

.ui-datepicker-trigger,
.ui-datepicker-trigger .hover{
	display:inline-block;
	width:28px;
	height:28px;
	margin:0;
	padding:0;
	background:url(../img/common/parts.png) 0 -350px no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	float:none;
	}

.btn.text{
	text-align: center;
	text-indent:0;
	background-position:0 -350px;
	}
.btn.text:hover{
	background-position:0 -390px;
	}
.btn.text:active{
	color:#666;
	background-position:0 -430px;
	}


.btn.text b,
.btn.text:active b{
	display: block;
	margin:12px 0;
	padding:0;
	font-size: 1em;
	font-weight: bold;
	color:#111;
	}

table .btn.text b,
table .btn.text:active b{
	margin:-8px 0;
	}


.btn.text.long{background-position:0 -1170px;width:230px;}
.btn.text.long:hover{background-position:0 -1210px;}
.btn.text.long:active{background-position:0 -1250px;}
.off{background:url(../img/common/parts01.png) 0 0 no-repeat;width:230px;text-indent:0;}
.off:hover{background:url(../img/common/parts01.png) 0 -40px no-repeat;width:230px;text-indent:0;}
.on{background:url(../img/common/parts01.png) 0 -80px no-repeat;width:230px;text-indent:0;color:#FFFFFF;}


.btn.add{background-position:0 -470px;}
.btn.add:hover{background-position:0 -510px;}
.btn.add:active{background-position:0 -550px;}

.btn.reload{background-position:0 -590px;}
.btn.reload:hover{background-position:0 -630px;}
.btn.reload:active{background-position:0 -670px;}


.btn.login{background-position:0 -710px;}
.btn.login:hover{background-position:0 -750px;}
.btn.login:active{background-position:0 -790px;}

.btn.detail{background-position:0 -830px; width:94px; height:30px;}
.btn.detail:hover{background-position:0 -860px;}
.btn.detail:active{background-position:0 -890px;}

.btn.nav_search{background-position:0 -930px; width:140px;height:34px;}
.btn.nav_search:hover{background-position:0 -970px;}
.btn.nav_search:active{background-position:0 -1010px;}
.btn.nav_search.active{background-position:0 -1010px;}

.btn.search{background-position:0 -1050px;}
.btn.search:hover{background-position:0 -1090px;}
.btn.search:active{background-position:0 -1130px;}



.btn.s.duplicate{background-position:-140px -700px;}
.btn.s.duplicate:hover{background-position:-170px -700px;}
.btn.s.duplicate:active{background-position:-200px -700px;}

.btn.s.delete{background-position:-140px -730px;}
.btn.s.delete:hover{background-position:-170px -730px;}
.btn.s.delete:active{background-position:-200px -730px;}

.btn.s.pdf{background-position:-140px -760px;}
.btn.s.pdf:hover{background-position:-170px -760px;}
.btn.s.pdf:active{background-position:-200px -760px;}

.btn.s.img{background-position:-140px -790px;}
.btn.s.img:hover{background-position:-170px -790px;}
.btn.s.img:active{background-position:-200px -790px;}

.btn.s.mails{background-position:-140px -820px;}
.btn.s.mails:hover{background-position:-170px -820px;}
.btn.s.mails:active{background-position:-200px -820px;}

.btn.s.follow{background-position:-140px -850px;}
.btn.s.follow:hover{background-position:-170px -850px;}
.btn.s.follow:active{background-position:-200px -850px;}

.btn.s.resume{background-position:-140px -880px;}
.btn.s.resume:hover{background-position:-170px -880px;}
.btn.s.resume:active{background-position:-200px -880px;}

.btn.s.career{background-position:-140px -910px;}
.btn.s.career:hover{background-position:-170px -910px;}
.btn.s.career:active{background-position:-200px -910px;}
/*
.btn.s.cal{background-position:-140px -940px;}
.btn.s.cal:hover{background-position:-170px -940px;}
.btn.s.cal:active{background-position:-200px -940px;}
*/
.ui-datepicker-trigger{vertical-align:middle;background-position:-140px -940px;}
.ui-datepicker-trigger:hover{background-position:-170px -940px;}
.ui-datepicker-trigger:active{background-position:-200px -940px;}

.btn.s.user{background-position:-140px -970px;}
.btn.s.user:hover{background-position:-170px -970px;}
.btn.s.user:active{background-position:-200px -970px;}

.btn.s.up{background-position:-140px -1010px; height:20px;}
.btn.s.up:hover{background-position:-170px -1010px;}
.btn.s.up:active{background-position:-200px -1010px;}
.btn.s.up.select{background-position:-170px -1010px;}

.btn.s.down{background-position:-140px -1030px; height:20px;}
.btn.s.down:hover{background-position:-170px -1030px;}
.btn.s.down:active{background-position:-200px -1030px;}
.btn.s.down.select{background-position:-170px -1030px;}

span.updown{
	display:block;
	width:60px;
	}

.btn.s.csv{background-position:-140px -1060px;}
.btn.s.csv:hover{background-position:-170px -1060px;}
.btn.s.csv:active{background-position:-200px -1060px;}

.btn.s.newMail{background-position:-140px -1090px;}
.btn.s.newMail:hover{background-position:-170px -1090px;}
.btn.s.newMail:active{background-position:-200px -1090px;}

.btn.s.active{background-position:-140px -1400px;}
.btn.s.active:hover{background-position:-170px -1400px;}
.btn.s.active:active{background-position:-200px -1400px;}

/* 201404 add */
.btn.s.sms{
	background:url(../img/common/parts_add.png) 0 -1px;}
.btn.s.sms:hover{background-position:-30px -1px;}
.btn.s.sms:active{background-position:-60px -1px;}

.btn.s.newSms{
	background:url(../img/common/parts_add.png) 0 -31px;}
.btn.s.newSms:hover{background-position:-30px -31px;}
.btn.s.newSms:active{background-position:-60px -31px;}

/* 201412 add */
.btn.s.mailNg{
	background:url(../img/common/parts_add.png) 0 -59px;}
.btn.s.mailNg:hover{background-position:-30px -59px;}
.btn.s.mailNg:active{background-position:-60px -59px;}


.btnWrap{
	margin: 10px auto 20px auto;
	vertical-align: middle;
	text-align: center;
	height: 35px;
	}
.btnWrap .btn{
	display: inline-block;
	margin:0 auto;
	}
.btnWrap.top{
	margin: 10px auto 0px auto;
	}
.btnWrap.top .btn{
	margin: 10px auto 0px auto;
	}
.btnWrap .constrain{
	display:block;
	text-align: center;
	height: 35px;
	width:270px;
	margin:0 auto 0 auto;
}
.btnWrap .constrain .btn.reload{
	float:right;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="email"],
textarea{
	font-size:1.2em;
	-webkit-transition:border 0.2s linear, -webkit-box-shadow 0.2s linear;
	-moz-transition:border 0.2s linear, -moz-box-shadow 0.2s linear;
	-o-transition:border 0.2s linear, -o-box-shadow 0.2s linear;
	-ms-transition:border 0.2s linear, -ms-box-shadow 0.2s linear;
	transition:border 0.2s linear, box-shadow 0.2s linear;
	}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
textarea:focus{
	position: relative;
	background:#fff5bb;
	border:solid 1px #46c;
	-webkit-box-shadow:0 0 4px #042875;
	-moz-box-shadow:0 0 4px #042875;
	-o-box-shadow:0 0 4px #042875;
	-ms-box-shadow:0 0 4px #042875;
	box-shadow:0 0 4px #042875;
	behavior: url(/js/PIE.htc);
	}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance:none;
	margin:0;
	}


input[type="radio"],
input[type="checkbox"]{
	margin:0 2px 0 0;
	font-size:2em;
	}

input[type="button"]{
	margin: 0 5px;
	padding:1px 15px;
	vertical-align: middle;
	}


fieldset select{
	padding:3px;
	}
fieldset select:hover{
	background:#fff5bb;
	}

fieldset .small{
	font-size:.8em;
	}
fieldset textarea.small{
	font-size:.7em;
	background:#fff;
	border:solid 1px #ccc;
	}




#alertmail{
	position:relative;
	}
#bugfix{
	display:none;
	}

/* =date */
.mat{
	border:solid 1px #333;
	padding:10px;
	text-align:left;
	font-size:1em;
	color:#fff;
	background:#111;
	opacity:.8;
	filter:alpha(opacity=80);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	behavior: url(/js/PIE.htc);
	}

.mat a,
.mat a:visited{
	margin:0;
	padding:.6em;
	line-height:1.8;
	color:#eee;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	}
.mat a.heading{
	font-weight:bold;
	}
.mat a:hover{
	color:#fff;
	background:#666;
	}

.day a{
	display:inline-block;
	width:1.2em;
	}



/* =validation */

.errMsg{
	margin-left:1em;
	padding-bottom:1px;
	display:block;
	line-height:1.4;
	text-indent:-.9em;
}

.formError{
	padding-bottom:13px;
	display:block;
}
.fixed{
	padding-bottom:0;
}

.formError .formErrorClose{
	position: relative;
	border:solid #333 1px;
	border-radius:9px 9px 9px 9px;
	-moz-border-radius:9px 9px 9px 9px;
	-webkit-border-radius:9px 9px 9px 9px;
	display:block;
	width:12px;
	height:12px;
	position:absolute;
	top:-2px;
	right:-2px;
	color:#ddd;
	background:#444;
	font-weight:normal;
	font-size:.8em;
	text-align:center;
	line-height:middle;
	cursor:pointer;
	box-shadow:1px -1px 3px #888;
	-moz-box-shadow:1px -1px 3px #888;
	-webkit-box-shadow:1px -1px 3px #888;
	_z-index:2;
	behavior: url(/js/PIE.htc);
	}
.formError .formErrorClose:hover{
	background:#666;
}
.fixed .formErrorClose{
	display:none;
}

.formError .formErrorContent{
	position:relative;
	padding:3px 20px 3px 10px;
	text-align:left;
	font-size:11px;
	color:#fff;
	background:#252525;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0 0px 4px #888;
	-moz-box-shadow:0 0px 4px #888;
	-webkit-box-shadow:0 0px 4px #888;
	_z-index:1;
	behavior: url(/js/PIE.htc);
	}
.fixed .formErrorContent{
	margin-top:.5em;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	background:#f60;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.fadeOut{
	opacity:.2;
	filter:alpha(opacity=20);
}

.formError .formErrorArrow{
	width:15px;
	height:15px;
	position:absolute;
	bottom:0;
	left:20px;
	_z-index:0;
}
.fixed .formErrorArrow{
	display:none;
}
.formError .formErrorArrowBottom{
	margin:-6px;
	top:0;
}
.fixed .formErrorArrowBottom{
	display:none;
}

	.formError .formErrorArrow div{
		margin:0 auto;
		display:block;
		height:1px;
		background:#252525;
		line-height:0;
		font-size:0;
		box-shadow:0 2px 3px #888;
		-moz-box-shadow:0 2px 3px #888;
		-webkit-box-shadow:0 2px 3px #888;
	}
		.formError .formErrorArrowBottom div{
			box-shadow:none;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
		}

	.formError .formErrorArrow .line10{
		width:19px;
	}
	.formError .formErrorArrow .line9{
		width:17px;
	}
	.formError .formErrorArrow .line8{
		width:15px;
	}
	.formError .formErrorArrow .line7{
		width:13px;
	}
	.formError .formErrorArrow .line6{
		width:11px;
	}
	.formError .formErrorArrow .line5{
		width:9px;
	}
	.formError .formErrorArrow .line4{
		width:7px;
	}
	.formError .formErrorArrow .line3{
		width:5px;
	}
	.formError .formErrorArrow .line2{
		width:3px;
	}
	.formError .formErrorArrow .line1{
		width:1px;
	}

/*web*/
#web_int_rsv_btn{position:absolute;top:70px;right:250px;}

@media screen and (max-width:1200px) {
	.w500{
		max-width: 500px;
		width: 100%;
	}
	.w400{
		max-width: 400px;
		width: 100%;
	}
	.applicants-joblist{
		table-layout: fixed;
	}
}

.select2-container--default .select2-search--inline .select2-search__field{
	min-width:150px;
	}