.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    z-index: 10;
	position: relative;
}

.container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.space {
    padding-top: 180px;
    padding-bottom: 80px;
}
.space2x {
    padding-top: 40px;
    padding-bottom: 40px;
}
.space3x {
    padding-top: 120px;
    padding-bottom: 120px;
}
.space p {
	margin-bottom: 0;
}

.btn-blue,
.btn-blue-border:hover {
    color: #FFF !important;
    background: #3ba3ff !important;
    border: 2px solid transparent !important;
}
.btn-blue:hover,
.btn-blue-border {
    color: #7ac1ff !important;
    background-color: transparent !important;
    border: 2px solid #3ba3ff !important;
}
.btn-org-border,
.btn-org:hover {
    color: #fff !important;
    background-color: transparent !important;
    border: 2px solid #3ba3ff !important;
}
.btn-org,
.btn-org-border:hover {
    color: #FFF !important;
    background: #3ba3ff !important;
    border: 2px solid transparent !important;
}
.btn-outline {
	color: rgba(77,190,94,0.8);
	border: 2px solid rgba(77,190,94,.8);
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-outline:hover,
.btn-outline:focus {
	color: #fff;
	border: 2px solid rgba(77,190,94,.8);
	background-color: rgba(77,190,94,.8);
}
/* Theme Greay Bg Color */
.grey-bg {
    background: linear-gradient(#f5f7f9, #f5f7f9) no-repeat 100% 0;
}

/* TopNav Start
==============================================================*/
.topnav {
	position: relative;
	z-index: 1001;
	margin-bottom: 0;
	/*background-color: #2679b9;*/
	background:linear-gradient(45deg, #10559e 5%, #1e88e5 65%, #40BAF5 98%);
}
.topnav .navbar {
	min-height: 30px;
	margin-bottom: 0;
}
.topnav .navbar .navbar-nav>li {
	color: #FFF;
	line-height: 30px;
	padding: 2px 10px;
}
.topnav .navbar .navbar-nav>li>a {
	color: #FFF;
	padding: 0;
	position: relative;
	line-height: 30px;
	/*text-transform: uppercase;*/
}
.topnav .navbar .navbar-nav>li>a:focus,
.topnav .navbar .navbar-nav>li>a:hover,
.topnav .navbar .navbar-nav>.active>a:focus,
.topnav .navbar .navbar-nav>.active>a:hover,
.topnav .navbar .navbar-nav>.open>a,
.topnav .navbar .navbar-nav>.open>a:focus,
.topnav .navbar .navbar-nav>.open>a:hover {
	color: #FFCC00;
	background-color: transparent;
}
.topnav .navbar .navbar-nav>li .fa {
	color: #FFCC00;
	margin-right: 5px;
	font-size: 1.2em;
	font-weight: 600;
	vertical-align: middle;
}
.topnav .navbar .navbar-nav .phone {
	color: #FFCC00;
	font-size: 16px;
	font-weight: 600;
}

/* Header Start
==============================================================*/
header {
	z-index: 1000;
	position: relative;
	/*background:#328ddb;*/
	background: linear-gradient(45deg, #10559e 3%, #1e88e5 55%, #40BAF5 91%);
}
/* Header Fixed */
header.fixed {
	position: fixed;
	width: 100%;
	top: 0;
}
header.fixed .navbar .navbar-header {
	margin-top: 5px;
}
header.fixed .navbar .navbar-brand {
	width: 195px;
	height: 50px;
	background-size: 150px 50px;
}
header.fixed .navbar .navbar-nav>li>a {
	line-height: 50px;
}
header.fixed .navbar .navbar-nav>li>a.login {
	margin-top: 11px;
}
/* Header Fixed */
header .navbar {
	margin: 0;
	border: 0 none;
	background-color: transparent;
}
header .navbar .navbar-header {
	margin-top: 9px; /* 导航高度 281 行关联 */
}
header .navbar .navbar-brand {
	padding: 0;
	height: 65px;
	width: 195px;
	background: url("../../images/logo.png")/*tpa=http://subest.5awo.com/templates/123/images/logo.png*/ no-repeat;
	background-size: 100%;
	text-indent: -999em;
}
header .navbar .navbar-nav {
	margin-left: 116px;
}
header .navbar .navbar-nav>li {
	
}
header .navbar .navbar-nav>li:last-child {
	margin-right: 0;
}
header .navbar .navbar-nav>li>a {
	color: #FFF;
	font-size: 16px;
	line-height: 70px; /* 导航高度 259 行关联 */
	padding: 5px 20px;
	position: relative;
	text-transform: uppercase;
}
header .navbar .navbar-nav>li>a:focus,
header .navbar .navbar-nav>li>a:hover,
header .navbar .navbar-nav>.active>a,
header .navbar .navbar-nav>.active>a:focus,
header .navbar .navbar-nav>.active>a:hover {
	color: #FFF;
	/*background-color: #2679b9;*/
	background-color: #2880de;
}
header .navbar .navbar-nav>li>a.login {
	padding: 7px 18px;
	line-height: 20px;
	margin-top: 21px;
	margin-right: 15px;
	/*background-color: #2679b9;
	background-color: #3ba3ff;*/
	border-color: rgba(255,255,255, 0.2);
}
header .navbar .navbar-nav>li>a.login:hover {
	box-shadow: inset 0 0 0 2px #FFCC00;
	background-color: transparent;
}

@media (max-width: 1200px) {
header .navbar .navbar-nav.account {
	display: none;
}
}

/* Sub-Nav Start
==============================================================*/
.subnav {
	position:absolute;
	z-index:1001;
	top: 116px;
	left: 0;
	width: 100%;
}
.subnav.fixed {
	top: 60px;
	position: fixed;
}
.subnav .sub-nav {
	/*background-color: #2679b9;
	background: linear-gradient(45deg, #2591e9 20%, #168cf3 37%, #4eafff 75%);*/
	background-color: #2880de;
}
.subnav .sub-nav:after {
	content: '';
	clear: both;
}
.sub-nav dl {
	margin: 20px 80px 20px 0;
	float: left;
}
.sub-nav dt,
.sub-nav dt a {
	color: #FFCC00;
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 10px;
	margin-top: 20px;
}
.sub-nav dd {
	line-height:30px;
}
.sub-nav dd .hot {
	background-image: url("../../nav-hot.png")/*tpa=http://subest.5awo.com/templates/123/nav-hot.png*/;
	margin-left: 5px;
	margin-top: 8px;
	width: 28px;
	height: 11px;
	text-indent: -999em;
	display: block;
	float: right;
}
.sub-nav dd a {
	color: #FFF;
}
.sub-nav dd a:hover {
	color: #FFCC00;
}

 


.nav-menu {
	width: 100%;
	overflow: hidden;
	background-color: #F7FBFB;
	box-shadow: inset 0 -1px 0 #e3e3e3;
}
.nav-menu ul {
	display: block;
	margin: 0 auto;
	padding: 0;
}
.nav-menu ul li {
	float: left;
	width: 20%;
	list-style: none;
}
.nav-menu ul li:first-child a {
	border-left: 1px solid #e3e3e3
}
.nav-menu ul a {
	color: #555;
	width: 100%;
	font-size: 16px;
	text-transform: uppercase;
	padding: 20px 0;
	float: left;
	text-align: center;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	background-color: #F7FBFB;
	letter-spacing: .5px;
	transition: all 0.2s ease-in-out
}
.nav-menu ul a:hover {
	color: #F86539;
	background-color: #FFF;
}
.nav-menu ul .active a {
	color: #F86539;
	font-weight: bold;
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}
.nav-menu ul a:after {
	content: "";
	clear: both
}

/* Slider Start
==============================================================*/
/* Main Slider
-------------------------------------------------- */
#feature_slider {

    height: 500px;
	background-size: cover;
    z-index: 1;
    position: relative;
	
}
#feature_slider h1 {
    font-weight: 100;
    color: #ccc;
    font-size: 60px;
    line-height: 66px;
    text-align: center;
    position: absolute;
    top: 180px;
    width: 100%;
}
#feature_slider h1 strong {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 0 20px;
}
#pagination {
    position: absolute;
    bottom: 20px;
    z-index: 3;
    margin: 0;
    padding: 0;
    display: none;
    list-style-type: none;
}
#pagination li {
    text-indent: -99999em;
    float: left;
    padding: 0 6px;
    cursor: pointer;
}
#pagination li a {
    width: 8px;
    height: 8px;
    background: #AAB2BD;
    border-radius: 10px;
    display: block;
    opacity: .7;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
