@charset "utf-8";

/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);/*font-family: 'Open Sans', sans-serif; Light 300,Normal 400,Semi-Bold 600,Bold 700,Extra-Bold 800*/

@import url(http://fonts.googleapis.com/css?family=Roboto);/*font-family: 'Roboto', sans-serif;Normal 400, Medium 500*/

body {

	background:#fff;

	font-family: 'Arial';

	font-size:14px;

	line-height:26px;

	color:#666;

	padding:0;

	margin:0;

	min-width:980px;

}

img {

	border:0;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}

img:hover {

	border:0;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}

img.responssive {

	width:100%;

	max-width:100%;

}
.title a{ color:#FFFFFF;}
.title a:hover{ color:#000; text-decoration:none;}
a {

	color:#467F9F;

	text-decoration:none;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}

a:hover {

	text-decoration:underline;

	color:#666;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}

p {

	padding:10px 0;

	margin:0;

}

h1 {

	font-family: 'Open Sans', sans-serif;

	font-size:40px;

	line-height:56px;

	font-weight:300;

	padding:0;

	margin:0;

	color:#333;

}

h2 {

	font-family: 'Open Sans', sans-serif;

	font-size:30px;

	line-height:50px;

	font-weight:300;

	padding:0;

	margin:0;

	color:#333;

}

ul {

	padding:0;

	margin:0;

}

.clear {

	clear:both;

}

.wrapper {

	width:980px;

	margin:0 auto;

	position:relative;

	clear:both;

}

.wrapper_left {

	width:730px;

	float:left;

	position:relative;

	clear:both;

	margin-top:20px;

}

.wrapper_right {

	width:230px;

	margin-left:20px;

	position:relative;

	float:left;

	margin-top:20px;

}

.wrapper_right .box{ background:#eee; border:1px solid #7EA94A; margin-bottom:10px;}

.wrapper_right .box h3{ background:#444; font-family: 'Open Sans', sans-serif;

	font-size:20px;

	color:#fff;

	line-height:40px;

	margin:0;

	padding:0 0 0 13px;

	font-weight:400;} 

.wrapper_right .box ul{ list-style-position:inside; list-style:none;}

.wrapper_right .box ul li { background:url(images/left_arrow.jpg) no-repeat 13px center;  font-size:12px; padding-left:37px; font-weight:bold; color:#666; line-height:30px; border-bottom:1px solid #ddd;}

#mini_links_wrapper{ background:#eee; width:100%; display:inline-block; height:30px;}

.mini_links{ float:right;}

.mini_links a{ color: #666; font-family: 'Open Sans', sans-serif;font-weight:400;font-size: 12px;margin:0 5px;}

.mini_links a:hover{ color:#000;}

.mini_links .fa{ color:#222; font-size:17px;}

.logo{ float:left; margin:10px 0;}

.contact_info{ float:right;color: #666;font-family: 'Open Sans', sans-serif;font-weight:400;font-size: 12px; position:relative; margin-top:12px;}

.contact_info strong{color: #000;font-family: 'Open Sans', sans-serif;font-weight:600;font-size: 14px;}

.contact_info .fa{color:#222; font-size:30px; left: -40px;position: absolute;top: 12px;}

.slider{ width:100%; background:url(images/slider_bg.jpg) repeat-x;}

.home_content{ margin:20px 0; display:inline-block;}

.home_content .left{ float:left; width:560px; margin-right:20px; background:#eee; padding:16px 50px;}

.home_content .right{ float:right; width:300px; background:#eee;}

.home_content .right h3{color: #fff;font-family: 'Open Sans', sans-serif;font-weight:400;font-size: 28px; background:#7AAF3A; margin: 0; padding: 10px;}

.posts {padding: 10px 10px 0;}

.post-list {


}

.spiner{    background: none repeat scroll 0 0 #ddd;

    height: 400px;

    line-height: 400px;

    position: absolute;

    text-align: center;

    width: 100%;

	padding-top:180px;

	top:150px;

    z-index: 9999;}

.date {

    float: left;

    margin-right: 10px;

    text-align: center;

    width: 60px;

}

.post-cont {

    float: right;

    width: 210px;

	line-height:20px;

	font-size:12px; color:#666;

	

}

.slider_inner{

    position: absolute;

    top: -325px;

    z-index: 999;

}

h2.anim {

	position: absolute;

	top:0;

	padding:0!important;

}

.post-cont a{font-size:14px;}

#host{ background:url(images/host_bg.jpg) repeat-x; height:250px; margin-top:20px;}

#host h1{ color:#fff; text-align:center; line-height:65px;}

#host h1 span{ color:#9FC570;}

.host_box{ float:left; width:33%; margin-bottom:10px;}

.box_img{ float:left; position:relative;}

.box_text{   float: left; margin-left: 15px; text-align: left; width: 65%; top:5px;}

.host_box h3{color: #fff;font-family: 'Open Sans', sans-serif;font-weight:400;font-size: 20px; margin:0; padding:0;}

.host_box p{color: #9FC570;font-size: 14px; line-height:20px; padding:5px 0;}

.tools, .host_inner { padding:10px 20px 20px; }

.tools img { margin-right:20px;}

.tools img.last{ margin-right:0;}

.tools h1{ color:#333; font-size:30px; text-align:center;}

#footer_bg{ background:#333; min-height:160px;}

#copyright_bg{ background:#333; min-height:40px; border-top:1px solid #4A4A4A; text-align:center; color:#B9B9B9; font-size:12px;}

#copyright_bg img{ position:relative; top:7px; right:5px;}

#footer_bg .cols{ float:left; width:180px; margin-top:15px;}

#footer_bg .cols.s_last{ float:left; width:110px; margin-top:15px;}

#footer_bg .cols.last{float: left;font-size: 11px;line-height: 15px;margin-top: 15px; padding-left: 20px;width: 127px; background:url(images/line.jpg) repeat-y left; }

#footer_bg .cols.last img{ margin-right:4px; margin-top:5px;}

#footer_bg .cols.last h3{ line-height:30px;}

#footer_bg .cols ul{ list-style:none;}

#footer_bg .cols ul li{ line-height:15px;}

#footer_bg .cols a{ font-size:11px; color:#9FC570;} 

#footer_bg .cols a:hover{ color:#FFFFFF;}

#footer_bg .cols h3{color: #fff;font-family: 'Open Sans', sans-serif;font-weight:400;font-size: 18px; margin:0; padding:0; }

.search_box{ background:#eee; padding: 12px 93px; margin-top:10px; margin-bottom:10px; }

.search_left{ float:left; margin-right:20px;}

.search_right{ float:left; border:1px solid #216B8E; background:url(images/search_right_bg.jpg) repeat-x; height:40px; padding:10px; width:79%; margin-top:23px;}

.www{ background:#fff; border:1px solid #216B8E; float:left; width:91%;}

.www strong{color:#206B8D;font-family: 'Open Sans', sans-serif;font-weight:400;font-size: 18px; margin:0; padding:6px 15px; background:#eee; line-height:38px; border-bottom:none; border-top:none; border-left:none; border-right:1px solid #ddd;}

.www .footertext{color:#666;font-family: 'Open Sans', sans-serif;font-weight:400;font-size: 18px; margin:0; padding:0 15px; background:#fff; line-height:38px; border:none; width:55%;}

.www .domainex{color:#206B8D;font-family: 'Open Sans', sans-serif;font-weight:400;font-size: 18px; margin:0; padding:5px 15px; background:#eee; line-height:38px; border-bottom:none; border-top:none; border-left:1px solid #ddd; border-right:none; float:right;}

.search_right .tabletext{ margin-left:10px; height:40px;}

.pricing{ margin-bottom:10px;}

.pricing h1{color: #333;font-family: 'Open Sans', sans-serif;font-weight:300;font-size: 40px; margin:-5px 0 12px; padding:0; text-align:center; }

.pricing h3{color: #fff;font-family: 'Open Sans', sans-serif;font-weight:400;font-size: 20px; margin:0; padding:0; text-align:center; background:#216B8E; line-height:40px; }

.pricing ul{ float:left; width:320px; background:#eee; list-style:none; margin-right:10px;}

.pricing ul.last, .pricing ul.last_about{ margin-right:0;}

.pricing ul li{ border-bottom:1px solid #fff; line-height:40px; font-family:Arial; font-size:14px; padding-left:15px; color:#333;}

.pricing ul.last li{ text-align:center;}

.pricing ul.last_about li{ text-align:left;}

.pricing ul.last li .red{ background:#E41C32;  font-family:Arial; font-size:14px; padding:3px 18px; color:#fff;}

.pricing ul.last li .green{ background:#7AAF3A;  font-family:Arial; font-size:14px; padding:3px 18px; color:#fff;}

.info{ background: #eee; margin-top:10px; padding: 18px 15px; margin-bottom:10px; border:1px solid #999;}

.info h3{color:#206B8D;font-family: 'Open Sans', sans-serif;font-weight:300;font-size: 30px; margin:0 0 15px; padding:0;}

.info ul li{ background:url("images/info_icon.png") no-repeat scroll left 3px rgba(0, 0, 0, 0); list-style:none; padding-left:32px; margin-bottom:15px;}

.info strong{ color:#79AE39;}

.wrapper .title{  background: none repeat scroll 0 0 #70a036;

    color: #fff;

    font-family: "Open Sans",sans-serif;

    font-size: 40px;

    font-weight: 400;

    margin: 10px auto 0;

    padding: 12px 0;

    text-align: center;

    text-transform: uppercase;

    width: 100%;

    z-index: 999;}

.falgs{  margin: -30px 0 10px;position: relative;top: 50px; z-index: 999;}

.falgs .left{ width:32%; float:left; text-align:center;}

.falgs .right, .falgs .win_icon{ width:32%; float:left; text-align:center; margin-left:2%;}

.falgs .email_icon{ width:49%; float:left; text-align:center;}

.falgs .outlook_icon{ width:49%; float:left; text-align:center; margin-left:2%;}

.email_box{ color:#666; position:relative; font-size:14px; font-family:Arial; width:47%;  text-align:center; padding:30px 6px 23px 6px; float:left; background: #EEE; border:1px solid #ccc; margin-right:2%;}

.outlook_box{ color:#666; position:relative; font-size:14px; font-family:Arial; width:47%;  text-align:center; padding:30px 6px 23px 6px; float:left; background: #EEE; border:1px solid #ccc;}

.china_box{ color:#666; position:relative; font-size:14px; font-family:Arial; width:30%;  text-align:center; padding:30px 6px 23px 6px; float:left; background: #EEE; border:1px solid #ccc; margin-right:2%;}

.server{ padding:30px 6px 5px!important;}

.server h1{ padding-top:15px;}

.china_box h1, .int_box h1{color: #333;font-family: "Open Sans",sans-serif;font-size: 26px;font-weight: 300; line-height:45px;}

.china_box .location, .int_box .location{ color:#333; font-size:16px; font-weight:bold; font-family:Arial;}

.int_box{ color:#666; position:relative; font-size:14px; font-family:Arial;  width:31%;  padding:30px 6px 23px 6px; text-align:center; float:left; background:#EEE; border:1px solid #ccc; }

.email{ text-align:center; margin:70px 0 50px;}

.win_flgs{ width:80%; margin:0 auto;}

.server_flgs{ width:90%!important; margin:0 auto;}

.win_flgs a{font-size:14px; color:#666;}

.de_servers .ch_flg{margin-right:2px!important;}

.server_flgs .ch_flg{margin-right:34px;}

.ch_flg{ float:left; text-align:center;}

.hk_flg{ float:right; text-align:center;}

.wrapper_left .ch_boxes{ width:100%; clear:both;  background:url(images/ch_box_bg.jpg) repeat-x #222; padding:0; text-align:left;}

.wrapper_left .title_bg{ background: url("images/big_title_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    height: 60px;

    left: -10px;

    position: absolute;

    top: 15px;

    width: 750px;

    z-index: 1;}

.wrapper_left .ch_box{ border-right: 1px solid #222;

    float: left;

    margin-right: 0;

    margin-top: 15px;

    padding: 65px 5px;

    width: 232px;}

.wrapper_left .ch_box h3{ width:252px; font-size:20px; background:none; z-index:999;border-right: 1px solid #222;

    color: #ffffff;

    font-family: Roboto;

    font-weight: 500;

    left: -10px;

    line-height: 50px;

    margin: 0;

    position: absolute;

    text-align: center;

    text-shadow: 0 0 2px #333;

    top: 0;

}

.wrapper_left .ch_box ul li { font-size:12px;  line-height: 20px;

    padding: 10px 0;}

.wrapper_left .ch_box .total{ font-size:18px;}

.wrapper_left .ch_box .btn a{ font-size:24px;}

.wrapper_left .ch_box .btn {

    background: url("images/ch_box_btnbg_sml.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    bottom: -10px;

    height: 50px;

    left: 12px;

    position: absolute;

    width: 200px;

}

.wrapper_left .info{ margin-top:30px;}

.wrapper_left .ch_box.last, .wrapper_left .ch_box.last h3{ border:none;}

.ch_boxes{ width:100%; clear:both; padding:10px 6px; text-align:center;}

.ch_box{ width:290px; display:inline-block; background:url(images/ch_box_bg.jpg) repeat-x #222; position:relative; margin-right:28px; padding:80px 5px 80px 5px; text-align:center;}

.ch_boxes .four{ width:207px!important;}

.ch_boxes .four h3{   background: url("images/ch_box_titlebg_sml.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;

    font-size: 22px!important;

    height: 60px!important;

    left: -10px!important;

    line-height: 47px!important;

    top: 0!important;

    width: 237px!important;}

.ch_boxes .four .btn{background: url("images/ch_box_btnbg_sml.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;

    bottom: -10px!important;

    width: 200px!important;

	left:9px!important;

	}

.ch_boxes .four .btn a{

    font-size: 22px!important;

   }

.ch_boxes .four .total{ font-size:17px!important;}

.ch_boxes .five{ width:158px!important;}

.ch_boxes .five h3{   background: url("images/ch_box_titlebg_sml2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;

    font-size: 18px!important;

    height: 60px!important;

    left: -10px!important;

    line-height: 47px!important;

    top: 0!important;

    width: 188px!important;}

.ch_boxes .five .btn{background: url("images/ch_box_btnbg_sml2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;

    bottom: -10px!important;

    width: 150px!important;

	left:9px!important;

	}

.ch_boxes .five .btn a{

    font-size: 16px!important;

   }

.ch_boxes .five .total{ font-size:13px!important;}

.ch_box.last{ margin-right:0;}

.ch_box h3{   background: url("images/ch_box_titlebg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    color: #ffffff;

    font-family: Roboto;

    font-size: 26px;

    font-weight: 500;

    height: 60px;

    left: -10px;

    line-height: 47px;

    position: absolute;

    text-align: center;

    text-shadow: 0 0 2px #333;

    top: -5px;

    width: 320px;}

.ch_box .total{ background:#222; color:#70A036;font-family: "Open Sans",sans-serif;font-size: 20px;font-weight: 600; line-height:45px;}

.ch_box ul{ list-style:none;}

.ch_box ul li { border-bottom:1px solid #4C4C4C; font-size:13px; color:#5799B8; font-family:Arial; line-height:45px;}

.ch_box ul li span{ color:#EDEDED;}

.ch_box .btn{background: url("images/ch_box_btnbg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    bottom: -10px;

    height: 50px;

    left: 12px;

    position: absolute;

    width: 280px;

	}

.ch_box .btn a{color: #ffffff;

    font-family: Roboto;

    font-size: 30px;

    font-weight: 500;

	line-height:50px;

	text-shadow: 0 0 2px #333;}

.ch_box .btn a:hover{ text-decoration:none; color:#d8d9d6;}

.msg{ background:#FFECE6; border:1px dashed #E33E2B; padding:10px; font-size:14px; color:#333; text-align:center;}

.banner_chflg{left:0; position:absolute; top:38px;}

.banner_inthost{right:0; position:absolute; top:72px;}

.feature{ padding:15px 30px; }

.feature h3{ color:#9FC570;font-family: "Open Sans",sans-serif;font-size: 40px;font-weight: 300; margin:10px 0; line-height:50px; text-align:center;}

.feature .inner{ font-size:14px; color:#eee; padding-left:55px; position:relative; font-family:Arial; margin-bottom:10px;}

.feature .inner h3{ font-size:18px; color:#9FC570; line-height:25px; margin:0; text-align:left; font-family:Arial;}

.feature .inner img{ position:absolute; left:0; top:2px;}

.box_border{  border: 10px solid #999 !important;box-shadow: 0 0 5px #000;}

.box_border:hover{  border: 10px solid #666 !important;box-shadow: 0 0 5px #000;}







/* Navigation */

.nav{background:#70A036; width:100%; display:inline-block; height:40px;}

.nav ul{ display:block; position:relative; list-style:none; z-index:999;}

.nav ul li {

    display: block;float: left;margin: 0;padding: 0;position: relative;

	}



.nav ul li a {

    color: #fff;

    font-family: 'Open Sans', sans-serif;

	font-weight:600;

    font-size: 18px;

    padding: 9px 16px;

    text-transform: uppercase;

    transition: color 0.25s ease-out 0s;

	line-height:38px;

	 text-shadow: 1px 1px 2px #222;

}

.nav ul li a:hover, #nav li a.active{ color:#000000; text-decoration:none;}



/* sublevels */

#nav ul li:hover a, #nav li:hover li a {

    background:none;

    border:none;

    color:#000;

}

#nav ul li a:hover {

    color:#fff;

}

.sub{ background:url(images/down_arrow.png) no-repeat left center;}

#nav ul li:first-child > a {

    font-weight:12px;

}

#nav ul li:last-child > a {

     font-weight:12px;

}



/* drop down */

#nav li:hover > ul {

    opacity:1;

    visibility:visible;

}

#triangle-up {  background: url("images/arrow_top.png") no-repeat scroll left top rgba(0, 0, 0, 0);

    height: 6px;

    position: absolute;

    top: -11px;

    width: 10px;

	left:-5px;  }

#nav ul {

    opacity:0;

    visibility:hidden;

    padding:0;

    width:150px;

	margin-top:2px;

    position:absolute;

    background:#70A036 ;

    border:5px solid #111;

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;

    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;

    -o-transition:opacity .25s linear, visibility .1s linear .1s;

    transition:opacity .25s linear, visibility .1s linear .1s;

}

#nav ul li {

    float:none;

	border:1px solid #577D28;

    margin:0;

}

#nav ul li a {

    font-size:16px;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	color:#FFFFFF;

}

#nav ul li a:hover{ color:#000000;}

#nav ul ul {

    left:160px;

    top:0px;

}