/*********************** HOME **************************/
form {margin:0px}

body {
	margin:0;
	padding:0;
	background:#FFFFFF;
	font-family:Arial;
}
 .sidebox , .nip , .message , .recommend , .catchcity {
	border-width:1px;
	border-style: solid;
}
#wrapper{ 
	position:relative;
	width: 740px;
	margin: 0 auto;
	/*border:1px solid #000000;*/
	font-size: 9pt;
	font-family: Arial;
	background-color:#FFFFFF;
}

#header {
	margin:0;
	padding:0;
	background-image: url(../images/header.gif);
	/*border:1px solid #000000;*/
}

a{color:#565656; text-decoration:none; }
a:hover{text-decoration:underline; }

#top_adbanner { 
	/*border:1px solid #000000;*/
	margin:0;
	padding:0;
	height:75px;
}

#top_adbanner05 { 
	/*border:1px solid #000000;*/
	margin:0;
	padding:0;
	/*height:75px;*/
}

#global_navigation {
	margin:0;
	padding:0;
	/*
	border:1px solid #000000;
	background-color: orange;
	border-color: black;*/
	
	/*background-repeat :repeat-x;*/
	font-size:9pt;
	text-align:left;
	height:23px;
	border-left:3px solid #FF6600;
	border-right:3px solid #FF6600;
}

#global_menu{
	width:550px;
	height:20px;
	text-align:left;
	background:url(../images/gn_bg.gif) repeat-x;
	float:left;
	color:#FFFFFF;
	padding: 3px 0 0 10px;
}
#global_menu a{	color:#FFFFFF; text-decoration:none; margin:0 6px; float:left; height:23px; font-family:Arial; background:url(../images/global_nav_line.gif) no-repeat right 3px;}
* html #global_menu a{	margin:0 4px; height:18px; } /* fix IE6 */

#global_menu a:hover{	text-decoration:underline;}
#global_menu #global_menu_item1{width:64px}
#global_menu #global_menu_item2{width:72px}
#global_menu #global_menu_item3{width:72px}
#global_menu #global_menu_item4{width:72px}
/*#global_menu #global_menu_item5{width:60px} */
#global_menu #global_menu_item5{width:64px}
#global_menu #global_menu_item6{width:60px}
#global_menu #global_menu_item7{width:61px; background:none;}

/**+html #global_menu #global_menu_item2,
*+html #global_menu #global_menu_item3,
*+html #global_menu #global_menu_item4,*/
*+html #global_menu #global_menu_item6,
*+html #global_menu #global_menu_item5{padding-top: 2px;} /* fix IE7 */

/** html #global_menu #global_menu_item2,
* html #global_menu #global_menu_item3,
* html #global_menu #global_menu_item4,*/
* html #global_menu #global_menu_item6,
* html #global_menu #global_menu_item5{padding-top: 2px;} /* fix IE6 */

* html #global_menu #global_menu_item1,
* html #global_menu #global_menu_item6,
* html #global_menu #global_menu_item7{height: 20px;} /* fix IE6 */


#sub_global_menu{
	z-index:10;
	position:absolute;
	left:0;
	top:109px;
}
*+html #sub_global_menu{ /* fix IE7 */
	top:112px;
}
#sub_menu_5, #sub_menu_6{
	visibility:hidden;
	position: absolute;
	border: 1px solid #50504e;
	background:#FFFFFF;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#7f7f7f,Direction=90,Strength=3);
	top:20px;
}
#sub_menu_5{
	left: 330px;
	width:95px;
}
* html #sub_menu_5{/* fix IE6 */
	left: 317px;
	top:20px;
}
*+html #sub_menu_5{/* fix IE7 */
	top:12px;
}
#sub_menu_6{
	/*left: 402px;*/ /*Orig*/
	/*left: 293px; */ /*Magfun added*/
	left: 386px;
	/*width:86px;*/
	width:108px;
}
* html #sub_menu_6{/* fix IE6 */
	/*left: 385px;*/
	left: 364px;
	top:20px;
}
*+html #sub_menu_6{/* fix IE7 */
	top:12px;
}
#sub_menu_5 table a,
#sub_menu_6 table a{display:block; color:#646464; padding:6px 12px 4px; 10px; text-decoration:none; border-bottom:1px solid #c3c3c3}
#sub_menu_5 table a:hover,
#sub_menu_6 table a:hover{color:#FFFFFF; background:#81bae7; text-decoration:underline;}

