﻿/************************************↓貫穿全站的設定↓************************************/
body {
	font-size:10pt;
	/*color:#333333;*/
	margin:20px 0;
	line-height:1.7em;
	background: #ffffff;
}
body, td, input, textarea, select, button { /*color:#000000;*/ font-family:Helvetica, Arial, sans-serif; }
input, textarea { border-width: 1px; background: transparent; border-color: #DDDDDD; padding: 2px; color:white;}
	input[type="radio"], input[type="checkbox"] { border: none; background: none; }
	.radio, .checkbox{ border: none; background: none; }

img {border:none;}

/**GOOGLE搜尋**/	
#cse-search-box {float:right;}

#index_sidebar {width:170px;padding:10px;border:1px solid #f0f0f0;}
.index_sidebar_title {padding:2px 2px 2px 4px;background:#f0fcf6;border-bottom:1px solid #c0f9c0;border-left:3px solid #006699;}
#index_sidebar a:link {color:#0033cc;}


.sub_slogan {
	font-size:9pt;
	color:#777777;
	padding-left:40px;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.red {
	color:red;
}
.orange {
	color:orange;
}

.box_title {
	font-weight:bold;
	background:#e8e0e5;
	color:#939388;
}
.box_title_2 {
	padding:0 5px;
	font-weight:normal;
	background:#E1F4CE;
	color:#877336;
}
.em {
	font-size:1.2em;
	font-weight:bold;
	margin-right:6px;
}
.star_symbol {
	color:red;
	margin-left:-11px;
}
.title_ {
	text-align:left;
	padding-left:10px;
}
.border {
	border:1px solid #B9B9DD;
	padding:3px;
}
.select_member {
	width:100%;
	font-size:10pt;
}
.select_member td {
	border:1px solid #f0f0f0;
	padding:5px;
}
.select_member td.site_td {
	width:150px;;
}
.popwin {
	display:none;
	position:absolute;
	background:#1F2E3F;
	width:310px;
	padding:5px;
	border:2px solid #e8e0e5;
	border-top:2px solid #f0f0f0;
	border-right:2px solid #f0f0f0;
}
.subtitle {
	font-weight:bold;
}
.top_info {
	text-align:right;
}
.top_info span {
	background:#FFEF97;
}
.top_info div {
	float:left;
}
html > body .top_info {
	clear:both;
}	
.pagelist {
	text-align:center;
}
.arc {
	width:99%;
	background:#F1FcE0;
	line-height:1px;
	margin:0 auto;
}
.product {
	padding:10px;
	margin:10px;
	width:150px;
	height:200px;
	float:left;
	text-align:center;
	font-size:10pt;
}
#category {
	background:#F3FEE2;
	margin:-5px 0 0;
}
html > body #category {
	clear:both;

}
#category span {
	margin:10px 6px;
}
#category span.bgcolor {
	background:#FFEE8C;
}
.table_list {
	clear:both;
	margin:10px auto;
}
.table_list td {
	padding-left:5px;
}
.table_list_head {
	font-weight:bold;
	background:#2F3C5F;
}
html > body .table_list {
	width:100%;
}
#home {
	width:860px;
	margin:0 auto;
	clear:both;
}
#home h3 {
	background:url(/images/pin.gif) no-repeat;
	padding-left:25px;
}

#index_intro {float:right;width:510px;}
#index_intro table {border:0;width:500px;}
#index_intro table td {padding:10px;text-align:center;}

html > body #index_intro {
}
/*非首頁體部*/

#pages_body {
	width:100%;
	margin:0 auto 10px;	
	padding:10px 0;
	clear:both;
}
#pagehead_line {
	background:url(images/pagehead_bg.gif) repeat-x;
	height:23px;
}
#pages_body a { color:#000000; text-decoration: underline; }
#pages_body a:hover { text-decoration: none; }
#pages_body a img { border: none; }
#pages_body h3 { }