#pagination li.active a {
    background: #CCD1D9;
    box-shadow: none;
    width: 8px;
    height: 8px;
}

#pagination li:hover a {
    opacity: 1;
}
#feature_slider .slide {
    width: 100%;
    /*height: 720px;*/
    height: 500px;
    position: absolute;
    display: none;
    overflow: hidden;
    z-index: 1;
}
#feature_slider .slide.previous {
    z-index: 1;
}
#feature_slider .slide.active {
    z-index: 2;
}
#feature_slider .slide.hiddden {
    display: none;
}

/* Custom styles for each slide */

/* Slide 1 */
#feature_slider .slide#showcasing .info {
    position: absolute;
    top: 160px;
    left: 13%;
    width: 30%;
    display: none;
    z-index: 10;
}
#feature_slider .slide#showcasing .info h2 {
    color: #fff;
    font-size: 50px;
    font-weight: normal;
    line-height: 56px;
    text-shadow: 1px 1px 1px rgb(49, 57, 61);
}
/* Slide 2 */
#feature_slider .slide#ideas .info {
    position: relative;
    top: 110px;
    text-align: center;
}
#feature_slider .slide#ideas .info h2 {
    color: #fff;
    font-weight: normal;
}


#feature_slider .slide#ideas1 .info {
    position: relative;
    top: 110px;
    text-align: center;
}
#feature_slider .slide#ideas1 .info h2 {
    color: #fff;
    font-weight: normal;
}

