/* RESET */
html { margin: 0; padding: 0;}


/* TYPE */
body { margin: 0px; padding: 0px; overflow-y: scroll; background-color: #4a548c; line-height: 1.8em; font-size: 16px; color: #c3cdeb; font-family:arial,STHeiti,"Microsoft JhengHei",pmingliu,sans-serif; }
a { color: #fff !important; font-size:16px; }
a:link, a:visited, a:active { text-decoration: underline; }
a:hover { text-decoration: none; color: #fff !important; }
h1,h2,h3,h4 { margin-top: 0.5em; margin-bottom: 0.5em; }

/* LAYOUT */
.clear { clear: both; }
#bg { background: #000 url("../images/bg.gif") center top repeat-y; }
#header { width: 950px; margin: 0 auto; position: relative; height: 300px;}
#wrapper { width: 950px; margin: 0 auto; overflow: hidden; position: relative; font-family: Verdana, Arial, sans-serif; color: #6e665f; line-height: 1.0em; font-size: 1em; }
#main { width: 950px; margin: 0 auto; height: 100%; position: relative;  }
#nav { width: 860px; }
#footer { width: 950px; margin: 0 auto; }
#copyright { text-align: left; font-size: .9em; font-family: Arial, Helvetica, sans-serif; padding: 15px 10px; text-align: center; }
.page { padding: 40px 15px 20px 15px; }


/* HEADER */
#header { position: relative; overflow: hidden; }
#header .top-dl { position: absolute; left: 580px; top:120px; z-index:1;  }
#header .top-logo { position: absolute; left: 60px; top:90px; z-index:2; }
#header .top-share { position: absolute; top:0; z-index:90; right: -9px; color: white;}
#header .top-share .sharing { float: left; width: 200px; height: 35px; padding: 0px; }
#header .top-rthk { position: absolute; top:15px; left: 15px; z-index:91; }
#header .top-bg { position: absolute; left:0; top: 0; z-index:0; }


/* NAV */
#nav { position: absolute; width: 940px; height: 45px; padding-left: 10px; bottom: 0px; z-index:99; }
#nav .tag{ float: left; width: 107px; height: 45px; padding-right: 5px; }
#nav .tag2{ float: left; width: 130px; height: 45px; padding-right: 0px; }
#nav .tag4{ float: left; width: 250px; height: 45px; padding-left: 100px; }
#nav .tag5{ float: right; width: 300px; height: 45px; padding-right: 50px; }

/*song list*/
.songlist { display: block; width: 280px; padding: 20px; color: #828e15; line-height: 1.5em; border:solid 2px #c4bba7; }
.photo { display: block; position: relative;z-index: 9; width: 150px; height:150px; padding: 0px 20px 10px 0px; }
.photo span { position:absolute; width: 150px; height: 150px; top: 20; left: 20; display: block; background: url("../images/icons_playbutton_large.png") no-repeat left top; }
#media {
	width: 80px;
    height: 80px;
    position: relative;
    margin-top: -180px;
    margin-left: 10px;
	}

.content_title { font-size: 14px; font-weight: bold; color: #5cbb9a; line-height: 2em; padding-bottom: 10px;}
.content_detail { line-height: 1.6em; padding-bottom: 10px;}
.content_line { clear: both; background:#c7bead; display:block; width:570px; height:1px; margin: 15px 0 25px 0; }

#container_video { width: 512px; height:288px; background:#000; color: white; margin: 0px 0px 20px 0px; border: solid 1px #646464;}

/*about page*/
.cube { font-size: 1.5em; }
.b { color: #fff;}
.screencap { padding: 10px 50px 30px 10px; }
.hr { background: url("../images/dotline.gif") center top repeat-x; border: 0; height: 1px; margin: 15px 0; }
.subtitle { /* color: #4655a0; */ color: white; font-weight: bold; display: block; }
.desc { padding-left: 30px; padding-top: 0px; margin-top: 0px; display: block; }

.songlist a:link, a:visited, a:active 
{ text-decoration: none; }  

.cp-container img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/*functions page*/
.border{
	border: 1px solid #fff; margin: 0px 0px 15px 15px; ;
}

/* timetable*/
.timetable {
	width: 95%;
	float: center;
	padding: 10px;
	background-color: #fbfbfb;
	margin-bottom: 2px;
}