@charset "utf-8";
/***********************************************************************
 @ filename         : system.css
 @ author           : twin lin
 @ description      : 
 @ media            : screen
 @ modified         : 2009-1-12
**********************************************************************/
div#top{position:relative;height:100px;background:url(../images/top.jpg) 0 0 no-repeat;}
div#logo{position:absolute;top:5px;left:5px;width:120px;height:40px;}
div#cuxi_logo{position:absolute;top:50px;left:5px;width:240px;height:20px;}
div#sub_menu_bar{position:relative;height:95px;background:url(../images/sub_menu.jpg) 0 0 no-repeat;}
div#content{text-align: left;min-height:100px;background:url(../images/content.jpg) 0 0 repeat-y;}
div#footer{height:330px;background:url(../images/footer.jpg) 0 0 no-repeat;}
div#p_title{position:absolute;top:30px;left:160px;width:180px;height:40px;}
div#music{position:absolute;top:1px;right:5px;width:150px;height:20px;}
div#inner_page{margin:0 auto;width:643px;}
/*上方選單*/
ul#headerbar_menu{position:absolute;width:565px;top:38px;left:342px;/*margin: 38px 0 0 342px;*/}
ul#headerbar_menu li{
	float:left;
	list-style-type: none;
}
li#headerbar_menu_1 a,li#headerbar_menu_2 a,li#headerbar_menu_3 a,li#headerbar_menu_4 a,li#headerbar_menu_5 a{
	width:110px;
	height:50px;
	display:block;
	background:url(../images/top_menu.jpg) no-repeat;
	color: #ccc;
	text-indent: -200em;
	}
li#headerbar_menu_1 a{background-position:-10px 0px;}
li#headerbar_menu_2 a{background-position:-120px 0px;}
li#headerbar_menu_3 a{background-position:-230px 0px;}
li#headerbar_menu_4 a{background-position:-340px 0px;}
li#headerbar_menu_5 a{background-position:-450px 0px;}
li#headerbar_menu_1 a:link{background-position:-10px 0px;}
li#headerbar_menu_2 a:link{background-position:-120px 0px;}
li#headerbar_menu_3 a:link{background-position:-230px 0px;}
li#headerbar_menu_4 a:link{background-position:-340px 0px;}
li#headerbar_menu_5 a:link{background-position:-450px 0px;}
li#headerbar_menu_1 a:hover{background-position:-10px -50px;}
li#headerbar_menu_2 a:hover{background-position:-120px -50px;}
li#headerbar_menu_3 a:hover{background-position:-230px -50px;}
li#headerbar_menu_4 a:hover{background-position:-340px -50px;}
li#headerbar_menu_5 a:hover{background-position:-450px -50px;}
/*li#headerbar_menu_1 a:visited{background-position:-10px -100px;}
li#headerbar_menu_2 a:visited{background-position:-120px -100px;}
li#headerbar_menu_3 a:visited{background-position:-230px -100px;}
li#headerbar_menu_4 a:visited{background-position:-340px -100px;}
li#headerbar_menu_5 a:visited{background-position:-450px -100px;}*/
/*次選單*/
ul#sub_menu{position:absolute;width:482px;top:42px;left:370px;/*margin: 42px 0 0 370px;*/}
ul#sub_menu li{
	float:left;
	list-style-type: none;
}
li#sub_menu_1 a,li#sub_menu_2 a,li#sub_menu_3 a,li#sub_menu_4 a,li#sub_menu_5 a,li#sub_menu_6 a,li#sub_menu_7 a,li#sub_menu_8 a,li#sub_menu_10 a,li#sub_menu_hover_1,li#sub_menu_hover_2,li#sub_menu_hover_3,li#sub_menu_hover_4,li#sub_menu_hover_5,li#sub_menu_hover_6,li#sub_menu_hover_7,li#sub_menu_hover_8,li#sub_menu_hover_10{
	width:80px;
	height:25px;
	display:block;
	background:url(../images/sub_menu.gif) no-repeat;
	color: #ccc;
	text-indent: -200em;
	}
