@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

html {
  font-family: "Noto Sans SC",'Source Han Sans CN','arial','microsoft yahei',sans-serif;
  font-size: 62.5%;
  color: #333333;
}

body {
  position: relative;
}

h1 {
  font-size: 2.86rem;
  line-height: 3.14rem;
  letter-spacing: 0.07rem;
  font-weight: normal;
}

h2 {
  font-size: 2.29rem;
  line-height: 2.57rem;
  letter-spacing: 0.07rem;
  font-weight: normal;
}

h3 {
  font-size: 1.71rem;
  line-height: 2rem;
  letter-spacing: 0.07rem;
  font-weight: normal;
}

h4 {
  font-size: 1.29rem;
  line-height: 1.57rem;
  letter-spacing: 0.07rem;
  font-weight: normal;
}

h5 {
  font-size: 1.14rem;
  line-height: 1.57rem;
  letter-spacing: 0.06rem;
  font-weight: normal;
}
#mainBody * {
    box-sizing: border-box;
    list-style: none;
}
#product section.contents{
	width:100%;
}
#mainBody section.contents .w1000{
    width: 100rem;
    margin: 0 auto;
    position: relative;
}

#mainBody section.contents .page_tit_body{
	padding-top:6rem;
	border-bottom:1px solid #6da1d9;
	text-align:center;
	padding-bottom:3rem;
	
}
#mainBody section.contents .page_tit_body h3{
	font-size:2.2rem;
	color:#075db2;
	font-weight:bold;
	margin-bottom:1.5rem;
}
#mainBody section.contents .page_tit_body p{
	font-size:1.4rem;
	line-height:2.4rem;
	color:#666666;
}
#mainBody section.contents .cont-body{
	padding-bottom:9rem;
}
#mainBody section.contents .cont-body .list-box{
	overflow:hidden;
}

#mainBody section.contents .cont-body .list-box .item-box{
	padding:4.5rem 2rem 2.5rem;
	border-bottom:1px solid #d9d9d9;
}
#mainBody section.contents .cont-body .list-box .item-box h4{
	font-size:1.5rem;
	color:#666666;
	font-weight:bold;
	line-height:2.4rem;
	margin-bottom:10px;
}
#mainBody section.contents .cont-body .list-box .item-box h4 span{
	color:#055fc0;
}
#mainBody section.contents .cont-body .list-box .item-box h5{
	font-size:1.4rem;
	line-height:3rem;
	color:#666666;
}

#mainBody section.contents .cont-body .list-box .item-box .company{
	border:2px solid #c9c9c9;
	border-radius:6px;
	width:484px;
	height:40px;
	line-height:38px;
	padding:0 10px;
	margin-bottom:25px;
}
#mainBody section.contents .cont-body .list-box .item-box .company:focus{
	border-radius:6px;
	outline: none;
	border:2px solid #c9c9c9;
}
#mainBody section.contents .cont-body .list-box .item-box ul{
	margin-top:20px;
	padding-left:24px;
	margin-bottom:25px;
}
#mainBody section.contents .cont-body .list-box .item-box ul li{
	margin-bottom:15px;
}
#mainBody section.contents .cont-body .list-box .item-box ul li:last-child{
	margin-bottom:0;
}
#mainBody section.contents .cont-body .list-box .item-box ul li input{
	outline:0;
}
#mainBody section.contents .cont-body .list-box .item-box ul li label{
	font-size:1.4rem;
	line-height:20px;
	color:#969696;
	cursor: pointer;
}

#mainBody section.contents .cont-body .list-box .item-box ul li label span input.other{
	border:0;
	border-top:1px solid #fff;
	border-bottom:1px solid #969696;
	width:95px;
	display:inline-block;
	height:20px;
	font-size:1.4rem;
	color:#969696;
	line-height:18px;
}
#mainBody section.contents .cont-body .list-box .item-box:last-child{
	border-bottom:0;
}

.radio-box {
	display: none;
}

.radio-box + label {
	padding-left:24px;
	display: inline-block;
	position: relative;
	background:url(/html2014/images/newsurvey_2022/label_bg_1.png) no-repeat left 3px;
}
.radio-box:checked + label {
	background:url(/html2014/images/newsurvey_2022/label_bg_2.png) no-repeat left 3px;
}

