@media all
{
	.featherlight{ display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:2147483647; text-align:center; white-space:nowrap; cursor:pointer; background:rgba(47,68,100,.95);}
	.featherlight:last-of-type{ background:rgba(64,109,99,.95);}
	.featherlight:before{ content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em}
	.featherlight .featherlight-content{ width:80%; color:#fff; position:relative; /*vertical-align:middle;*/ display:inline-block; padding:25px; margin-left:5% ;margin-right:5%; max-height:95%; background: rgba (255,255,255,0); cursor:auto; white-space:normal; line-height:26px; overflow:auto; text-align:left; font-size:18px;}
	.featherlight .featherlight-inner{display:block; padding: 30px;}
	.featherlight .featherlight-close-icon{ position:absolute;z-index:9999; top:30px; right:0; line-height:32px; width:50px; height:50px; cursor:pointer; text-align:center; font-family:Arial,sans-serif; background:#f15a24; color:#fff; border-radius:35px; font-size:30px; line-height:50px; border:none;}
	.featherlight .featherlight-image{width:100%}
	.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}
	.featherlight iframe{border:0}
	.ruleTitle { font-size:40px; line-height:42px; font-weight:bold; margin: 60px 0 10px 0; display:block; color:#f2e0a9;}
	.featherlight .featherlight-content a { }
	.mantitle { font-size:18px; line-height:28px; font-weight: normal; margin: 0 0 50px 0; display:block; color:#beddc3; width:200px;}
	.mantitle b { font-size:40px; display:block; color:#fff; margin-top:15px; font-weight:bold;}
	.ifotT { display:block; color:#beddc3; font-size:16px;}
	.layerCon { display: inline-block; margin: 0 50px 600px 0; float: right; font-size:20px; color:#CCC;}
	.layerCon img { display:block; margin-bottom:20px;}
	.f1 { border:#f8dac6 4px solid; color:#d3692e;}
	.f2 { border:#a0dde6 4px solid; color:#1695a7;}
	.f3 { border:#f6cddb 4px solid; color:#b72134;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.layerCon { display: block; margin: 0 50px 10px 0; float:none; font-size:20px; color:#CCC; width:100%;}
	.layerCon img {width:130px; float:left; margin: 0 30px 50px 0;}
	.mantitle { width:auto; display: inline-block;}
	.ifotT { display:block; color:#beddc3; font-size:16px; clear:both;}
}
@media only screen and (max-width:700px)
{
	.featherlight .featherlight-content{ width:90%; margin-left:10px;margin-right:10px;max-height:98%;padding:10px; overflow:auto; color:#fff; font-size:16px; line-height:22px;}
	.layerCon { display: block; margin: 0 50px 10px 0; float:none; font-size:20px; color:#CCC; width:100%;}
	.layerCon img {width:130px; float:left; margin: 0 30px 50px 0;}
	.mantitle { width:auto; display: inline-block;}
	.ifotT { display:block; color:#beddc3; font-size:16px; clear:both;}
}