li#sub_menu_9 a,li#sub_menu_hover_9,li#sub_menu_11 a,li#sub_menu_hover_11{
	width:120px;
	height:25px;
	display:block;
	background:url(../images/sub_menu.gif) no-repeat;
	color: #ccc;
	text-indent: -200em;
}
li#sub_menu_hover_1{background-position:0px -35px;}
li#sub_menu_hover_2{background-position:-80px -35px;}
li#sub_menu_hover_3{background-position:-160px -35px;}
li#sub_menu_hover_4{background-position:-240px -35px;}
li#sub_menu_hover_5{background-position:-325px -35px;}
li#sub_menu_hover_6{background-position:-409px -35px;}
li#sub_menu_hover_7{background-position:-485px -35px;}
li#sub_menu_hover_8{background-position:-565px -35px;}
li#sub_menu_hover_9{background-position:-648px -35px;}
li#sub_menu_hover_10{background-position:-768px -35px;}
li#sub_menu_hover_11{background-position:-850px -35px;}
li#sub_menu_1 a{background-position:0px -5px;}
li#sub_menu_2 a{background-position:-80px -5px;}
li#sub_menu_3 a{background-position:-160px -5px;}
li#sub_menu_4 a{background-position:-240px -5px;}
li#sub_menu_5 a{background-position:-325px -5px;}
li#sub_menu_6 a{background-position:-409px -5px;}
li#sub_menu_7 a{background-position:-485px -5px;}
li#sub_menu_8 a{background-position:-565px -5px;}
li#sub_menu_9 a{background-position:-648px -5px;}
li#sub_menu_10 a{background-position:-768px -5px;}
li#sub_menu_11 a{background-position:-850px -5px;}
li#sub_menu_1 a:link{background-position:0px -5px;}
li#sub_menu_2 a:link{background-position:-80px -5px;}
li#sub_menu_3 a:link{background-position:-160px -5px;}
li#sub_menu_4 a:link{background-position:-240px -5px;}
li#sub_menu_5 a:link{background-position:-325px -5px;}
li#sub_menu_6 a:link{background-position:-409px -5px;}
li#sub_menu_7 a:link{background-position:-485px -5px;}
li#sub_menu_8 a:link{background-position:-565px -5px;}
li#sub_menu_9 a:link{background-position:-648px -5px;}
li#sub_menu_10 a:link{background-position:-768px -5px;}
li#sub_menu_11 a:link{background-position:-850px -5px;}
li#sub_menu_1 a:hover{background-position:0px -35px;}
li#sub_menu_2 a:hover{background-position:-80px -35px;}
li#sub_menu_3 a:hover{background-position:-160px -35px;}
li#sub_menu_4 a:hover{background-position:-240px -35px;}
li#sub_menu_5 a:hover{background-position:-325px -35px;}
li#sub_menu_6 a:hover{background-position:-409px -35px;}
li#sub_menu_7 a:hover{background-position:-485px -35px;}
li#sub_menu_8 a:hover{background-position:-565px -35px;}
li#sub_menu_9 a:hover{background-position:-648px -35px;}
li#sub_menu_10 a:hover{background-position:-768px -35px;}
li#sub_menu_11 a:hover{background-position:-850px -35px;}
/*li#sub_menu_1 a:visited{background-position:0px -1px;}
li#sub_menu_2 a:visited{background-position:-80px -64px;}
li#sub_menu_3 a:visited{background-position:-160px -64px;}
li#sub_menu_4 a:visited{background-position:-240px -64px;}
li#sub_menu_5 a:visited{background-position:-320px -64px;}
li#sub_menu_6 a:visited{background-position:-400px -64px;}
li#sub_menu_7 a:visited{background-position:-485px -64px;}
li#sub_menu_7 a:visited{background-position:-565px -64px;}*/
/*內頁文字顏色*/
dd.system_in_content,td.q_c_r_td,input.in_style,select.se_style,dd.e_g_in_content,dd.e_g_in_content_info,td.join_table,p.note_message,dd.e_g_in_photo_title,dd.e_g_in_photo_content{color:#0f2736;}
/*統一調整*/
dd.system_in_title,dd.system_in_content,dd.e_g_in_title,dd.e_g_in_content,dd.e_g_in_content_info,dd.e_g_in_photo_title,dd.e_g_in_photo_content{margin-bottom:13px;float:left;height:20px;}

/*系統頁*/
div.name_card{position:relative;width:341px;height:230px;background:url(../images/namecard.jpg) 0 0 no-repeat;}
td.system_content{padding:0 15px;width:270px;height:150px;background:url(../images/system_content.gif) 0 0 repeat-y;}
div#mem_name_frame{position:absolute;width:200px;height:22px;top: 128px;left: 112px;}
div#mem_name_frame span.mem_name{margin:0 0 0 5px; color:#717171;font-family: Arial;font-size: 14px;font-weight: bolder;}
dd.system_in_title{width:90px;}
dd.system_in_content{width:180px;}
input.in_style{height:15px;background:#e7f1f7;border:#5996b9 solid 1px;}
input.in_btn{height:18px;width:100px;background:#75b3d6;color:#FFF;border:0;}
select.se_style{background:#e7f1f7;border:#5996b9 solid 1px;}
/*Q幣查詢*/
dd.s_p_c_in_title,dd.s_p_c_in_content{width:250px;}
dd.s_p_c_in_title{margin-bottom:5px;height:15px;display:block;}
dd.s_p_c_in_content{
	margin:0 0 20px 10px;
	border-bottom:#FFFFFF solid 1px;
	height:30px;
	display:block;
	font-size: x-large;
	font-weight: bolder;
	color: #FF9900;
	background-position: bottom;
}
/*Q幣紀錄*/
dl.q_c_r{text-align: left;background:url(../images/q_c_r_bg.gif) 0 0 repeat-y;}
dd.q_c_r_in_title{
	padding:5px 30px  0 30px;
	background:url(../images/q_c_r_in_title.gif) 0px 0px no-repeat;
	color:#27526d;
}
dd.q_c_r_in_title span.total{
	color:#2ba1e7;
	font-size: 14px;
	font-weight: bolder;
}
img.q_c_r_in_menu{margin-left:100px;}
span.star{
	color:#fa196d;
}
dd.q_c_r_in{
	padding:5px 0 0 30px;
	background:url(../images/q_c_r_in_bg.gif) 0px 0px repeat-y;
	
}
dd.q_c_r_in_btn{background:url(../images/q_c_r_in_bg.gif) 0px 0px repeat-y;position:relative;width:643px;height:10px;text-align:center;}
dd.q_c_r_footer{
	display:block;
	width:20px;
}
table.q_c_r_te{width:90%;}
td.q_c_r_td{
	height:25px;
	text-align:center;
	vertical-align: middle;
	border-bottom: 1px solid #FFFFFF;
}
td.q_c_r_td span.negative,dd.system_in_content span.negative{color:#FF0033;}
td.q_c_r_td span.unit{
	color:#2ba1e7;
	font-size: 8px;
	font-weight: bold;
	vertical-align: text-bottom;
}
/*贈品兌換*/
table.e_g_td{
	margin:0 0 5px 0px;
	width:628px;
	height:188px;
}
td.e_g_photo{
	width:216px;
	height:272px;
	padding:0px;
	background:url(../images/e_g_photo_bg.gif) 0px 0px no-repeat;
	text-align:center;
}
td.e_g_photo .imgs{
	margin:5px 0 0 0;
}
td.e_g_content{
	height:230px;
	padding-left:10px;
	background:url(../images/e_g_c_bg.gif) 0px 0px repeat-y;
}
dd.e_g_in_title,dd.e_g_in_photo_title{width:90px;}
dd.e_g_in_content{width:300px;}
dd.e_g_in_photo_title{
	margin:5px 0 0 10px;
	text-align:left;
}
dd.e_g_in_photo_content{margin:5px 0 0 0;width:110px;text-align:left;}
dd.e_g_in_content_info{
	width:300px;
	height:150px;
}
dd.e_g_in_content span.note{margin-left:10px;color:#0789C7;}
dd.e_g_in_content span.mon{color:#FF9900;font-weight: bolder;}
dd.e_g_btn{margin-bottom:5px;position:relative;width:643px;height:10px;text-align:center;}
dd.q_c_r_in_btn a,dd.e_g_btn a{
	padding:2px;
	margin-right:3px;
	border: 1px solid #FFFFFF;
	text-decoration: none;
}
dd.q_c_r_in_btn a:link,dd.e_g_btn a:link{color:#b6d4e1;background-color: #2e85aa;}
dd.q_c_r_in_btn a:hover,dd.e_g_btn a:hover{color:#fff;background-color: #28b5eb;}
dd.q_c_r_in_btn a:active,dd.e_g_btn a:active{color:#b6d4e1;background-color: #5FB0D3;}
dd.q_c_r_in_btn a:visited,dd.e_g_btn a:visited{color:#b6d4e1;background-color: #5FB0D3;}
/*加入會員*/
td.join_table{padding-bottom:5px;}
/*訊息頁*/
td.note_content{height:50px;}
p.note_message{
	font-size: 12px;
	line-height: 18px;
}
/*貼紙*/
td.paster_flash{padding:3px;height:300px;width:200px;border:1px solid #FFFFFF;}
td.paster_btn{}