@charset "utf-8";
#layerPopupList p.layer_subject span { transition:all 0.4s; }
#layerPopupList p.layer_subject span:before { content:""; display:block; width:0px; height:0px; border-right:7px solid #f5ae05; border-top:3px solid transparent; border-bottom:3px solid transparent;  position:absolute; left:15px; top:1px; opacity:0; transition:all 0.4s; }
#layerPopupList p.layer_subject span:after { content:""; display:block; width:0px; height:0px; border-right:5px solid #8547b9; border-top:3px solid transparent; border-bottom:3px solid transparent;  position:absolute; left:13px; top:1px; opacity:0; transition:all 0.4s; }
#layerPopupList p.layer_subject a { position:relative; z-index:1; }
#layerPopupList p.layer_subject:hover span { border:2px solid #ff3a3a !important; }
#layerPopupList p.layer_subject:hover span:before { opacity:1; left:6px; }
#layerPopupList p.layer_subject:hover span:after { opacity:1; left:4px; }
#layerPopupList p.layer_subject a:hover { font-weight:500 !important; }


#layerpop_btn span:nth-child(1) { width:70% !important;}
#layerpop_btn span:nth-child(2) { width:30% !important;}

#layerpop_btn.layer_btn_size1 span:nth-child(1) { width:50% !important;}
#layerpop_btn.layer_btn_size1 span:nth-child(2) { width:25% !important;}
#layerpop_btn.layer_btn_size1 span:nth-child(3) { width:25% !important; }
#layerpop_btn.layer_btn_size1 span:nth-child(3) a {display:block !important; }

.all_layer > div { left:inherit; top:inherit; position:inherit; }

#layerpop_btn span.FloatLeft { line-height:35px; text-align:center; height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  box-sizing:border-box; }
#layerpop_btn span.FloatLeft input { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; }
#layerpop_btn span.FloatLeft input + label { position:relative; cursor:pointer; padding:0 0 0 26px; }
#layerpop_btn span.FloatLeft input + label:before { content:""; display:block; width:18px; height:17px; background:url(./img/new_chk_off.png) center center no-repeat; position:absolute; left:0; top:2px; }
#layerpop_btn span.FloatLeft input:checked + label:before { background:url(./img/new_chk_on.png) center center no-repeat; }


@media all and (max-width:1024px) {
	.all_layer > div { width:94% !important; margin:0 3%; left:0 !important; top:100px !important;  height:auto !important; }
	.all_layer > div > div > div img { width:100% !important; height:auto !important; }

	#layerPopupList { width:94% !important; left:3% !important; top:100px !important; }
	
	.pic_poplayer > div > div { height:auto !important; }
	.pic_poplayer > div > div > div { height:auto !important; }

}