#pages_body p { /*副標題*/
	color:#442497;
	background:#DEF2F8 url(images/bt3_point_off.gif) no-repeat;
	font-weight:bold;
	padding-left:15px;
}
#pages_body li {
	margin:10px auto;	
}
#pages_body .system_ok p {
	color:red;
	font-weight:normal;
	margin-left:10%;
	background:transparent;
}
#description {
	background:url(/images/bg1.gif) right repeat-y;
	position:relative;
	width:70%;
	padding:0 20px;
}
#logo {
	text-align:center;	
}
/*LOGO變成左列式*/
#logo_left {
	width:100%;
	height:70px;
	margin:0px auto;
	text-align:center;
	position:relative;
}
#logo_small{
	float:left;
}
#top_play_panel button {
	background:#E1F3FF;
	border:1px solid #E1F3FF;
}
#top_panel_info_box {font-family:新細明體;
	width:23%;height:17px;
	overflow:hidden;
	padding:2px 5px 0;
	border-left:2px solid #BECBB1;
	border-right:2px solid #BECBB1;
	background:#D2E7FA url(/images/homepage_css_pic/top_info_02.gif);
	white-space:nowrap;
}
#songtitle,#playertitle {display:inline;font-size:10pt;}
#song_load,#song_state {display:none;}
#main_menu {
	position:absolute;
	left:25%;
	bottom:0;
	
}
#sub_menu {
	margin-bottom:10px;
}
#sub_menu span h3{
	margin:0 20px;
	
}
#sub_menu h3 {
	display:inline;
}
#service_box {
	border-bottom:1px solid #999999;
	width:60%;
	height:60%;
	background:url(images/service_back.gif);
}
html>body #service_box {
	height:80%;
}
#service_box ul {
	list-style-image:url(images/pin2.gif);
}
#service_box li {
	padding:0 0 0 10px;
	vertical-align:top;
}
#service_box div {
	padding:60px 0 12px 40px;
}
#login_box,#go_register,#attention,#normal_description{
	display:inline;
	float:right;
	border:1px solid #999999;
	padding:0 10px 10px;
	text-align:center;
	margin-right:20px;
	width:150px;
}
#login_box {
	margin-right:0px;
	background:url(/images/loginbox.gif) no-repeat 10px 0;
	border:none;
	padding-top:60px;
	height:173px;
	width:180px;
}
#login_box div {
	margin:5px 0;
}
#login_box form {
	margin-bottom:10px;	
}
#login_box form div input {
	width:80px;	
}
#step1,#step2 {
	width:500px;
	text-align:right;
	padding-right:270px;
	margin-top:20px;
}
html > body #step1,html > body #step2 {

}
#step2 {
	display:none;
}
#step1 div,#step2 div {
	padding:20px 30px;;
}
#go_register {
	border:1px solid #8db688;
	border-top:1px solid #DBE9DA;
	border-right:1px solid #DBE9DA;
	background:url(images/go.gif) no-repeat;
}
#attention {
	width:40%;
	text-align:left;
	border:1px solid red;
	border-top:1px solid #FFCACA;
	border-right:1px solid #FFCACA;
}
#attention .star_symbol{
	margin:0;
}
#normal_description {
	width:40%;
	text-align:left;
	border-top:1px solid #bfe0d1;
	border-right:1px solid #bfe0d1;
	border-left:1px solid #438B6C;
	border-bottom:1px solid #438B6C;
}
#normal_description .star_symbol{
	margin:0;
}

#foot_menu {
	margin-top:10px;
}
#foot {
	text-align:center;
	clear:both;
}
/*選單變成右上列式*/
#foot_menu_left {
	text-align:right;
	padding-top:70px;
}
#Qform_table {
	text-align:center;
	margin-left:7%;
}
#Qform_table td {
	padding-bottom:5px;
}
#Qform_table input {/*表單中的輸入欄*/
	width:140px;
}
#Qform_table .button { /*表單中的按鈕*/
	width:80px;
}
#Qform_table .title_ { /*表單中的標頭*/
	background:url(images/input_title.jpg) no-repeat;
}

#deal_data #Qform {
	margin-left:7%;
}
#deal_data #Qform .star_symbol{
	margin:0 0 0 5px;
	text-align:left;
}

#deal_data #Qform div {
	margin:10px 0;
}
#deal_data #Qform_table {
	margin-left:0;
}
#user {
	 
}
#user filedset {
	clear:both;
}

