/* CSS Document */

/* --------- 基本樣式 --------- */
body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #444444;	
	line-height: 1.5;
}

img {
	border: 0;
	vertical-align: top;
}

p {
	margin: 0;
	padding: 0;
}

table {
	border: 0;
}

#wrapper {
	margin: auto;
	width: 949px;	
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #303030;
}

.text_10 {
	font-size: 10px;
}

.text_15 {
	font-size: 15px;
}

.text_15_important {
	font-size: 15px;
	color: #FF0000;
}

.text_15_green {
	font-size: 15px;
	color: #00A200;
}

.text_13 {
	font-size: 13px;
}

.text_13_green {
	font-size: 13px;
	color: #00A200;
}

.text_13_red {
	font-size: 13px;
	color: #FF0000;
}

.form_text_13 {
	font-size: 13px;
	color: #595959;
}

.align_center{
	text-align: center;
}

.align_left{
	text-align: left;
}

/* --------- Header --------- */
#header {
	height: 63px;
	width: 913px;
	background: url(../images/header_bg.gif) left top repeat-x;	
	float: left;
	padding-left: 18px;
	padding-right: 18px;
}

#header h1 {
	display: none;
}

#logo {
	height: 63px;
	width: 165px;
	float: left;
}

#home {
	height: 63px;
	width: 60px;
	float: right;
}

#contact {
	height: 63px;
	width: 61px;
	float: right;
}

#online {
	height: 63px;
	width: 130px;
	float: right;
}
/* --------- Banner --------- */
#banner {
	height: 231px;
	width: 949px;
	float: left;
	/*
	background: url(../images/banner.gif) left top no-repeat;
	*/
}

/* --------- Navigator --------- */

#navigator {
	height: 57px;
	width: 949px;
	float: left;
}	

#navigator h2 {
	display: none;
}

#navigator ul {
	margin: 0;
	padding: 0;
}	

#navigator ul li {
	float: left;
	list-style: none;
	display: inline;
}

#navigator ul li a {
	float: left;
	border-bottom: 8px solid #CCCCCC;
}

#navigator ul li a:hover {
	border-bottom: 8px solid #52B925;
}

/* --------- Content --------- */
#content {
	height: auto;
	width: 913px;
	float: left;
	padding: 18px;
	background: #FFFFFF;
}

/* --------- Index-Left-Content --------- */
#left_content {	
	height: auto;
	width: 210px;
	float: left;
}

.plan {
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-bottom: 20px;
}	

.plan_title {
	height: 40px;
	width: auto;
	background: url(../images/boxheader_bg.gif) left top repeat-x;
	padding-top: 8px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #1A1A1A;
}

.plan_title a {
	font-size: 18px;
	font-weight: bold;
	color: #1A1A1A;
	text-decoration:none;
}

.plan_body {
	height: auto;
	width: auto;
	background: url(../images/boxbody_bg.gif) left top repeat-x;
	text-align: left;
	font-size: 13px;
	line-height: 22px;
	padding-left: 13px;
	padding-top: 13px;
	color: #1A1A1A;
}

.more {
	padding: 0 8px 5px 152px;
}

.plan_price {
	height: 40px;
	width: auto;
	background: url(../images/boxheader_bg.gif) left top repeat-x;
	padding-top: 5px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
}

/* --------- Origin Sub-Left-Content --------- 

#button {	
	height: auto;
	width: 195px;
	float: left;
	padding: 15px;
	background-color: #FFFFFF;
}

#button_title {
	margin: 0;
	padding: 0;
}

#button_item {
	margin: 0;
	padding: 0 19px 20px 19px;
	height: 437px;
	background: url(../images/body_line.gif) left top repeat-x;
}

#item{
	height: 381px;
	width: 155px;
	margin: 0;
	padding: 0;
	border: 1px solid #AFAFAF;
	background: url(../images/body_inside.gif) left top repeat-x;
}

#item h2 {
	display: none;
}
	
#item ul{
	margin: 0;
	padding: 0;
}

#item ul li {
	float: left;
	list-style: none;
	display: block;
}
*/

/* --------- Sub-Left-Content --------- */	

