@charset "utf-8";
/* CSS Document */

/* =============================================================================
   Imports
   ========================================================================== */
@import url("default.css");
@import url("decorate.css");
@import url("txt.css");
@import url("form.css");
.bg-inside {
	/* background:url('../images/shared/members/bg.png') no-repeat 0 0; */
}
/* ===== Content Inside ========================================================*/
.member-info{
	width:600px;
	padding:5px 0 0 35px;
}

.imgtxt-date { float:left; padding:8px 25px 8px 20px; }
.register-date { float:left; padding:13px 8px 8px 8px; }
.member-info-list{
	list-style-type:none;
	margin:0;
	padding:10px 0 0 0;
}
ul.member-info { margin-left: 200px;}
.member-info-list > li{
	margin:0;
	padding:1px 0;
}
.member-info-list li.norm{
	margin:0;
	padding:10px 0px;
}
ul.form > li { padding: 5px 0px; }
ul.form > li:first { padding-top: 0px; }
ul.form > li:last { padding-bottom: 0px; }
.txt-file{
	padding:0 0 0 110px;
}
.bg-txtfield{
	float:left;
	background:url('../images/shared/bell/bg-txtfield.png') no-repeat 0 0;
	width:221px;
	height:29px;
}
.file_1 {
	background:url('../images/shared/members/bg-txtfield.png') no-repeat 0 0;
	color: #111;
	border:none;
	width:211px;
	height:19px;
	color:#d3d3d3;
	padding:5px;
}
/*select.items-01 { width: 210px; }*/

small{
	font-size:11px;
}
.member-personalinfo{
	width:630px;
	padding:0 0 0 35px;
}
.txt-bar{
	margin-top:25px;
}
.personalinfo-list{
	list-style-type:none;
	/*margin:0;*/
	/*padding:5px 0 0 35px;*/
}
.personalinfo-list li{
	margin:0;
	padding:1px 0px;
}
.personalinfo-list li.norm{
	margin:0;
	padding:10px 0px;
}
.personalinfo-list li.l-padding{
	margin:0;
	padding:30px 0px 10px 0;
}
.col-form{
	float:left;
	padding-right:15px;
}
.col-form-select{
	float:left;
	padding-right:15px;
}
.bg-textfield{
	float:left;
	background:url('../images/shared/contact/bg-textfield.png') no-repeat 0 0;
	width:211px;
	height:29px;
}
.bg-textfield-s{
	float:left;
	background:url('../images/shared/members/bg-txtfield-s.png') no-repeat 0 0;
	width:157px;
	height:29px;
}
.bg-textfield-calendar{
	float:left;
	/* background:url('../images/shared/contact/bg-textfield.png') no-repeat 0 0; */
	width:211px;
	height:29px;
	position:relative;
}
.bg-textfield-calendar .txt-cdate{
	position:absolute;
	top:7px;
	left:7px;
}
.bg-textfield-calendar .icon-calendar{
	float:left;
	background:url('../images/shared/members/icon-calendar.png') no-repeat 0 0;
	width:22px;
	height:23px;
	position:absolute;
	top:4px;
	right:5px;
}
.bg-textfield-age{
	float:left;
	/* background:url('../images/shared/members/bg-txtfield-s.png') no-repeat 0 0; */
	width:157px;
	height:29px;
	position:relative;
}
.bg-textfield-age .txt-age{
	position:absolute;
	top:7px;
	left:7px;
}
.bg-textfield-age .txt-year{
	position:absolute;
	top:7px;
	right:13px;
}
.bg-textfield-l{
	float:left;
	/* background:url('../images/shared/members/bg-txtfield-l.png') no-repeat 0 0; */
	width:355px;
	height:29px;
	position:relative;
}
.bg-textarea{
	float:left;
	/* background:url('../images/shared/contact/bg-textarea.png') no-repeat 0 0; */
	width:438px;
	height:99px;
}
.txt-doctype{
	padding-top:6px;
}
.imgtxt-address{
	display: block;
	padding:8px 10px 8px 48px;
}
div.imgtxt-address div.col-form { margin-top: 3px; margin-left: -8px; }

