@charset "utf-8";

html{height:100%;}
body{}
body.ctt{padding:0;}

/* Header */
header{
	width:100%;
	/*
	margin-top:72px;
	*/
}
.login_header{
	background:#fe852c;
	width:100%;
	position:relative;
}
.login_header:after{
	display:block;
	position:absolute;
	width:310px;
	height:81px;
	background:url("../images/head_bg.png") right bottom no-repeat;
	background-size:200px;
	right:0;
	bottom:0;
	opacity: 0.7;
	content:"background";
	text-indent:-99999px;
}

header h1.log_ti{
	text-indent:-99999px;
	background:url("../images/Login_ti2.png") 20px bottom no-repeat;
	background-size:50%;
	width:248px;
	height:173px;
}
p.log_comti{
	text-indent:-99999px;
	width:87.5px;
	height:19px;
	background:url("../images/head_titx.png") no-repeat;
	background-size:87.5px;
	position:absolute;
	top:20px;
	left:20px;
}
header.hcontents{
	margin:0;
	background:#3f8bd4;
	text-align:center;
	position:relative;
	padding:20px 0;
}
header.hcontents h2{color:#ffffff; letter-spacing:1px; font-weight:400; font-size:20px;}
header.hcontents a{
	position:absolute;
	display: block;
	width:31px;
	height:31px;
	text-indent:-999999px;
	background-size:18px;
}
a.sback{
	background:url("../images/btn_icon_back.png") no-repeat;
	left:10px;
	top:26px;
}
a.sclose{
	background:url("../images/btn_icon_close.png") no-repeat;
	right:10px;
	top:26px;
}

article{position:relative; padding:0 20px;}
article.cbody{padding:10px;}

/* top radio */
.srt{display:inline-block; width:24%; position: relative;}
.srt2{display:inline-block; width:30%; position: relative;}

input[type=radio]{
  position: absolute;
  visibility: hidden;
}
label{
 display: block;
 font-size:11px;
 color:#b8b8b8;
 -webkit-transition: all 0.25s linear;
}
.check{
  display: block;
  position: absolute;
  border: 2px solid #AAAAAA;
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 7px;
  left: 10px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 5px;
  width: 5px;
  top: 5px;
	left: 5px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}


input[type=radio]:checked ~ .check {
  border: 2px solid #64b883;
}

input[type=radio]:checked ~ .check::before{
  background: #64b883;
}

input[type=radio]:checked ~ label{
  color: #333;
}

/* search_area */
.search_area{background:#f2f2f2; overflow:hidden;}
fieldset{display:block;}
fieldset.mts{margin-top:40px;}
legend{display:inline-block;}
input.sin{padding:5px; margin:12px 1px 12px 0;}
input.btn_search{padding:7px 7px; margin:0 10px 0 0; background:#6bc48d; color:#ffffff; border:none;}

/* table */
table.dtb{width:100%;}
table.dtb thead{background:#51a26a;}
table.dtb thead th{color:#ffffff; padding:10px 0;}
table.dtb tbody td{padding:5px 10px; border-bottom:solid 1px #d5d5d5;}
span.box{display: block; width: 100%; text-align:center;}
span.gb{background: #51a26a; color: #ffffff;}
span.ob{background: #de7713; color:#ffffff;}


/* checkbox */
.select_area{margin:20px 0 20px 0;}
.select_area2{margin:5px 0 20px 0;}
.srt3 {display:inline-block; position:relative; cursor:pointer; overflow:hidden; width:100%;}
.srt3 input.form-inputPop {position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:5;}
.srt3 i {margin:8px 0 8px 0; float:left; display:block; width:26px; height:26px; background:url(../images/check.png)no-repeat left top; z-index:3;}
.srt3 label {float:left; cursor:pointer; font-size:12px; padding:13px 0 8px 10px;}
.srt3 input.form-inputPop:checked+i {background-position:left bottom;}
.srt3 input.form-inputPop:checked+i+label {color:#000000;}

fieldset>input{border:0; font-size:16px; color:#000000; padding:7px 0; outline:0;}
input.inp_id{border-bottom:solid 1px #4c4c4c; width:100%; margin:0 0 20px 0;}
input.inp_pass{border-bottom:solid 1px #4c4c4c; width:100%;}

a.btn_log{display:block; border:solid 2px #2893cb; padding:15px 0 15px 0; text-indent:20px; color:#000;}
a.btn_log2{position:fixed; display:block; border:solid 2px #2893cb;	padding:15px 0 15px 0; text-indent:20px; color:#000; bottom:30px;	left:20px; right:20px;}
a.btn_log3{display:block; border:solid 2px #2893cb;	padding:15px 0 15px 0; text-indent:20px; color:#000; bottom:30px;	left:30px; right:30px;}

.btn_logtx{
	width:100%;
	text-align:center;
	display:inline-block;
	margin:30px 0 0 0;
}
.btn_logtx>a{color:#b8b8b8; font-size:12px;	}

.bh{}
h3.ctitle{font-size:16px; font-weight:400; color:#000;}
h4.dtitle{font-size:16px; font-weight:400; color:#000;}
p.htx{font-size:12px; color:#919191;}

.Acontainer{margin:20px 0 0 0;}
.join-clause-box{
	padding:15px;
	border:solid 1px #ddd;
	background:#fdfdfd;
	overflow:auto;
	overflow-x:hidden;
	height:200px;
}

.Acontainer>dl{display:block; text-align:center;}
.Acontainer>dl>dt>img{width:100px;}
.Acontainer>dl>dd.yt_tx{color:#6a6a6a; margin:10px 0;}
.Acontainer>dl>dd.yt_btn{margin:0 0 25px 0;}
.Acontainer>dl>dd.yt_btn>a{display:inline-block; background:#3f8bd4; color:#fff; padding:7px 35px;}

input.jinput_a{padding:5px; font-size:12px;}
table.type_inp{border-top:solid 1px #b5b5b5;}
table.type_inp th{
	border-bottom:solid 1px #b5b5b5;
	border-right:solid 1px #b5b5b5;
	text-align:left;
	padding:7px 0;
	text-indent:10px;
	font-size:12px;
	font-weight:400;
	background:#ededed;
}
table.type_inp td{
	padding:7px 0;
	text-indent:10px;
	font-size:12px;
	font-weight:400;
	border-bottom:solid 1px #b5b5b5;
}
table.type_inp td a{display:inline-block; color:#fff; background:#3f8bd4; padding:5px 10px; text-indent:0;}
table.type_inp td span{display:block; color:#8f8f8f; word-break:break-all; padding:0 0 0 10px; text-indent:0;}

.text_a{display:block; text-align:center; font-size:26px; font-weight:400; color:#3f8bd4; margin:0 0 10px 0;}
.text_b{display:block; text-align:center; font-size:26px; font-weight:400; color:#000000; margin:100px 0 10px 0;}
.text_s{display:block; text-align:center; font-size:12px; font-weight:300; color:#a4a4a4;}
.text_m{display:block; text-align:center; font-size:12px; font-weight:500; color:#555555; margin:100px 0 0 0;}

section.mnb{}
section.mnb ul{}
section.mnb ul li{border-bottom:solid 1px #c6c6c6; background:url("../images/btn_icon_go.png") no-repeat right ; background-size: 10px;}
section.mnb ul li a{display:block; padding:15px 0; font-size:16px; color:#5c5c5c;}
section.mnb ul li a:hover{background:#f2f2f2;}