@charset "utf-8";

.write_contents{overflow:hidden;}
.write_contents.write-top{overflow:hidden; margin-bottom:50px}
.write_contents.write-top .write-top-title{float:left; width:280px; font-size:26px; color:#3a3a3a}
.write_contents.write-top .write-top-title span{width:25px; height:1px; display:block; background:rgba(51,51,51,1);}
.write_contents.write-top .write-top-stitle{float:right; width:870px; font-size:14px; color:#4d4d4d; line-height:160%}
.write_contents.write-top .write-top-stitle p{padding-bottom:10px;}
.write_contents .write-table { overflow:hidden;}
.write-table .write-table-title{font-size:18px; border-bottom:2px solid rgba(51,51,51,1); padding-bottom:5px}
.write-table .write-table-title .pname{ color: red; font-weight: bold;}
.write-table input[type="text"], .write-table input[type="password"], .write-table select{ vertical-align: middle;}
	
.write-table .write-div {float:left; overflow:hidden; border-bottom:1px solid #e5e5e5; width:100%;}
.write-table .div50{width:50%;}
.write-table .write-table-th{ width:170px; height:70px; line-height:70px; background:#fafafa; font-size:16px; float:left; border-right:1px solid #e5e5e5; text-align: center; box-sizing:border-box}
.write-table .write-table-td{ width:calc(100% - 171px); height:70px; overflow:hidden; line-height:70px; float:left;background:#fff; font-size:16px; padding:0 20px; box-sizing:border-box;  }

.wd30{ width:30%}
.wd40{ width:40%}
.wd100{ width:100%}
 
#zipsearch { vertical-align:middle;}

.write-de{border-bottom:1px solid #e1e2e2; padding-bottom:15px;}
.write-de .write-de-title{font-size:18px; border-bottom:2px solid rgba(51,51,51,1); padding-bottom:5px; margin-top:20px; margin-bottom:15px;}
.write-de .write-de-area{padding:0 15px;}
.write-de .write-de-area textarea{width:100%; height:240px; box-sizing:border-box; border:1px solid #aaaaaa}
.write-agree{padding-top:40px;}
.write-agree .write-agree-title{ border-bottom:2px solid rgba(51,51,51,1); color:#a87161; font-size:18px; padding-bottom:10px;}
.write-agree .write-agree-title span{float:right; font-size:13px; color:rgba(51,51,51,1);}
.write-agree .write-agree-stitle{height:50px; line-height:50px; font-size:15px}
.write-agree .write-agree-stitle span{float:right; font-size:13px; color:rgba(51,51,51,1);}
.write-agree .argee-btn{overflow:hidden; text-align:center; margin-bottom:100px; padding-top:50px;}
.write-agree .argee-btn > div{width:130px; height:60px; line-height:60px; text-align:center; font-size:14px; box-sizing:border-box; display:inline-block; cursor:pointer; margin-right:3px; }
.write-agree .argee-btn .argee-btn-on{background:#526ecf; color:rgba(255,255,255,1); border:1px solid #526ecf}
.write-agree .argee-btn .argee-btn-on:hover{background:#526ecf; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear;}
.write-agree .argee-btn .argee-btn-gray{background:#fff; color:rgba(51,51,51,1); border:1px solid #cccccc}
.write-agree .argee-btn .argee-btn-gray a { display:inline-block; width:100%;}
.write-agree .argee-btn input[type="submit"] { background: none; display: inline-block; width: 100%; border: none; color: #fff } 


.agreein{ width:100%; height:160px; overflow-y:scroll; border:1px solid #e5e5e5; font-size:13px; margin-bottom:15px; padding:5px 25px; box-sizing:border-box; font-weight:normal; line-height:180%; color:rgb(102,102,102)}
.agreeokbtn{text-align:center; font-size:16px}



@media only all and (max-width: 1024px){
	.write-table .write-div:nth-child(2) .write-table-th { width:30%; height:45px; line-height:38px;}
	.write-table .write-div:nth-child(2) .write-table-td { width:70%; height:45px; line-height:38px;}
	.write-table .write-div:nth-child(3) .write-table-th { width:30%; height:45px; line-height:38px;}
	.write-table .write-div:nth-child(3) .write-table-td { width:70%; height:45px; line-height:38px;}
	.write-table .write-div:nth-child(4) .write-table-th { width:30%; height:140px; line-height:38px;}
	.write-table .write-div:nth-child(4) .write-table-td { width:70%; height:140px; line-height:38px;}
	.write-table .write-div:nth-child(5) .write-table-th { width:30%; height:170px; line-height:38px;}
	.write-table .write-div:nth-child(5) .write-table-td { width:70%; height:170px; line-height:38px;}
	.write-table .write-table-td { height:auto;}
	.write-table .div50{width:100%;}
	#name, #upw{width:97%;}
}


@media only all and (max-width: 800px){
	.write-table .write-table-td select,
	.write-table .write-table-td input[type="text"] { width:90%; line-height:28px; height:28px;} 
	#name, #upw{line-height:28px; height:28px;}
}