.bar-qualification{
	float:left;
	background:url('../images/th/members/bar-qualification.png') no-repeat 0 0;
	width:667px;
	height:42px;
	margin:25px 0 15px 0;
}
.bar-document{
	float:left;
	background:url('../images/th/members/bar-document.png') no-repeat 0 0;
	width:667px;
	height:42px;
	margin:25px 0 15px 0;
}
.icon-list{
	float:right;
	list-style-type:none;
	margin:0;
	padding:0 25px 0 0;
}
.icon-list li{
	float:left;
	margin:0;
	padding:8px 6px;
}
.img-title-qualification{
	float:left;
	background:url('../images/th/members/img-title-qualification.png');
	width:667px;
	height:46px;
}
.img-title-document{
	float:left;
	background:url('../images/th/members/img-title-document.png');
	width:667px;
	height:46px;
}
.qualification-list{
	list-style-type:none;
	margin:0;
	padding:0;
	width:676px;
}
.qualification-list > li{
	float:left;
	width:647px;
	margin:0;
	padding:10px 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.21);
	-webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	*border-top: 1px solid #6d6d6d;
	border-top: 1px solid #6d6d6d\0/;
}
.qualification-list > li:first-child{
	border-top:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	*border-top: none;
}
.qualification-list > li:nth-child(2n){
	-webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	background:url(../images/shared/bg-black.png) repeat 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.21);
	*border-top: 1px solid #6d6d6d;
	border-top: 1px solid #6d6d6d\0/;
}
.qualification-list > li:last-child{
	-webkit-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.21);
	*border-bottom: 1px solid #6d6d6d;
	border-bottom: 1px solid #6d6d6d\0/;
}
.line-col-qualification{
	float:left;
	background:url('../images/shared/members/line-col-qualification.png') repeat-y;
}
.qualification-desc{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	width:660px;
}
.qualification-desc > li{
	float:left;
	margin:0;
	padding:0;
}
.qualification-desc > li:first-child{
	width:110px;
	padding:5px 5px;
}
.qualification-desc > li:first-child .check{
	float:left;
	width:8px;
	padding:3px 15px 0 0;
}
.qualification-desc > li:first-child .txt-checkbox{
	float:left;
	width:80px;
}
.qualification-desc > li:nth-child(2){
	width:100px;
	padding:5px 5px 5px 20px;
}
.qualification-desc > li:nth-child(3){
	width:149px;
	padding:5px 5px 5px 20px;
}
.qualification-desc > li:nth-child(4){
	width:88px;
	text-align: center;
	padding:5px 20px 5px 20px;
}
.qualification-desc > li:nth-child(5){
	width:69px;
	text-align: center;
	padding:5px 20px 5px 20px;
}

.document-list{
	list-style-type:none;
	margin:0;
	padding:0;
	width:676px;
}
.document-list > li{
	float:left;
	width:647px;
	margin:0;
	padding:10px 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.21);
	-webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	*border-top: 1px solid #6d6d6d;
	border-top: 1px solid #6d6d6d\0/;
}
.document-list > li:first-child{
	border-top:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	*border-top: none;
}
.document-list > li:nth-child(2n){
	-webkit-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	background:url(../images/shared/bg-black.png) repeat 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.21);
	*border-top: 1px solid #6d6d6d;
	border-top: 1px solid #6d6d6d\0/;
}
.document-list > li:last-child{
	-webkit-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.21);
	*border-bottom: 1px solid #6d6d6d;
	border-bottom: 1px solid #6d6d6d\0/;
}
.line-col-document{
	float:left;
	background:url('../images/shared/members/line-col-document.png') repeat-y;
}
.document-desc{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	width:660px;
}
.document-desc > li{
	float:left;
	margin:0;
	padding:0;
}
.document-desc > li:first-child{
	width:193px;
	padding:5px 5px;
}
.document-desc > li:first-child .check{
	float:left;
	width:8px;
	padding:3px 15px 0 0;
}
.document-desc > li:first-child .txt-checkbox{
	float:left;
	width:160px;
	padding-left:2px;
}
.document-desc > li:nth-child(2){
	width:274px;
	padding:5px 10px 5px 16px;
}
.document-desc > li:nth-child(3){
	width:120px;
	padding:5px 0 5px 30px;
}
p.register-shadow-btm{
	margin:0;
	padding:25px 0;
}
.btn-submit{
	float:left;
	padding:0 0 20px 225px;
}
.btn-reset{
	float:left;
	padding:0 0 20px 0;
}
.title-checkbox{
	float:left;
	padding:15px 0 0 15px;
}

div.btn { display: block; text-align: center; padding: 0px 10px 20px 0px; }
div.btn input.btn_submit { display: inline-block; width: 86px; height: 37px; border: 0px; background: none no-repeat center center;  }
div.btn input.btn_reset { display: inline-block; width: 86px; height: 37px; border: 0px; background: none no-repeat center center;  }

/* ===== radio ========================================================*/
.radio {
	float:left;
	height: 22px;
	width: 6px;
	margin: 0 0 3px;
	padding: 0 15px 0 10px;
	background: url('../images/shared/radio.png');
	background-repeat:no-repeat;
	cursor: default;
}
.checkbox input,.radio input {
	display: none;
}
.checkbox input.show,.radio input.show {
	display: inline;
}
.selected {
	background-position: 0 -52px;
}
.block {
	float: left;
	width: 50%;
}
label {
	float:left;
	padding:6px 0 0 0;
	text-align:left;
	cursor:auto;
}
label span{
	cursor:auto;
}
fieldset{
	float:left;
}

/*edit*/
.wrapper {
	display:block;
	width:100%;
}

div.hidden_input { display: none; height: 0px; }
div.form_remark { display: block; color: #C48F39; line-height: 20px; padding-top: 10px; }