#search {
	padding:0 2px 0 0;
	width:172px;
	height:23px;
	float:right;
	text-align: right;
	font-size: 9px;
	font-family: Arial;
	color: #757575;
	background-color: #EEEEEC;
	background-image: url(../images/bg02.gif);
	background-repeat :no-repeat;
	background-position: left top;
	/*border:1px solid #000000;*/
}
.header_search{
	font-size: 10px;
	LINE-HEIGHT: 11px;
	font-family: Arial;
	color: #ACACAC;
	BACKGROUND-COLOR:#FFFFFF;
	border: 0;
	/*BORDER-RIGHT: #ACACAC 1px; BORDER-TOP: #ACACAC 1px; BORDER-LEFT: #ACACAC 1px; BORDER-BOTTOM: #ACACAC 1px;*/
}
#member {
	position:relative;
	border-left:3px solid #FF6600;
	height:52px;
	border-right:3px solid #FF6600;
	/*border:1px solid #000000;*/
}

#member05 {
	position:relative;
	border-left:3px solid #FF6600;
	border-right:3px solid #FF6600;
	height:22px;
	/*border:1px solid #000000;*/
}

#member_signin {
	font-size: 10pt;
	font-family: Arial;
	background-color: #E2E2E0;
	height:25px;
	text-align:left;
	padding:5px 0 0 5px;
	float:left;
}
#member_signin a {
	font-size: 9pt;
	font-family: Arial;
	color: #FF6600;
	text-decoration: underline;	
}
#member_logout{
	background-color: #E2E2E0;
	height:25px;
	text-align:right;
	padding:5px 5px 0 5px;
	float:right;
	width:331px;
}
#member_logout a{
	font-size: 9pt;
	font-family: Arial;
	color: #FF6600;
	text-decoration: underline;
}
#member_loginout{
	background-color: #E2E2E0;
	height:20px;
	text-align:right;
	padding:5px 5px; 0 5px;
	float:left;
	width:178px;
}
#member_loginout a{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif, "細明體", "新細明體";
	color: #FF6600;
	text-decoration: underline;
}
.bold{
	font-weight: bold;
}
.text8_gray {
	font-size: 10px;
	font-family: Arial;
	color: #666666;
	text-decoration: none;
	line-height: 12pt;
}
.text9_424242{
	font-size: 9pt;
	font-family: Arial;
	color: #424242;
	text-decoration: none;
	line-height: 16pt;
}
.text9_424242 a{
	font-size: 9pt;
	font-family: Arial;
	color: #424242;
	text-decoration: none;
	line-height: 12pt;
	letter-spacing:1px;
}
.text9_424242 a:hover{
	text-decoration: underline;
}
.text14_BE4838_bold a{
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	color: #BE4838;
	text-decoration: underline;
	line-height: 12pt;
}
.text9_orange {
	font-size: 9pt;
	font-family: Arial;
	color: #FF6600;
	text-decoration: none;
}
.text9_orange_bold {
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial;
	color: #FF6600;
	text-decoration: none;
}
.text9_orange_bold2 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	color: #FF6600;
	text-decoration: none;
}
.text10_whit {
	font-size: 12px;
	font-family: Arial;
	color: #FFFFFF;
}
.text11_g {
	font-size: 12px;
	font-family: Arial;
	color: #424242;
}
.more_orange_bold {
	font-size: 9px;
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial;
	font-weight: normal;
}
.breadcrumb {
	float:left;
	width:729px;
	padding:3px 0 0 5px;
	height:18px;
	color: #666666;
	letter-spacing: 1px;
	background-color: white;
	text-align:left;
	background-image: url(../images/bc_bg.gif);
	/*border:1px solid #000000;*/
}

