@charset "utf-8";

/*** html / body ***/
html{width:100%; height:100%;}
body{height:100%; height:auto; font-size: 13px; color: #666;}
a {display:inline-block;}

.mobile_wrap {
	width:100%; height:100%; font-size: 1rem; line-height: 1.5em;
}
.mobile_top {
	width:100%; height: 5.5em; background:#242d71; padding:1.5rem; box-sizing:border-box;
}
.mobile_top h1 {
	float:left; text-indent:-9999px; background: url(../../../resources/images/sbh/mobile/top_logo.png) no-repeat; height: 2.2em; width: 50%;
}
.mobile_top a {
	float:right; text-indent:-9999px; background: url(../../../resources/images/sbh/mobile/top_menu.png) 0 center no-repeat; width: 24px; height: 2.2em;
}
.mobile_con {
	width:100%; padding:1rem; box-sizing:border-box;
}
.mobile_con .t_st1 {
	color:#333; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; padding-bottom:1rem; margin-bottom:1.5rem; border-bottom:2px solid #222; text-align:center;
}
.mobile_con .t_st2 {
	color:#333; font-size: 1.6rem; padding:1rem 0 1.7rem 0; text-align:center; font-weight: 500;
}
.mobile_con .t_st3 {
	color:#242d71; font-size: 1.4rem; padding:0.5rem 0; font-weight: 500; position:relative;
}

.m_survey > p {
	margin-bottom:1.5rem;
}
.m_survey p.t_red {
	color:#ff5d5d; font-size: 0.9rem; margin-bottom:0.5rem;
}

.m_survey_q1 div div {
	width:100%; border:1px solid #d5d5d5; height:3.2em; padding-left:1em; box-sizing:border-box; margin-bottom:0.5rem;
}
.m_survey_q1 div div > span {
	float:left; line-height:3em;
}
.m_survey_q1 div div span span {
	padding-left:10px; color:#ff5d5d; font-size: 1.2rem;
}
.m_survey_q1 div div input {
	float:left; border:none; line-height: 3.5em; height: 2.8em; padding: 0; width:calc(100% - 113px); padding-left: 1em;
}
.m_survey_q1 div div input::placeholder {
	color:#aaa;
}

.m_survey_q1 div.active div {
	border:1px solid #ff5d5d;
}
.m_survey_q1 div.active p {
	color:#ff5d5d; padding-left:35px; background: url(../../../resources/images/sbh/mobile/icon_e_mark.jpg) 0 0 no-repeat; height:28px; line-height:28px; margin-bottom:0.7rem;
}

.m_survey_q2 ul li {
	width:100%; border-bottom:2px solid #cfcfcf;
}
.m_survey_q2 ul li p {
	padding:1em; color:#333;
}
.m_survey_q2 ul li p span {
	color:#ff5d5d;
}

.m_survey_q2 ul li .radio_box1  {
	padding:1em; padding-top:0em;
}
.radio_box1  { 
	width:100%;
}
.radio_box1 input { 
	display:none;  
}
.radio_box1 input + label{ 
	display:inline-block; background: url(../../../resources/images/sbh/mobile/radio1_1.jpg) 0 0 no-repeat; text-indent:27px; cursor: pointer; color:#858585; line-height:22px;
	margin-right:1rem; font-size:0.9rem;
}
.radio_box1 input:checked + label{ 
	background: url(../../../resources/images/sbh/mobile/radio1_2.jpg) 0 0 no-repeat; font-weight: 500; color:#111;
}

.m_survey_q2 ul li .check_box1  {
	padding:1em; padding-top:0em;
}
.check_box1 { 
	width:100%;
}
.check_box1 input { 
	display:none;  
}
.check_box1 input + label{ 
	display:inline-block; background: url(../../../resources/images/sbh/mobile/check1_1.jpg) 0 0 no-repeat; text-indent:27px; cursor: pointer; color:#858585; line-height:20px;
	margin-bottom:0.5rem; font-size:0.9rem;
}
.check_box1 input:checked + label{ 
	background: url(../../../resources/images/sbh/mobile/check1_2.jpg) 0 0 no-repeat; font-weight: 500; color:#111;
}

.m_btn_box1 {
	width:100%; margin:1rem 0;
}
.m_btn_box1 a {
	width:100%; line-height:3.2rem; background:#242d71; color:#fff; text-align:center; font-size:1.2rem;

}



.mobile_footer div {
	width:100%; box-sizing: border-box;
}
.mobile_footer .m_f_btn {
	padding:0.2rem 1rem; background:#3e4144; height:2.5em;
}
.mobile_footer .m_f_btn ul li {
	float:left; position:relative; width:35%; text-align:center;
}
.mobile_footer .m_f_btn ul li:first-child {
	text-align:left;
}
.mobile_footer .m_f_btn ul li:last-child {
	text-align:right; width:30%;
}
.mobile_footer .m_f_btn ul li:before {
	content:""; position:absolute; display:inline-block; width:1px; height:10px; background:rgba(255,255,255,0.6); left: 2px; top:10px
}
.mobile_footer .m_f_btn ul li:first-child:before {
	width:0px;
}
.mobile_footer .m_f_btn ul li a {
	color:#fff; line-height: 2.5em;
}
.mobile_footer .m_f_con {
	padding: 1rem; background:#585e63; text-align:center; color:rgba(255,255,255,0.7); font-size:0.8rem; line-height: 1.3rem;
}
.mobile_footer .m_f_con span{
	font-size:0.7rem;
}

.m_table1 {
	width:100%; border-spacing: 0px; border-collapse: collapse; border-top:2px solid #000; font-size: 1.1em;  margin-bottom:1em;
}
.m_table1 tbody {
	text-align:left; 
}
.m_table1 tbody tr {
	border-bottom:1px solid #e5e5e5;
}
.m_table1 tbody th {
	background:#f0f1fb; color:#000; padding: 0.7em;
}
.m_table1 tbody td {
	padding: 0.7em;
}

.m_table2 {
	width:100%; border-spacing: 0px; border-collapse: collapse; border-top:1px solid #20286c; border-bottom:1px solid #e5e5e5; font-size: 1.1em; margin-bottom:1em;
}
.m_table2 thead th {
	background:#f0f1fb; color:#000; text-align:center; padding: 0.7em; font-weight:500; border-bottom:1px solid #cccdda;
}
.m_table2 tbody td {
	padding: 0.7em;
}
.m_table2 tbody td input {
	padding: 0.7em; line-height:2.7rem; height:2.7rem; width:100px; text-align:right;
}

.m_table3 {
	width:100%; border-spacing: 0px; border-collapse: collapse; border-top:1px solid #20286c; border-bottom:2px solid #e5e5e5; margin-bottom:1em;
}
.m_table3 tbody tr{
	border-top:2px solid #e5e5e5;
}
.m_table3 tbody tr:first-child{
	border-top:none;
}
.m_table3 tbody tr.wrong_con, .m_table3 tbody tr.text_box{
	border-top:none;
}
.m_table3 tbody tr.wrong_con td {
	text-align:left; font-size: 1.1em; color:#555; padding: 0.2em 0 0.8em 0;
}
.m_table3 tbody tr.text_box td {
	padding: 0 0 0.8em 0;
}
.m_table3 tbody th {
	text-align:left; font-size: 1.1em; color:#000; padding: 0.8em 0;
}
.m_table3 tbody td { 
	text-align:right; font-size: 0.8em; padding: 0.8em 0;
}
.m_table3 tbody td span { 
	padding-left:30px; line-height:35px;display: inline-block;
}
.m_table3 tbody td span.wrong { 
	background: url(../../../resources/images/sbh/mobile/wrong.jpg) 0 center no-repeat;
}
.m_table3 tbody td span.confirm { 
	background: url(../../../resources/images/sbh/mobile/confirm.jpg) 0 center no-repeat;
}
.m_table3 tbody td span.date { 
	position:relative;
}
.m_table3 tbody td span.date:before { 
	content:""; position:absolute; display:inline-block; width:1px; height:13px; background:#cfcfcf; top:12px; left:14px;
}


.t_right {
	text-align:right;
}

.textarea1 {
	width:100%; border-color:#cfcfcf;
}

.m_btn_box2 {
	width:100%; margin:1em 0 2em 0; overflow: hidden;	
}
.m_btn_box2 ul li{
	width:33%; float:left;
}
.m_btn_box2 ul li:first-child {
	margin-right:0.5%; 
}
.m_btn_box2 ul li:last-child {
	margin-left:0.5%; 
}
.m_btn_box2 a {
	width:100%; text-align:center; height:3em; line-height:3em; font-size: 1.2rem;
}

.m_btn_box3 {
	width:100%; margin:1em 0 2em 0; overflow: hidden;	
}
.m_btn_box3 ul li{
	width:49%; float:left;
}
.m_btn_box3 ul li:first-child {
	margin-right:2%; 
}
.m_btn_box3 a {
	width:100%; text-align:center; height:3em; line-height:3em; font-size: 1.2rem;
}

.m_btn_b {
	background:#242d71; color:#fff;
}
.m_btn_r {
	background:#ff5d5d; color:#fff;
}
.m_btn_g {
	background:#f1f1f1; border:1px solid #dedede;
}

.btn_st1 {
	background: url(../../../resources/images/sbh/mobile/btn_bg.jpg) 0 0 repeat-x; padding: 0.4em 2em; color:#444; margin-left:0.2em; font-weight: 500; line-height: 25px !important;
}
.t_st3 .btn_st1, .t_st3 .btn_st2 {
	float: right; margin-bottom: 0.4em;
}

.btn_st2 {
	background: url(../../../resources/images/sbh/mobile/btn_check.jpg) 0 center no-repeat;  padding: 0.4em 1em 0.4em 3em; color:#444; margin-left:0.2em; font-weight: 500;
}