@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(198,73,12,.95);}
	.featherlight:before{ content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em}
	.featherlight .featherlight-content{ width:90%; color:#fff; position:relative; vertical-align:middle; display:inline-block; padding:10px; margin-left:5% ;margin-right:5%; max-height:95%; background: rgba (255,255,255,0); cursor:auto; white-space:normal; line-height:24px; overflow:auto; text-align:left; font-size:16px; text-align: justify;}
	.featherlight .featherlight-content img { margin: 0 0 0 20px; float: right; width:30%;}
	.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:#c6490c; 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 b { font-size:36px; line-height:42px; font-weight:bold; margin: 60px 0 25px 0; display:block; color:#f2e0a9;}
	.mantitle b .enname { font-size:30px; font-family:GOTHIC; display:inline-block; margin-left:15px;}
	.mantitle { font-size:24px; line-height:35px; font-weight:bold; margin: 60px 0 25px 0; display:block; color:#f2e0a9;}
	.titlein { color:#d2ecf4; font-size:20px; border-left:#f2e0a9 1px solid; padding-left:25px; display:block; line-height:26px;}
	.ifotT { display:block; color:#ccc; font-size:16px;}
	ul { margin: 5px 0;}
	ul li { list-style-image: url(../images/icon_point.png); margin-left:25px;}
}
@media only screen and (max-width:700px)
{
	.featherlight .featherlight-content { width:90%; margin-left:10px; margin-right:10px; max-height:98%; padding:0; overflow:auto; color:#fff; font-size:14px; line-height:18px; text-align: left;}
	.featherlight .featherlight-inner { padding: 30px 15px;}
	.featherlight .featherlight-close-icon { width:30px; height:30px; font-size:24px; line-height:30px; border:none; position:fixed; right:15px; top:15px;}
	.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:70%; max-width:300px; height:auto; margin:0 auto 20px auto; border-radius: 25px; float:none; display:block;}
	.mantitle b { font-size:26px; line-height:28px; margin: 0 auto 10px auto;}
	.mantitle { font-size:16px; line-height:22px; margin-top:0;}
	.titlein { font-size:16px; line-height:22px; padding-left:10px;}
}