#button {	
	height: auto;
	width: 205px;
	float: left;
	padding: 5px;
	border: #AFAFAF 1px solid;	
	background-color: #FFFFFF;
}

#button_title {
	height: 35px;
	margin: 0;
	padding: 10px 5px 5px 5px;
	background-color: #EEEEEE;
	text-align: center;
	font-size: 22px;
	color: #3A9313;
}

.button_title a {
	text-align: center;
	font-size: 22px;
	color: #3A9313;
	text-decoration: none;
}

#button_item {
	height: 450px;
	margin: 0;
	padding: 0 10px 0 10px;
	background-color: #EEEEEE;
}

#item {
	margin: 0;
	padding: 0;
	border-top: 1px solid #AFAFAF;
}

#item ul {
	margin: 0;
	padding: 5px 0 0 2px;
}

#item ul li {
	padding: 12px 0 12px 0;
	list-style: square inside;
	border-bottom: #999999 dotted 1px;
	font-size: 15px;
	color: #3A3A3A;
}

#item ul li a {
	padding: 12px 0 12px 0;
	font-size: 15px;
	color: #3A3A3A;
	text-decoration: none;
}

#item ul li a:hover {
	padding: 12px 0 12px 0;
	font-size: 15px;
	color: #FF0000;
	text-decoration: underline;
}

/* --------- Index-Main-Content --------- */	
#main_content {
	height: auto;
	width: 443px;
	float: left;
	padding-left: 18px;
	padding-right: 18px;
}	

#advertise {
	height: 143px;
	width: 443px;
	float: left;
	margin-top: 0;
	/* margin-top: 12px; */
}

#news {
	height: auto;
	width: 443px;
	float: left;
	padding-top: 25px;
}

.news_content{
	padding-top: 5px;
	padding-bottom: 15px;
}

.news_title{
	background: url(../images/news_icon.gif) left top no-repeat;
	text-indent: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #3A9313;
	line-height: 24px;
}

.news_photo{
	height: auto;
	width: 99px;
	float: left;
	padding: 5px 10px 80px 10px;
	
}

.news_photo_1{
	height: auto;
	width: 99px;
	float: left;
	padding: 5px 10px 10px 10px;
	
}

.news_body{
	display: inline;
	font-size: 13px;
	color: #1A1A1A;
	line-height: 20px;
	padding-top: 5px;	
}
	
/* --------- Index-Right-Content --------- */
#right_content {	
	height: auto;
	width: 210px;
	float: right;
}	

#detail {
	height: auto;
	width: 680px;
	float: right;
	padding: 15px 3px 15px 3px;
}

#page_nav {
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 13px;
	color: #1A1A1A;
}

#page_nav a {
	font-size: 13px;
	color: #1A1A1A;
	text-decoration: none;
} 

#page_nav a:link, #page_nav a:visited {
	color: #1A1A1A;
} 

#page_nav a:hover, #page_nav a:active {
	text-decoration: underline;
	font-weight: bold;
} 

#page_content {
	margin: 0;
	padding: 8px;
	line-height: 24px;
	text-align: justify;
	color: #1A1A1A;
}

/* --------- Rules --------- */
#rules {
	margin: auto;
	width: 640px;
}

/* --------- Payment --------- */
#payment {
	margin: auto;
	width: 636px;
	height: 159px;
	background: url(../images/payment.gif) center no-repeat;
}

/* --------- Advertise --------- */
#domain_ad {
	height: 200px;
	width: 640px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

#domain_ad h2 {
	display: none;
}

/* --------- Form-Table --------- */
#contact_form {
	width: 550px;
	margin: auto;
	padding-top: 5px;
}

#contact_form table {
	width: 100%;
	border: 0;
	font-size: 100%;
}

#contact_form td {
	text-align: left;
	font-style: normal;
	height: 30px;
}

.form_title {
	font-style: normal;
	text-indent: 10px; 
	font-size: 13px;
	color: #595959;
	background-color: #EEEEEE;
}

.form_content {
	font-size: 13px;
	color: #595959;
	background-color: #EEEEEE;
}

.form_bg {
	padding: 3px 5px 3px 5px;
	background-color: #D1D0CF;
}