#feature_slider .slide#ideas1 .info h3 {
    color: #fff;
    font-weight: normal;
}

/* Slide 3 */
#feature_slider .slide#tour .info {
    position: absolute;
    top: 150px;
    right: 6%;
    width: 25%;
}
#feature_slider .slide#tour .info h2 {
    color: #fff;
    font-size: 45px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #3b3262;
    line-height: 57px;
}
#feature_slider .slide#tour .info a {
    color: #fff;
    font-weight: bold;
    background-color: #2a205d;
    padding: 13px 30px;
    font-size: 19px;
    border-radius: 5px;
    margin-top: 40px;
    display: inline-block;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
#feature_slider .slide#tour .info a:hover { }

/* Slide 4 */
#feature_slider .slide#responsive .info {
    position: absolute;
    top: 170px;
    right: 9%;
    width: 25%;
}
#feature_slider .slide#responsive .info h2 {
    color: #fff;
    font-size: 47px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #3b3262;
    line-height: 56px;
}
#feature_slider .slide#responsive .info h2 strong {
    font-size: 42px;
}

#feature_slider .slide .info h2 { }
#feature_slider .slide .info {
    display: none;
    z-index: 10;
}
#feature_slider .slide .info a:hover {
    opacity: .8;
}
#feature_slider .asset,
#feature_slider .fade {
    position: absolute;
    display: none;
}
#feature_slider #slide-left,
#feature_slider #slide-right {
    width: 31px;
    height: 37px;
    display: block;
    position: absolute;
    top: 45%;
    left: 10px;
    background: url("../../bg_direction_nav.png")/*tpa=http://subest.5awo.com/templates/123/bg_direction_nav.png*/ no-repeat;
    opacity: .5;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
    display: none;
    z-index: 2;
}
#feature_slider #slide-right {
    left: auto;
    right: 10px;
    background-position: -31px 0;
}
#feature_slider #slide-left:hover,
#feature_slider #slide-right:hover {
    opacity: 1;
}

