* {padding:0;margin: 0;}
html, body {height: 100%;margin: 0px;padding: 0px;font-family:Segoe UI,Verdana,Arial,Helvetica,sans-serif;font-size: 13px;}
h1{font-size: 28px;font-weight:normal;}
h2{font-size: 19px;font-weight:normal;color: #333333;}
h4{font-size: 20px;font-weight:normal;}
.wrapper{width: 977px;margin: 0 auto;clear:both;overflow:hidden;text-align:center;background: #FFFFFF;}
.header{width:977px;text-align:left;overflow:hidden;clear:both;}
.footer{width:977px;text-align:left;overflow:hidden;clear:both;padding: 10px 0px 0px 0px;}
.container{width:977px;text-align:left;overflow:hidden;clear:both;}
.menu{color:#0066CC;font-size:17px;padding: 10px 0px 10px 0px;text-align:right;}
.menu a{margin:0px 0px 0px 5px;}
.counter{text-align:center;padding: 10px;}
.highlightVideo{width:977px;height:320px;background: url(/beta/resources/graphics/home_splash3.png) top left;}
.demoVideo{width:977px;height:420px;background: url(/beta/resources/graphics/home_splash5.png) top left;}
.aboutMusic{width:977px;height:740px;background: url(/beta/resources/graphics/about_splash3.png) top left;}

.aboutBox{clear:both;overflow:hidden;}
.aboutDetail{float:left;width: 520px; padding: 150px 10px 10px 10px;text-align:left;}
.aboutDetail p{font-size:17px;color: #FFFFFF; margin: 0px 0px 10px 0px;}
.aboutDetail .composer{font-size: 12px;padding: 100px 0px 0px 0px;}
.aboutLyric{float:right;width: 380px; padding: 0px 10px 10px 10px;text-align:left;}
.aboutLyric p{font-size:12px;color: #FFFFFF; margin: 0px;}


a:link, a:visited, a:active{color:#C69C06;text-decoration:none;}
a:hover{color:#F3D20D;}

.highlightDetail{text-align:center;padding: 10px;}
.highlightDetail p{font-size:17px;color: #666666;}
.beta{color: #FF0099;padding:5px 0px 5px 0px;}
.border{background-color:#FFFFFF;border:1px solid #BDD5E6;}
.popup{background-color:#208DE0;border:5px solid #0963A8;}

.signInForm{width:520px; padding: 10px; text-align:center;margin: 100px 200px 100px 200px;position:relative;background: #F7F7F7;border: 1px solid #EEEEEE;}
.signInForm p{padding: 10px;font-size: 17px;}
.signInForm input{font-size: 17px;font-weight:normal;font-family:Segoe UI,Verdana,Arial,Helvetica,sans-serif;}

.signUpContainer{margin: 50px 0px 50px 0px;}
.signUpForm{width: 750px;margin: 0 auto;text-align:center;position:relative;}
.signUpForm fieldset{padding: 10px;border: 1px solid #DDDDDD;}
.signUpForm legend{font-size: 17px;padding: 5px;color:#C69C06;}
.signUpForm p{text-align:left;padding: 0px 0px 5px 0px;}
.signUpForm label{left: 50px;position:absolute;font-size: 17px;}
.signUpForm input, select{left: 200px;position:relative;font-size:17px;font-weight:normal;font-family:Segoe UI,Verdana,Arial,Helvetica,sans-serif;}
.signUpForm select{width: 100px;}
.signUpForm span{font-size:17px;position:absolute;}
.signUpForm span.hint{left: 200px;position:relative;font-size: 13px;}
.signUpForm span.tip{left: 200px;position:relative;font-size: 12px;}

.agreement, .signUpControl{text-align:center;padding:5px 0px 5px 0px;}
.agreement input, .signUpControl input{font-size:17px;font-weight:normal;font-family:Segoe UI,Verdana,Arial,Helvetica,sans-serif;}
.agreement, .signUpControl{margin: 10px 0px 0px 0px;}
.flashMusic{text-align:right;padding:10px 25px 10px 10px}
.flashVideo{text-align:right;padding: 5px 25px 0px 0px;}
.flashDemo{text-align:center;padding: 20px 0px 20px 0px;}