/* CSS Document */
body{
	margin: 0;
	padding: 0;
	color: #4f4e4e;
	line-height:17px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: center top;
	font-size: 13px;
	font-family:Arial,\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
}

.smenu A:link {text-decoration: none;}
.smenu A:visited {text-decoration: none;}
.smenu A:active {text-decoration: none;}
.smenu A:hover {text-decoration: none;}


div,form,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,hr{
       margin:0;
       padding:0;
       border:0;
}
img {
	vertical-align:middle;
}

ul,ol,li {list-style-type:none;}
table,td,tr,th,input,select{font-size:12px;}
input {
	font-family:Arial,\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
}
table{
	border-collapse:separate;
	margin: 0 auto;
}

a {
	color:#666;
	text-decoration:underline;
}
a:hover {
	text-decoration: underline;
	color: #999;
}

hr {
	margin:0;
	padding:0;
	border:0;
	height:1px;
	border:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #090;
	overflow: hidden;
	margin:20px 0;
}

.floatl{ float:left}
.floatr {float:right}
.txtc{
	text-align:right;
	width: 300px;
}
strong {
	line-height: 20px;
	font-size: 13px;
}

.margin-t50{ margin-top:50px}
.margin-b10{ margin-bottom:10px}
.margin-b20{ margin-bottom:20px}
.margin-l10{ margin-left:10px}
.margin-r10{ margin-right:10px}
.margin-r15{ margin-right:15px}
.borderdccc{ border-bottom:1px dotted #CCC}
.bordersccc{ border-bottom:1px solid #CCC}
.margin10{
	margin:5px 35px
}
.padding5{ padding: 5px}
.border1{
	border: 1px solid #CCC;
}

.clear{
	clear:both;
	text-align: justify;
}
.clear p{
	margin:10px 0;
	padding: 0 10px;
}

/*font*/
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{
	font-size:16px;
}
.fb{font-weight:800;}
.fi{font-style:italic;}

/*Color*/
.white{ color:#FFF}
.red{ color:#FF0000}
.pink{color:#F09}
.black{
	color:#666666
}
.gray{
	color:gray
}
.blue{
	color:#069
}
.green{
	color:#336600
}

#frame{
	background-image: url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color: #ebe9e9;
}

/*Area*/
#page,#header,#main,#footer {
	margin:0 auto;
	height:auto;
	overflow:hidden;
	clear: both;
}

/* page */
#page{
	margin: 0 auto;
	height:auto;
	overflow:hidden;
	width: 950px;
	padding:0;
}

#header{
	background-repeat: no-repeat;
	padding: 0px;
	background-image: url(../images/head.jpg);
}

.logo{
	height: 104px;
}
/* nav*/
#nav{
	background-image: url(../images/menubg0.jpg);
	background-repeat: repeat-x;
	height: 46px;
	text-align:center;
}
#nav .navmenu{ margin:0px auto; width:855px; }
#nav ul{

	}
#nav ul li{
	text-indent: 0px;
	float: left;
	padding:0 30px;
}
/*
#nav{
	background-image: url(../images/menubg0.jpg);
	background-repeat: repeat-x;
	height: 46px;
	padding-left: 60px;
}
#nav ul{

	}
#nav ul li{
	text-indent: 0px;
	float: left;
	padding:0 20px;
}
*/
/*--------nav end------------*/
#banner{
	width: 363px;
	float: left;
	height: 183px;
	border: 1px solid #999999;
}

#main{
	width: 100%;
	margin-top: 10px;
}
#ad{
	height:183px;
	margin-bottom: 10px;
	}
.bannertxt {
	height:183px;
	width: 204px;
	float: left;
	margin-right: 10px;
}
.bannertxt span{
	padding:0 10px 10px 10px;
	display:block;
}
#left {
	width: 580px;
	float: left;
	padding:0;
	background-repeat: no-repeat;
	background-position: left top;
}
#right {
	float: right;
	width: 340px;
	padding: 0px;
	margin-left: 5px;
	border: 1px solid #999;
	background-color: #FFF;
}
.title{
	margin: 10px 0 10px 10px;

}
.tmpsearch{
	background-image: url(../images/tmpsearch_bg.gif);
	background-repeat: repeat-y;
}
.tmpsearchheader{
	height: 35px;
	background-image: url(../images/tmpsearch_header.gif);
	background-repeat: no-repeat;
	padding: 15px 0 0 15px;
	}
.tmpsearchmain{
	padding:0 20px;
	}
.tmpsearch .tit{
	width:50px;
	float:left;
}
.searchbox{
	width:470px;
	float:left;
}
.searchbox span{
	float:left;
	display: block;
	padding: 0;
	width: 55px;
	line-height: 23px;
}
.searchbox input{
	border:0;
	}
