@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: url(../images/speakerinfoBG.jpg) no-repeat center center;}
	.featherlight:before{ content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em}
	.featherlight .featherlight-content{ width:80%; color:#666; 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:27px; overflow:auto; text-align:left; font-size:16px;}
	.featherlight .featherlight-content img,
.featherlight .featherlight-content video { width:40%; height:auto; margin: 0 0 0 30px; float: right; border:#444000 1px solid;}
	.featherlight .featherlight-content img.pic-IN { width:31.5%; margin: 30px 1.5% 20px 0; display:inline-block; 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:#000; 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: #fff; margin: 35px 0 5px 0; font-weight:bold; line-height:30px; padding-right:15px; border-right:#fff 1px solid; display:block;}
.featherlight .featherlight-content a { color:#fff100; font-weight:bold;}
	.mantitle { font-size:38px; line-height:40px; font-weight:bold; margin: 0 0 100px 0; display:block; color:#fff; font-family: 'Noto Sans TC', sans-serif; font-weight:800;
	float:right; width:30%; text-align:left; padding-left:3%; margin-left:3%; border-left: #5a4626 1px solid;}
	.mantitle b { display:block; font-size:26px; line-height:36px; margin-top:15px; color: #fff;}
	.ifotT { display:block; color:#000; 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; font-size:16px; line-height:24px;}
	.ruleTitle { font-size:36px; line-height:42px; font-weight:bold; margin: 60px 0 10px 0; display:block; color:#f2e0a9;}
	
	.mantitle { font-size:32px; line-height:35px; font-weight:bold; margin: 0 0 10px 0; display:block; float: none; width:100%; text-align:left; padding-right:0; padding-bottom:15px; margin-right:0; margin-bottom:15px; border-right: none; border-bottom: #5a4626 1px solid;}
	#rule b { font-size:16px; color: #f2e0a9; margin: 25px 0 5px 0; font-weight:bold; line-height:30px;  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;}
}