html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
	font-family:"Arial";
}
body{background:#222;}
header{margin-bottom:20px;display:block;height:60px;}
header img{width:100%;height:60px; position:absolute; z-index:-1;}
header span{color:#090; font-size:20px; line-height:50px;padding-left:30px;}
header a:hover{text-decoration:none;}
input[type="text"] , input[type="password"] {width:80%; padding:8px 4px; background:#f4ffed; border:1px solid #80d64c;}
input[type="button"]{background:#8ab732; padding:8px 40px; color:#fff; border-radius:4px; border:none;}
a.signup{padding:5px 10px;color:#fff; background:#090;font-size:18px; cursor:pointer;margin-top:15px;display:inline-block;}
.detail{width:100%;color:#f9f9f9;display:block;margin-bottom:40px;clear:both;}
.clear{clear:both}
.main{margin:20px auto; width:100%; max-width:980px;}
.player{margin:20px auto; width:100%;margin-bottom:50px; z-index:-2; max-width:980px; height:500px; min-height:300px; background:#000;}
.bgplayer{width:100%;height:450px;text-align:center; position:relative;}
.playbar img{width:100%;z-index:0; position:relative; height:40px;}
.fixeds{margin:0 auto;width:100%;height:50px; z-index:2;}
.fixed{position:absolute relative;width:auto; height:100%;display:none;padding:7% 7% 0 7%;}
.fixed .forms{text-align:left;background:#FFf; width:100%; height:auto;padding:10px;}
.fixed .forms h2{color:#006600;font-size:20px;text-align:center;display:block; line-height:20px; border-bottom:1px solid #ddd;margin-bottom:10px;}
.fixed .forms .left{width:60%;float:left; background:url(../image/bg-signup.jpg) bottom right no-repeat #f1f1f1; padding:10px;}
.fixed .forms .left ul{margin:0 0 0 20px; padding:0;font-size:12px;}
.fixed .forms .left ul li{list-style:circle; margin:0; padding:0; line-height:22px;}
.fixed .forms .right{float:right; width:30%; padding:10px; background:#f1f1f1;}
.fixed .forms p{margin:5px 0;}
.title h1{display:block;line-height:30px;margin:0; font-size:18px;color:#fff; padding:5px 10px; background:#111;}
iframe{height:490px; position:absolute;z-index:0;max-width:980px;width:100%;}
.bgs{width:100%; height:490px; z-index:1; margin-bottom:-490px;position:relative;}
.bgs .bgs2{width:120px; height:50px; background:#000; float:right;margin-top:400px; position:absolute relative;}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	.player{min-height:200px;}
	.bgplayer{height:400px;}
	.player{height:480px;}
	iframe{height:440px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.bgplayer{height:350px;}
	.player{height:380px;}
	iframe{height:390px;}
	.fixed{padding:5% 5% 0 5%;}
	.fixed .forms .left{width:95%;}
	.fixed .forms .right{display:none;}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
	.fixeds{height:30px;}
	.bgplayer{height:300px;}
	.player{height:350px;}
	iframe{height:330px;}
	.fixed{padding:5% 5% 5% 5%;}
	.fixed .forms .left{width:95%; background-image:none !important;}
	.fixed .forms .right{display:none;}
}