.tmpsearchfooter{
	padding:0;
	clear:both;
	height: 20px;
	background-image: url(../images/tmpsearch_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.searchpage_tmpsearch{
	background:url(../images/temp_search_bg.gif) repeat-y;
}
.searchpage_tmpsearch .tit{
	width:50px;
	float:left;
}

.searchpage_tmpsearchheader{
	background:url(../images/temp_search_title_big5.gif) no-repeat;
	height: 35px;
	padding: 15px 0 0 15px;
	}
.searchpage_tmpsearchfooter{
	padding:5px 20px;
	clear:both;
	height: 10px;
	background-image: url(../images/temp_search_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.searchpage_searchbox{
	width:900px;
	float:left;
}
.searchpage_searchbox span{
	float:left;
	display: block;
	padding: 0;
	width: 55px;
	line-height: 23px;
	height: 20px;
}
.searchpage_searchbox input{
	border:0;
	}
.colorlist{
	width:220px;
	float:left;
	margin-top: 30px;
}
.colorbox{
	display:inline;
	width:12px;
	height:12px;
	border:1px solid #CCC;
	margin-right: 8px;
	float: left;
}
.searchbut{
	display:table-cell;
	float:right;
	width: 240px;
}
.searchbut img{
	vertical-align:bottom;
	
}
#view{
	padding: 0px 5px 0px 5px;
	}
.viewpic{
	text-align:center;
	margin:6px 1px;
	width:154px;
	float:left;
	display: inline;
}
.viewpic_btn{
	margin:3px 3px;
	background:url(../images/button.gif);
	border:none;
	color:#333333;
	font-size:12px;
	width:52px;
	height:24px;
	line-height:24px;
	cursor: pointer;


}
img.left {
	float: left;
}
img.right {
	float: right;
}
	
.pic{
	border:1px solid #CCC;
	margin: 10px;
	padding: 7px;
	background: #FFF;
}

#footer {
	text-align:center;
	font-size:10px;
	color:#a2a1a1;
	background-position:0px 0px;
	padding-left: 0px;
	padding-top: 10px;
	background-color: #FFF;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
}
#footer a {
	background: none;
	padding: 0px;
	color: #e3007b;
	font-size: 12px;

}
#footer a:hover {
	color: #666;

}

.footerimg img {
	margin: 0 10px;
	text-align: center;
}
.footerlink{
	color:#e3007b;	
	line-height:20px;
	font-family: Arial,\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,Verdana, Geneva, sans-serif;
	}
.footerlink A:link {text-decoration: none;}
.footerlink A:visited {text-decoration: none;}
.footerlink A:active {text-decoration: none;}
.footerlink A:hover {text-decoration: none;}	
.copyright{
	line-height:20px;
	font-family: Arial,\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,Verdana, Geneva, sans-serif;
	}
	
	
	
/*newcss*/

.module_l
{
	width:287px;
	float:left;
}
.module_r
{
	width:287px;
	float:right;
}
.module_top
{
	width:287px;
	height:43px;
	background:url(../images/module_top_bg.gif);
	background-repeat:no-repeat;
	text-align:left;
	
}
.module_top img
{
	margin:1px 0 0 1px;
}
.module_bom
{
	width:287px;
	background:#efefef;

}
.module_bombg
{
	width:271px;
	background-repeat:repeat-y;
	padding:8px 8px;
	background-image: url(../images/bg1.gif);
	background-position: left top;

	
}

.line
{
	background:url(../images/line.jpg);
	width:270px;
	height:2px;
	background-repeat:no-repeat;
	margin:5px 0 5px 0;
	line-height:1px;
	font-size:1px;
}
.module_c
{
	width:135px;
	float:left;
	font-size:12px;

	
}
.module_c_l
{
	float:left; font-size:12px;
}

.module_bom_line
{
	height:6px;
	line-height:1px;
	font-size:1px;
	position:relative;
	top:-1px;


}

.th_area{
	background-color:#c8c8c8;
	width:197px;
	height:278px;
	margin: 20px;
	_margin:16px;
	float:left;
	text-align: center;

}
.th_button{
	background-image:url(../images/button.gif);
	background-repeat:no-repeat;
	width:50px;
	height:22px;
	margin-top: 4px;
	padding-top:3px;
}

.indi_flow_title{
	color:#e3007b;
	font-size:18px;
}

/*service plan table////*/

.plan_grey_td{
	background-color:#f8f8f8;
}
.plan_white_td{
	background-color:#ffffff;
}
.plan_dgrey_td{
	background-color:#e9e9ea;
}
.plan_name_td{
	background-color:#e9e9ea;
	font-size:18px;
	font-weight:bolder;
}

.plan_cat_td{
	background-color:#fff;
	color:#F09; 
	font-weight:bolder; 
	font-size:18px
}
/*application form table////*/
.application{
	background-image:url(../images/application_form_bg.gif);
	background-repeat:repeat-y;
}
.application_tit{
	height:54px;
	background-image:url(../images/application_form_header.gif);
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:54px;
}
.select_plan td{
	padding:10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d5d5;
}
.application_info,.application_info div{
	margin:0 auto;
	padding: 0 10px;
}
.application_info div{
	padding:10px 0;
	line-height: 20px;
}
.application_info div div{
	padding:2px 0;
}
.application_info span{
	width:100px;
	float:left;
	display:block;
	line-height:20px;
}