.check-box {
	display: none;
}

.check-box + label {
	padding-left:24px;
	display: inline-block;
	position: relative;
	background:url(/html2014/images/newsurvey_2022/label_bg_3.png) no-repeat left 3px;
}
.check-box:checked + label {
	background:url(/html2014/images/newsurvey_2022/label_bg_4.png) no-repeat left 3px;
}

#mainBody section.contents .cont-body .save_body{
	text-align:center;
	padding-top:13rem;
}
#mainBody section.contents .cont-body .save_body a.save{
	display:inline-block;
	width:214px;
	height:56px;
	line-height:56px;
	background-color:#2954ce;
	font-size:2.2rem;
	color:#fff;
	border-radius:6px;
	text-decoration:none;
	transition:.3s;
}
#mainBody section.contents .cont-body .save_body a.save:hover{
	background-color:rgba(41,84,206,.8);
}

#mainBody section.contents .over_body{
	margin:120px auto;
	width:750px;
	background-color:#fafafa;
	padding:70px 0;
	text-align:center;
}
#mainBody section.contents .over_body i{
	display:inline-block;
	width:140px;
	height:130px;
	background:url(/html2014/images/newsurvey_2022/over-icon.png);
}
#mainBody section.contents .over_body h3{
	font-size:2.4rem;
	color:#075db2;
	font-weight:bold;
	margin:2.5rem 0 15px;
}
#mainBody section.contents .over_body h4{
	font-size:1.4rem;
	color:#666;
}
#mainBody section.contents .over_body a.backbtn{
	display:inline-block;
	width:150px;
	height:40px;
	line-height:40px;
	text-decoration:none;
	background-color:rgba(41,84,206,1);
	border-radius:6px;
	overflow:hidden;
	font-size:1.6rem;
	color:#fff;
	margin-top:5.5rem;
	transition:.3s;
}
#mainBody section.contents .over_body a.backbtn:hover{
	background-color:rgba(41,84,206,.8);
}


.mobileonly {
	display: none !important;
}

@media screen and (max-width:768px) {
	.mobileonly {
		display: block !important;
	}
	#mainBody section.contents .w1000{
		width:calc(100% - 40px);
	}
	#mainBody section.contents .page_tit_body{
		padding-top:4rem;
		border:0;
		padding-bottom:3rem;
	}
	#mainBody section.contents .page_tit_body p{
		font-size:1.2rem;
		white-space: nowrap;
	}
	
	
	#mainBody section.contents .cont-body .list-box .item-box{
		padding:0;
		border-bottom:0;
	}
	#mainBody section.contents .cont-body .list-box .item-box h4{
		font-size:1.4rem;
	}
	#mainBody section.contents .cont-body .list-box .item-box .company{
		border:1px solid #999999;
		width:100%;
		height:40px;
		line-height:38px;
		margin-bottom:2.5rem;
	}
	#mainBody section.contents .cont-body .list-box .item-box p#comum2{
		margin-bottom:25px;
		margin-top:-10px;
	}
	
	#mainBody section.contents .cont-body .list-box .item-box ul{
		padding-left:0;
	}
	#mainBody section.contents .cont-body .save_body{
		padding-top:5rem;
	}
	#mainBody section.contents .cont-body .save_body a.save{
		height:50px;
		line-height:50px;
		width:180px;
		font-size:18px;
	}
	
	#mainBody section.contents .over_body{
		margin:3rem auto;
		width:100%;
		padding:4rem 2rem;
	}
	#mainBody section.contents .over_body i{
		width:90px;
		height:84px;
		background-size:90px 84px;
	}
	#mainBody section.contents .over_body h3{
		font-size:2rem;
		margin:15px 0 10px
	}
	#mainBody section.contents .over_body h4{
		font-size:1.4rem;
		line-height:20px;
	}
	#mainBody section.contents .over_body a.backbtn{
		width:130px;
		font-size:1.4rem;
		margin-top:3rem;
	}
	
	
}