@charset "utf-8";
/* CSS Document */

body{
	margin:0px auto;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666;
	background:url(images/hosting_bg_outside2.jpg) top center no-repeat;
}
img{
	border:0px;
}
/*-----------------------ul li link-----------------------*/
a,a:link{
	color:#666666;
}
a:hover{
	text-decoration:underline;
}

/*header_blog*/
#header_blog a,#header_blog a:link{
	margin:0px;
	padding:0px;
	height:46px;
	color:#333;
	text-decoration:none;
}
#header_blog a:hover{
	margin:0px;
	padding:0px;
	color:#ff6600;
}
#header_blog ul{
	margin:0px 25px 10px 0;
	padding:5px;
	float:right;
}
#header_blog ul li{
	display:inline;
}
/*end header_blog*/

/*topmenu*/
#topmenu a, #topmenu a:hover {
	padding: 0 15px;
	text-decoration:none; 
	font-size: 14px;
	color:#FFF; 
}
#topmenu a:hover{
	margin:0px;
	color:#ccc;
}
#topmenu ul{
	padding: 2px 0 0px 62px;
	width: auto;
	list-style:none; 
	z-index:10; 
	position:absolute; 
	z-index:100; 
}
#topmenu ul li{
	float:left
}
#slide {
	position:absolute; 
	top:10px; 
	height:30px; 
	background:#333; 
	z-index:10;
}
/*end topmenu*/

/*package_detial*/
#package_detial ul{
	margin:0px auto;
	padding:0px;
	width:170px;
	font-size:smaller;
	list-style:none;
}
#package_detial ul li{
	padding:5px 2px 5px 2px;
	border-bottom:1px dotted #ccc;
}
/*end package_detial*/

/*blueblog_detial*/
#blueblog_detial a,#blueblog_detial a:link{
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#blueblog_detial a:hover{
	margin:0px;
	padding:0px;
	color:#ff6600;
	text-decoration:underline;
}
#blueblog_detial ul{
	margin:0px auto;
	padding:0px;
	width:250px;
	list-style:none;
}
#blueblog_detial ul li{
	padding:5px 2px 5px 2px;
	border-bottom:1px dotted #ccc;
}
/*end blueblog_detial*/

/*rollover button*/
a.roll_detial,a.roll_detial:link{
	background:url(images/hosting_button.jpg) top no-repeat;
	width:82px;
	height:31px;
	display:block;
	text-indent:-1000px;
	float:left;
}
a.roll_detial:hover{
	background:url(images/hosting_button_h.jpg) top no-repeat;
}

a.roll_order,a.roll_order:link{
	display:block;
	width:93px;
	height:31px;
	background:url(images/hosting_button02.jpg) top no-repeat;
	float:left;
	text-indent:-1000px;
	
}
a.roll_order:hover{
	background:url(images/hosting_button_h02.jpg) top no-repeat;
}
/*end rollover button*/

/*rollover order_button*/
a.order_button,a.order_button:link{
	margin:0px auto;
	width:100px;
	height:58px;
	background:url(images/order_button.jpg) top no-repeat;
	display:block;
	text-indent:-2000px;
}
a.order_button:hover{
	background:url(images/order_button_h.jpg) top no-repeat;
}
/*end rollover order_button*/

/*footer*/
#footer a,#footer a:link{
	margin:0px;
	padding:0px;
	height:46px;
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	margin:0px;
	padding:0px;
	color:#ff6600;
}
#footer ul{
	margin:0px auto;
	padding:50px 0px 0 0;
	color:#FFFFFF;
	text-align:center;
}
#footer ul li{
	padding:0px 0px 0 5px;
	display:inline;
}
/*end footer*/

/*mainbox_inside_detial*/
#mainbox_inside_detial a,#mainbox_inside_detial a:link{
	margin:0px;
	padding:0px;
	text-decoration:underline;
	font-weight:bold;
}
#mainbox_inside_detial a:hover{
	margin:0px;
	padding:0px;
	color:#ff6600;
	text-decoration:underline;
}
#mainbox_inside_detial ul{
}
#mainbox_inside_detial ul li{
	margin:0px;
	padding:5px 0px;
}
/*end mainbox_inside_detial*/

