@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(0,0,0,0);}
	.featherlight:last-of-type{ background:rgba(223,191,58,.9);}
	.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:30px; overflow:auto; text-align:left; font-size:20px;}
	.featherlight .featherlight-content img { width:auto; height:auto; margin: 0 0 0 20px; float: right;}
	.featherlight .featherlight-inner{display:block; padding: 30px;}
	.featherlight .featherlight-close-icon{ position:absolute;z-index:9999; top:0; right:0; line-height:32px; width:50px; height:50px; cursor:pointer; text-align:center; font-family:Arial,sans-serif; background:#fff; color:#ccab20; 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;}
	#rule b { font-size:18px; color: #f2e0a9; margin: 35px 0 5px 0; font-weight:bold; line-height:30px; padding-left:15px; border-left:#f2e0a9 1px solid; display:block;}
#rule a { color:#6FF; font-weight:bold;}
#rule .code { font-size:24px; font-weight:bold; color:#f2e0a9;}
	.mantitle { font-size:40px; line-height:42px; font-weight:bold; margin: 60px 0 25px 0; display:block; color:#f2e0a9;}
	.ifotT { display:block; color:#ccc; font-size:16px;}
}
@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;}
	.ruleTitle { font-size:36px; line-height:42px; font-weight:bold; margin: 60px 0 10px 0; display:block; color:#f2e0a9;}
	#rule b { font-size:16px; color: #f2e0a9; margin: 25px 0 5px 0; font-weight:bold; line-height:30px; padding-left:15px; border-left:#f2e0a9 1px solid; display:block;}
#rule a { color:#6FF; font-weight:bold;}
	.featherlight .featherlight-content img { width:80%; max-width:385px; height:auto; margin:0 auto 20px auto; border-radius: 25px; float:none;}
}