/* Homepages */
.feature .main {
	background-color: #f4f6f8;
	border-radius: 4px;
}
.feature .main .main-head {
	height: 200px;
	position: relative;
	border-radius: 4px 4px 0 0;
	background-position: center bottom;
	background-size: cover;
}
.feature .main .main-head h3 {
	position: absolute;
	left: 15px;
	bottom: 15px;
	color: #FFF;
	margin-bottom: 0;
	text-shadow: 3px 0 5px rgba(0,0,0,.2);
}
.feature .main .main-head.x1 {
	background-image: url("../../feature-main1.jpg")/*tpa=http://subest.5awo.com/templates/123/feature-main1.jpg*/;
}
.feature .main .main-head.x2 {
	background-image: url("../../feature-main2.jpg")/*tpa=http://subest.5awo.com/templates/123/feature-main2.jpg*/;
}
.feature .main .main-head.x3 {
	background-image: url("../../feature-main3.jpg")/*tpa=http://subest.5awo.com/templates/123/feature-main3.jpg*/;
}
.feature .main .main-foot {
	padding: 20px;
}
.feature .main .main-foot p {
	margin-bottom: 20px;
}

.feature-why {
	background-image: url("../../bg-creation-02.jpg")/*tpa=http://subest.5awo.com/templates/123/bg-creation-02.jpg*/;
}
.feature-why h3,
.feature-why p {
	color: #FFF;
}
.feature-why h3 {
	font-size: 24px;
}
.feature-why p {
	font-size: 16px;
}
.feature-why .col-sm-6:first-child {
	position: relative;
	min-height: 200px;
}
.feature-why img {
	max-width: 70%;
	position: absolute;
	bottom: -80px;
	left: 15%;
}
.product .main-head {
	margin-bottom: 5px;
}
.product .main-head img {
	max-width: 90px;
}
.product .main-foot h3 {
	color: #666;
	font-size: 22px;
}
.product .main-foot p {
	color: #AAA;
}

.product .main-foot p {
	color: #AAA;
}
.testimonial {
	position: relative;
}
.testimonial .item {
	padding-top: 80px;
	padding-bottom: 80px;
}
.testimonial .img1 {
	background-image: url("../../photo-esapiens-testimonial.jpg")/*tpa=http://subest.5awo.com/templates/123/photo-esapiens-testimonial.jpg*/;
	background-size: cover;
}
.testimonial .img2 {
	background-image: url("../../bg-creation-02.jpg")/*tpa=http://subest.5awo.com/templates/123/bg-creation-02.jpg*/;
	background-size: cover;
}
.testimonial .customNavigation {
	text-align: right;
	position: relative;
	top: -55px;
}
.testimonial .main {
	color: #FFF;
	font-size: 18px;
	padding: 20px;
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
}
.testimonial .main p:first-child {
	margin-bottom: 20px;
}

.news {
	background-color: #F4F6F8;
}
.news .col-sm-4 {
	padding-right: 5px;
}
.news .main {
	margin: 0 0 0 2px;
	border-right: 2px solid #DDD;
}
.news .main.last {
	border-right: 0;
}
.news .main li {
	color: #999;
}
.news .main li a {
	color: #333;
}


