@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/

.pop_wrap{width:100%;margin:0;padding:0;position:relative;}
.pop_header{width:100%;margin:0;padding:0;position:fixed;top:0;z-index:100;}
.pop_container{width:100%;margin:0;padding:0;position:relative;}
.pop_footer{margin:0;padding:25px 10px 15px;position:relative;}






/************************************************
*		POPUP									*
************************************************/

.pop_header{
	height:40px;
	padding:0;
	background-color:#04bfec;
	text-align:left;
	font-size:16px;
	font-weight:400;
	color:#fff;
	line-height:40px;
	letter-spacing:-1px;
	position:relative;
}
.pop_header img{height:15px;margin:0 0 5px 7px;vertical-align:middle;}
.pop_header span{margin:0 5px;}
.pop_header .ph_close{
	height:40px;
	position:absolute;
	right:0;
	top:0;
}
.pop_header .ph_close a{
	width:40px;
	height:40px;
	background:url(../images/icon/ico_x_w.png) no-repeat right 50%;
	background-size:30px;
	line-height:40px;
	display:block;
}



.pop_container .pc_top{
	margin:0;
	padding:20px 0;
	background-color:#f2f2f2;
	text-align:center;
	font-size:16px;
	font-weight:400;
	position:relative;
}
.pop_container .pc_top b{margin:0 0 10px;font-size:20px;display:block;}


.pop_container .pc_body{
	margin:0;
	padding:20px 0;
	text-align:center;
	font-size:14px;
	font-weight:400;
	position:relative;
}
.pop_container .pc_body b{margin:0 0 25px;font-size:20px;display:block;}
.pop_container .pc_body p{
	width:45%;
	max-width:300px;
	margin:0 auto 25px;
	padding:20px;
	background:url(../images/outline.png) no-repeat center 50%;
	background-size:100%;
	position:relative;
	display:block;
}
.pop_container .pc_body p img{width:100%;}
.pop_container .pc_body .pb_clock{width:17px;margin:0 0 3px;vertical-align:middle;}
.pop_container .pc_body span{color:#04bfec;}



.pop_footer{background-color:#404040;}
.pop_footer .pf_case{width:300px;margin:0 auto;padding:0;position:relative;}
.pop_footer .pf_case b{margin:0 0 10px;font-size:18px;font-weight:400;color:#fff;display:block;}
.pop_footer .pf_case ul{margin:0;padding:0;position:relative;}
.pop_footer .pf_case li{
	margin:0 0 5px;
	font-size:14px;
	font-weight:400;
	color:#efefef;
	display:block;
}
.pop_footer .pf_case li span{margin-right:5px;color:#04bfec;}






/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@media all and (max-width:1024px){
}

@media all and (max-width:980px){
}

@media all and (max-width:768px){
}

@media all and (max-width:480px){
}

@media all and (max-width:419px){
}