/*mozilla*/


#breadcrumb a{
	color: #666666;
	text-decoration: underline;
}

.level1 {
	margin-left:120px;
	margin-right:120px;
	padding-left:2px;
	background:#FFFFFF;
}

.recommend {
	width: 570px;
	border-color: gray;
	background:#FFFFFF;
}

.catchcity {
	width: 570px;
	border-color: gray;
	background:#FFFFFF;
}

.nip {
	width: 450px;
	border-color: gray;
}
#main_body {
	position:relative;
	padding-top:10px;
	background-color:#FFFFFF;
	border-left:3px solid #FF6600;
	border-right:3px solid #FF6600;
	text-align:left;
	width:734px;
	height:100%; /* for IE */
	display:table-cell; /* for FF */
	display:inline-block; /* for FireFox */
}
#main_body05 {
	position:relative;
	padding-top:0px;
	background-color:#FFFFFF;
	border-left:3px solid #FF6600;
	border-right:3px solid #FF6600;
	text-align:left;
	width:734px;
	height:100%; /* for IE */
	display:table-cell; /* for FF */
	display:inline-block; /* for FireFox */

}
#banner{
	width:728px;
	height:90px;
	margin:0 auto;
	position:relative;
	top:-9px;
}
#local_navigation {
	float:left;
	width:144px;
	background-color:#FFFFFF;
	/*border:1px solid #D4D4D4;*/
	padding:0;
	margin:0;
}
#mainContent1{ 
	width:100%;
}
#mainContent2{ 
	width:587px;
	margin-left:147px;
}
#mainContent3{ 
	width:568px;
}
* html #mainContent2 {width:584px;} /* fix IE6 */
* html #mainContent3{ width:565px;} /* fix IE6 */


#skyScraper{
	float:right;
	width: 166px;
}

.bg_01{
	background-image: url(../images/bg.gif);
}
.bg_03{
	background-image: url(../images/bg03.gif);
	color:#666666;
	text-align:right;
	letter-spacing:2px;
}
.bg_04{
	background-color:#D4D4D4;
}
#navigation01 a{
	text-align:left;
	color:#666666;
	text-decoration:none;
}
#navigation01 a:hover{
	text-decoration:underline;
}
#navigation02{
	text-align:left;
}
#navigation02 a{
	text-align:left;
	color:#666666;
	text-decoration:none;
}
#navigation02 a:hover{
	text-decoration:underline;
}
#local_navigation ul{
	float:right;
	position: relative;
	list-style:none;
	text-align: left;
	/*border:1px solid #000000;*/
	padding-left:0px;
	margin-left:0px;
}
#local_navigation li{
	float:right;
	position:relative;
	border:1px solid #000000;
	width:144px;
	height:28px;
	padding:0px 0 0 0;
	margin:0px 0 0 0;
}
#slot{
	position:relative;
	/*margin-left:140px;*/
	/*width:390px;*/
	margin-left:150px;
	width:380px;
	/*border:1px solid #000000;*/
	text-align:left;
	/*padding:0 0 15px 12px;*/
	padding:0 0 15px 8px;
	color:#666666;
}
* html #slot {margin-left:138px;} /* fix IE6 */
#slot01 ul{
	list-style-image: url(../images/arrow1.gif);
	padding:0 0 0 10px;/*mozilla*/
	margin:0 0 0 10px;/*IE*/
	font-size: 9pt;
	font-family: Arial;
	color: #FF6600;
	text-decoration: none;
	/*border:1px solid #000000;*/
}
#slot01 li{
	padding:0 0 5px 0;
}
#slot01 a{
	font-size: 9pt;
	font-family: Arial;
	color: #FF6600;
	text-decoration: none;
	/*border:1px solid #000000;*/
}
#slot01 a:hover{
	text-decoration: underline;
}
.bg_05{
	background-image: url(../images/bg04.gif);
}
#slot02 {
	width:382px;
	/*margin-top:15px;*/
	border:1px solid #D4D4D4;
	text-align:center;
	color:white;
}
#slot02 a{
	color:#565656;
	letter-spacing:1px;
}
#slot02 a:hover{
	text-decoration: underline;
	}
