@charset "utf-8";
body {
	font-family: Tahoma;
	margin:0;
	padding:0;
	background-color:#EDEDED;
}

#header{background:url(images/bg-header.png) repeat-x; height:650px; width:100%;}
.logo-radio{width:179px; z-index:9998; position: absolute; height:160px; margin:20px 0 0 10px;}
.slogan-radio{width:193px; z-index:9999; position: absolute; height:30px; margin:17px 0 0 200px; color:#FFF; font-weight:bold; font-size:8pt; text-align:center}
.slogan-radio a{color:#9C0; text-decoration:none;}
.slogan-radio a:hover{color:#FC0; text-decoration:none;}
.footer-license a{color:#fff; text-decoration:none;}
.footer-license a:hover{color:#FC0; text-decoration:none;}
.footer-content a{color:#9C0; text-decoration:none;}
.footer-content a:hover{color:#FC0; text-decoration:none;}
#slice-show-image a{color:#fff; text-decoration:none;}

.menu{
	margin:10px 0 0 200px;
	width:440px;
	z-index:9999;
	position:absolute;
	height:90px;
	list-style: none;
	padding: 0;  
	color:#F2BF65;
	font-size:8pt;
	
 } 
 
.menu ul{
	 list-style:none;
	 margin:0;
	 padding:0;
	 display:block;
	 float:left;
 }
 
.menu ul li {
	display:block;
	float: left;
	width: 110px;
	height: 90px;
	margin: 0px;
	cursor:pointer;
}

#time{position:absolute; margin:0px 0 0 500px;  z-index:9999; }

#mnu1{background:url(images/home-mnu.png) no-repeat left top; z-index:9999;}
#mnu1-detail{position:absolute; z-index:9980;width:180px; background:url(images/home-title.png) no-repeat; height:35px;margin:20px 0 0 90px;padding:25px 0 0 6px; display:none;}

#mnu2 {background:url(images/download-mnu.png) no-repeat left top; z-index:9999;}
#mnu2-detail{position:absolute; z-index:9980;width:180px; background:url(images/downloadmnu-title.png) no-repeat; height:35px;margin:20px 0 0 141px;padding:25px 0 0 6px; display:none;}

#mnu3 {background:url(images/webboard-mnu.png) no-repeat left top; z-index:9999;}
#mnu3-detail{position:absolute; z-index:9980;width:180px; background:url(images/webboard-title.png) no-repeat; height:35px;margin:20px 0 0 207px;padding:25px 0 0 6px; display:none;}

#mnu4 {background:url(images/chatroom-mnu.png) no-repeat left top; z-index:9999;}
#mnu4-detail{position:absolute; z-index:9980;width:180px; background:url(images/chatroom-title.png) no-repeat; height:35px;margin:20px 0 0 267px;padding:25px 0 0 6px; display:none;}

.star-block{height:85px; width:265px; position:absolute; z-index:9000; overflow:hidden; margin:0; padding:0; display:none;}

.radio-player-header{width:300px; position:absolute; margin:20px 0 0 500px; height:100px; z-index:9999; padding:8px 0 0 37px; background:url(images/radio-player-title-bar.png) no-repeat; font-size:10pt; font-weight:bold; color:#000;}
.radio-player{width:250px; position:absolute; margin:5px 0 0 -10px; height:20px; z-index:9999; border:#999 solid 1px;  padding:1px 0 0 1px}
.radio-player-text{position:absolute; margin:35px 0 0 20px;  z-index:9999; }
.radio-player-ani{position:absolute; margin:35px 0 0 -15px;  z-index:9999;}
#top-header{background:url(images/bg-header-01.png) no-repeat; width:1000px; height:60px; margin:0 auto;}
#main-header{background:url(images/bg-header-02.png) no-repeat bottom right; width:1000px; height:420px; margin:0 auto;}
#radio-header{width:1000px; height:170px; margin:0 auto;}
#content{width:1000px; height:auto!important;height:150px; min-height:150px; margin:0 auto;}
#footer{width:100%; background:url(images/bg-footer.png) repeat-x; height:162px;}
#main-footer{width:1000px; height:162px; background:url(images/bg-footer02.jpg) no-repeat bottom right; margin:0 auto; font-size:10pt; color:#fff;}
.footer-license{
	width:800px;
	height:24px;
	margin:134px 0 0 15px;
	position:absolute;
}
.footer-content{
	width:800px;
	height:99px;
	margin:15px 0 0 15px;
	position:absolute;
}
.footer-menu{width:800px;height:21px;margin:0 0 0 15px;color:#000; font-size:10pt; float:left; padding:3px 0 0 0;font-weight:bold;z-index:9999;}
.footer-menu a{color:#000;text-decoration:none;}
.footer-menu a:hover{color:#666;text-decoration:none;}
.back-to-top{background:url(images/back-to-top.png) no-repeat;width:125px;height:25px;padding:9px 0 0 34px;z-index:9999;float:left}
.back-to-top a{color:#030;text-decoration:none;font-size:12pt;font-weight:bold;}
.back-to-top a:hover{color:#FFF;text-decoration:none;font-size:12pt;font-weight:bold;}
.clear{clear:both;}
.download-suggest{float:left; width:770px;height:163px; margin:0 0 0 9px;}
.download-suggest-header{float:left; width:720px;height:31px; background:url(images/download-title.png) no-repeat;color:#fff;padding:11px 0 0 50px}
.download-suggest-content{float:left; width:750px;height:123px; margin:0px 0 0 9px;font-size:10pt;}
.download-suggest-content a{color:#000; text-decoration:underline; font-weight:bold;}
.download-suggest-content a:hover{color:#666; text-decoration:none}
.download-btn{float:left; width:218px; height:163px;}
.radio-download{padding:2px 0 0 0;}
#content-left{width:726px;height:auto!important;height:300px;min-height:300px;float:left;margin:5px 0 0 0;}
#content-right{width:266px;height:auto!important;height:200px;min-height:200px;float:left;margin:5px 0 0 0;}
#nav-bottom{width:1000px; margin:6px auto 0 auto;height:34px}

/*-------------------------------------------- Tab ---------------------------------------*/
#tab{width:726px;height:auto!important;height:300px;min-height:300px;}
#tab-top{width:726px; background:url(images/tab-header-02.png) no-repeat; height:16px;clear:both}
#tab-header{width:726px; background:url(images/tab-header-01.png) no-repeat; height:49px;}
#tab-body{width:726px; background:url(images/tab-body.png) repeat-y;height:auto!important;height:10px;min-height:10px;}
#tab-footer{width:726px; background:url(images/tab-footer.png) no-repeat; height:35px;}
#tabMenu {margin:0;padding:13px 0 0 30px;list-style:none;} 
#tabMenu li {float:left;height:36px;cursor:pointer;cursor:hand;margin:0px;}  

/* this is the button images */  
li.entertain-news{background:url(images/entertain-tab.png) no-repeat 0 -36px;width:101px;}  
li.sport-news {background:url(images/sport-tab.png) no-repeat 0 -36px;width:77px;} 
li.it-news{background:url(images/it-tab.png) no-repeat 0 -36px;width:76px;}
li.movies-news{background:url(images/movies-tab.png) no-repeat 0 -36px;width:113px;}
li.games-news{background:url(images/games-tab.png) no-repeat 0 -36px;width:91px;}
   
li.mouseover {background-position:0 0;}  
li.mouseout {background-position:0 -36px;}  
li.selected {background-position:0 0;}
/*----------------------------*/
#tab-body div {display:none;}  
#tab-body div.show {display:block;}
#tab-body #category a {display:block;} 
.tab-title{display:block;background:url(images/tab-title.png) no-repeat 0px -2px; width:486px; height:38px; margin:0 0 0 4px; font-size:12pt; color:#fff; font-weight:bold; padding:10px 0 0 20px;}
.tab-content{display:block; width:658px; border:0px solid #000; height:auto!important;height:1px; min-height:1px; margin:5px 0 0 35px; padding:0;}
.tab-content ul{font-size:10pt;margin:-5px 0 0 20px; padding:0;width:638px;border:0; list-style-image:url(images/bullet.gif);}
.tab-content li{padding:0;margin:9px 0 0px 5px;}
.tab-content a{font-weight:bold; color:#090;font-size:10pt;text-decoration:none; }
.tab-content a:hover{font-weight:bold; color:#9C0;font-size:10pt;text-decoration:none; }
/*----------------------------------------------------------------------------------------------------------*/

.panel{width:266px;margin:0;}
.panel-head{width:246px; padding:23px 0 0 20px; background:url(images/panel-element_r1_c1.png) no-repeat; height:39px; font:bold; color:#FFF; font-size:12pt;font-weight:bold;}
.panel-body{width:226px; padding:0 20px; background:url(images/panel-element_r4_c1.png) repeat-y; height:auto!important;height:10px; min-height:10px; font-size:10pt; color:#333}
.panel-footer{width:266px; margin:0px; background:url(images/panel-element_r7_c1.png) no-repeat; height:19px; font-size:1px;}
#slice-pj-name{ margin:0 5px;background:url(images/pj-name-bg.png) no-repeat center top; height:31px;padding:7px 0 0 0;font-size:12pt; color:#fff; font-weight:bold; text-align:center;width:174px; float:left;}
.slice-pj-navigation{ width:21px; float:left; margin:7px 0 0 0; position:relative;}
.clear{clear:both;}
#slice-img-pj{width:220px; padding:0; text-align:center; float:none; position:relative;margin:0 auto 8px auto; }
#pj-name{width:226px; height:60px; position:relative;}
#next-pj{cursor:pointer;}
#prev-pj{cursor:pointer;}
#say-hi{position:absolute; width:333px; height:200px; margin:120px 0 0 3px; background:url(images/name-logo.png) no-repeat; color:#fff; padding:70px 5px 0 5px;}
#say-hi p{margin:0 0 10px 0;padding:0;}

/*START-----------STYLE FOR MAIN MENU-----------*/
.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.kwicks li{
	float: left;
	width: 125px;
	height: 100px;
	margin-right: 5px;
}
#kwick1 { 
	background-color: #53b388;
	background-image: url('images/meet.gif');
}
#kwick2 {
	background-color: #5a69a9;
	background-image: url('images/kwicks.gif');
}
#kwick3 {
	background-color: #c26468;
	background-image: url('images/for.gif');
}
#kwick4 { 
	background-color: #bf7cc7;
	background-image: url('images/jquery.gif');
	margin-right: none;
}
/*END-------------STYLE FOR MAIN MENU-----------*/

/*START-----------STYLE FOR SLICE IMAGE-----------*/
#slice-image{
	background:url(images/slice-image-bg.png) no-repeat;
	width:662px;
	height:289px;
	margin:120px 0 0 330px;
	position:absolute;
}

#slice-image #slice-new-update{
	background:url(images/ribbon-new-update.png) no-repeat;
	width:126px;
	height:126px;
	position:absolute;
	margin:15px 0 0 41px;
	z-index:9999;
}

#slice-image #slice-navigation-left{
	width:44px;
	height:54px;
	position:absolute;
	margin:134px 0 0 0px;
	z-index:9998;
}

#slice-image #slice-navigation-right{
	width:45px;
	height:54px;
	position:absolute;
	margin:134px 0 0 621px;
	z-index:9998;
}

#slice-image #slice-show-image{
	width:575px;
	height:252px;
	position:absolute;
	margin:19px 0 0 45px;
	z-index:9996;
	overflow:hidden;
}

#slice-image #slice-show-page-bg{
	background:url(images/page-number.png) no-repeat;
	width:267px;
	height:44px;
	position:absolute;
	margin:220px 0 0 358px;
	z-index:9999;
}

#slice-image #slice-show-detail-bg{
	background:url(images/slice-image-description-bg.png);
	width:575px;
	height:63px;
	position:absolute;
	margin:208px 0 0 45px;
	z-index:9998;
	color:#fff;
	display:none;
}

#slice-image #slice-show-detail-bg #slice-show-detail-title{
	width:300px;
	height:22px;
	position:relative;
	margin:5px 0 0 10px;
	font-weight:bold;
	font-size:12pt;
}

#slice-image #slice-show-detail-bg #slice-show-detail{
	width:293px;
	height:33px;
	position:relative;
	margin:0 0 0 10px;
	font-size:10pt;
}

#next-slice{cursor:pointer;}
#prev-slice{cursor:pointer;}

#slice-show-page-bg ul{list-style:none;font-size:10pt;color:#fff; font-weight:bold;}
#slice-show-page-bg ul li{display:block;text-align:center; margin:0 0 0 1px;width:25px; float:left;height:25px; padding:1px 0 0 0}
#slice-show-page-bg ul li a{color:#fff; text-decoration:none;}
#slice-show-page-bg ul li a:hover{color:#FC0; text-decoration:none;}
.activeSlide{color:#000; text-decoration:none; background:url(images/page-navi-active-bg.png) center -3px no-repeat;}
/*END-------------STYLE FOR SLICE IMAGE-----------*/

/*chat*/

#slice-chat{
	background:url(images/bg-chat.png) no-repeat;
	width:800px;
	height:500px;
	margin:120px 0 0 -30px;
	position:absolute;
}

#slice-chat #chat{
    width:690px;
	height:380px;
	position:absolute;
	margin:60px 0 0 56px;
	z-index:9996;
	overflow:hidden;
}

.panel2{
	position:absolute;
	margin:250px 0 0 735px;
	z-index:9996;
	overflow:hidden;
}

/*logo PJ*/
.logo-radio2{
	background:url(images/logo-2.png) no-repeat;
	width:179px;
	height:160px;
	margin:20px 0 0 10px;
	position:absolute;
}

.logo-radio2 #PJ{
	width:129px;
	height:121px;
	position:absolute;
	margin:14px 0 0 25px;
	z-index:9996;
	overflow:hidden;
}

/*Ãкºnavigation*/

.navigation{
	position:absolute;
	margin:125px 0 0 56px;
	z-index:9996;
	overflow:hidden;
}

	.navigation LI {
	DISPLAY: block; FLOAT: left; LIST-STYLE-TYPE: none
}
.navigation LI A {
	DISPLAY: block; WIDTH: 89px; TEXT-INDENT: -9999px; HEIGHT: 53px
}
LI.button1 {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
LI.button2 {
	BACKGROUND-POSITION: -89px top; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
LI.button3 {
	BACKGROUND-POSITION: -166px top; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
LI.button4 {
	BACKGROUND-POSITION: -249px top; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
LI.button5 {
	BACKGROUND-POSITION: -334px top; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
LI.button6 {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
LI.button1 A:hover {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
LI.button2 A:hover {
	BACKGROUND-POSITION: -89px bottom; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
LI.button3 A:hover {
	BACKGROUND-POSITION: -166px bottom; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
LI.button4 A:hover {
	BACKGROUND-POSITION: -249px bottom; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
LI.button5 A:hover {
	BACKGROUND-POSITION: -334px bottom; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
LI.button6 A:hover {
	BACKGROUND-POSITION: right bottom; BACKGROUND-IMAGE: url(images/navigation.png); BACKGROUND-REPEAT: no-repeat
}
 /*title tooltip*/
a:hover {text-decoration:none;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #000; background:#F30; color:#FFF;}
a.tooltip span{display:none; padding:2px 2px; width:auto; margin-top:20px;}