.index_check_modal_title{
	width: 100%;
	background-color: #666;
	padding-left: 1.54%;
	color: white;
    font-weight: bold;
}
.index_check_modal_comment{
  	border:1px solid #eee;
}
.index_check_modal_method{
	text-align: center;
	display: block;
}
.index_method_content_div > div{
	float: left;
}
.mode_method_img{
  	border: 2px solid transparent;
}
.mode_method_img_active{
  	border-color: #ccc !important;
}
.mode_method_comment{
	text-align: center;
    line-height: 1;
    padding-bottom: 0;
    width: 100%;
}
.mode_method_1 > div{
  	float: left; 
}
.index_check_modal_content_body .char_options_line{
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
}
.index_check_modal_content_body .btnDiv{
	width: 100%;
	text-align: right;
}
.index_check_modal_content_body .btnDiv div.btn{
	padding: 0px;
	text-align: center;
	background-color: #6D8AB5;
}
.index_check_modal_btns{
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	-moz-align-items: center;
  	-ms-align-items: center;
	-webkit-align-items: center;
    align-items: center;
  	-moz-justify-content: flex-end;
  	-ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
@media (max-width: 1609px){
	.index_check_modal_content{
		width: 560px;
	}
	.index_check_modal_title{
		line-height: 32px;
		height: 32px;
	}
	.shape_list_modal_content_body{
		padding: 10px 10px 0px 10px;
	}
	.index_check_modal_comment{
		padding:10px 6px;
	}
	.index_check_modal_method{
		padding: 10px 0px; 
	}
	.index_method_content_div > div{
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 10px;
	}	
	.mode_method_img{
	  	padding:5px 8px 2px 8px;
	  	border: 2px solid transparent;
	}
	.mode_method_1, .mode_method_1 > div, .mode_method_1 > div > label{
		height: 101px;
	}
	.mode_method_1 > div > img{
	  	width: 101px;
	}
	.mode_method_comment{
	    height: 20px;
	    padding-top: 8px;
	}
	.mode_method_1 > div:nth-child(1){
	  	width: 32px;
	}
	.mode_method_1 > div:nth-child(3){
	  	width: 6px;
	}
	.index_check_modal_comment_{
		margin-top: 10px;
	}
	.index_check_modal_content_body .char_options_line{
		margin: 0px 10px 20px 10px;
	}
	.index_check_modal_content_body .btnDiv{
		height: 32px;
		padding-right: 25px;
		margin-bottom: 10px;
	}
	.index_check_modal_content_body .btnDiv div.btn{
		line-height: 32px;
		height: 100%;
		width: 100px;
		margin-left: 10px;
		width: 100px;
	}	
}
@media (min-width: 1610px) and (max-width: 1930px){
	.index_check_modal_content{
		width: 700px;
	}
	.index_check_modal_title, .index_check_modal_content_body .btnDiv, .index_check_modal_content_body .btnDiv div.btn{
		line-height: 40px;
		height: 40px;
	}
	.shape_list_modal_content_body{
		padding: 12.5px 12.5px 0px 12.5px;
	}
	.index_check_modal_comment{
		padding:12.5px 7.5px;
	}
	.index_check_modal_method{
		padding: 12.5px 0px; 
	}
	.index_method_content_div > div{
		padding-left: 12.5px;
		padding-right: 12.5px;
		margin-bottom: 12.5px;
	}	
	.mode_method_img{
		padding:6.25px 10px 2.5px 10px;
		border: 2px solid transparent;
	}
	.mode_method_1, .mode_method_1 > div, .mode_method_1 > div > label{
		height: 126.25px;
	}
	.mode_method_1 > div > img{
	  	width: 126.25px;
	}
	.mode_method_comment{
	    height: 25px;
	    padding-top: 10px;
	}
	.mode_method_1 > div:nth-child(1){
	  	width: 40px;
	}
	.mode_method_1 > div:nth-child(3){
	  	width: 7.5px;
	}
	.index_check_modal_comment_{
		margin-top: 12.5px;
	}
	.index_check_modal_content_body .char_options_line{
		margin: 0px 12.5px 25px 12.5px;
	}
	.index_check_modal_content_body .btnDiv{
		padding-right: 31.25px;
		margin-bottom: 12.5px;
	}
	.index_check_modal_content_body .btnDiv div.btn{
		height: 100%;
		width: 125px;
		margin-left: 12.5px;
		width: 125px;
	}	
}
@media (min-width: 1931px) and (max-width: 2570px){
	.index_check_modal_content{
		width: 840px;
	}
	.index_check_modal_title{
		line-height: 48px;
		height: 48px;
	}
	.shape_list_modal_content_body{
		padding: 15px 15px 0px 15px;
	}
	.index_check_modal_comment{
		padding:15px 9px;
	}
	.index_check_modal_method{
		padding: 15px 0px; 
	}
	.index_method_content_div > div{
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 15px;
	}	
	.mode_method_img{
	  	padding:7.5px 12px 3px 12px;
	  	border: 2px solid transparent;
	}
	.mode_method_1, .mode_method_1 > div, .mode_method_1 > div > label{
		height: 151.5px;
	}
	.mode_method_1 > div > img{
	  	width: 151.5px;
	}
	.mode_method_comment{
	    height: 30px;
	    padding-top: 12px;
	}
	.mode_method_1 > div:nth-child(1){
	  	width: 48px;
	}
	.mode_method_1 > div:nth-child(3){
	  	width: 9px;
	}
	.index_check_modal_comment_{
		margin-top: 15px;
	}
	.index_check_modal_content_body .char_options_line{
		margin: 0px 15px 30px 15px;
	}
	.index_check_modal_content_body .btnDiv{
		height: 48px;
		padding-right: 37.5px;
		margin-bottom: 15px;
	}
	.index_check_modal_content_body .btnDiv div.btn{
		line-height: 48px;
		height: 100%;
		width: 150px;
		margin-left: 15px;
		width: 150px;
	}
}
@media (min-width: 2571px) and (max-width: 3199px){
	.index_check_modal_content{
		width: 1120px;
	}
	.index_check_modal_title{
		line-height: 64px;
		height: 64px;
	}
	.shape_list_modal_content_body{
		padding: 20px 20px 0px 20px;
	}
	.index_check_modal_comment{
		padding:20px 12px;
	}
	.index_check_modal_method{
		padding: 20px 0px; 
	}
	.index_method_content_div > div{
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 20px;
	}	
	.mode_method_img{
	  	padding:10px 16px 4px 16px;
	  	border: 2px solid transparent;
	}
	.mode_method_1, .mode_method_1 > div, .mode_method_1 > div > label{
		height: 202px;
	}
	.mode_method_1 > div > img{
	  	width: 202px;
	}
	.mode_method_comment{
	    height: 40px;
	    padding-top: 16px;
	}
	.mode_method_1 > div:nth-child(1){
	  	width: 64px;
	}
	.mode_method_1 > div:nth-child(3){
	  	width: 12px;
	}
	.index_check_modal_comment_{
		margin-top: 20px;
	}
	.index_check_modal_content_body .char_options_line{
		margin: 0px 20px 40px 20px;
	}
	.index_check_modal_content_body .btnDiv{
		height: 64px;
		padding-right: 50px;
		margin-bottom: 20px;
	}
	.index_check_modal_content_body .btnDiv div.btn{
		line-height: 64px;
		height: 100%;
		width: 200px;
		margin-left: 20px;
		width: 200px;
	}
}
@media (min-width: 3200px) and (max-width: 3839px){
	.index_check_modal_content{
		width: 1400px;
	}
	.index_check_modal_title{
		line-height: 80px;
		height: 80px;
	}
	.shape_list_modal_content_body{
		padding: 25px 25px 0px 25px;
	}
	.index_check_modal_comment{
		padding:25px 15px;
	}
	.index_check_modal_method{
		padding: 25px 0px; 
	}
	.index_method_content_div > div{
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom: 25px;
	}	
	.mode_method_img{
	  	padding:12.5px 20px 5px 20px;
	  	border: 2px solid transparent;
	}
	.mode_method_1, .mode_method_1 > div, .mode_method_1 > div > label{
		height: 252.5px;
	}
	.mode_method_1 > div > img{
	  	width: 252.5px;
	}
	.mode_method_comment{
	    height: 50px;
	    padding-top: 20px;
	}
	.mode_method_1 > div:nth-child(1){
	  	width: 80px;
	}
	.mode_method_1 > div:nth-child(3){
	  	width: 15px;
	}
	.index_check_modal_comment_{
		margin-top: 25px;
	}
	.index_check_modal_content_body .char_options_line{
		margin: 0px 25px 50px 25px;
	}
	.index_check_modal_content_body .btnDiv{
		height: 80px;
		padding-right: 62.5px;
		margin-bottom: 25px;
	}
	.index_check_modal_content_body .btnDiv div.btn{
		line-height: 80px;
		height: 100%;
		width: 250px;
		margin-left: 25px;
		width: 250px;
	}
}
@media (min-width: 3840px){
	.index_check_modal_content{
		width: 1680px;
	}
	.index_check_modal_title{
		line-height: 96px;
		height: 96px;
	}
	.shape_list_modal_content_body{
		padding: 30px 30px 0px 30px;
	}
	.index_check_modal_comment{
		padding:30px 18px;
	}
	.index_check_modal_method{
		padding: 30px 0px; 
	}
	.index_method_content_div > div{
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 30px;
	}	
	.mode_method_img{
	  	padding:15px 24px 6px 24px;
	  	border: 2px solid transparent;
	}
	.mode_method_1, .mode_method_1 > div, .mode_method_1 > div > label{
		height: 303px;
	}
	.mode_method_1 > div > img{
	  	width: 303px;
	}
	.mode_method_comment{
	    height: 60px;
	    padding-top: 24px;
	}
	.mode_method_1 > div:nth-child(1){
	  	width: 96px;
	}
	.mode_method_1 > div:nth-child(3){
	  	width: 18px;
	}
	.index_check_modal_comment_{
		margin-top: 30px;
	}
	.index_check_modal_content_body .char_options_line{
		margin: 0px 30px 60px 30px;
	}
	.index_check_modal_content_body .btnDiv{
		height: 96px;
		padding-right: 75px;
		margin-bottom: 30px;
	}
	.index_check_modal_content_body .btnDiv div.btn{
		line-height: 96px;
		height: 100%;
		width: 300px;
		margin-left: 30px;
		width: 300px;
	}
}