.bg_06{
	background-image: url(../images/bg06.gif);
}
.pink{
	color: #FF56C9;
	height:20px;
}
.blue{
	color: #609DAF;
	height:20px;
}
.green{
	color: #78990E;
	height:20px;
}
.orange{
	color: #E1A05C;
	height:20px;
}
.bg_pink{
	background-color: #FF56C9;
}
.bg_blue{
	background-color: #609DAF;
}
.bg_green{
	background-color: #78990E;
}
.bg_orange{
	background-color: #E1A05C;
}
#slot02 ul{
	list-style-image: url(../images/square.gif);
	text-align:left;
	padding-left:10px;/*mozila*/
	font-size:11px;
	margin-left:10px;/*ie*/
	margin-top:10px;/*ie*/
	margin-bottom:0px;/*ie*/
	letter-spacing:1px;
}
#slot02 li{
  height:14px;
	padding-bottom:10px;/*mozila*/
}
#slot02 a{
	/*color:#000000;*/
	text-decoration:none;
}
#slot02 a:hover{
	text-decoration: underline;
	}

#slot03 {
 text-align:left;
 color:#666666;
 width:383px;
  margin-top:14px;
 /* border:1px solid #000000;*/
}
/*
#slot03 {
 text-align:center;
 color:#666666;
 width:383px;
}
#slot03 a{
	color:#000000;
	text-decoration:none;
}
#slot03 a:hover{text-decoration:underline;}
*/
.bg_07{
	height:20px;
	background-image: url(../images/bg07.gif);
}
.bg_08{
	background-image: url(../images/bg08.gif);
}
.songlist{
	height:20px;
	text-align:left;
}
.bg_D4D4D4{
	background-color:#D4D4D4;
}
.bg_EAEAEA{
	background-color:#EAEAEA;
	text-align:left;
	line-height: 20px;
}
.bg_EAEAEAcenter{
	background-color:#EAEAEA;
	text-align:center;
	line-height: 20px;
}
.text {
	font-family: Arial;
	font-size: 12px;
	color: #ACACAC;
	BACKGROUND-COLOR:#FFFFFF;
	BORDER-RIGHT: #ACACAC 1px; BORDER-TOP: #ACACAC 1px; BORDER-LEFT: #ACACAC 1px;
}
#slot04 {
 margin-top:14px;
 color:#666666;
 width:383px;
}
.morelink a{
	text-decoration:none;
	color:#868686;
}
.morelink a:hover{
	text-decoration:underline;
}

.morelink2 a{
	text-decoration:none;
	color:#868686;
}
.morelink2 a:hover{
	text-decoration:none;
}

