@charset "utf-8";

.layer_pop{position:fixed;overflow:auto;left:50%;margin-left:-25%;width:50%;top:50%;margin-top:-200px;height:auto;background:#fff;border:3px solid #000;z-index:999;border-radius:8px}
.layer_pop.type01{padding:1.5rem;height:400px;overflow-y:scroll}
.layer_pop_con{position:relative;}
.layer_pop_con.poptxt{padding:0 1rem 1rem}
.layer_pop_con h5{padding:1rem 1.5rem 1rem 1.5rem;background-position:left 1px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;font-size:1.9rem}
.layer_pop_con.poptxt h5{margin-bottom:.5rem}
.layer_pop_con>ul>li{padding:1.5rem 0;border-bottom:1px solid #ddd}
.layer_pop_con>ul>li:first-child{border-top:1px solid #ddd}
.layer_pop_close{position:absolute;right:1.2rem;top:1.2rem;display:block;width:2.4rem;height:2.4rem;text-indent:-9999px;overflow:hidden;background:url(../images/common/btn_pop_close.png);background-size:2.4rem auto;transition:all .4s}
.layer_pop_close:hover,
.layer_pop_close:focus{transform:rotate(180deg)}
.layer_pop .layer_pop_con img{width:100%}
.popupwindow{position: absolute;background:#ffffff;display:none;border: 1px solid #d6dae8}
.popupwindow ul.title{background:#265ba3; margin:3px 3px 3px 3px; border-radius:5px; height:35px; display:block}
.popupwindow ul.title li:first-child{width:60%; padding-left:10px; float:left; font-weight:600; height:35px; line-height:35px; color:#fff}
.popupwindow ul.title li:last-child{width:30%; float:right; padding:10px 10px 0 0; text-align:right}
.popupwindow ul.title li:last-child a{cursor:pointer}
.popupwindow .popupcontent{display:block;width: 100%}
.popupwindow .popupcontent img{width:100%}
.layer_pop .layer_pop_con img{width:100%}

.popupclose{display:block;width:100%;text-align: right;padding:1.2rem 1rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff;font-size:1.7rem}
.popupclose input[type=checkbox]{vertical-align:middle;width:2.3rem;height:2.3rem;margin-left:1rem;border:1px solid #000}
.popupclose input[type=checkbox]:focus, 
.popupclose input[type=checkbox]:hover {outline:2px dashed #a7c4f7;border-radius:.2rem}

.popupbgtype_1{
	background:url(../images/popupimg/type_1.jpg) left top no-repeat;
	padding: 20px 10px 20px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.popupbgtype_2{
	background:url(../images/popupimg/type_2.jpg) left top no-repeat;
	padding: 70px 18px 20px 18px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.popupbgtype_3{
	background:url(../images/popupimg/type_3.jpg) left top no-repeat;
	padding: 70px 18px 20px 18px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.popupbgtype_4{
	background:url(../images/popupimg/type_4.jpg) left top no-repeat;
	padding: 70px 18px 20px 18px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.popupbgtype_5{
	background:url(../images/popupimg/type_5.jpg) left top no-repeat;
	padding: 70px 18px 20px 18px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.popupbgtype_6{
	padding: 20px 10px 20px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

@media all and (max-width:600px){
	.layer_pop{position:absolute;overflow-y:auto;box-sizing:border-box;left:0 !important;top:0 !important;margin-left:0 !important;margin-top:0 !important;width:100% !important;height:auto !important}
}