/*rightbox02*/
#rightbox02 a,#rightbox02 a:link{
	margin:0px;
	padding:4px;
	text-decoration:none;
	background:#f2f2f2;
	display:block;
	border-bottom:1px solid #fff;
	text-align:left;
}
#rightbox02 a:hover{
	margin:0px;
	padding:4px;
	color:#ff6600;
	text-decoration:underline;
	background:#e2e2e2;
	border:1px dotted #666;
}
#rightbox02 ul{
	margin:0px;
	padding:5px;
}
#rightbox02 ul li{
	margin:0px;
	padding:0px 10px;
	list-style:none;
}
/*end rightbox02*/

/*rightbox_customer*/
#rightbox_customer a,#rightbox_customer a:link{
	margin:0px auto;
	padding:2px;
	width:190px;
	text-decoration:none;
	text-align:center;
}
#rightbox_customer a:hover{
	margin:0px auto;
	padding:2px;
	color:#ff6600;
	text-decoration:underline;
	text-align:center;
}
#rightbox_customer p.link2 a,#rightbox_customer p.link2 a:link{
	margin:0px auto;
	padding:2px;
	width:190px;
	background: #fff;
	color:#ff6600;
	text-decoration:underline;
	text-align:center;
}
#rightbox_customer p.link2 a:hover{
	margin:0px auto;
	padding:2px;
	color:#ff6600;
	text-decoration:none;
	text-align:center;
}
#rightbox_customer ul{
	margin:0px;
	padding:0px;
}
#rightbox_customer ul li{
	margin:0px;
	padding:0px 5px;
	list-style:none;
}
/*end rightbox_customer*/

/*-----------------------end ul li link-----------------------*/

/*--------------------layout--------------------*/
#container{
	margin:0px auto;
	padding:0px;
	width:1000px;
	height:auto;
}
#header{
	margin:0px auto;
	padding:0px;
	width:1000px;
	height:94px;
	background:url(images/hosting_header.jpg) top no-repeat;
}
#hosting_logo{
	margin:0px;
	padding:0px;
	width:386px;
	height:94px;
	background:url(images/hosting_logo.jpg) top no-repeat;
	float:left;
}
#header_blog{
	margin:0px;
	padding:0px;
	width:500px;
	height:94px;
	float:right;
}
#header_blog p{
	margin:0px;
	padding:0px;
	width:400px;
	height:auto;
	float:right;
	color:#333333;
	text-align:left;
}
#hotline{
	float: right;
	margin: 10px 25px 0 0;
	padding: 0px;
	width: 470px;
	text-align: right;
}
#hotline h4{
	margin: 0;
	padding: 0px;
	color: #333333;
}
#topmenu{
	position:relative;
	margin: 0px auto;
	width:1000px;
	height:46px;
	background:url(images/hosting_topmenu.jpg) top no-repeat;
}
#under_topmenu{
	margin:0px auto;
	padding:0px;
	width:1000px;
	height:8px;
	background:url(images/hosting_under_topmenu.jpg) top no-repeat;
}
#flash_banner{
	margin:0px auto;
	padding:0px;
	width:1000px;
	height:292px;
	background:url(images/hosting_flash_banner.jpg) top no-repeat;
}
#hosting_banner{
	margin:0px auto;
	padding:0px;
	width:1000px;
	height:187px;
}
#check_domain_blog{
	margin:0px auto;
	padding:0px;
	width:934px;
	height:46px;
	background:url(images/hosting_check_domain.jpg) top no-repeat;
}
#domain_form{
	margin:0px auto;
	padding:0px;
	width:550px;
	height:46px;
}
#domain_form p{
	margin:0px auto;
	padding:10px 5px 0 0;
	height:auto;
	float:left;
	display:inline;
}
#domain_form p#text{
	margin:0px auto;
	padding:12px 5px 0 0;
	height:auto;
	float:left;
	display:inline;
	font-weight:bold;
}
/*--------------------main body--------------------*/
#mainbody{
	margin:0px auto;
	padding:0px;
	width:1000px;
	height:auto;
	background:url(images/hosting_mainbody.png) top repeat-y;
	overflow:auto;
}
/*mainbox big spaces*/
#mainbox{
	margin:0px auto;
	padding:0px;
	width:934px;
	height:auto;
}
#mainbox01{
	height:49px;
	background:url(images/hosting_mainblog01.jpg) top no-repeat;
}
#mainbox02{
	height:auto;
	background:url(images/hosting_mainblog02.jpg) top repeat-y;
	overflow:auto;
}
#mainbox03{
	height:55px;
	background:url(images/hosting_mainblog03.jpg) top no-repeat;
}
/*end mainbox big spaces*/