.linkblue a{
	color:#3F9CE4;
}
.linkblue a:hover{
	text-decoration:underline;
}
#slot05 {
 margin-top:12px;
 color:#666666;
 width:383px;
}
#slot05 a{
	color:#868686;
	text-decoration:none;
}
#slot05 a:hover{
	text-decoration:underline;
}
#slot06 {
 margin-top:14px;
 color:#666666;
 width:383px;
 /*border:1px solid #000000;*/
}
#slot07 {
  margin-top:16px;
	color:#666666;
	width:383px;
	position: relative;
	/*border:1px solid #000000;*/
}
#side_area {
	position:absolute;
	float:right;
	left:557px;
	top:10px;
	width: 174px;
	padding:0 3px 0 0;
	background: #FFFFFF;
	/*border:1px solid #000000;*/
}
*+html #side_area {	 /* fix IE7 */
	/*left:554px;*/
	left: 554px;
	top:10px;
}
* html #side_area {	 /* fix IE6 */
	/*left:553px;*/
	left: 551px;
	top:10px;
}
#side_area02 {
	margin-top:17px;
}
#phone {
	border:1px solid #B9B7B7;
}
.text_gray {
	font-family: Arial;
	font-size: 12px;
	color: #868686;
	BACKGROUND-COLOR:#E8E8E8;
	border: 1px solid #CACACA;
}
.text_white {
	font-family: Arial;
	font-size: 12px;
	color: #868686;
	BACKGROUND-COLOR:#FFFFFF;
	border: 1px solid #CACACA;
}
.text_area{
	font-family: Arial;
	font-size: 12px;
	color: #868686;
	BACKGROUND-COLOR:#E8E8E8;
	border: 1px solid #CACACA;
	/*overflow :hidden;*/
	vertical-align: middle;
	text-align: center;
	width: 150px;
	/*height:50px;*/
	/*padding-top:30px;*/
	padding-top:3px 3px 3px 3px;
}
* html .text_area{	height:80px} /* fix IE6 */
#side_area03 {
	margin-top:21px;
	text-align:left;
	color:#909090;
}
#status {
	width:165px;
	border: 1px solid #D4D4D4;
	margin-bottom:0px;
	color:#909090;
}
.909090{
	color:#909090;
}
.text9_blue{
	font-size: 9pt;
	color: #3F9CE4;
}
.text10_blue{
	font-size: 50px;
	color: #FD6300;
	font-family: Arial;
	font-weight: bolder;
}
#side_area04 {
	margin-top:13px;
	text-align:left;
}
#side_area04 a{
	text-decoration:none;
}
#side_area04 a:hover{
	color:#424242;
	text-decoration:underline;
}
#side_area04 ul{
	list-style-type: square;
	text-align:left;
	padding-left:10px;/*mozila*/
	font-size:9pt;
	margin-left:10px;/*ie*/
	margin-top:10px;/*ie*/
	margin-bottom:0px;/*ie*/
}
#side_area04 ul a {
	text-decoration:none;
	color:#424242;
}
#side_area04 ul a:hover {
	text-decoration:underline;
}
.clear{
	clear:both;
}
/*
#footer {
	clear:both;
	text-align:left;
	background-color: #FD6300;
	color:#FFFFFF;
	font-size:10px;
	background-image: url(../images/footer.gif);
	height:72px;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
*/
.footer {
	color: #bfbfbf;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif, "細明體", "新細明體";
    text-decoration: none;
}
.footer a:hover{
	color: #FF9900;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif, "細明體", "新細明體";
}

.sidebox {
	width: 180px;
	background: white;
	margin-bottom:3px;
}

.message {
	border-color: purple;
	width:180px;
}

