html, body{width: 100%; }
.whole{width: 100%; }
#section{width: 880px; margin: 0 auto; }
#section * {box-sizing: border-box; }
#section > h2 {border-bottom: 1px solid #333; padding-bottom: 50px; margin: 0 auto;}
table{width: 100%; margin: 0 auto; border-top:2px solid #000;border-bottom:2px solid #000; }
caption{width: 0; height: 0; overflow: hidden; }
thead{width: 100%;}
tbody{width: 100%;}
tr{width: 100%; height: 45px; border-top: 1px solid #999; border-bottom: 1px solid #999; }
tr > th{font-size: 16px; font-weight: bold; text-align: center; color: #fff; background-color: #5A589F; vertical-align: middle; border: 0;padding: 0; line-height: 18px; }
tr > td{font-size: 14px; text-align: left; color: #333; border-left: 0; padding: 15px;vertical-align: middle; border: 0;}
tr > td > input{height: 30px !important; border: 1px solid #999 !important; }
tr > td > input[type="text"]{width: 200px !important; padding: 0; text-indent:5px; }
tr > td > input.title_input{width: 100% !important; }
tr > td > input[type="checkbox"]{}
tr > td > select{width: 120px; height: 30px !important; border: 1px solid #999 !important;}
tr > td > textarea{width: 100%; height: 100px; border: 1px solid #999; padding: 5px; }
tr > td > div{display: inline-block; margin: 0 5px; }
tr > td > p{width: 100%; height: 100%; display: block; font-size: 12px; color: #333; text-align: left; padding: 10px; padding-bottom: 20px; margin-bottom: 20px; line-height: 18px;  border-bottom: 1px solid #999; }
tr > td > p > a{width: auto; height: auto; display: inline-block; font-weight: bold; color: #5A589F; font-size: inherit; }

fieldset > input{width: 120px; height: 40px; font-size: 17px; font-weight: bold; margin: 30px auto; display:block; background-color: #5A589F; text-align: center; color: #fff !important; border-radius: 5px; border: 1px solid #dfdfdf; }
#c_mail{width: 100% !important; }
.floL{float: left; }

.commentBox{background-color: #f3f3f3; border-radius: 5px; padding: 30px 10px; margin: 0 auto; margin-top: 50px; }
.commentBox fieldset{border:0;margin-top: 30px;}
.commentBox h6{font-size: 15px; width: 13%;height: 25px; line-height: 25px; display:block;font-weight: bold; text-align: center; color:#555; text-indent: 20px;}
.commentBox pre{font-size: 14px; width: 70%;height: auto; line-height: 25px; display:block; margin: 0 1%; }
.commentBox p{font-size: 12px; width: 10%;height: auto; line-height: 25px; display:block;color: #777; text-align: center;}
.commentList div{width: 5%;height: auto; line-height: 25px; display:block;}
.commentList div > a{font-size: 12px; width: 17px;height: 17px; line-height: 16px; display:block;color: #777; text-align: center;border: 1px solid #aaa; margin: 3px auto 0;border-radius:1px;}
.commentBox textarea{font-size: 14px; width: 73%;height: 70px; display:block; border: 1px solid #ccc; margin:0 1%; border-radius: 3px;padding:5px; resize:none;background-color:#fff; }
.commentBox > #comFrm {margin-top:50px; }
.commentBox > h5{border-bottom: 1px solid #ccc;font-size:14px; font-weight: bold;padding-bottom: 15px;margin-bottom:15px;color:#999; }
.commentBox button {width: 10%; font-size: 14px; font-weight: bold; border:0; background-color: #a79add; color: #fff; border-radius: 3px; height: 70px; line-height: 70px;cursor:pointer; }
.commentBox .commentList{height: auto; padding:15px 0;border-bottom: 1px solid #dedede; }


@media (min-width: 641px) and (max-width: 1279px) {
	form{width: 98%; margin: 20px auto;}
	#section {width: 100%; }
	#section > h2 {width: 98%;}
	table{width: 98%; }
	caption{width: 0; height: 0; overflow: hidden; }
	thead{width: 100%;}
	tbody{width: 100%;}
	tr{width: 100%; height: 50px; }
	/*tr > th{width: 25%; font-size: 16px; line-height: 24px;}*/
	tr > td{font-size: 12px; padding: 10px;}
	tr > td > input{height: 35px !important; border: 1px solid #999 !important; font-size: 16px; }
	tr > td > input[type="text"]{width: 150px !important; }
	tr > td > select{width: 100%; height: 30px !important; border: 1px solid #999 !important; margin-top: 5px; }
	tr > td > textarea{width: 100%; height: 120px; border: 1px solid #999; padding: 5px; font-size: 16px; }
	tr > td > div{display: inline-block; margin: 0 5px; }
	tr > td > p{ font-size: 14px; line-height: 18px; }
	tr > td > p > a{width: auto; height: auto; display: inline-block; font-weight: bold; color: #B2C53E; }

	.commentBox{width: 98%; }
	.commentBox fieldset{border:0;margin-top: 30px;}
	.commentBox h6{font-size: 15px; width: 13%;height: 25px; line-height: 25px; text-indent: 10px;}
	.commentBox pre{font-size: 14px; width: 70%;height: auto; line-height: 25px; margin: 0 1%; }
	.commentBox p{font-size: 12px; width: 10%;height: auto; line-height: 25px;  }
	.commentList div{width: 5%;height: auto; line-height: 25px; display:block;}
	.commentList div > a{font-size: 12px;line-height: 16px; margin: 3px auto 0;}
	.commentBox textarea{font-size: 14px; width: 73%;height: 70px; margin:0 1%; border-radius: 3px;padding:5px; }
	.commentBox > #comFrm {margin-top:50px; }
	.commentBox > h5{font-size:14px; padding-bottom: 15px;margin-bottom:15px;}
	.commentBox button {width: 10%; font-size: 14px; border:0; border-radius: 3px; height: 70px; line-height: 70px;}
	.commentBox .commentList{height: 50px; }

}

@media (max-width: 640px){
	form{width: 98%; margin: 10px auto;}
	#section {width: 100%; }
	#section > h2 {width: 98%;}
	table{width: 98%; }
	caption{width: 0; height: 0; overflow: hidden; }
	thead{width: 100%;}
	tbody{width: 100%;}
	tr{width: 100%; height: 45px; }
	tr > th{font-size: 12px; }
	tr > td{font-size: 12px; padding: 5px; }
	tr > td > input{height: 30px !important; border: 1px solid #999 !important; }
	tr > td > input[type="text"]{width: 80px !important; }
	tr > td > input[type="checkbox"]{}
	tr > td > select{width: 100%; height: 30px !important; border: 1px solid #999 !important; margin-top: 5px; }
	tr > td > textarea{width: 100%; height: 100px; border: 1px solid #999; padding: 5px; }
	tr > td > div{display: inline-block; margin: 0 5px; }
	tr > td > p{ font-size: 11px; line-height: 16px; }
	tr > td > p > a{width: auto; height: auto; display: inline-block; font-weight: bold; color: #B2C53E; }

	fieldset > input{width: 80px; height: 28px; font-size: 14px; margin: 20px auto; }

	.commentBox{width: 98%; padding: 15px 10px; margin-top: 0; }
	.commentBox fieldset{margin-top: 10px;}
	.commentBox h6{font-size: 12px; width: 100%;line-height: 15px; text-indent: 0; height: 15px; }
	.commentBox pre{font-size: 12px; width: 100%;margin: 0;line-height: 18px; }
	.commentBox p{font-size: 11px; width: 15%;}
	.commentList div{width: 5%;height: auto; line-height: 25px; display:block;}
	.commentList div > a{font-size: 12px; width: 17px;height: 17px; line-height: 16px; display:block;color: #777; text-align: center;border: 1px solid #aaa; margin: 3px auto 0;border-radius:1px;}
	.commentBox textarea{font-size: 12px; width: 100%;height: 70px; margin:0 auto; padding:5px; }
	.commentBox > #comFrm {margin-top:50px; }
	.commentBox > h5{font-size:12px; padding-bottom: 10px;margin-bottom:10px;}
	.commentBox button {width: 100%; font-size: 14px; height: 30px; line-height: 30px;margin: 10px auto 0; }
	.commentBox .commentList{height: auto; padding: 10px 0;}

}