/*mainbox inside page*/
#mainbox_inside{
	margin:0px;
	padding:0px 0 0 35px;
	width:672px;
	height:auto;
	float:left;
}
#mainbox_inside01{
	height:49px;
}
#mainbox_inside02{
	height:auto;
	background:url(images/hosting_mainblog02-2.jpg) top repeat-y;
	overflow:auto;
}
#mainbox_inside03{
	height:55px;
	background:url(images/hosting_mainblog03-2.jpg) top no-repeat;
}
#mainbox_inside_detial{
	margin:0px auto;
	margin-top:10px;
	padding:10px;
	width:610px;
	height:auto;
	border:1px solid #e8e8e8;
}
#mainbox_inside_detial p{
	margin:0px auto;
	padding:10px 10px 0 10px;
}
#mainbox_inside_detial p.class_p{
	margin:0px auto;
	padding:0px 10px 0 10px;
}
#mainbox_inside_detial h3{
	margin:0px auto;
	padding:0px;
	text-align: center;
}
/*end mainbox inside page*/

#package_box01{
	margin:10px 0px 0 17px;
	padding:0px;
	width:217px;
	height:255px;
	background:url(images/hosting_package01.jpg) top no-repeat;
	float:left;
}

#package_box02{
	margin:10px 0px 0 10px;
	padding:0px;
	width:217px;
	height:255px;
	background:url(images/hosting_package02.jpg) top no-repeat;
	float:left;
}
#package_box03{
	margin:10px 0px 0 10px;
	padding:0px;
	width:217px;
	height:255px;
	background:url(images/hosting_package03.jpg) top no-repeat;
	float:left;
}
#package_box04{
	margin:10px 0px 0 10px;
	padding:0px;
	width:217px;
	height:255px;
	background:url(images/hosting_package04.jpg) top no-repeat;
	float:left;
}
#package_detial{
	margin:0px auto;
	margin-top:80px;
	padding:0px;
	width:180px;
	height:150px;
}
#package_detial p{
	margin:0px auto;
	padding:5px 0 0 0;
}
#package_detial img{
	margin:0px auto;
	padding:0px;
	border:0px;
}
/*blue_blog*/
#blueblog{
	margin:0px auto;
	padding:0px;
	width:940px;
	height:auto;
	overflow:auto;
}
#blueblog_in01{
	margin:0px;
	padding:0px;
	width:312px;
	height:235px;
	background:url(images/hosting_blueblog01.jpg) top no-repeat;
	float:left;
}
#blueblog_in02{
	margin:0px;
	padding:0px;
	width:312px;
	height:235px;
	background:url(images/hosting_blueblog02.jpg) top no-repeat;
	float:left;
}
#blueblog_in03{
	margin:0px;
	padding:0px;
	width:312px;
	height:235px;
	background:url(images/hosting_blueblog03.jpg) top no-repeat;
	float:left;
}
#blueblog_detial{
	margin:0px auto;
	margin-top:60px;
	padding:0px 0 0 0;
	width:280px;
	height:150px;
	border:1px solid #f2f2f2;
	overflow:hidden;
}
#blueblog_detial p{
	margin:0px auto;
	padding:5px 2px;
	width:270px;
}
#customer_slide{
	margin:5px auto;
	padding:0px 0 0 0;
	width:250px;
	height:140px;
	border:1px solid #ccc;
	text-align:center;
}
#customer_slide img{
	margin:0px auto;
	padding:5px;
	width:230px;
	height:auto;
}
/*end blue_blog*/
/*--------------------end main body--------------------*/

/*footer*/
#footer{
	margin:0px auto;
	padding:0px;
	width:auto;
	height:105px;
	background:url(images/hosting_footer.jpg) top no-repeat;
	clear:both;
}
#footer p{
	margin:0px auto;
	padding:10px;
	text-align:center;
	color:#FFFFFF;
	font-size:smaller;
}
/*end footer*/


/*right*/
#right{
	margin:0px;
	padding:0px;
	width:260px;
	height:auto;
	float:left;
}
#rightbox{
	margin:0px 0 10px 0;
	padding:0px;
	width:260px;
	height:auto;
}
#rightbox01{
	margin:0px auto;
	padding:0px;
	width:259px;
	height:44px;
	background:url(images/hosting_rightbox_inside01.jpg) top no-repeat;
	float:left;
}
#rightbox02{
	margin:0px auto;
	padding:0px;
	width:259px;
	height:auto;
	background:url(images/hosting_rightbox_inside02.jpg) top repeat-y;
	float:left;
	text-align:center;
}
#rightbox_customer{
 	margin:0px auto;
	padding:10px 0px;
	width:220px;
	height:auto;
	border:1px solid #f2f2f2;
}
#rightbox_customer img.small{
	margin:0px auto;
	padding:0px;
	width: 180px;
	height:auto;
}
#rightbox03{
	margin:0px auto;
	padding:0px;
	width:259px;
	height:28px;
	background:url(images/hosting_rightbox_inside03.jpg) top no-repeat;
	float:left;
}
/*end right*/