.titlebar {
	width: 100%;
	background-color: #FFCC00;
}


















	
/*********************** LINK **************************/
.menu_item{  font-family: "Arial"; font-size: 12px; color: #717171; height: 22px;}
.menu_item a { color: #717171; text-decoration:none;}
.menu_item a:hover { color:#FF6600; text-decoration:none;}
.menu_itemnow{  color:#FF6600;}

.link1{  font-family: "Arial"; font-size: 12px; color: #949494; color: #949494;}
.link1 a { color: #949494; text-decoration:none;}
.link1 a:hover { color:#000000;}

.link2{  font-family: "Arial"; font-size: 12px; color: #676767; letter-spacing: 1px;}
.link2 a { color: #676767; text-decoration:none;}
.link2 a:hover { color:#000000; text-decoration:none;}

.link3{  font-family: "Arial"; font-size: 12px; color: #676767; letter-spacing: 1px;}
.link3 a { color: #676767; text-decoration:none;}
.link3 a:hover {color:#FD6300;text-decoration: underline;}

.link4 a { color: #4685C0; text-decoration: underline;}
.link4 a:hover {color:#4685C0;text-decoration: underline;}

.link5{  font-family: "Arial"; font-size: 12px; color: #4183C0; letter-spacing: 1px;}
.link5 a { color: #4183C0; text-decoration:none;}
.link5 a:hover {color:#4183C0;text-decoration: underline;}

.link6{  font-family: "Arial"; font-size: 12px; color: #676767; letter-spacing: 1px;line-height: 14pt;}
.link6 a { color: #676767; text-decoration:none;line-height: 14pt;}
.link6 a:hover {color:#FD6300;text-decoration: underline;line-height: 14pt;}

.more{  font-family: "Arial"; font-size: 9px; color: #949494;}
.more a { color: #949494; text-decoration:none;}
.more a:hover { color:#FF6600;}

.link_blue{  font-family: "Arial"; font-size: 12px; color: #3F9CE4; letter-spacing: 1px;}
.link_blue a { color: #3F9CE4; text-decoration:none;}
.link_blue a:hover {color: #3F9CE4;text-decoration: underline;}

a.click:link {  font-size: 12px; color: #E66D6D; text-decoration: underline; font-family: "Arial"}
a.click:visited {  font-size: 12px; color: #E66D6D; text-decoration: underline; font-family: "Arial"}
a.click:hover {  font-size: 12px; color:  #E66D6D; text-decoration: none; font-family: "Arial"}

.page {  font-family: "Arial"; font-size: 12px; color: #666666; letter-spacing: 0px;}
.page  a { color:#666666; text-decoration:none; }
.page  a:hover { color:#000000; text-decoration:underline; }

.page1 {  font-family: "Arial"; font-size: 12px; color: #666666; letter-spacing: 0px;}
.page2 {  color: #FF6600;}

/*********************** PAGE **************************/
.title{  font-family: "Arial"; font-size: 16px; color: #FF6600; letter-spacing: 1px; font-weight: bold; padding-left: 10px;}

.sub{  font-family: "Arial"; font-size: 13px; color: #FF6600; letter-spacing: 1px; font-weight: bold;}
.sub a { color: #FF6600;text-decoration:none; }
.sub a:hover {  text-decoration:underline;}

.name {  font-family: "Arial"; font-size: 13px; color: #949494; line-height: 16px; letter-spacing: 1px;}
.name a { font-size: 13px; color: #949494; text-decoration:none; }
.name a:hover {  text-decoration:underline;}

.number{  font-family: "Arial"; font-size: 10px; color: #ff95a1;}
.star {  font-size: 13px; color: #FF6600; letter-spacing: 1px;}
.circle {  font-size: 13px; color: #fdb300;}
.ps {  font-size: 11px; color: #808080; letter-spacing: 0px;}

.ct {  font-family: "Arial"; font-size: 12px; color: #949494; line-height: 18px; letter-spacing: 1px;}
.ct a { font-size: 12px; color: #FF7200; text-decoration:underline; }
.ct a:hover {  text-decoration:none;}

.tablew {  font-size: 12px; color: #307ece; letter-spacing: 1px;}
.tableBorder{  background:#FFFFFF; border:1px solid #d4d4d4;}
.tablebg{  background:#d4d4d4;}
.tablebg1{  background:#e9e9e9;}

.titlebg{  background:url(../images/titlepic4.jpg) repeat-x;}
.titlebg2{  background:url(../images/titlepic5.jpg) repeat-x bottom;}

.dash_color{
	background:url(../images/dash_color.gif) repeat-x;
	height: 25px;
	font-size:1px;
	text-align:right;
     padding-top:8px
}

.dash_color1{
	background:url(../images/dash_color1.gif) repeat-x;
	height: 15px;
	font-size:1px;
	margin: 8px 0;
}

.dash_dot{
	background:url(../images/dash_dot.gif) repeat-y center;
	font-size:1px;
}

/*********************** form **************************/
.input {
             font-size: 12px; 
             font-family: Arial;
             color:#999999; 
             border:1px solid #999999;
             background-color:#FFFFFF;
             line-height:13pt; 
             height:15pt;
}
.input2 {
             font-size: 12px; 
             font-family: Arial;
             color:#999999; 
             border:1px solid #999999;
             background-color:#FFFFFF;
             line-height:13pt; 
             height:12pt;
}
.text9_blue2 {
	font-size: 13px;
	color: #3F9CE4;
	font-weight: bold;
}
.text9_blue3 {
	font-size: 15px;
	color: #3F9CE4;
	font-weight: bold;
}
.text9_blue3 a { color: #4183C0; text-decoration:none;}
.text9_blue3 a:hover {color:#4183C0;text-decoration: underline;}

.catchcity_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.friend{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	}
.friend a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	}
.friend a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
}