.clause td{
	padding:10px 20px;
	text-align: justify;
}
.submit{
	background-image:url(../images/submit_btn_big5.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 34px;
	width: 83px;
	margin-right:15px;
	border: 0;
	cursor: hand;
}
.reset{
	background-image:url(../images/reset_btn_big5.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 34px;
	width: 83px;
	border: 0;
	cursor: hand;
}
/*contact////*/

.contact_tit{
	margin:30px 0 18px 0;
}
/*enquiry table////*/

.enquiry_table{
	padding:30px 0 60px 0

}
.enquiry_tit{
	margin-bottom:20px;
}
.enquiry_c{
	padding:0 30px;
	background:url(../images/bg_content.gif) repeat-y;
	float: left;
	width: 890px;
}
.enquiry_c div div{
	padding:5px 0;
	line-height: 25px;
	display: block;
	vertical-align: middle;
}
.enquiry_c div div img{
	vertical-align:middle
}
/* CMS Page Style///////////////////////////*/
#adv {clear:both;width:100%;}
#adv div {float:left;margin:0 0 5px 8px;}
#adv div p {width:330px;padding:50px 0 0 120px;}
#adv div.adv1{width:464px;height:173px;background-image:url(../images/adv_quick.jpg);background-repeat: no-repeat;}
#adv div.adv2{width:464px;height:173px;background-image:url(../images/adv_unlimitpage.jpg);background-repeat: no-repeat;}
#adv div.adv3{width:464px;height:173px;background-image:url(../images/adv_cms.jpg);background-repeat: no-repeat;}
#adv div.adv4{width:464px;height:173px;background-image:url(../images/adv_support.jpg);background-repeat: no-repeat;}
#adv div.adv5{width:464px;height:173px;background-image:url(../images/adv_help.jpg);background-repeat: no-repeat;}
#adv div.adv6{width:464px;height:173px;background-image:url(../images/adv_themes.jpg);background-repeat: no-repeat;}

#cmsbanner {text-align:center;margin:20px 0 0 0;}

#newtmp {width:929px;height:118px;background-image:url(../images/newtmp_bg.jpg);background-repeat: no-repeat;text-align:center;margin:20px 0 20px 0;}
#newtmp img {margin:11px 16px 0 16px;border:1px solid #999;}



#cmsfeature {clear:both;}
#cmsfeature p {line-height:20px;padding:0 5px 0 5px;text-align:left;}
.cmsscreen {border:1px solid #999;}
.cmsfeature {width:306px;float:left;text-align:center;margin:0 0 0 7px;padding:0 0 30px 0;height:250px;}
.cmsfeature_title {text-align:center;width:294px;margin:0 auto;}
.cmsfeature_title_left {background-image:url(../images/fancy_title_left.png);background-repeat: no-repeat;background-position:left center;}
.cmsfeature_title_right {background-image:url(../images/fancy_title_right.png);background-repeat: no-repeat;background-position:right center;}
.cmsfeature_titlebg {line-height:28px;height:32px;margin:0 15px 0 15px;background-image:url(../images/fancy_title_main.png);background-repeat: repeat-x;color:#FFF;font-weight:bold;letter-spacing:1px;font-size:13px;font-family:Arial;}


/*
div.cmsfeature1 {background-image:url(../images/feature1_bg.jpg);background-repeat: no-repeat;}
div.cmsfeature2 {background-image:url(../images/feature2_bg.jpg);background-repeat: no-repeat;}
div.cmsfeature3 {background-image:url(../images/feature3_bg.jpg);background-repeat: no-repeat;}
div.cmsfeature4 {background-image:url(../images/feature4_bg.jpg);background-repeat: no-repeat;}
div.cmsfeature5 {background-image:url(../images/feature5_bg.jpg);background-repeat: no-repeat;}
div.cmsfeature6 {background-image:url(../images/feature6_bg.jpg);background-repeat: no-repeat;}
*/

.cms_plan{ width:303px; float:left; margin:0 5px 0 5px;}
.cms_plan_box{ background:#ffffff; padding:10px 6px 10px 6px; line-height:18px; color:#666666; font-size:12px;}
.cms_plan_box span.red{ color:#e0057c;}
.cms_plan_box_top{ background:url(../images/cms_plan_line.jpg) bottom; background-repeat:repeat-x; padding:0 0 5px 0; height:90px; margin:0 0 5px 0;}
.cms_plan_box_price{ line-height:24px;}
.cms_plan_box_price span{ font-size:18px; font-weight:bold; }

span.high{ color:#e0057c;}


.cms_speed_btn{ text-align:center; width:495px; margin:0px auto; padding:0 0 15px 0;}
.cms_speed_btn ul{ list-style:none; padding:0; margin:0}
.cms_speed_btn ul li{ float:left;}