#user img {
	border:none;
}
#top_menu ul {
	margin:0;
	list-style-type:none;
}
#top_menu li {
	text-align:center;
	display:inline;
	padding:5px 10px;
}
#top_menu {
	height:35px;
	width:850px;
	padding-top:10px;
	border-bottom:1px dotted #8db688;
	margin:0px auto;
}
html > body #top_menu h3 {
	margin-top:0px;
}
#out {
	text-align:right;
}
#money_mode {
	padding:15px 15px 10px;
}
#channel_manager {
	
}
#site_manager {
	text-align:left;
	border:none;
}
#save_button {
	clear:both;
	text-align:center;
	padding-top:10px;
	margin-top:10px;
}
#member_url,#site_sets {
	padding:10px;
	border:1px solid #8db688;
	border-top:1px solid #DBE9DA;
	border-right:1px solid #DBE9DA;
	margin-bottom:30px;
}

#edit_playerpics td {border-top:1px dotted #cccccc;}
#edit_playerpics table input {width:300px;}

/*************留言板 ***************/
#guestbook {
	border-bottom:1px solid #b3bEa2;
	text-align:right;
	padding:5px 0;
}
#guestbook span {
	background:#FFEE8C;
	padding:3px; 
}
html > body #guestbook {
	clear:both;
}
#pages_body .guest_post {
	width:85%;
	margin:auto auto;
	border-bottom:1px dashed #999999;
	line-height:1.2em;
}
.bg2 {
	background:#FaFaFc;
}
.admin_reply_win {
	background:transparent;
	border:none;
}
#pages_body .guest_info_box { /*留言人區塊*/
	background:url(images/poster_back.gif);
	padding:5px;
	font-size:0.8em;
	color:#7d5915;
	padding-left:10px;
	text-align:left;
	border:none;
	line-height:2em;
	width:150px;
}
#pages_body .guest_info_box p {
	color:#336699;
	font-weight:bold;
	font-size:1em;
	text-align:center;
	background:white;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}
#pages_body .guest_info_box p.date {
	font-size:0.9em;	
	background:transparent;
	border:none;
}
.toolbar {
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	background:#F3FEE2;
	text-align:center;
}
.no2 {
	border-left:none;
	text-align:right;
}
#money_way {
	border-top:1px dotted #8db688;
	padding:15px 25px;
}
#money_way p {
	padding:0 25px;
	color:#EDA85C;
}
#money_way span {
	color:#333333;
	font-weight:normal;
}
#Qform_table {
	text-align:left;
	margin-left:0px;
}
#side_intro {
	float:left;
	font-size:9pt;
	padding-right:5px;
	width:100px;
}
#pic_preview {
	display:none;
	position:absolute;
	bottom:100px;
	left:350px;
	padding:10px;
	border:1px solid #666666;
	background:white;
	text-align:center;
}

#channel_category {
	
}
#channel_category div {
	margin:2px 0;
	padding:0px 2px 0;
	cursor:pointer;
	font-size:10pt;
	white-space:nowrap;
}
.user_show {
	display:block;
}

.user_show_off {
	display:none;
}
.title_show {
	border:1px solid #943CCE;
	border-bottom:1px solid #F3EBFA;
	cursor:pointer;
	padding:3px 5px;
	background:#F3EBFA;
}
.title_show_off {
	border:1px solid #999999;
	border-bottom:none;
	cursor:pointer;
	padding:3px 5px;
	background:#f5f5f5;
}
.subtitle_back {
	background:url('images/subtitle_back.gif') no-repeat;
	height:60px;
	padding:15px 25px;
	margin:5px 0 -20px;
}
#background_pic img,#top_pic img {
	margin:10px 0;
}
.smalltitle {font-weight:bold;background:#333333;}
/*************管理員 ***************/
#memberlist{
	font-size:10pt;
}
#memberlist_title {
	background:#f0f0f0;
	color:brown;
}
/****************會員列表*****************/
#member_list {
	font-size:10pt;
	width:600px;
}
#member_list td {
	padding:1px 3px;
	border:1px dotted #999999;
	border-bottom:none;
	border-right:none;
}
/***************分享列表************/
#sharelists {
	margin:10px auto;
	text-align:center;
}
#help {text-align:center;padding:5px;}