/*webdesign_slide*/
#webdesign_slide{
	margin:0px auto;
	padding:10px;
	width:590px;
	height:auto;
	border:1px solid #000;
	overflow:auto;
}
/*end webdesign_slide*/
/*--------------------end layout--------------------*/

/*class font*/
.orange_bold{
	color:#ff6600;
	font-weight: bold;

}
.black_bold{
	color:#666;
	font-weight:bold;
}
.red_bold{
	color:#ce0b0b;
	font-weight:bold;
}

/*--------------------class table hosting--------------------*/
#table_hosting table{
	margin:0px auto;
	margin-top:10px;
	padding:0px;
	border-collapse:collapse;
	text-align:center;
}
#table_hosting table td{
	margin:0px;
	padding:2px 0px;
	border:1px solid #CCCCCC;
}
#table_hosting p{
	margin:0px;
	padding:2px 5px;
	color:#666;
	text-align:left;
}
#table_hosting h3{
	margin:0px;
	padding:5px;
	color:#f2f2f2;
	text-align:left;
}
#table_hosting h4{
	margin:0px;
	padding:5px;
	color:#666;
	text-align:left;
}
#table_hosting h4.domain_h4{
	margin:0px;
	padding:5px;
	color:#fff;
	text-align:center;
}
#step_box{
	margin: 0px;
	padding: 0px;
	width: 610px;
	height: 520px;
	background: url(images/step.jpg) no-repeat; 
}
#pakeage_design_box{
	margin: 0px;
	padding: 0px;
	width: 610px;
	height: auto; 
}
#pakeage_design_box .top{
	margin: 0px;
	padding: 0px;
	width: 610px;
	height: 44px; 
	background: url(images/webdesign_package01.jpg) no-repeat;
}
#pakeage_design_box .top h4{
	margin: 0px;
	padding: 10px 0 0 15px;

}
#pakeage_design_box .middle{
	margin: 0px;
	padding: 0px;
	width: 610px;
	height: auto; 
	background: url(images/webdesign_package02.jpg) repeat-y;
}
#pakeage_design_box .middle ul{
	margin: 0px 0 0 50px;
	padding: 0px;
	width: 520px;
}
#pakeage_design_box .middle p.price{
	float: left;
	margin: 5px 0 5px 10px;
	padding: 5px;
	width: 575px;
	font-size: large;
	text-align: right;
	color: #ff6600;
	background: #f2f2f2;
	border-bottom: 1px solid #dfdfdf;
}
#pakeage_design_box .middle p.note{
	margin: 10px 0 0 10px;
	padding: 5px;
	width: 575px;
	background: #f2f2f2;
	border-bottom: 1px solid #dfdfdf;
}
#pakeage_design_box .bottom{
	margin: 0px;
	padding: 0px;
	width: 610px;
	height: 34px; 
	background: url(images/webdesign_package03.jpg) no-repeat;
}

#pakeage_design_box .title{
	margin: 0px;
	padding: 0px;
	width: 610px;
	height: 42px;
	background: url(images/webdesign_package_title.jpg) no-repeat;
}
#pakeage_design_box .title h3{
	margin: 0px;
	padding: 15px 0 0 70px;
	color: #FFFFFF;
}
/*--------------------end class table hosting--------------------*/

/*class*/
.text_form{
	margin:0px;
	padding:0px;
	width:120px;
	height:auto;
	float:left;
}
.h3_form{
	margin:10px 5px;
	padding:4px;
	width:600px;
	height:auto;
	border-bottom:1px solid #f2f2f2;
	border-top:1px solid #f2f2f2;
	color:#666;
}
.button{
	margin:0px 4px;
	padding:0px 4px;
}
.check_domain{
	margin: 0px auto;
	padding: 15px 0 0 0;
	width: 610px;
	height: 80px;
	background: url(images/check_domain.jpg) no-repeat;
	text-align: center;
}
/*end class*/