/* Domains */
.domains-head .main .main-head {
	border: 1px solid #EEE;
	border-radius: 4px;
	margin-bottom: 60px;
}
.domains-head .main .main-head ul {
	margin: 0;
	padding: 0;
	border-bottom: 0;
}
.domains-head .main .main-head li {
    transition: all .5s ease;
	border-right: 1px solid #EEE;
}
.domains-head .main .main-head li:last-child {
	border-right: 0;
}
.domains-head .main .main-head li:hover {
	background-color: #F5F5F5;
}
.domains-head .main .main-head .nav-tabs>li>a {
	margin-right: 0;
	line-height: 1.42857143;
	border: 0 none;
	border-radius: 0;
}
.domains-head .main .main-head .nav>li>a:focus,
.domains-head .main .main-head .nav>li>a:hover {
  text-decoration: none;
  background-color: transparent;
}
.domains-head .main .main-head li.active {
	font-weight: bold;
	background-color: #EEE;
}
.domains-head .main .main-head .nav-tabs>li.active>a,
.domains-head .main .main-head .nav-tabs>li.active>a:focus,
.domains-head .main .main-head .nav-tabs>li.active>a:hover {
	background-color: transparent;
}

.domains-head .main .main-foot {
	padding: 0 50px;
}
.domains-head .main .main-foot img {
	max-width: 100px;
	float: left;
	margin-right: 20px;
}
.domains-head .main .main-foot p {
	padding-top: 10px;
	text-indent: 2em;
	font-size: 15px;
}


.domains-slide {
	background-image: url("../../TB1_KNZHXXXXXcFapXXxLHZ_pXX-1900-300.jpg")/*tpa=http://subest.5awo.com/templates/123/TB1_KNZHXXXXXcFapXXxLHZ_pXX-1900-300.jpg*/;
	background-size: cover;
}
.domains-slide.space {
	padding-top: 100px;
	padding-bottom: 100px;
}
.domains-slide h2 {
	font-weight: 500;
}
.domains-slide h2 span {
	color: #E35519;
}
.domains-slide .input-group {
	width: 90%;
}
.domains-slide .input-group input.form-control {
	padding: 12px 16px;
	font-size: 18px;
	height: auto;
}
.domains-slide .input-group .input-group-btn .btn  {
	padding: 12px 30px;
	font-size: 18px;
	height: auto;
}
.domains-slide .sch-links {
	margin-top: 20px;
}
.domains-slide .sch-links a {
	color: #333;
}
.domains-slide i.line {
	color: #999;
	margin: 0 10px;
	font-weight: bold;
}

.domains-main {
	background-color: #F5F5F3;
}
.domains-main.space {
	padding-top: 40px;
	padding-bottom: 40px;
}
.domains-info,
.domains-side {
	padding: 15px;
	border-radius: 4px;
	background-color: #FFF;
}
.domains-side {
	height: 100%;
}
.domains-side .domains-faq li {
	line-height: 35px;
}
.domains-side .ads {
	color: #BBB;
	margin-top: 17px;
	line-height: 100px;
	text-align: center;
	border-radius: 4px;
	background-color: #eee;
}
.domains-main .domains-info table {
	margin-bottom: 0;
	border: 1px solid #E9E9E9;
}
.domains-main .domains-info table thead th {
	background-color: #F5F5F3;
}
.domains-main .domains-info table th,
.domains-main .domains-info table td {
	padding: 0 15px;
	line-height: 50px;
	text-align: center;
}
.domains-main .domains-info table td:first-child span {
	margin-right: 10px;
	display: inline-table;
	width: 100px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
}
.domains-main .domains-info table td:first-child .label {
	border-radius: 100%;
	margin-right: 10px;
	padding: 3px 5px;
	text-align: center;
	font-style: normal;
	font-size: 12px;
}
.domains-main .domains-side .domains-setting {
	border: 1px solid #DDD;
	padding: 0 20px;
}
.domains-main .domains-side .domains-setting li {
	line-height: 60px;
	font-size: 18px;
	border-bottom: 1px solid #EEE;
}
.domains-main .domains-side .domains-setting li a {
	color: #333;
}
.domains-main .domains-side .domains-setting li:last-child {
	border-bottom: 0;
}
.domains-main .domains-side .domains-setting li .fa {
	color: #333;
	font-size: 20px;
	margin-right: 10px;
}
.domains-main .domains-side .domains-faq {
	margin: 0;
	padding: 0 0 0 20px;
}