#paid_form {
	width: 600px;
	margin: auto;
	padding-top: 5px;
}

#paid_form table {
	width: 100%;
	border: 0;
	font-size: 100%;
}

#order_form {
	width: 665px;
	margin: auto;
	padding-top: 5px;
}

#order_form table {
	width: 100%;
	border: 0;
	font-size: 100%;
}

#customer_form {
	width: 665px;
	margin: auto;
	padding: 0;
}

#customer_form table {
	width: 100%;
	border: 0;
	font-size: 100%;
}

#query_form {
	width: 600px;
	margin: auto;
	padding-top: 5px;
}

#query_form table {
	width: 100%;
	border: 0;
	font-size: 100%;
}

#cooperate_form {
	width: 550px;
	margin: auto;
	padding-top: 5px;
}

#cooperate_form table {
	width: 100%;
	border: 0;
	font-size: 100%;
}
/* --------- Hosting-Table --------- */
.hosting {
	width: 660px;
	margin: auto;
	padding: 0;
}

.hosting_tb {
	width: 659px;
	padding: 0;
	border: 1px solid #CCCCCC;
}

.hosting_plan {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
	background-color: #52B925;
	border: 1px solid #CCCCCC;
}

.hosting_title_1 {
	width: auto;
	font-size: 15px;
	font-weight: bold;
	color: #303030;
	text-align: left;
	line-height: 30px;
	background-color: #E8FFD0;
}

.hosting_title_2 {
	font-size: 15px;
	color: #303030;
	text-align: left;
	line-height: 30px;
	border: 1px solid #CCCCCC;
}

.hosting_title_2 a:link, .hosting_title_2 a:visited {
	color: #303030;
	text-decoration: none;
} 

.hosting_title_2 a:hover, .hosting_title_2 a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FF0000;
} 

.hosting_content_red {
	font-size: 15px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	line-height: 30px;
	border: 1px solid #CCCCCC;
}

.hosting_content_red_noborder {
	font-size: 15px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	line-height: 30px;
}

.hosting_content_black {
	font-size: 15px;
	color: #303030;
	text-align: center;
	line-height: 30px;
	border: 1px solid #CCCCCC;
}

.hosting_content_black_dashed {
	font-size: 15px;
	color: #303030;
	text-align: center;
	line-height: 30px;
	text-decoration: line-through;
}

#hosting_detail {
	margin: 0;
	padding: 0;
}

#hosting_detail ul {
	margin: 0;
	padding: 5px 0 0 18px;
}

/* --------- Hosting-Tiny-Table --------- */
.hosting_tiny {
	width: 660px;
	margin: auto;
	padding: 0;
}

.hosting_tiny tb {
	width: 659px;
	padding: 0px;
}

.hosting_tiny td {
	width: 180px;
	border: 1px solid #CCCCCC;
}

/* --------- Footer --------- */
#footer_link {
	height: 40;
	clear: both;
}

#footer_link ul {
	margin: 0;
	padding: 0;
	background-color: #303030;
	line-height: 40px;
	text-align: center;
}	

#footer_link ul li {
	list-style: none;
	display: inline;
	font-size: 13px;
	color: #FFFFFF;
}

#footer_link ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer_link ul li a:link, #footer_link ul li a:visited {
	font-size: 13px;
	color: #FFFFFF;
}

#footer_link ul li a:hover, #footer_link ul li a:active {
	font-size: 13px;
	color: #FF0000;
}

#footer {
	height: 73px;
	background-color: #1A1A1A;
}

#footer_logo {
	height: 73px;
	width: 183px;
	float: left;
	margin-left: 18px;
	background: url(../images/footer_logo.gif) left top no-repeat;
}

#footer p {
	background-color: #1A1A1A;
	font-size: 13px;
	padding-top: 18px;
	text-indent: 13px;
	color: #FFFFFF;
}

#footer p a {
	font-size: 13px;
	color: #FFFFFF;	
}

#footer p a:link, #footer p a:visited {
	font-size: 13px;
	color: #FFFFFF;
}

#footer p a:hover, #footer p a:active {
	font-size: 13px;
	color: #FF0000;
}