@charset "utf-8";
.vol_img_wrap{
	padding: 20px 0;
	text-align: center;
}
.vol_img_wrap01{
	padding: 20px 0;
	text-align: center; border: 1px solid #CCCCCC
}
.vol_btn_wrap{
	text-align: right;
}
.vol_btn{
	padding: 10px 20px;
	border: none;
	border-radius: 30px;
	color: #fff;
	background-color: #009893;
	transition: 0.3s;
}
.vol_btn:hover, .vol_btn:focus{
	color: #fff;
	background-color: #444;
}
.btn_center{
	text-align: center;
}
.vol_btnorg{
	padding: 10px 20px;
	border: none;
	border-radius: 30px;
	color: #fff;
	background-color: #ed9608;
	transition: 0.3s;
}
.vol_btnorg:hover, .vol_btnorg:focus{
	color: #fff;
	background-color: #444;
}
.vol_btnbks{
	padding: 2px 8px;
	border: none;
	border-radius: 30px;
	color: #fff;
	background-color: #000;
	transition: 0.3s;display: inline-block; font-size: 13px
}
.vol_btnbks:hover, .vol_btnbks:focus{
	color: #fff;
	background-color: #666;  
}


.vol_img_wrap{
	width: 100%;
}
.vol_img_wrap .vol1_1{
	width: ;
}
.vol_img_wrap01{
	width: 100%;
}
.vol_img_wrap01 .vol1_1{
	width: ;
}
.pro_stit{
	position: relative;
	padding-top: 20px;
	padding-left: 25px;
	padding-bottom: 5px;
	color: #000;
	font-size: 1.8rem;
	font-weight: bold;
}
.pro_stit:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 23px;
	width: 22px;
	height: 22px;
	background-image: url(/images/ch.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.pro_stit_t{
	display: inline-block;
	padding: 2px 10px;
	margin: 15px 0px 10px;
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
	background-color: #45ab75;
}
.pro4 a{
	color: #f29600;
	font-weight: bold;
}
.pro3 p{
	margin-bottom: 30px;
}

.con_table{
	width: 100%;
}
.table_inner{
	width: 100%;
}
.table_inner table:not(.table_v){

	border: 1px solid #ccc;
	text-align: center;
	table-layout: fixed;
    max-width: none;
    width: auto;
    min-width: 100%;

}

.table_v{
	width: 100%;
	border: 1px solid #ccc;
	text-align: center;
	table-layout: fixed;
    max-width: none;
    min-width: 100%;

}

.table_inner th, .table_inner td{
	border: 1px solid #ccc;
    padding: 5px;
}
.table_inner th{
	border-bottom: none;
	color: #fff;
	background-color: #009893;
}
.table_inner th.th1{
	background-color: #fff; color: #246eb9
}
.table_inner th.th2{
	background-color: #fff; color: #246eb9; border-top: 2px solid #246eb9
}
.table_inner th.th3{
	background-color: #e4efe7; color: #333; border-top: 2px solid #36b5bd; font-weight:400
}
.table_inner td.td3{
	background-color: #009893; color: #000; 
}
.td1{
	background-color: #e4efe7;
}
.td2{
	background-color: #fff; font-weight: 600
}
.td_txt{
	
}
.td_txtleft{
	 text-align: left; padding-left: 20px !important;
}
.td_txt a{
	color: #838383;
}
.td_txt a:hover, .td_txt a:focus{
	color: #f29600;
}
.tr_em .td_txt{
	color: #c77c00;
	font-weight: bold;
}

@media screen and (max-width:767px){

	.vol_img_wrap{
		position: relative;
		width: 100%;
	}
	.vol_img_wrap .vol_img{
		width: 100%;
	}
	.vol_img_wrap01{
		position: relative;
		width: 100%;
	}
	.vol_img_wrap01 .vol_img{
		width: 100%;
	}
	.vol_img_m{
		position: absolute;
		right: 0;
		bottom: 20px;
		width: 30px;
		height: 30px;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.img_read{
		width: 80%;
		padding-top: 3px;
	}
	.vol_btn_wrap{
		text-align: left;
	}

}

@media screen and (max-width:1299px){
	.vol_img_wrap{
		position: relative;
		width: 100%;
	}
	.vol_img_wrap .vol_img{
		width: 100%;
	}
	.vol_img_wrap01{
		position: relative;
		width: 100%;
	}
	.vol_img_wrap01 .vol_img{
		width: 100%;
	}
	.vol_img_m{
		position: absolute;
		right: 0;
		bottom: 20px;
		width: 30px;
		height: 30px;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.img_read{
		width: 80%;
		padding-top: 3px;
	}
	.vol_btn_wrap{
		text-align: left;
	}

}


.om{display:none;}




@media screen and (max-width:650px){
.or1{width:20%;}
.or2{width:40%;}
.om{display:block;}
.table_inner table{width: auto;}
.sb_table_t{font-size:17px; color:#00bac2;}
.sb_table_p{font-size:17px; color:#1e8286;}
.sb_table_i{font-size:13px; color:#a5a8a8;}
.left_td{font-size:15px;}

}

@media screen and (min-width:651px){
.or1{width:20%;}
.or2{width:60%;}
.sb_table_p{font-size:20px; color:#1e8286;}
.sb_table_t{font-size:20px; color:#00bac2;}
.sb_table_i{font-size:16px; color:#a5a8a8;}
.left_td{font-size:18px;}
.table_or{font-size:1.5rem;}

}


@media screen and (max-width:450px){
.table_or{font-size:11px;}
.table_m{font-size:9px !important;}
.table_m td{padding:2px !important;}


}
@media screen and (min-width:451px){
.table_or{font-size:1.5rem;}
}


.sb_table table{
	text-align: center;
	table-layout: fixed;
    max-width: none;
    width: auto;
    min-width: 100%;
}

.sb_table_t{font-weight:bold;}

.left_td{text-align:left; padding:0px; }
.sb_table_t{font-size:20px; color:#00bac2;}



.sb_wrap{width:800px; overflow:hidden float:left; margin:0 auto;}
.sb_wrap p{text-align:center; font-size:30px; margin-bottom:10px;}
.sb_wrap_cont{ height:100%; width:calc(100% - 115px); float:left; padding-top:25px; padding-left:10px;}
.sb_wrap_cont2{ height:100%; width:calc(100% - 80px); float:left; padding-top:25px; padding-left:50px;}
.sb_wrap_num{width:100px; height:70px; border-radius:50px; float:left; margin:5px; background:#209e76; color:#fff; line-height:70px; font-size:20px; text-align:center;}
.sb_wrap_num2{width:70px; height:70px; border-radius:50%; float:left; margin:5px; background:#44558F; color:#fff; line-height:70px; font-size:30px; text-align:center;}
.sb_wrap_sec{width:100%; height:80px; background:#E6F7F7; border-radius:80px; margin-bottom:15px;}
.sb_wrap_sec2{width:100%; height:80px; background:#e9f4f7; border-radius:80px;}
.nope{display:none;}
.sb_next{width:70px; height:35px; 	background-image: url(/images/sb_next.png);
	background-repeat: no-repeat;
	background-size: contain; margin:10px auto;}

@media screen and (max-width:800px){

.nope{display:block;}
.sb_wrap{width:100%; overflow:hidden float:left; margin:0 auto;}

.sb_wrap_cont{  padding-top:15px; text-align:left;  padding-left:0px;}
.sb_wrap_cont2{  padding-top:15px; text-align:left;  padding-left:0px;}
}

@media screen and (max-width:650px){
.sb_wrap_sec{width:100%; height:70px; border-radius:70px;}
.sb_wrap_sec2{width:100%; height:70px; border-radius:70px;}
.cont1{padding-top:22px !important;}
.free{font-size:13px !important;}
.sb_wrap_cont{ font-size:13px; padding-top:3px; text-align:left; width:calc(100% - 70px); padding-right:5px;}
.sb_wrap_cont2{ font-size:13px; padding-top:13px; text-align:left;}
.e2{padding-top:13px !important;}
.sb_wrap_num{width:50px; height:50px; border-radius:50%; float:left; margin:10px 5px 10px 10px;  line-height:50px;font-size:15px;}
.sb_wrap_num2{width:50px; height:50px; border-radius:50%; float:left; margin:10px 5px 10px 10px; background:#44558F; color:#fff; line-height:50px; font-size:30px; text-align:center;}
}


@media screen and (max-width:350px){

.sb_wrap_sec{width:100%; height:80px; border-radius:80px;}
.sb_wrap_sec2{width:100%; height:80px; border-radius:80px;}
.cont1{padding-top:30px !important;}
.sb_wrap_cont{ font-size:12px; padding-top:5px;}
.sb_wrap_cont2{ font-size:13px; padding-top:5px;}
.sb_wrap_num{width:50px; height:50px; border-radius:50%; float:left; margin:15px 5px 5px 15px;  line-height:50px; font-size:15px;}
.sb_wrap_num2{width:50px; height:50px; border-radius:50%; float:left; margin:15px 5px 5px 15px; background:#44558F; color:#fff; line-height:50px; font-size:30px; text-align:center;}
}

}