/* Plans */

.newcloud-plans {
	overflow: hidden;
}

.newcloud-plans .planlist2 {
	display: none;
}

.plan {
	position: relative;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #eee;
}

.plan:hover {
	border-color: #DDD;
	background-color: #F4F6F8;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.plan.best {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.plan.best .hot {
	color: #FFF;
	font-weight: bold;
	font-size: 12px !important;
	padding: 0 50px;
	right: -45px;
	top: 20px;
	position: absolute;
	/*background-color: #D9534F;*/
	background-color:#1e88e5;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
}
.plan.nomore {
	border-color: #DDD;
	background-color: #F4F6F8;
}
.plan.nomore h2 {
	line-height: 100px;
}
.plan .plan-head {
	overflow: hidden;
	position: relative;
}
.plan .plan-head h2 {
	font-size: 26px;
	padding: 10px 0 0;
	margin-bottom: 0;
}
.plan .plan-head h3 {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 10px 0;
}
.plan .plan-head h3 sup {
	margin-right: 3px;
}
.plan .plan-head h3 sup,
.plan .plan-head h3 sub {
	font-size: 18px;
	font-weight: normal;
}
.plan .plan-foot {
	padding: 0 15px 20px;
}
.plan .plan-foot ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.plan .plan-foot ul:last-child {
	padding-bottom: 20px;
}
.plan .plan-foot ul li {
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding-left: 20%;
}
.plan .plan-foot ul li span {
	color: #9e9e9e;
	display: inline-block;
	margin-left: 10px;
	font-weight: 400;
	font-size: 14px;
}
.plan .plan-foot a.btn-buy {
	color: #FFF;
	width: 100%;
	padding: 10px 20px;
	/*background-color: #5CB85C;*/
	background-color: #1e88e5;
}
.plan .plan-foot a.btn-buy:hover {
	/*background: #4c9c4c;*/
	background-color: #3ba3ff;
}

.newcloud-plans .col-sm-12,
.hkhost-plans .col-sm-12,
.bse-plans .col-sm-12,
.phpcloud-plans .col-sm-12 {
	margin-bottom: 30px;
	text-align: right;
}

.morelink,
.morelinktwo,
.detaillink {
	cursor: help;
	color: #999;
	margin-left: 15px;
	padding: 5px 11px;
	border-radius: 4px;
	border: 1px solid #d6d6d6;
}
.morelinktwo {
	display: none;
}
.morelink:hover,
.morelinktwo:hover {
	color: #FFF;
	background-color: #d6d6d6;
}
.detaillink {
	cursor: pointer;
	/*color: #D44945;
	border: 1px solid #D44945;*/
	color:#1e88e5;
	border: 1px solid #1e88e5;
}
.detaillink:hover {
	color: #FFF;
	background-color: #D44945;
}
.carousel-control.left,
.carousel-control.right {
	background-image: none;
}
.newcloud-service {
	background-color: #F4F6F8;
}
.newcloud-service .main  {
	padding: 20px 15px;
	border-radius: 4px;
	border: 1px solid #DDD;
}
.newcloud-service .main:hover  {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	background-color: #FEFEFE;
}
.newcloud-service .main h4 {
	margin-bottom: 10px;
}
.newcloud-service .main h4,
.newcloud-service .main p {
	padding-right: 80px;
}
.newcloud-service .main .glyphicon {
	float: right;
	font-size: 4em;
	margin: 15px;
}
.newcloud-service .row > div:nth-child(1) .glyphicon {
	color: #FF7F00;
}
.newcloud-service .row > div:nth-child(2) .glyphicon {
	color: #00A4DD;
}
.newcloud-service .row > div:nth-child(3) .glyphicon {
	color: #85B300;
}
.newcloud-cpanel .main-text p {
	font-size: 16px;
}
.newcloud-cpanel .main-text ul {
	margin: 30px 0;
	padding: 0;
	list-style: none;
}
.newcloud-cpanel .main-text li {
	font-size: 18px;
	line-height: 40px;
	float: left;
	width: 33.33%;
}
.newcloud-cpanel .main-text li .fa {
	color: #27C437;
	margin-right: 10px;
}


