@charset "utf-8";

* { line-height:25px;}
.f12 {
	font-size:12px;
}
.f13 {
	font-size:13px;
}
.f14 {
	font-size:14px;
}
.f16 {
	font-size:16px;
}
.f18 {
	font-size:18px;
}
.f20 {
	font-size:20px;
}
.f24 {
	font-size:24px;
}
.f30 {
	font-size:30px;
}
.f36 {
	font-size:36px;
	line-height:36px;
}
.fwb {
	font-weight:bold;
}
.fwn {
	font-weight:normal;
}
.m10 {
	margin:10px;
}
.m15 {
	margin:15px;
}
.m30 {
	margin:30px;
}
.mt1 {
	margin-top:1px;
}
.mt3 {
	margin-top:3px;
}
.mt4 {
	margin-top:4px;
}
.mt5 {
	margin-top:5px;
}
.mt8 {
	margin-top:8px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}
.mt100 {
	margin-top:100px;
}
.mt70 {
	margin-top:77px;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb35 {
	margin-bottom:35px;
}
.mb40 {
	margin-bottom:40px;
}
.mb45 {
	margin-bottom:45px;
}
.mb50 {
	margin-bottom:50px;
}
.mb100 {
	margin-bottom:100px;
}
.mb150 {
	margin-bottom:150px;
}
.mb200 {
	margin-bottom:200px;
}
.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left:15px;
}
.ml_n15 {
	margin-left:15px;
}
.ml20 {
	margin-left:20px;
}
.ml30 {
	margin-left:30px;
}
.ml50 {
	margin-left:50px;
}
.ml100 {
	margin-left:100px;
}
.mr5 {
	margin-right:5px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {
	margin-right:15px;
}
.mr20 {
	margin-right:20px;
}
.mr30 {
	margin-right:30px;
}
.mr50 {
	margin-right:50px;
}
.mr100 {
	margin-right:100px;
}
.p10 {
	padding:10px;
}
.p5 {
	padding:5px;
}
.p15 {
	padding:15px;
}
.p30 {
	padding:30px;
}
.pt3 {
	padding-top:3px;
}
.pt5 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt15 {
	padding-top:15px;
}
.pt20 {
	padding-top:20px;
}
.pt30 {
	padding-top:30px;
}
.pt50 {
	padding-top:50px;
}
.pt100 {
	padding-top:100px;
}
.pb5 {
	padding-bottom:5px;
}
.pb8 {
	padding-bottom:8px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pb30 {
	padding-bottom:30px;
}
.pb50 {
	padding-bottom:50px;
}
.pb100 {
	padding-bottom:100px;
}
.pl5 {
	padding-left:5px;
}
.pl10 {
	padding-left:10px;
}
.pl15 {
	padding-left:15px;
}
.pl20 {
	padding-left:20px;
}
.pl30 {
	padding-left:30px;
}
.pl50 {
	padding-left:50px;
}
.pl100 {
	padding-left:100px;
}
.pr5 {
	padding-right:5px;
}
.pr10 {
	padding-right:10px;
}
.pr15 {
	padding-right:15px;
}
.pr20 {
	padding-right:20px;
}
.pr30 {
	padding-right:30px;
}
.pr50 {
	padding-right:50px;
}
img { border:none;}


.survey_form { padding:2%;}
.survey_form h2 { text-align:center; font-size:20px; margin-bottom:30px;}
.s_div table{ border-collapse:collapse; line-height:28px; font-size:14px;}
.s_div table td,.s_div table th{ border-collapse:collapse;padding:2%;}
.button { width:150px; margin:0 auto;}
.button input { cursor:pointer;}
.button input:hover { background: #b03904;}
.btn_1 { background: #cd4306; height:30px; color:#FFF; border:none; font-size:16px;}
.textbox_1 {
	background-color: #FFFFFF;
	border: 1px solid #D0D0D0;
	padding: 3px;
}
.textbox_line {
	background-color: #FFFFFF;
	border:none;
	border-bottom: 1px solid #D0D0D0;
	margin-bottom:10px;
}


body {

    font: 12px/ 1.5 Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;

    padding: 0;

    margin: 0;
	line-height:25px;


}

@media (min-width: 540px) {

      .rp_con {

        font: 13px/ 1.5 Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;

     }

  @media (min-width: 768px) {

      .rp_con {

        font: 15px/ 1.5 Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;

     }


  @media (min-width: 992px) {

      .rp_con {

     font: 24px/ 1.5 Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;

      }


  @media (min-width: 1200px) {

      .rp_con {

      font: 40px/ 1.5 Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;

  }