.browser {
	border: 1px solid #CCC;
	background-color: #F6F6F6;
	border-radius: 5px;
	margin: 0 auto;
	max-width: 600px;
	max-height: 400px;
	box-shadow: 0 0 5px rgba(0,0,0,.05);
}
.browser .head {
	padding: 5px 12px 2px;
	background: linear-gradient(#E9E7EA, #CFCDCF);
	border-bottom: 1px solid #ADAEAD;
	border-radius: 5px 5px 0 0;
}
.browser .head:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.browser .head .label-list .label {
	border: 1px solid #B6B5B6;
	background-color: #CFCFCF;
	padding: 6px;
	border-radius: 15px;
	display: inline-table;
	margin-right: 5px;
}
.browser .head .label-list .label.cls {
	border: 1px solid #C84942;
	background-color: #FF564D;
}
.browser .head .label-list .label.min {
	border: 1px solid #CF9833;
	background-color: #FEBB31;
}
.browser .head .label-list .label.max {
	border: 1px solid #329133;
	background-color: #27C437;
}
.browser .url {
	padding: 5px;
	background-color: #E6E6E6;
}
.browser .url:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.browser .url .fa {
	padding-right: 20px;
	text-align: center;
	color: #C7C7C7;
	font-size: 2em;
	float: left;
	line-height: 26px;
	vertical-align: middle;
}
.browser .url .fa:first-child {
	padding-left: 5px;
}
.browser .url p {
	margin-left: 60px;
	margin-bottom: 0;
	padding: 2px 8px;
	color: #AAA;
	font-size: 12px;
	font-weight: bold;
	border-radius: 2px;
	background-color: #FEFEFE;
}
.browser .url p span {
	color: #27C437;
}
.browser .main {
	max-height: 245px;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
}

.newcloud-menu {
	overflow: hidden;
	height: 70px;
	background-color: #f8f8f8;
}
.newcloud-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.newcloud-menu ul li {
	float: left;
	height: 70px;
}
.newcloud-menu ul li a {
	display: block;
	padding: 0 30px;
	font-size: 16px;
	line-height: 70px;
	font-weight: 500;
	height: 70px;
	color: #68717a;
}
.newcloud-menu ul li a:hover {
	text-decoration: none;
	color: #E35519;
	background-color: rgba(169, 176, 184, 0.2);
}
.newcloud-menu ul li.active a {
	color: #333940;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 1, 0.2);
}

.tabpanel-title {
	color: #1d9bd9;
	font-size: 18px;
	height: 60px;
	border-bottom: 2px solid #ddd;
}
.tabpanel-title.fixed {
	position: fixed;
	top: 60px;
	background: #FFF;
	z-index: 1000;
}
.tabpanel-title ul {
	margin: 0;
	padding: 0;
}
.tabpanel-title ul:after {
	content: '';
	clear: both;
}
.tabpanel-title li {
	float: left;
	list-style: none;
	width: 141px;
	padding-left: 15px;
	line-height: 60px;
}
.tabpanel-title li:first-child {
	margin-left: 110px;
}
.tabpanel-title li:nth-child(6) {
	width: 150px;
}
.tabpanel-title li:last-child {
	width: 165px;
}

#features .main {
	padding-right: 50px;
}

#features img {
	margin-bottom: 30px;
	width: 500px;
height: 200px;
background-size: cover;
}