/*-------------------
---- Main Styles ----
---------------------*/
html,body{height:100%;}
body{letter-spacing: normal;overflow-x: hidden;word-wrap: break-word;}
h1,h2,h3,h4,h5,h6{color: #39444C;}
#main-content{position: relative;background: #fff;box-shadow: 0 -5px 5px rgba(0,0,0,.2);z-index: 10;}
a:focus,button:focus{outline: none !important;}
a{color: #3bacf0;-webkit-transition:color .15s ease-out;transition:color .15s ease-out;}
a:hover,a:focus{color: #3bacf0;text-decoration: none;}
.lead{margin-bottom: 30px;font-size: 28px;font-weight: 300;color: #39444C;}
.big-padding{padding-top:40px;padding-bottom: 40px;}
.small-padding{padding-top:60px;padding-bottom: 60px;}
.section-title{margin-bottom: 50px;margin-top: 0;font-size: 62px;font-weight: 400;color: #39444C;text-align: center;}
.section-title span{position: relative;top:-20px;font-size:42px;font-weight: 400;}
.section-title + .subtitle{margin:-40px 0 50px;font-size: 21px;text-align: center;}
.margin-top{margin-top: 60px !important;}
.row-title{color:#39444C;font-weight: 400;}
.push-down{margin-top:120px;}
.img-center{margin: 0 auto;}
.margin-grid{margin-bottom: 30px;}
hr{border-color:#b9c4cC;margin:80px 0 80px;}
.flexslider{margin:0;padding:0;border:none;box-shadow:none;background:transparent;}
/*------------------
------ Colors ------
--------------------*/
.main-color{
	color:#3bacf0 !important;
}
.bg-main-color{
	background:#3bacf0;
	color:#fff;
}
.dark-bg{
	background:#11161b;
	color:#a9b4bC;
}
.gray-bg{
	background: #fbfbfc;
}
.white-bg{
	background: #fff;
}
.light-typo *{
	color: #fff;
}
.light-typo * .social-links{ margin-bottom: 15px;}
/*---------------
---- Buttons ----
-----------------*/
.btn-dc{
	position: relative;
	padding:10px 50px;
	font-size:21px;
	border:2px solid;
	border-radius: 30px;
	-webkit-transition:padding .2s ease-out;
	transition:padding .2s ease-out;
}
.btn-dc.btn-small{
	position: relative;
	padding:7px 30px;
	margin-top: 20px;
	font-size:18px;
	border:2px solid;
	border-radius: 30px;
	-webkit-transition:padding .2s ease-out;
	transition:padding .2s ease-out;
}
.btn-dc:after{
	position: absolute;
	margin-left:10px;
	content:"\f061";
	font-family: fontAwesome;
	opacity:0;
	-webkit-transition:all .2s ease-out .0s;
	transition:all .2s ease-out .0s;
}
.btn-dc:hover{
	padding-right:70px;
}
.btn-dc.btn-small:hover{
	padding-right:50px;
}
.btn-dc:hover:after{
	margin-left:30px;
	opacity:1;
}
.btn-dc.btn-small:hover:after{
	margin-left:15px;
	opacity:1;
}
.btn-white,
.btn-white:hover,
.btn-white:focus{
	color:#666;
	background: #fff;
	border:1px solid #e7eaec;
}
.btn-dc.btn-main-color,
.btn-dc.btn-main-color:hover,
.btn-dc.btn-main-color:focus{
	color: #3bacf0;
}
/*-----------------------
---- Preloader Styles ----
-------------------------*/
#page-loader{
	position: fixed;
	right:0;
	bottom: 0;
	top: 0;
	width:100%;
	background: #fff;
	z-index: 99999;
}
#page-loader .page-loader-gif{
	display: block;
	width:64px;
	height:64px;
	position: absolute;
	top:50%;
	left:50%;
	margin:-32px 0 0 -32px;
}
/*------------------
---- Nav Styles ----
--------------------*/
#main-nav{
	padding:0;
	background: transparent;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#main-nav .container{
	padding:5px 0;
	-webkit-transition: padding .3s ease-out;
	transition: padding .3s ease-out;
}
#main-nav.scrolled .container{
	padding-top:12px;
	padding-bottom:12px;
}
#main-nav.scrolled{
	background: #fff;
	border-bottom:1px solid #b9c4cC;
}
.navbar > .container .navbar-brand{
	padding: 10px 0 5px 15px;
}
.navbar-brand{
	position: relative;
}
#main-nav.scrolled .navbar-brand:after{
	position: absolute;
	height:30px;
	right:-30px;
	top:50%;
	margin-top:-5px;
	font-family: fontAwesome;
	content:"\f062";
	color:#d9e4eC !important;
	opacity: 0;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
#main-nav.scrolled .navbar-brand:hover:after{
	opacity:1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
#site-nav ul.navbar-nav{ padding-top: 5px; padding-bottom: 5px;}
#site-nav a{
	min-width: 120px;
	padding:0 5px;
	font-size: 14px;
	font-weight: lighter;
	color:#fff;
	text-align: center;
	background: none;
	-webkit-transition: color .2s ease-out, padding .3s ease-out;
	transition: color .2s ease-out, padding .3s ease-out;
	line-height: 24px;
}
#site-nav a span{ font-weight: lighter;}
#site-nav .active a{ color: #3bacf0;}
#site-nav a:hover,
#site-nav a:focus{
	color:#3bacf0 !important;
	background: none;
}
#site-nav a:focus{ color: #fff;}
#site-nav a .fa{
	margin: 0 auto;
	display: block;
	width: 24px;
	height: 24px;
	background: url(/portal/images/portal_nav_icon.png) no-repeat;
	display: block;
	font-size: 21px;
	text-align: center;
}
#site-nav a .fa.language{background-position: -58px 0px;}
#site-nav a .fa.user{ background-position: 3px 0px;}
#site-nav a .fa.search{ background-position:-321px 0px;}
#site-nav a .fa.briefcase{ background-position: -188px 0px;}
#site-nav a .fa.envelope{ background-position: -257px 0px;}
#site-nav a .fa.sigin{ background-position: -254px 0px;}
#site-nav a:hover .fa.language{background-position: -58px -60px;}
#site-nav a:hover .fa.user,#site-nav li.active a .fa.user{ background-position: 3px -60px;}
#site-nav a:hover .fa.search,#site-nav li.active a i.fa.search{ background-position:-321px -59px;}
#site-nav a:hover .fa.briefcase,#site-nav li.active .fa.briefcase{ background-position: -188px -60px;}
#site-nav a:hover .fa.envelope{ background-position: -257px -60px;}
#site-nav a:hover .fa.sigin,#site-nav  li.active a i.fa.sigin{ background-position: -254px -60px;}
#site-nav  li.active a.js_portal_login_head{ padding-top: 7px; padding-bottom: 4px;}
#site-nav  li.active a.js_portal_login_head,#site-nav  li.active a.js_portal_login_head i.fa{ color: #999 !important;}
#site-nav  li.active a.js_portal_login_head i.user{ background-position: 1px -3px;}
#site-nav  li.active a.js_portal_login_head:hover,#site-nav  li.active a.js_portal_login_head.selected{ padding-top: 4px;}
#site-nav  li.active a.js_portal_login_head:hover,#site-nav  li.active a.js_portal_login_head.selected,#site-nav  li.active a.js_portal_login_head i.fa{ color: #3bacf0 !important;}
#site-nav  li.active a.js_portal_login_head:hover i.user,#site-nav  li.active a.js_portal_login_head.selected i.user{ background-position: 1px -84px;}
#site-nav ul li + li{ border-left:1px solid #999;}
/*---------------------
---- Header Styles ----
-----------------------*/
#home{
	position: relative;
	height:100%;
	min-height:860px;
	margin-bottom:-64px;
	background: url('../images/header-bg.jpg') no-repeat;
	background-attachment: fixed;
	background-size: 100%;
	background-size: cover;
	overflow: hidden;
}
#home .container{
	position: fixed;
	width:100%;
	height:100%;
	min-height:860px;
	z-index: 2;
}
#home .row{
	margin:0;
	position: absolute;
	width:100%;
	left:0;
	top:15%;
}
#home h1{
	margin:0;
	margin-bottom: 10px;
	font-size: 72px;
	font-weight: 400;
	color:#39444C;
}
#home h2{
	margin:0;
	margin-bottom: 30px;
	font-size: 32px;
	font-weight: 400;
	color:#888;
}
#home .header-img{
	position: absolute;
	bottom: 0;
	left:50%;
	width:900px;
	margin-left:-450px;
	z-index: -1;
}
.scroll-down{
	margin-bottom: -60px;
	text-align: center;
}
.scroll-down a{
	display: inline-block;
	padding:10px 50px;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .02em;
	color:#888;
	text-align: center;
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.scroll-down a:after{
	display: block;
	margin-top:-7px;
	content:"\f0d7";
	font-family: fontAwesome;
	font-size: 21px;
}
.scroll-down a:focus,
.scroll-down a:active{
	color:#888;
}
.scroll-down a:hover{
	padding-top: 11px;
	padding-bottom: 9px;
	color:#3bacf0;
}
/*-----------------------
---- Services Styles ----
-------------------------*/
.service-item{
	margin:8px 0 20px;
	padding:0 45px;
	text-align: center;
}
.service-item:nth-child(2){
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
.service-item .service-icon{
	display: block;
	margin:0 auto 0;
	width:70px;
	height:70px;
	border:1px solid #3bacf0;
	color:#888;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
.service-item .fa{
	display: block; margin: 0 auto; width: 50px; height: 50px; line-height: 50px; margin-top: 9px; margin-left: 9px; border-radius: 25px; background:url(/portal/images/portal_center_icon.png) no-repeat #3bacf0; color: #fff; font-size: 30px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in; font-weight: normal;
}
.service-item .fa.what{ background-position:0 0;}
.service-item .fa.how{ background-position:-101px -1px;}
.service-item .fa.bene{ background-position:-202px 1px;}
.service-item .block_what,.service-item .block_how,.service-item .block_bene{ padding-bottom: 5px;}
.service-item .block_what .service-icon,.service-item .block_how .service-icon,.service-item .block_bene .service-icon{ float: left; margin-bottom: 15px; position:relative; left: 50%; top: 0; margin-left: -40px;}
.service-item h3{ margin-top: 22px; margin-left: 10px; float: left; position: relative; left: 50%;}
.service-item:hover .fa{
	background:url(/portal/images/portal_center_icon.png) no-repeat #888;
	font-size: 42px;
	-webkit-transform:rotate(-15deg);
	transform:rotate(-30deg);
}
.service-item:hover .fa.what{ background-position:0 0;}
.service-item:hover .fa.how{ background-position:-101px -1px;}
.service-item:hover .fa.bene{ background-position:-202px 1px;}
.service-item:hover .service-icon{
	color:#3bacf0;
	border-color:#888;
}
.service-item h3{
	font-size: 24px;
	font-weight: 600;
	color:#39444C;
}
.btn-group{
	margin-bottom: 80px;
}
.btn-group .btn{
	padding:7px 60px;
	font-size: 16px;
	background: none;
	border-color:#b9c4cC;
	color:#858a95;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.btn-group .btn:hover{
	color:#39444C;
}
.btn-group .btn.active{
	color:#3bacf0;
	background:#fff;
	box-shadow: none;
}
.btn-group .btn:first-child{
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
.btn-group .btn:last-child{
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}
.tab-content{
	opacity:1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.tab-content.fadeOut{
	opacity:0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition:none;
	transition:none;
}
/*----------------------
---- Call to Action ----
------------------------*/
.cta{
	padding:120px 0;
	color:#fff;
}
.cta p{
	margin-bottom: 50px;
	font-size: 32px;
	font-weight: 400;
}
/*---------------------
---- About Styles ----
-----------------------*/
#about{
	background-size: cover;
	background-attachment: fixed;
}
.profile-img{
	max-width:250px;
	margin:0 auto 0;
	border:15px solid #fff;
}
#about .profile{
	font-size: 18px;
	color:#79848C;
}
#about .profile h2{
	margin-top:30px;
	margin-bottom: 5px;
	color:#3bacf0;
}
#about .profile h3{
	margin:0;
	font-size: 21px;
	color:#39444C;
}
.hover-wrapper{
	display: inline-block;
	position: relative;
}
.hover-wrapper .hover-text{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	line-height: 250px;
	text-align: center;
	color:#fff;
	z-index:2;
	opacity:0;
	-webkit-transform:translateY(-20px);
	transform:translateY(-20px);
	-webkit-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.hover-wrapper:hover .hover-text{
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1;
}
.hover-wrapper:after{
	position: absolute;
	display: block;
	content: "";
	width:100%;
	height:100%;
	background: #3bacf0;
	top:0;
	border:15px solid #fff;
	border-radius: 50%;
	opacity:0;
	z-index:1;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}
.hover-wrapper:hover:after{
	opacity:.8;
}
/*---------------------
---- Skills Styles ----
-----------------------*/
#skills{
	background-repeat: no-repeat;
	background-position: bottom center;
}
.chart{
	position:relative;
	margin:30px 0;
}
.chart .percent{
	position: absolute;
	width:100%;
	font-size: 42px;
	color:#fff;
	text-align:center;
}
.chart .percent:after{
	content:"%";
	font-size: 70%;
}
.skills h2{
	margin: 0 0 20px;
	font-size: 21px;
	color: #69747C;
}
.skills .chart{
	display: inline-block;
	margin-bottom: 20px !important;
	height:200px;
}
.skills .plus-symbol:after,
.skills .equal-symbol:after{
	position: absolute;
	right:-95px;
	content: "+";
	font-size: 42px;
	font-weight: 100;
	color:#fff;
}
.skills .equal-symbol:after{
	content: "=";
}
/*---------------------
---- Twitter Styles ---
-----------------------*/
#twitter-feeds{
	padding:80px 0 100px;
	color:#fff;
}
#twitter-feeds h1{
	margin:0 0 10px;
	font-size: 24px;
	letter-spacing: .02em;
}
#twitter-feeds .fa-twitter{
	font-size: 42px;
}
#twitter-feeds p{
	font-size:18px;
}
#twitter-feeds .tweet{
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: 300;
}
#twitter-feeds .timePosted{
	margin-bottom: 0px;
}
#twitter-feeds a{
	color:#39444C;
	opacity:.7;
	-webkit-transition: opacity .15s ease-out;
	transition: opacity .15s ease-out;
}
#twitter-feeds a:hover{
	opacity:1;
}
#twitter-slider{
	margin:50px 0 0;
	padding:0;
	border:none;
	box-shadow:none;
	background:transparent;
}
/* Control Nav */
#twitter-slider .flex-control-nav {bottom: -90px;}
#twitter-slider .flex-control-nav li {margin: 0 4px;}
#twitter-slider .flex-control-paging li a {width:10px; height:10px; margin:2px 0;background: #fff;box-shadow:none; border: none; opacity: 1;}
#twitter-slider .flex-control-paging li a:hover { }
#twitter-slider .flex-control-paging li a.flex-active { width:14px; height:14px;background: transparent;border: 2px solid #fff;}
/*-----------------------
--- Portfolio Styles  ---
-------------------------*/
.btn-group .btn{
	position: relative;
}
.project-count{
	position: absolute;
	display: inline-block;
	top:-25px;
	left:50%;
	margin:5px 0 0 -13px;
	width:25px;
	height:25px;
	font-size: 14px;
	line-height: 23px;
	text-align: center;
	border-radius: 50%;
	color:#fff;
	background:#888;
	opacity:0;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.btn-group .btn:hover .project-count{
	margin-top: -5px;
	opacity: 1;
}
.masonry-wrapper{
    overflow:hidden;
}
#projects-container {
	margin: 0 0 80px;
	background:#fff;
	-webkit-transition: none;
	transition: none;
}
#projects-container .project-item{
	display:block;
	position:relative;
	margin:0;
	padding:0 1px;
	margin-bottom: 2px;
	overflow:hidden;
	cursor: pointer;
	background:#fff;
}
#projects-container{
	-webkit-transform:scale(1) translateY(0);
	transform:scale(1) translateY(0);
	opacity:1;
	-webkit-transition:opacity .6s ease-out,-webkit-transform .3s ease-out;
	transition:opacity .6s ease-out,transform .3s ease-out;
}
#projects-container.anim-out{
	-webkit-transform:scale(.96) translateY(40px);
	transform:scale(.96) translateY(40px);
	opacity:0;
	-webkit-transition:opacity .4s ease-out,-webkit-transform .4s ease-out;
	transition:opacity .4s ease-out,transform .4s ease-out;
}
#projects-container .project-item .project-image{
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
#projects-container .project-item:hover .project-image{
	opacity:.3;
}
.hover-title{
	position: absolute;
	top:10%;
	left:10%;
	width: 80%;
	height:80%;
	padding:20px 0;
	text-align: center;
	color:#fff;
	z-index: 2;
	opacity:0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.project-item:hover .hover-title{
	opacity:1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.hover-title:before{
	position: absolute;
	display: block;
	content: "";
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: #3bacf0;
	opacity: .9;
	z-index: -1;
}
.hover-title h2{
	position: absolute;
	width:100%;
	bottom:50%;
	margin:0 0 10px;
	font-size: 21px;
	line-height:21px;
	color:#fff;
}
.hover-title h2:after{
	position: absolute;
	display: block;
	content: "";
	width:25px;
	height:2px;
	bottom:-13px;
	left:50%;
	margin-left:-12px;
	background: #fff;
}
.hover-title p{
	position: absolute;
	width:100%;
	top:50%;
	margin:10px 0 0;
	font-size: 16px;
	line-height:21px;
	font-style: italic;
}
/*----------------------
---- Project Viewer ----
-----------------------*/
#project-viewer{
	background-attachment: fixed;
	background-size: 100%;
	background-size: cover;
}
#project-viewer .container{
	display: none;
}
#close-project-viewer{
	position: absolute;
	padding:0 20px;
	right:20px;
	top:20px;
	font-size: 98px;
	line-height: 78px;
	font-weight: 100;
	cursor: pointer;
	-webkit-transition: color .2s ease-out;
	transition: color .2s ease-out;
}
#close-project-viewer:hover{
	color: #3bacf0;
}
#project-viewer-content {
	padding-top: 100px;
	z-index: 999;
}
#project-viewer-content .project-title{
	position: relative;
	margin-bottom: 70px;
	margin-top: 0;
	font-size: 52px;
	font-weight: 400;
	color: #39444C;
	text-align: center;
}
#project-viewer-content .project-title span{
	position: relative;
	top:-25px;
	left:5px;
	font-size:24px;
	font-weight: 400;
	color: #3bacf0;
}
#project-viewer-content .project-title + .project-subtitle{
	margin:-70px 0 70px;
	font-size: 19px;
	text-align: center;
}
#project-viewer-content .project-media{
	margin-bottom: 70px;
}
#project-viewer-content .project-media.video-container{
	background-color: #000;
}
.project-slider .flex-control-nav {bottom: -50px;}
.project-slider .flex-control-nav li {margin: 0 4px;}
.project-slider .flex-control-paging li a {width:10px; height:10px; margin:2px 0;background: #3bacf0;box-shadow:none; border: none; opacity: 1;}
.project-slider .flex-control-paging li a:hover { }
.project-slider .flex-control-paging li a.flex-active { width:14px; height:14px;background: transparent;border: 2px solid #3bacf0;}
#project-viewer-footer{
	position: relative;
	margin-top: 70px;
	padding: 0 0 70px;
	text-align: center;
}
#project-viewer-footer .project-nav{
	position: relative;
	padding: 30px 0;
	border-top:1px solid #c4c8cb;
	border-bottom:1px solid #c4c8cb;
}
#project-viewer-footer .project-nav span{
	padding:0 5px;
	font-size: 24px;
	cursor: pointer;
	-webkit-transition: color .15s ease-out;
	transition: color .15s ease-out;
}
#project-viewer-footer .project-nav span:hover{
	color:#3bacf0;
}
#project-viewer-footer .project-nav .previous-project{
	position: absolute;
	left:50%;
	margin-left:-114px;
}
#project-viewer-footer .project-nav .next-project{
	position: absolute;
	left:50%;
	margin-left:80px;
}
/*---------------------
---- Testimonials  ----
-----------------------*/
#testimonials-slider{
	position: relative;
	margin-bottom: 30px;
}
#testimonials-slider.flexslider .slides img {width: auto;}
#testimonials-slider li{
	opacity: 0;
	-webkit-transition:opacity .3s ease-out;
	transition:opacity .3s ease-out;
}
#testimonials-slider li.flex-active-slide{
	opacity: 1;
	-webkit-transition:opacity .6s ease-out .6s;
	transition:opacity .6s ease-out .6s;
}
#testimonials .media-body,
#testimonials .media-left img{
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
	-webkit-transition: -webkit-transform .6s ease-out 0s;
	transition: transform .6s ease-out 0s;
}
#testimonials .media-left + .media-body,
#testimonials .media-right img{
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
	-webkit-transition: -webkit-transform .6s ease-out 0s;
	transition: transform .6s ease-out 0s;
}
#testimonials-slider li.flex-active-slide .media-body,
#testimonials-slider li.flex-active-slide .media-left + .media-body,
#testimonials-slider li.flex-active-slide .media-left img,
#testimonials-slider li.flex-active-slide .media-right img{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform .6s ease-out .4s;
	transition: transform .6s ease-out .4s;
}
.touch #testimonials .media-body,
.touch #testimonials .media-left img,
.touch #testimonials .media-left + .media-body,
.touch #testimonials .media-right img{
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;
}
.testimonial-controls{
	margin:-10px 0 20px;
	text-align: center;
}
.testimonial-controls span{
	display: inline-block;
	width:45px;
	height:45px;
	border:2px solid;
	border-radius:50%;
	font-size: 38px;
	line-height: 38px;
	text-align: left;
	margin:0 5px;
	cursor:pointer;
	-webkit-transition: color .2s ease-out;
	transition: color .2s ease-out;
}
.testimonial-controls .previous{
	padding-left:12px;
}
.testimonial-controls .next{
	padding-left:15px;
}
.testimonial-controls span:hover{
	color:#3bacf0;
}
#testimonials .media{
	margin:0 0 100px;
	padding:10px 0;
}
#testimonials .media:last-child{
	margin-bottom: 0;
}
#testimonials .media-left img{
	margin-right:40px;
	max-width:180px;
}
#testimonials .media-right img{
	margin-left: 40px;
	max-width:180px;
}
#testimonials .media-body{
	position: relative;
	padding:30px 60px 40px;
	background: #fff;
	border:2px solid #e9ecf0;
	border-radius: 5px;
}
#testimonials .media-body:before{
	display: block;
	position: absolute;
	content:"";
	width:0;
	height:0;
	top:60px;
	right:-36px;
	border:14px solid transparent;
	border-left:20px solid #e9ecf0;
}
#testimonials .media-body:after{
	display: block;
	position: absolute;
	content:"";
	width:0;
	height:0;
	top:60px;
	right:-33px;
	border:14px solid transparent;
	border-left:20px solid #fff;
}
#testimonials .media-left + .media-body:before{
	display: block;
	position: absolute;
	content:"";
	width:0;
	height:0;
	top:60px;
	left:-36px;
	border:14px solid transparent;
	border-right:20px solid #e9ecf0;
}
#testimonials .media-left + .media-body:after{
	display: block;
	position: absolute;
	content:"";
	width:0;
	height:0;
	top:60px;
	left:-33px;
	border:14px solid transparent;
	border-right:20px solid #fff;
}
#testimonials .testimonial{
	font-size: 18px;
}
#testimonials .testimonial:before{
	margin-left: -13px;
	margin-right: 3px;
	font-size: 24px;
	content: "\201C";
}
#testimonials .testimonial:after{
	margin-left: 3px;
	font-size: 24px;
	content: "\201D";
}
#testimonials .client{
	margin-bottom: 0;
	font-style: italic;
	text-align:right;
}
.client-logo{
	margin:30px 0;
	opacity: .5;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
.client-logo:hover{
	opacity: 1;
}
/*-----------------------
---- Contact Styles  ----
-------------------------*/
#contact{
	position: relative;
}
.color-overlay:before{
	position: absolute;
	display: block;
	content: "";
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: #3bacf0;
	opacity:.9;
	z-index: 1;
}
#contact .container{
	position: relative;
	z-index: 2;
}
#contact .row{
	margin-top: 100px;
}
#contact p{
	font-size: 18px;
	margin-bottom: 30px;
}
#contact .lead{
	font-size: 21px;
	font-weight: 400;
}
#contact .mail-styled{
	display: inline-block;
	margin-bottom: 50px;
	padding: 0;
	font-size: 38px;
	font-weight: 400;
	color:#3bacf0;
	border-bottom: 2px solid;
}
#contact .mail-styled:hover,
#contact .mail-styled:focus,
#contact .mail-styled:active{
	border-bottom-color: transparent;
	text-decoration: none;
}
#contact .social-links{
	margin:30px 0;
	font-size: 28px;
}
#contact .social-links .fa{
	-webkit-transition:color .15s ease-out;
	transition:color .15s ease-out;
}
#contact .social-links a:hover .fa{
	color:#3bacf0 !important;
}
#contact-form .form-group{
	position: relative;
}
#contact-form .form-group label{
	position: absolute;
	top:10px;
	font-size:18px;
	line-height:24px;
	font-weight:400;
	color:#88949C;
	z-index: -1;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
#contact-form .form-control:focus + label{
	top:-20px;
	color:#fff;
}
#contact-form .form-control.input-filled + label{
	top:-20px;
}
#contact-form .form-control{
	padding:10px 0;
	margin-bottom: 40px;
	font-size: 18px;
	height:auto;
	background: none;
	border:none;
	border-radius: 0;
	border-bottom: 2px solid;
	box-shadow: none !important;
	-webkit-transition: border .25s ease-out;
	transition: border .25s ease-out;
}
#contact-form .form-control:focus{
	border-bottom: 2px solid #3bacf0;
}
#contact-form textarea{
	max-width: 100%;
	min-width: 100%;
}
#contact-form .form-control::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
    opacity:.5;
}
#contact-form .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    opacity:.5;
}
#contact-form .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    opacity:.5;
}
#contact-form .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
    opacity:.5;
}
#contact-form .form-control:focus::-webkit-input-placeholder {
    opacity:1;
}
#contact-form .form-control:focus:-moz-placeholder {
    opacity:1;
}
#contact-form .form-control:focus::-moz-placeholder {
    opacity:1;
}
#contact-form .form-control:focus:-ms-placeholder {
    opacity:1;
}
#contact-form .btn,
#contact-form .btn:focus{
	float:right;
	margin-top: -30px;
	padding: 0;
	font-size: 21px;
	color:#fff;
	background: none !important;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
#contact-form .btn:hover,
#contact-form .btn:active{
	color:#3bacf0;
}
#contact-form .form-group .error-message{
	margin-left:8px;
	color:#3bacf0;
}
#contact-form{
	position: relative;
}
#contact-form .contact-form-message{
	position: absolute;
	right:15px;
	top:100%;
	margin-top: 3px;
	font-size: 16px;
	opacity:.7;
}
#contact-form .contact-form-message .fa{
	margin-right: 5px;
}
/*----------------------
---- Footer Styles  ----
------------------------*/
#main-footer{
	padding:17px 0;
	background: #fff;
}
#main-footer a,
#main-footer a:hover,
#main-footer a:focus{
	color:#888;
	text-decoration: none;
	-webkit-transition:color .2s ease-out;
	transition:color .2s ease-out;
}
#main-footer a:hover{
	color:#3bacf0;
}
#main-footer .footer-nav{
	padding: 0;
	margin:0;
	width: 100%;
	text-align: center;
	list-style: none;
}
#main-footer .footer-nav li{
	display: inline-block;
	margin:0 15px;
}
#main-footer a{
	padding:10px;
	font-size: 14px;
	font-weight:500;
	line-height:37px;
	letter-spacing: .07em;
	text-transform: uppercase;
}
#main-footer .social-links a{
	padding:10px 3px;
}
#main-footer .logo-link{
	padding: 0;
}
/*------------------------
---Scrolling animations---
-------------------------*/
.scrollimation.fade-in{
	opacity:0;
	-webkit-transition:opacity 1.2s ease-out;
	transition:opacity 1.2s ease-out;
}
.scrollimation.fade-in.in{
	opacity:1;
}
.scrollimation.scale-in{
	opacity:0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform:scale(0.5);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
	transition: transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
}
.scrollimation.scale-in.in{
	opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform:scale(1);
}
.scrollimation.fade-right{
	opacity:0;
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	transform:translateX(-60px);
	-webkit-transition: -webkit-transform 1.2s ease-out,opacity 1.2s ease-out;
	transition: transform 1.2s ease-out,opacity 1.2s ease-out;
}
.scrollimation.fade-right.in{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}
.scrollimation.fade-left{
	opacity:0;
	-webkit-transform: translateX(60px);
	-moz-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform:translateX(60px);
	-webkit-transition: -webkit-transform 1.2s ease-out,opacity 1.2s ease-out;
	transition: transform 1.2s ease-out,opacity 1.2s ease-out;
}
.scrollimation.fade-left.in{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}
.scrollimation.fade-up{
	opacity:0;
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform:translateY(60px);
	-webkit-transition: -webkit-transform 1.2s ease-out,opacity 1.2s ease-in;
	transition: transform 1.2s ease-out,opacity 1.2s ease-in-out;
}
.scrollimation.fade-up.in{
	opacity:1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform:translateY(0px);
}
.scrollimation.fade-down{
	opacity:0;
	-webkit-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform:translateY(-60px);
	-webkit-transition: -webkit-transform 1.2s ease-out,opacity 1.2s ease-in;
	transition: transform 1.2s ease-out,opacity 1.2s ease-in-out;
}
.scrollimation.fade-down.in{
	opacity:1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform:translateY(0px);
}
.scrollimation.d1{
	transition-delay:.3s;
}
.scrollimation.d2{
	transition-delay:.6s;
}
.scrollimation.d3{
	transition-delay:.9s;
}
.scrollimation.d4{
	transition-delay:1.2s;
}
.touch .scrollimation.fade-in{
	opacity:1;
}
.touch .scrollimation.scale-in{
	opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform:scale(1);
}
.touch .scrollimation.fade-right{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}
.touch .scrollimation.fade-left{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}
.touch .scrollimation.fade-up{
	opacity:1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform:translateY(0px);
}
.touch .scrollimation.fade-down{
	opacity:1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform:translateY(0px);
}
/*----------------------
---- Media Queries  ----
------------------------*/
@media (min-width:1500px){
	/*.container{
		width:1500px;
	}*/
	#project-viewer .container{
		width:1170px;
	}
}

@media (max-width:1499px){
	#home{
		min-height:810px;
		margin-bottom:-64px;
	}
	#home .container{
		/*padding-top: 100px;*/
		min-height:810px;
	}
	#home .row{
		top:12%;
	}
	.skills .plus-symbol:after,
	.skills .equal-symbol:after{
		right:-60px;
	}
}
@media (max-width:1199px){
	.push-down{
		margin-top:60px;
	}
	#home{
		min-height:768px;
		margin-bottom:-64px;
	}
	#home .container{
		/*padding-top: 100px;*/
		min-height:768px;
	}
	#home .row{
		top:15%;
	}
	#home .header-img{
		width:800px;
		margin-left:-400px;
	}
	.service-item{
		padding:0 15px;
	}
	.skills .plus-symbol:after,
	.skills .equal-symbol:after{
		right:-32px;
	}
}
@media (max-width:991px){
	.push-down{
		margin-top:0;
	}
	#home{
		min-height:810px;
		margin-bottom:-64px;
	}
	#home .container{
		/*padding-top: 100px;*/
		min-height:810px;
	}
	#home .row{
		top:20%;
	}
	#home .header-img{
		width:760px;
		margin-left:-380px;
	}
	.service-item .service-icon{
		width:150px;
		height:150px;
	}
	.service-item .fa{
		width: 118px; height: 118px; border-radius: 59px;
		font-size: 62px;
		line-height: 118px;
		-webkit-transition: all .3s ease-in;
		transition: all .3s ease-in;
	}
	.service-item:hover .fa{
		font-size: 92px;
		-webkit-transform:rotate(-15deg);
		transform:rotate(-30deg);
	}
	.skills .plus-symbol:after,
	.skills .equal-symbol:after{
		display: none;
	}
	#contact .mail-styled{
		font-size: 28px;
	}
	#main-footer .footer-nav li{
		margin:0 5px;
	}
	#main-footer a{
		padding:5px;
		font-size: 17px;
	}
}

@media (max-width:767px){
	.big-padding{
		padding:80px 0;
	}
	.push-down{
		margin-bottom:60px;
		text-align: center;
	}
	.section-title{
		margin-bottom: 30px;
		font-size: 38px;
	}
	.section-title span{
		top:-15px;
		font-size:28px;
	}
	.section-title + .subtitle{
		margin:-30px 0 40px;
		font-size: 18px;
	}
	.row-title{
		font-size: 24px;
	}
	.lead{
		margin-bottom: 30px;
		font-size: 24px;
	}
	.btn-dc{
		padding:8px 40px;
		font-size:18px;
	}
	.btn-dc:hover{
		padding-right:50px;
	}
	.btn-dc:after{
		margin-left:5px;
	}
	.btn-dc:hover:after{
		margin-left:15px;
	}
	.icon-bar{
		background: #39444C;
	}
	#main-nav .container, #main-nav.scrolled .container{
		padding-top:15px;
		padding-bottom:15px;
	}
	#main-nav, #main-nav.scrolled{
		background: #fff;
	}
	.navbar > .container .navbar-brand{
		padding: 5px 0 5px 15px;
	}
	#main-nav .navbar-brand:after{
		display: none !important;
	}
	#site-nav a{
		padding:10px 30px;
		font-size: 18px;
	}
	#site-nav .active a,
	#site-nav a:hover,
	#site-nav a:focus{
		padding:10px 30px;
		color:#3bacf0 !important;
		background: none;
	}
	#site-nav a .fa{
		display: none;
	}
	#home{
		min-height:480px;
		margin-bottom:0;
	}
	#home .container{
		min-height:480px;
	}
	#home .row{
		top:80px;
	}
	#home h1{
		font-size: 42px;
	}
	#home h2{
		font-size: 21px;
	}
	#home .header-img{
		width:100%;
		left:0;
		margin-left:0;
	}
	.btn-group{
		margin-bottom: 40px;
	}
	.btn-group .btn{
		padding:7px 30px;
	}
	#filter-works{
		margin-bottom: 60px;
	}
	#filter-works .btn{
		float:none;
		margin:2px 0;
		border-radius: 0 !important;
	}
	#filter-works .project-count{
		display: none;
	}
	.cta{
		padding:80px 0;
	}
	.cta p{
		margin-bottom: 40px;
		font-size: 24px;
	}
	.service-item{
		margin-bottom: 50px;
	}
	#skills{
		background-image: none;
	}
	#twitter-feeds .tweet{
		font-size: 21px;
	}
	.project-item{
		max-width:360px;
		margin: 2px auto !important;
	}
	#project-viewer-content {
		padding-top: 80px;
	}
	#close-project-viewer{
		padding:0 10px;
		right:50%;
		margin-right: -38px;
		top:15px;
		font-size: 76px;
		line-height: 58px;
	}
	#project-viewer-content .project-title{
		margin-bottom: 40px;
		font-size: 32px;
	}
	#project-viewer-content .project-title span{
		font-size:18px;
		top:-12px;
	}
	#project-viewer-content .project-title + .project-subtitle{
		margin:-40px 0 40px;
	}
	.client-logo{
		width:100%;
		max-width: 260px;
		margin: 40px auto !important;
	}
	#testimonials .media-left,
	#testimonials .media-right{
		display: none;
	}
	#testimonials .media-body:after,
	#testimonials .media-body:before{
		display: none !important;
	}
	#testimonials .media-body{
		padding:15px 30px;
		border-width: 1px;
	}
	#testimonials .testimonial{
		font-size: 16px;
	}
	#testimonials .media{
		margin-bottom: 40px;
	}
	#contact-form .contact-form-message{
		margin-top: 40px;
	}
	#main-footer{
		padding:30px 0 20px;
	}
	#main-footer .social-links{
		margin-top: 20px;
		text-align: center;
	}
	#main-footer .logo-link img{
		margin:0 auto 15px;
	}
}



/*form input select*/
input,select { border-radius: 3px; padding: 0 10px;outline:none;}
textarea{ padding: 5px 10px;outline:none;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-left: 0; margin-right: 0;}
.portal_logo img{ display: none;}
html.cn .portal_logo img.logo_cn{ display: inline-block;}
html.en .portal_logo img.logo_en{ display: inline-block;}
.input{ background:#fff; height:34px;line-height:34px; border:1px solid #ddd;}
.input_lag{ background:#fff; height:34px;line-height:34px; border:0; box-shadow: 0 1px 0 #ddd;}
.select{ background:#fff; height:34px;line-height:34px; border:1px solid #ddd; min-width:45px;}
.select_lag{ background:#fff; height:34px;line-height:34px; border:0; box-shadow: 0 1px 0 #ddd;}
.select_mid{ background:#fff; height:32px;line-height:32px; border:0; box-shadow: 0 1px 0 #ddd;}
.textarea{ border-radius: 3px; color:#666;border: 1px solid #ddd; resize:vertical; overflow-y:auto;background:#fff; min-height: 80px;}
.textarea_mid{ background: #fff; color:#666; box-shadow: 0 1px 0 #ddd; border: 0; border-radius: 3px; overflow-y:auto;}
.portal_btn{ display: inline-block; font-size: 12px; color: #fff; border-radius: 3px; line-height: 18px; padding:7px 17px; background: #3bacf0; box-shadow: 1px 2px 2px rgba(0,0,0,0.1); text-decoration: none;}
.portal_btn:hover{ text-decoration: none; color: #fff; background: #5EBA00; box-shadow: 1px 2px 2px rgba(0,0,0,0.2);}
.portal_btn_orange,.portal_btn_orange:hover{ background: #f8ac59;}
.button_mid{ display: inline-block; font-size: 12px; color: #fff; border-radius: 3px; line-height: 18px; padding:4px 15px; background: #3bacf0;}
.button_mid:hover,.button_mid:active{ background:#5EBA00; color: #fff;}
.registStepOne_get{ display: none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px white inset;}
.by_pc{ display: inline-block; }
.by_moble{ display: none; }

/*nav*/
#main-nav{ background: #222;}
#main-nav.scrolled .container{ padding-top: 15px; padding-bottom: 15px;}
.navbar-brand{ height: 40px;}
.navbar > .container .navbar-brand.portal_logo{ padding: 0; margin: 9px 0; margin-left: 0;}
.portal_logo img{ height: 40px;}
.scroll-down a{ line-height: 22px;}
.portal_icon_i p{ text-align: left; line-height: 26px; font-size: 17px; padding-left: 20px;background: url(/portal/images/portal_p_list.png) 0 12px no-repeat;}
#testimonials .media{ margin-bottom: 30px;}
#contact .row{ margin-top: 50px;}
#contact-form .form-group label{ color: #fff;}
#contact .mail-styled{ line-height: 50px; color: #fff;}
.aboutus{background: url(/portal/images/header-bg.jpg) no-repeat;background-size: cover; background-attachment: fixed;}
.navbar-fixed-top{ border-width: 0 0 0;}
.navbar-toggle{ border-color: #fff;}
.navbar-toggle .icon-bar{ background: #fff;}
.portal_say_hello_tip{ position: fixed; z-index: 9999; width: 340px; left: 50%; top: 0; margin-top: -100px; margin-left: -170px; text-align: center; padding: 20px 20px 20px 35px; line-height: 22px; border:2px solid #f8ac59;background-color:#FFFCFA;box-shadow:0 2px 3px #ccc;border-radius:5px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
.portal_say_hello_tip i.fa{ color: #f8ac59; position: absolute; margin-left: -16px;left: auto;top: auto; margin-top: 3px;}
.portal_say_hello_tip .msg{ display: inline-block; text-align: left; }
.portal_say_hello_tip button{ background: none; position: absolute; right: 0; top: 0; border: 0; color: #f60;}
.portal_say_hello_tip.showdown{margin-top:90px;}
#main-nav.list .container .navbar-right.portal_member_nav{ padding: 17px 0;}
#site-nav .portal_member_nav a{ min-width: auto; padding: 0 20px;}
#site-nav .portal_member_nav a .fa{ background: none; width: auto; height: auto; display: inline-block; font-size: 14px; margin-top: 3px; margin-left: 5px;}
#site-nav .portal_member_nav li .info{ position: absolute; left: 0; top: 24px; padding-top: 22px; right: 0;}
#site-nav .portal_member_nav li .info a{ display: block; line-height: 50px; background: #222; text-align: left;}
#site-nav .portal_member_nav li .info a:hover{ background: #333;}

/*portal_search*/
.portal_taggle_search{ margin-top: 0;}
.portal_search_box{ box-shadow: 1px 2px 2px rgba(0,0,0,0.2);}
.portal_search_title{ margin-top: 0; font-size: 14px; font-weight: bold; background: #D8D8D8; padding: 10px 20px;}
.portal_search_cont{ background: #fff;}
.portal_search_cont .list{ padding: 20px;}
.portal_search_cont .list:nth-child(even){ background: #f5f5f5; }
.portal_search_cont .list:hover{ background: #f8f8f8;}
.portal_search_cont .line_r{ border-right: 1px solid #e2e2e2; }
.portal_taggle_find p.title,.portal_taggle_find p.cont{ font-size: 30px; font-weight: bold; text-align: center; color: #888; line-height: 42px;}
.portal_taggle_find p.cont{ font-size: 14px; line-height: 24px;}
.portal_find_search{ margin: 15px auto 0; background:#fff;}
.portal_find_search .search_key{ display: none; line-height: 22px; border: 1px solid #fff; border-top: 0; width: 87px; text-align: center; background: #fff; position: absolute; z-index: 9; left: 18px; top: 6px; font-size: 12px; padding: 0 10px 0 0; border-right: 1px solid #ddd;}
.portal_find_search .search_key.active{ border: 1px solid #ddd; border-top: 0; padding-bottom: 5px; box-shadow: 0 2px 2px rgba(0,0,0,0.1)}
.portal_find_search .search_key i.fa{ position: absolute; right: 5px; top: 5px;}
.portal_find_search .search_key a{ display: block;}
.portal_find_search .search_key a.none{ display: none;}
.portal_find_search .search_key.active a.none{ display: block;}


/*找顾问列表分页*/
.portal_pages .pages{ display: inline-block; margin: 0 auto; padding: 20px;}
.portal_pages .pages a,.portal_pages .pages b,.portal_pages .pages span{ display: inline-block; line-height: 18px; padding: 5px 10px; border:1px solid #ddd; background: #f8f8f8; border-radius: 3px; margin: 0 2px;}
.portal_pages .pages i{ font-style: normal;}
.portal_pages .pages span i{ color: #ccc;}
.portal_pages .pages b{ background: #3bacf0; color: #fff; border:1px solid #5EBA00;}

/*.portal_find_search input.input_find{ display: block; width:240px; padding: 0 8px; float: left; height: 40px; line-height: 38px; border:1px solid #3bacf0; border-radius: 0; border-radius: 20px; margin: 0 5px;}
.portal_find_search input.input_find_place{ width: 240px;}
.portal_find_search a{ display: block; width:40px; float: left; height: 40px; line-height: 38px; background: #5DB600; text-align: center; border-radius: 20px; margin: 0 5px;}
.portal_find_search a i{ color: #fff; font-size: 14px;}
.portal_find_search a:hover{ background: #67cb00;}
.portal_find_search a.chosen-single:hover{ background:#fff;}
.portal_find_search span{ float: left; margin-top: 10px;}
.portal_find_search .chosen-container-single .chosen-single div b{ background-position: 0 9px;}*/

/*add by denisdeng*/
/*#searchForm{position:relative;z-index:100;}*/
.chosen-select{opacity:0;}
/*.portal_find_search  input:focus{outline:none;}
.portal_find_search .chosen-container{float:left;margin-left:5px;}
.portal_find_search .chosen-container-single .chosen-single div{width:16px;right:2px;}
.portal_find_search #info_area_chosen{width:240px!important;margin-top:0px;}
.portal_find_search .chosen-container-single .chosen-single{width:240px;float:none;margin:0;height:40px;border-color:#3bacf0;border-radius:20px;}
.portal_find_search .chosen-container-single .chosen-default span{color:#bfbfbf;}
.portal_find_search .chosen-container-single .chosen-single span{float:none;margin:0;text-align:left;line-height:37px;font-size:16px;}
.searchForm-list-wrap .portal_find_search .chosen-container-single .chosen-single span{font-size:14px;}
.portal_find_search .chosen-container .chosen-results li{text-align:left;}
.portal_find_search .chosen-container .chosen-drop{width:240px;}
.portal_find_search .chosen-container .chosen-results span{float:none;margin:0;}*/
.icon-plus{padding:0 5px;}
.icon-equal{padding:0 5px 0 10px;}
.portal_bg .blocker{z-index:100!important;}


/*portal_aboutus*/
.portal_aboutus_dl dd{ padding-left: 115px;}
.portal_aboutus_dl dd p{ line-height: 30px;}
.portal_aboutus_bg{ background-color: rgba(62, 196, 0, 0.75);}
.portal_aboutus_title p{ font-size: 30px; font-weight: bold; text-align: center; color: #888; line-height: 50px;}
.portal_aboutus_btn{ text-align: center;}
.portal_aboutus_btn a{ width: 200px; height: 50px; line-height: 42px; border-radius: 25px; font-size: 20px; background: #e7f2f8; border:2px solid #fff; text-align: center; display: inline-block; margin: 5px 15px; color: #3bacf0; font-weight: bold;}
.portal_aboutus_btn a:hover{ text-decoration: none; color: #64c500; background: #fff;}
.portal_contact_box{ padding: 100px 0;}
.portal_aboutus_left,.portal_aboutus_right{ width: 50%; float: left;}
.portal_aboutus_left p{ font-size: 16px; font-weight: bold; color: #fff; line-height: 20px; margin-bottom: 20px;}
.portal_aboutus_left p.email{ font-size: 32px; line-height: 36px; font-weight: normal; color: #0cc;}
.portal_aboutus_right p{ border-bottom: 2px solid #fff}
.portal_aboutus_right p.send{ border-bottom: 0; text-align: right; margin-top: 15px;}
.portal_aboutus_right p.send a{ color: #fff; font-size: 16px;}
.portal_aboutus_right p .input_contact{ height: 50px; width: 100%; line-height: 30px; border: 0; background: none; padding: 10px 5px; font-size: 16px; color: #fff;}
.portal_aboutus_right p .input_contact.text_area{ height:85px; line-height: 24px;}
.portal_contact_bg{ background-color: rgba(118, 118, 118, 0.75);}
.portal_contact_p{ line-height: 22px;}
.portal_contact_p a:hover{ text-decoration: underline; color: #fff;}

/*portal_login_head*/
.portal_login_headbox{position: fixed;z-index: 9;top: 210px; display: none;}
.portal_login_head{ position: relative;z-index:3; padding: 20px 10px; background: #fff; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; border-radius: 4px;}

/*portal_tobar*/
.portal_tobar{ position: fixed; z-index: 999; width: 50px; right: 0; bottom: 135px;}
.portal_tobar a{ position: relative; display: block; height: 50px; width: 50px; border: 1px solid #ddd; background: url(/portal/images/portal_tobar.png) no-repeat #fff; transition: all 0s ease 0s; -webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s;}
.portal_tobar a.weixin{ background-position: 9px 9px;}
.portal_tobar a.backtop{ background-position: 9px -40px; margin-top: -1px; display: none;}
.portal_tobar a span{ display: block; width: 50px; height: 50px; font-size: 12px; color: #666; padding: 6px 8px; text-align: center; display: none;}
.portal_tobar a.weixin:hover,.portal_tobar a.backtop:hover{ background: #fff;}
.weixin_box{ position: absolute; right: 48px; top: 0; margin-top: -1px; border: 1px solid #ddd; background: #fff; width: 150px; padding-top: 8px; padding-bottom: 2px; display: none;}
.weixin_box p{ text-align: center; margin-bottom: 5px;}
.weixin_box p img{ width: 135px; height: 135px;}
.portal_tobar a:hover span,.portal_tobar a:hover .weixin_box{ display: block;}


/*banner*/
.cont_banner{ padding-left: 0; padding-right: 0;}
#home{ height: 434px; min-height: 434px; margin-top: 74px;}
.banner_bg1,.banner_bg2,.banner_bg3,.banner_bg4,.banner_bg5{ height: 370px;}
.banner_bg1{ background:url(/portal/images/hellorf_11.jpg) no-repeat center center;}
.banner_bg2{ background:url(/portal/images/hellorf_12.jpg) no-repeat center center;}
.banner_bg3{ background:url(/portal/images/hellorf_13.jpg) no-repeat center center;}
.banner_bg4{ background:url(/portal/images/hellorf_14.jpg) no-repeat center center;}
.banner_bg5{ background:url(/portal/images/hellorf_15.jpg) no-repeat center center;}
.portal_aboutus_logo img{ width: 130px;}
.service-item:hover .portal_icon_i i.fa{ color: #888;}
#main-nav.list{ box-shadow:0;}
#main-nav.list .container{ padding: 5px 0;}
.carousel li{ margin: 1px 3px;}
.carousel li.active{ margin-top: 3px;}
.carousel-indicators{ text-align: right;}
.carousel-control.left,.carousel-control.right{ background: none;}
.portal_navbar_center{ font-family: "open sans", "Helvetica Neue", Helvetica, Arial, Microsoft YaHei; font-size: 14px; color: #888; text-align: center; float: left; position: absolute; padding: 22px 220px 0; width: 100%;word-break:break-word}

/*portal_search*/
.portal_taggle_search{ margin-top: 0;}
.portal_search_box{ box-shadow:0 0 0 0;}
.portal_search_title{ margin-top: 0; font-size: 14px; font-weight: bold; background: #D8D8D8; padding: 9px 20px;}
.portal_search_cont{ background: #fff;}
.portal_search_cont dl{ padding: 20px; padding-bottom: 15px; margin-bottom: 0; border-bottom: 1px dotted #eee;}
.portal_search_cont dl dt{ float: left;}
.portal_search_cont dl dt img{ width: 80px; height: 80px; border-radius: 40px;}
.portal_search_cont dl dt img:hover{ box-shadow: 0 3px 3px rgba(0,0,0,0.3)}
.portal_search_cont dl dd{ padding-left: 105px;}
.portal_search_cont dl:nth-child(2){ background: #fafafa;}
.portal_search_cont dl:hover{ background: #f8f8f8;}
.portal_search_cont dl:hover dd p a.portal_btn{ background: #3bacf0;}
.portal_search_cont dl:hover dd p a.portal_btn:hover{ background: #64C500;}
.portal_search_cont .tx{ float: left; position: absolute; padding-right: 20px;}
.portal_search_cont .nr{ float: left; position: relative; margin-left: 70px;}

/*portal_adviser*/
.portal_adviser_left{ float: left; width: 885px;}
.portal_adviser_right{ float: right; width: 300px;}
.portal_adviser_box{ font-size: 12px;}
.portal_adviser_cong{ border-bottom: 1px solid #eee; margin: 1px;}
.portal_adviser_cong p a.none{ display: none;}
.portal_adviser_dl dl dd p{ font-size: 12px;}
.portal_adviser_dl dl dd p.size_14{ font-size: 14px;}
.portal_adviser_dl dl dt{ margin-right: 20px; }
.portal_adviser_dl dl dt,.portal_adviser_dl dl dd{ float: left; }
.portal_team_dl dl{ position: relative; min-height: 50px; }
.portal_team_dl dl dt{ margin-right: 20px; position: absolute; left: 0; top: 0; }
.portal_team_dl dl dd{ padding-left: 65px;}
.portal_team_dl:last-child{ border:0; }
.portal_team_dl .area{ padding-top: 28px; }
.portal_adviser_btn{ padding: 20px; background: #fbfbfb; border-top: 1px solid #eee;}
.portal_adviser_btn p a{ background: #21cfd0;}
.portal_adviser_btn p a:hover{ background: #17c2c3;}
.portal_adviser_rtop p{ text-align: center;}
.portal_adviser_rtop p.nub span{ display: inline-block; margin-right: 1px; border:1px solid #ddd; padding: 4px 3px; box-shadow: 0 1px 0 rgba(0,0,0,0.2); border-radius: 2px; font-weight: bold; font-size: 20px; font-weight: normal; background:url(/portal/images/portal_adviser_bug.png) repeat-x center center;}
.portal_adviser_case div:nth-child(2){ color: #999;}
.portal_adviser_link{ position: absolute; right: 15px ; top: 0; float: right;}
.portal_adviser_link .portal_btn{ background: #fff; color: #3bacf0; border:1px solid #3bacf0; }

.portal_adviser_team{ border:1px solid #e2e2e2; padding: 20px; padding-bottom: 0;}
.portal_adviser_row .row_group .title{ float: left; }
.portal_adviser_row .row_group .cont{ padding-left: 60px; }

.portal_consultant_info{ padding: 20px;}
.portal_consultant_info dl{ position: relative; float: left; width: 100%; margin-bottom: 0;}
.portal_consultant_info dl dt{ float: left; position: absolute;}
.portal_consultant_info dl dd,.portal_consultant_info_mail .cont{ position: relative; margin-left: 80px; background: #C2E2F2; border-radius: 3px; padding: 10px 15px; font-size: 12px; color: #333; line-height: 24px;}
.portal_consultant_info dl dd i,.portal_consultant_info_mail .cont i{ color: #C2E2F2; position: absolute; left: -5px; top: 50%; margin-top: -8px; font-size: 16px;}
.portal_consultant_info_mail label img{ margin-right: 5px;}
.portal_consultant_info_mail .cont{ margin-left: 0;}
.portal_consultant_box_mail .yzm input{ float: left;}
.portal_consultant_box_mail .yzm img{ display: inline-block; height: 34px; border:1px solid #ddd; margin-left: 10px;}

/*portal_exp_title 项目经验*/
.portal_exp_title{ border-bottom: 1px solid #ddd; }
.portal_exp_title p{ display: inline-block; padding:10px 20px; margin: 0; background: #666; color: #fff; font-size: 14px; margin-top: -1px; margin-left: -1px;}


/*login*/
.main_login_box{ margin: 70px 0 70px; }
.main_login_top{ width: 800px; margin: 0 auto; text-align: center; padding-bottom: 30px; }
.main_login{ width: 760px; margin: 0 auto; background: #fff; border:1px solid #ddd;}
.main_login .menu{ margin: 0; float: left; width: 295px; border-right: 1px solid #37a1e0; }
.main_login .menu li a{ position: relative; height: 118px; display: block; padding: 0 50px; border-bottom: 1px solid #ddd; background: #fcfcfc;}
.main_login .menu li:nth-last-child(1) a{ border-bottom: 0; }
.main_login .menu li a i{ text-align: center; color: #9F9F9F; font-size: 52px; float:left; width: 65px; height: 65px; margin-top: 30px; }
.main_login .menu li a span{ font-size: 20px; display: inline-block; margin-top: 44px; margin-left: 20px; color: #999;}
.main_login .menu li a em{ display: none; position: absolute; width: 25px; height: 40px; top: 34px; right: -4px; background: url(/portal/images/main_login_icon.png) no-repeat 0 -180px;}
.main_login .menu li.activ a i,.main_login .menu li a:hover i{ color: #37a1e0; }
.main_login .menu li.activ a span,.main_login .menu li a:hover span{ color: #666;}
.main_login .menu li.activ a em,.main_login .menu li a:hover em{ display: block; }
.main_login .cont{ float: left; width: 460px; *width: 340px; padding: 30px; border-left: 1px solid #37a1e0; margin-left: -1px; }
.main_login .cont h3{ margin-bottom: 20px; font-size: 14px; line-height: 26px; margin-top: 0; }
.main_login .cont input.login_input{ height: 44px; font-size: 14px; padding: 0 15px; *padding: 0; border:1px solid #ddd; width: 80%;}
.main_login .cont input.login_input.yzmtext{ width: 170px; }
.main_login .cont .yzm a{ float: right; }
.main_login .cont .yzm a img{ height: 44px; }
.main_login .cont input.login_checkbox{ float: left; margin-right: 5px; margin-top: 3px; }
.main_login .cont .login_btn{ display: block; padding: 7px; text-align: center; background: #37a1e0; font-size: 16px; line-height: 29px; color: #fff; border-radius: 4px; }
.main_login .cont .login_btn_gray{ background: #7fbfb1; }
.main_login .cont .login_btn_gray.portal_mobile_btn{ background: #195b92; }
.main_login .cont p{ margin-bottom: 15px; }
.main_login .cont p:nth-last-child(1){ margin-bottom: 0; }
.main_login_wjmm img{ height: 44px;}
.main_login .portal_login_checkcode .codetext{ margin-right: 170px;}

.main_login .cont .sec_tab a{ float: left; width: 50%; border-bottom: 2px solid #ddd; padding: 10px; padding-top: 0; text-align: center; }
.main_login .cont .sec_tab a.activ{ border-bottom: 2px solid #3bacf0; }
.main_login .cont input.login_input.s_btn_white{  width: 194px; background: #fefefe; position: absolute; top: 0; right: 0;}
.main_login .cont .login_gwdl_codeimg_sec{ height: 44px;width: 194px }



/*login*/
.portal_login_cont{ width: 1000px; position: relative; top: 50%; margin-top: -200px; left: 50%; margin-left: -500px;}
.portal_login_foot{ position: fixed; bottom: 0; width: 100%; background: #494949; padding: 30px 0 30px 0; color: #b2b2b2;}
.portal_login_foot .portal_copyright_text{ color: #b2b2b2; }
.portal_login_foot .portal_copyright_text:hover{ color: #37a1e0; }
.portal_login_left{ float: left; width: 500px; margin-top: 80px; display: none;}
.portal_login_right{ float: right; width: 425px; padding: 30px; background: #494343; border-radius: 5px;}
.portal_login_left p.title{ font-size: 24px; line-height: 34px; text-shadow:1px 1px 0 #C9BBB8; font-weight: bold; margin-bottom: 30px; color: #fff;}
.portal_login_left p{ color: #fff;font-style:italic; font-size: 16px; line-height: 38px;}
.portal_login_right .user{ position: relative;}
.portal_input{ display: block; border:1px solid #ddd; height: 40px; line-height: 40px; background: #fff; font-size: 14px; padding: 0 10px; width: 100%;}
.portal_input:focus{ border:1px solid #3bacf0;}
#check_code_div img{ height: 40px;}
.portal_login_checkcode{ position: relative;}
.portal_login_checkcode a{ position: absolute; right: 0; top: 0;}
.portal_login_checkcode .codetext{ margin-right: 155px;}
.portal_login_right .user span{ font-size: 14px; position: absolute; right: 0; top: 0; height: 40px; padding: 0 10px; line-height: 40px; border:1px solid #e8e8e8;}
.portal_login_right .login_btn,.login_layer_btnstyle{display: block; text-align: center; height: 40px; line-height: 40px; border-radius: 3px; background: #3bacf0; color: #fff; font-size: 14px; text-decoration: none;}
.portal_login_right .login_btn:hover,.login_layer_btnstyle:hover{ background: #5EBA00; color: #fff;}
.login_layer_code{ width: 36%;}
.login_layer_resend,.login_layer_resend_show{ width: 60%;}
.login_layer_resend_show{ display: none; cursor: default; background: #95D079;}
.login_layer_resend_show:hover{ background: #95D079;}
.portal_login_right .regist_btn{display: block; text-align: center; height: 40px; line-height: 40px; border:1px solid #ddd; border-radius: 3px; background: #ccc; color: #666; font-size: 14px; text-decoration: none;}
.portal_login_right .regist_btn:hover{ border:1px solid #ccc; background: #e2e2e2;}
.portal_login_rememberbox{ display: inline-block; border-right:1px dotted #999; margin-right: 8px; padding-right: 10px; cursor: pointer;}
.portal_login_remember{ display: inline-block; width: 40px; height: 14px; border-radius: 7px; box-shadow:0 1px 3px rgba(0,0,0,0.4) inset;}
.portal_login_rememberbox.off .portal_login_remember{ background: #ccc;}
.portal_login_rememberbox.on .portal_login_remember{ background: #3bacf0;}
.portal_login_remember span{ float:left; width: 16px; height: 16px; border-radius: 8px; margin-top: -1px; margin-left: -1px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.4);}
.portal_login_rememberbox.off .portal_login_remember span{ float: left;}
.portal_login_rememberbox.on .portal_login_remember span{ float: right;}
.portal_register_fwysxy_box{ margin-right: -170px;}

.portal_login_layer{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1050; background: #000; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
.portal_login_layercont,.portal_valiloan_layercont{ position: fixed; left: 50%; z-index: 1051; margin-left: -165px; top: 50%; margin-top: -130px; width: 330px; border-radius: 5px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.portal_login_layercont .title{ text-align: center; background: #f4f4f4; border-bottom: 1px solid #eee; padding: 13px 20px; border-radius: 5px 5px 0 0; text-shadow: 0px 1px 1px #fff;}
.portal_login_layercont .cont{ padding: 20px;}

.portal_already label input{ margin-top: 2px; }

/*register*/
.register_top{ font-size: 24px; line-height: 28px; text-align: center; padding: 0 15px 45px; border-bottom: 1px solid #ddd; }
.register_tab{ margin-top: -28px; margin-bottom: 35px; text-align: center; }
.register_tab ul{ display: inline-block; }
.register_tab ul li{ background: #fff; display: inline-block; border:1px solid #ddd;}
.register_tab ul li a{ display: block; padding: 18px 40px; font-size: 18px; font-weight: bold;}
.register_tab ul li.active{ border:1px solid #3bacf0; background: #3bacf0; }
.register_tab ul li.active a{ color: #fff; }
.register_tab ul li a .fa-check-circle,.register_tab ul li.active a .fa-circle-thin{ display: none; font-size: 18px; }
.register_tab ul li.active a .fa-check-circle,.register_tab ul li a .fa-circle-thin{ display: inline-block; font-size: 18px; }
.portal_regist_box{ background: #fff; padding: 50px 0;/* box-shadow:0 0 0 100px rgba(255,255,255,0.3)*/}
.register_content{ padding: 30px 0 50px;}
.register_cont{ /*width:550px*/ width: 700px; margin: 0 auto;}
.register_box{ /*width:550px*/ width: 700px; margin: 0 auto;}
.register_box .list-reg-step li.icon{ display: none;}

.register_box_bg{ height: 60px; background: url(/portal/images/portal_register_status.png) no-repeat top center;}
.register_box_bgtwo{ background-position: center -71px;}
.register_box_bgthr{ background-position: center -142px;}
.register_box_bgfour{ background-position: center -213px;}

.list-reg-step{height:60px;display:block;background:url(/portal/images/portal_register_status.png) no-repeat top center;margin-bottom:40px;}
.list-reg-step li{position:relative;top:78px;margin-bottom:-78px;display:inline-block;width:24%;text-align:center;font-size: 14px;}

.list-reg-step li:first-child{text-align:left;left:16px;}
.list-reg-step li:last-child{text-align:right;right:10px;}
.list-reg-step .second{left:-13px;}
.list-reg-step .third{right:-20px;}

.list-reg-second{background-position: center -71px;}
.list-reg-third{background-position: center -142px;}
.list-reg-fourth{background-position: center -213px;}

.register_status{ text-align: center; margin-top: 18px;}
.register_status span{ margin-right: 132px; display: inline-block; font-size: 14px; color: #f4f4f4;}
.register_status span.last{ margin-right:0;}
.register_ljzc{ padding: 50px 0 0;}
.register_ljzc p{ text-align: center; padding-bottom: 20px; margin-bottom: 0;}
.register_ljzc p input.checkbox{ box-shadow:none; padding: 0; height: auto; float: left; margin-right: 8px; margin-top: 2px;}
.register_ljzc_tl{ width: 300px; margin: 0 auto;}
.register_ljzc_tl .t_l{ text-align: left;}
.li_icon{ display: inline-block; width: 12px; height: 12px; margin-right: 5px;}
.register_ok{ display: inline-block; width: 22px; height: 18px; margin-right: 5px;}
.register_poptitle{ height: 40px; line-height: 40px; padding: 0 15px; background: #3bacf0; border-radius: 5px 5px 0 0;}
.register_poptitle h3{ float: left; font-size: 14px; font-weight: normal; color: #fff;}
.register_poptitle a{ float: right; width: 15px; height:15px; margin-top: 0px;}
.register_poptitle a:hover i{ color: #ff0;}
.register_popcont dl dt{ float: left; width: 30%; text-align: right; padding-right: 1%; line-height: 34px; padding-bottom: 20px; font-size: 14px;}
.register_popcont dl dd{ float: left; width: 70%; line-height: 34px; padding-left: 1%; padding-bottom: 20px;}
.register_popp i{ font-size: 16px;}
.register_sec{ padding-left: 15px;}
.register_sec ul{ background: #f5f5f5; padding: 12px 15px; margin-top: 5px; border-radius: 4px;}
.register_sec ul li{ line-height: 32px; font-size: 14px; padding: 3px 0; color: #999;}
.register_sec_p{ font-size: 14px; line-height: 34px;}
.register_the{ padding-left: 15px;}
.register_the h3{ padding: 15px 0; font-size: 14px; font-weight: normal;}
.register_the h3 i.li_icon{ margin-right: 10px;}
.register_the h3 em{ line-height: 18px; float: left; margin-top: -3px;}
.register_the h3 span{ font-size: 14px; font-weight: normal; margin-left: 20px;}
.register_the h3 span.m_l{ margin-left: 94px; display:block;}
.register_the .chosen-container-single .chosen-single span,.portal_find_search .chosen-container-single .chosen-single span{ color: #666;}
.register_the .chosen-container .chosen-results,.portal_find_search .chosen-container .chosen-results{ color: #666;}
.register_the .chosen-container .chosen-results li.highlighted,.portal_find_search .chosen-container .chosen-results li.highlighted{
  background-color: #3bacf0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3bacf0), color-stop(90%, #3bacf0));
  background-image: -webkit-linear-gradient(#3bacf0 20%, #3bacf0 90%);
  background-image: -moz-linear-gradient(#3bacf0 20%, #3bacf0 90%);
  background-image: -o-linear-gradient(#3bacf0 20%, #3bacf0 90%);
  background-image: linear-gradient(#3bacf0 20%, #3bacf0 90%);color: #fff;}
.register_textarea{ width: 100%;}
.register_bg{ background: #f9f9f9; }
.register_cont_bg{ background: #fff; border:1px solid #ddd;}
.register_bg .datetimepicker td,.register_bg .datetimepicker th{ width: 40px;}
.register_bg .datetimepicker table tr td span.active:active, .register_bg .datetimepicker table tr td span.active:hover:active, .register_bg .datetimepicker table tr td span.active.disabled:active, .register_bg .datetimepicker table tr td span.active.disabled:hover:active, .register_bg .datetimepicker table tr td span.active.active, .register_bg .datetimepicker table tr td span.active:hover.active, .register_bg .datetimepicker table tr td span.active.disabled.active, .register_bg .datetimepicker table tr td span.active.disabled:hover.active{ background-color: #3bacf0; background-image: -webkit-linear-gradient(top,#5EBA00,#3bacf0);}
.noteinfo p{ color: #e2e2e2;}
.regist_foot_pos{ padding:30px 0 30px 0; position: fixed; bottom: 0; width: 100%; text-align: center; background: #494949; color: #b2b2b2;}
.regist_foot span,.regist_foot_pos span{ color: #eee;}
.regist_foot_pos .color_6,.regist_foot_pos a{ color: #b2b2b2; }
.regist_foot_pos .color_6:hover{ color: #37a1e0; }
.btn-success{background: #3bacf0; color: #fff;}
.btn-success:hover{ background: #5EBA00; border-color:#5EBA00;}
.btn-blue,.btn-blue:hover{background: #4791e0; color: #fff; border-color:#4791e0;}
.register_thr_profile span{ display: inline-block; width: 100px;}
.register_thr_profile span em{ display: inline-block; width: 100px; text-align: center; padding-top: 15px; color: #ccc;}
.table-has-service-company {color:#999;}
.table-has-service-company th{color:#999;font-size:12px;font-weight:bold;padding-bottom:5px;}
.table-has-service-company label{color:#999;}
.table-has-service-company input,
.table-has-service-company select{color:#333;}
.portal_register_case{ position: absolute; width: 100%;}
.portal_register_case a.case{ float: right; margin-top: -35px;}
.portal_register_case_text{ font-size: 12px; position: absolute; z-index: 2; border:1px solid #FFEF92; background: #FFFEF6; padding: 15px; text-align: left; box-shadow: 4px 4px 0px rgba(0,0,0,0.2);}
.portal_register_case_text i.fa{ position: absolute; width: 20px; height: 5px; line-height: 10px; top: -6px; right: 30px; overflow: hidden; font-size: 32px; color: #FFEF92; font-weight: bold;}

.register_byteam .portal_page_cont.black_style.team_style{ border:0; padding: 0; }



/*找顾问--列表 候选人企业登录注册*/
.modal_sbs{ position: absolute; overflow-y: auto;}
.modal_sbs input{ color: #666;}
.modal_sbs .consign_title p{ cursor: pointer; background: #eee;}
.modal_sbs .consign_title p.active{ background: #fff;}
.modal_sbs .consign_tip{ font-size: 18px; line-height: 22px; padding-bottom: 18px; text-align: center; border-bottom: 1px solid #ddd; margin-left: -20px; margin-right: -20px;}
.modal_sbs .cont{ padding: 10px 84px;}
.modal_sbs .cont .yzm input{ width: 220px;}
.modal_sbs .cont .yzm a img{ float: right; height: 34px; width: 150px;}

/*我的简历*/
.portal_tohr_upload{ border:1px solid #e5e5e5; background: #fff; padding: 10px;}
.portal_tohr_upload .icon-attach{ width: 32px; height: 40px; background: 0 0 no-repeat url(/public/img/icon-attach.png);}
.portal_datetime .date-now-wrap{ margin-left: -25px;}
.portal_lan_list .add{ display: none;}
.portal_lan_list:last-child .add{ display: block;}
.portal_exp_list .add,.portal_exp_list .mov{ display: none;}
.portal_exp_list:last-child .add,.portal_exp_list:last-child .mov{ display: inline-block;}
.portal_exp_list.three .add,.portal_exp_list.three_remove .mov{ display: none;}
.portal_exp_list .add.today{ display: none;}
.portal_exp_list .date-wrap input{ width: 140px;}
.portal_exp_list .portal_datetime .date-now-wrap{ margin-left: 0; }

.portal_uploadresume{ width: 70%;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}
.tohrupload_file{ position: relative; display: inline-block;height: 21px;width: 90px;}
.tohrupload_file a{ position: absolute; left: 0; top: 0; z-index: 1;border-top-left-radius:0;border-bottom-left-radius:0;height:34px;}
.tohrupload_file input.pop_t_file{ width: 88px; height: 32px; overflow: hidden; padding: 0; position: absolute; left: 0; top: 0; z-index: 2; font-size: 0;cursor: pointer;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
#uploadResume .error-tip{background:#f2dede;color:#b94a48;width:85%;padding:5px;}

/*弹窗确认框*/
.modal_note{ border:0; border-radius: 3px; background: #fff; max-width: 480px; min-height: 310px; padding-bottom: 20px;}
.modal_note .modal-body{ background: #fff;}
.modal_note .modal-header{ border-bottom: 0;}
.modal_note .modal-footer{ border-top: 0;}
.modal_note a.close{ position: absolute; right: 10px; top: 5px;}

/*mypartner_register*/
.mypartner_register_bg{ background: #4f7bac;}
.mypartner_register_bg .portal_logo img{ height: 40px; }
.mypartner_register_bg .mypartner_register_cont_bg{padding: 30px 15px; background:#f5f5f5; border:10px solid rgba(79, 123, 172,0.9); border-radius: 0;}
.mypartner_register_bg .retrieve_state_font span{ color:#999;}
.mypartner_register_bg .retrieve_state_font span:nth-of-type(even){display: none;}
.mypartner_register_bg .color_f{ color: #999;}
.mypartner_register_bg .color_e5{ color: #999;}
.mypartner_register_bg .retrieve_box{ margin-top: -180px;}
.retrieve_bydevice a{ float: right; }
.retrieve_bydevice a i{ float: right; display: inline-block; width: 21px; height: 21px; margin-left: 5px; background: url(/portal/images/portal_register_by.jpg) repeat top center;}

/*welcome_cont_info*/
.welcome_cont{ width: 515px; margin: 0 auto;}
.welcome_cont h3{ padding: 15px 0 10px; font-size: 14px; color: #e5e5e5; font-weight: normal;}
.welcome_cont h3 i.li_icon{ margin-right: 10px;}
.welcome_p,.welcome_p label{ font-size: 14px; line-height: 22px; margin-right: 20px;}
.welcome_block{ margin-top: 10px;}
.welcome_block p{ background: #f6f6f6; padding: 2px 10px 2px 20px; border-radius: 5px; line-height: 28px;}
.welcome_block p span,.welcome_block p a{ font-size: 14px;}
.welcome_block p span.title{ display: inline-block; width: 125px; float: left; font-weight: bold;}
.welcome_block p span.cont{ display: inline-block; width: 300px;}
.welcome_block p a.set{ display: inline-block; width: 51px; float: right;}
.welcome_block p a.set i{ display: inline-block; width: 15px; height: 20px; float: right; margin-top: 7px;}
.welcome_block p a.set:hover i{ background-position: -204px 0;}
.welcome_box{ border: 1px solid #3bacf0; border-top: 3px solid #3bacf0; border-radius: 5px; background: #fff; padding: 15px 20px;}
.welcome_box dl dt{ float:left; width: 40%; font-size: 14px; padding: 5px 0;}
.welcome_box dl dd{ float:right; width: 60%; padding: 5px 0;}
.welcome_box dl dd label{ font-size: 14px; margin-bottom: 0;}
.welcome_box dl dd label.title{display: inline-block; width: 60px; text-align: right; margin-right: 8px;}
.welcome_box dl dd label span{ display: inline-block; width: 20px; height: 20px; background: url(/portal/images/portal_icon.png) no-repeat; float: left; margin-right: 10px;}
.welcome_box dl dd label span{ background-position: 0 -51px;}
.welcome_box dl dd label span.checked{ background-position: -51px -51px;}
.welcome_xy{ height: 400px; padding: 15px 5px 15px 20px; border-radius: 5px; background-color: #fff; position: relative;}
.wolcome_xy_title{ padding-bottom: 5px;}
.wolcome_xy_title span{ display: block; margin: 0 auto; width: 88px; height: 25px; background: url(/portal/images/portal_welcome_logo.png) no-repeat;}
.welcome_xy_dl dt,.welcome_xy_dl dd{ color: #999; line-height: 24px;}
.welcome_xy_dl dt{ margin-top: 6px;}
.welcome_xy_box{ height: 330px; overflow-y:auto; padding-right: 6px;}
.welcome_xy_more{ position: absolute; right: 12px; top: 12px;}
.welcome_xy_more i{ font-size: 18px; color: #ccc;}
.welcome_xy_more:hover i{color: #3bacf0;}
.welcome_right_btn{ position: fixed; right: 50%; bottom: 180px; margin-right: -470px;}
.welcome_right_btn ul li{ width: 100px; margin: 15px 0 0 0; height: 32px;}
.welcome_right_btn ul li a{ display: block; height: 32px; line-height: 32px; text-align: center; border-radius: 16px; background: #50800F; color: #fff;}
.welcome_right_btn ul li a:hover{ background: #3bacf0;}
.welcome_note{ position: relative; display:none;}
.welcome_note .text{ position: absolute; top: 0; margin-top: -4px; left: 0; display: inline-block; width: 503px; padding: 6px 15px; border-radius: 4px; line-height: 20px; background: #FDFDEA; font-size: 12px;}
.welcome_note .text i.fa{ color: #FDFDEA; position: absolute; left: 0 ; top: 10px; margin-left: -5px; font-size: 14px;}
.welcome_logo{ float: left;}
.welcome_logo img{ width: 155px;}
.welcome_nav{ float: right; margin-top: 15px;}
.welcome_nav a{ display: inline-block; min-width: 120px; height: 32px; line-height: 32px; border-radius: 16px; text-align: center; color: #fff; background: #6C9752; float: left; margin: 0 5px;}
.welcome_nav a:hover{ background: #3bacf0;}
.welcome_nav a i.fa{ color: #fff;}
.welcome_nav a.weixin{ position: relative;}
.welcome_nav a.weixin .pic{ z-index: 1; position: absolute; left: 0; top: 0; width: 100%; background: #3bacf0; padding-top: 32px; border-radius: 14px 14px 0 0; padding-bottom: 5px;}
.welcome_nav a.weixin .pic img{ width: 110px; margin: 0 auto;}
.welcome_nav a.weixin .title{ position: relative; z-index: 2}
.welcome_nav a.weixin:hover .pic{ display: block;}
.welcome_1stoffice{ width: 900px; min-height: 600px; background: #fff; margin: 40px auto; border-radius: 0; padding: 50px;}
.welcome_1stoffice i.fa{ position: absolute; right: 20px; top: 20px;}
.welcome_checktype_title label span{ display: inline-block; width: 20px; height: 20px; background: url(/portal/images/portal_icon.png) no-repeat; float: left; margin-right: 8px;}
.welcome_checktype_title label span.checked{ background-position: -51px 0;}

.welcome_set_h4{ font-size: 14px; font-weight: bold; border-left: 3px solid #3bacf0; margin: 20px 0 15px; padding-left: 10px;}
.welcome_set_yssz{ margin-left: 40px;}
.main_modify_box_pop{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; z-index: 1050;}
.main_modify_box{ width: 600px; border-radius: 4px; position: relative; z-index: 3; margin: 30px auto; background: #fff; border:1px solid rgba(0,0,0,0); box-shadow: 0 1px 3px rgba(0,0,0,.3)}
.main_modify_box .modal-header{ padding: 10px 15px;}
.main_modify_box .modal-header h4{ font-size: 20px; margin: 0; line-height: 26px; text-align: center;}
.main_modify_box .modal-body{ background: #f8fafb;}
.main_modify_box input,.main_modify_box textarea{ font-size: 14px;}
.protocol_foot_box{ padding:30px 0 30px 0; width: 100%; text-align: center; background: #494949; color: #b2b2b2;}
.protocol_foot_box .color_6{ color: #b2b2b2; }
.protocol_foot_box .color_6:hover{ color: #37a1e0; }

/*retrieve*/
.retrieve_box{ width: 520px; margin: 0 auto; position: relative; top:50%; margin-top: -250px; left:50%; margin-left: -260px;}
.retrieve_box_forget{ margin-top: 80px; }
.retrieve_logo{ margin-bottom: 20px; text-align: center;}
.retrieve_cont{ padding: 40px 15px; text-align: center; border-radius: 5px;}
.retrieve_cont.device{ padding-top: 20px; }
.retrieve_state{ width: 310px; margin: 0 auto; margin-bottom: 10px; height: 30px; background: url(/portal/images/portal_retrieve.png) no-repeat;}
.retrieve_state.one{ background-position: 0 0;}
.retrieve_state.two{ background-position: 0 -34px;}
.retrieve_state.thr{ background-position: 0 -68px;}
.retrieve_state_font span{ color:#666; font-size: 12px; display: inline-block; display:-moz-inline-stack;zoom:1;*display:inline; width: 140px;}
.retrieve_state_font span.icon{ display: none;}
.retrieve_text{ width: 284px; margin: 0 auto;}
.retrieve_text .input,.retrieve_text a{ width: 100%; margin-bottom: 10px;}
.portal_regist_now_moble{ display: none;}
.bymobile .retrieve_state{ background: url(/portal/images/portal_retrieve_bymobile.png) no-repeat;}
.bymobile .retrieve_state.one{ background-position: center 0;}
.bymobile .retrieve_state.two{ background-position: center -34px;}
.bymobile .retrieve_state_font span{ width: 208px; }

/*user_protocol 用户协议*/
.protocol_nav_box{ height: 68px; background: #222;}
.protocol_nav_box .m_t_15{ margin-top: 14px;}
.protocol_nav ul li{ float: left;}
.protocol_nav ul li a{ margin: 0 20px; padding:5px 5px; color: #eee; font-size: 15px; text-decoration: none;}
.protocol_nav ul li a:hover,.protocol_nav ul li a.selected{ color: #ddd; border-bottom: 2px solid #ddd;}
.protocol_title{ font-size: 18px; line-height: 40px; font-weight: bold; color: #666;}
.protocol_cont{ margin-top: 5px;}
.protocol_cont .info{ display: none; padding: 1px 15px 15px;}
.protocol_cont .title{  -webkit-transition: color .2s linear,background-color .2s linear;
-moz-transition: color .2s linear,background-color .2s linear;
-ms-transition: color .2s linear,background-color .2s linear;
-o-transition: color .2s linear,background-color .2s linear;
transition: color .2s linear,background-color .2s linear;
font-size: 14px; line-height: 1.42857143; font-weight: normal; color: #666; cursor: pointer; padding: 8px 0;}
.protocol_cont .title:hover,.protocol_cont.active .title{ background: #f2f2f2; padding: 8px 15px;}
.protocol_cont.active .info{ background: #f8f8f8;}

.portal_page_cont.black_style.lighter .protocol_cont .title:hover{ color: #666;}
.portal_page_cont.black_style.lighter .protocol_cont .title,.portal_page_cont.black_style.lighter .protocol_cont p,.portal_page_cont.black_style.lighter .protocol_title{ color:#999;}
.portal_page_cont.black_style.lighter .protocol_cont.active .title{ color: #666; font-weight: bold; line-height: 1.42857143;}
.portal_page_cont.black_style.lighter .protocol_cont.active p{ color: #666;}
.portal_page_cont.black_style.lighter .protocol_cont.active{ box-shadow: 1px 2px 3px rgba(0,0,0,0.1)}

.protocol_title{-webkit-transition: color .2s linear,background-color .2s linear;
-moz-transition: color .2s linear,background-color .2s linear;
-ms-transition: color .2s linear,background-color .2s linear;
-o-transition: color .2s linear,background-color .2s linear;
transition: color .2s linear,background-color .2s linear;}
.protocol_cont .title_sec{ font-size: 12px; line-height: 24px; font-weight: bold; color: #666; margin-top: 20px;}
.protocol_cont p{ font-size: 12px; line-height: 22px; color: #666; margin-top: 10px; margin-bottom: 0; -webkit-transition: color .2s linear,background-color .2s linear;
-moz-transition: color .2s linear,background-color .2s linear;
-ms-transition: color .2s linear,background-color .2s linear;
-o-transition: color .2s linear,background-color .2s linear;
transition: color .2s linear,background-color .2s linear;}
.protocol_cont .cont{ margin-top: 6px;}
.protocol_cont .cont p{margin: 0;}
.protocol_cont .cont p{margin: 0;}

.protocol_foot_box{ border-top: 1px solid #ddd;}
.protocol_foot_p p{ line-height: 22px; margin: 0;}
.protocol_foot_ul{ margin-left: 40px; margin-top: 28px;}
.protocol_foot_ul ul li{ float: left; text-align: center; margin-left: 20px;}
.protocol_foot_ul ul li img{ height: 90px;}
.protocol_cent{ color: #666; margin-top: 10px;}
.portal_page_cont{ background: #fff; border:1px solid #ddd; padding: 30px; margin-top: 30px;box-sizing: border-box;}
.portal_page_cont.black_style{ background: #fff; border:1px solid #ddd;}
.protocol_cent p{ margin-top: 0;}

/*帮助中心 Q&A*/
.portal_help_left{ float: left;}
.portal_help_right{ float: right;}
.portal_help_contact{ position: relative; padding-left: 50px;}
.portal_help_contact i{ position: absolute; left: 10px; top: 17px; width: 35px; height: 30px; background: url(/portal/images/portal_help_qa.png) no-repeat;}
.portal_help_genre{ margin-top: 15px; padding: 0;}
.portal_help_genre h3{ background: #f2f2f2; padding: 12px; line-height: 20px; margin-bottom: 0;}
.portal_help_genre ul{ padding-bottom: 10px;}
.portal_help_genre ul li{ margin-top: 1px;}
.portal_help_genre ul li a{ display: block; padding: 10px 30px;}
.portal_help_genre ul li a:hover,.portal_help_genre ul li.active a{ background: #f8f8f8;}
.portal_help_cont{ display: none;}
.portal_help_cont dl{ margin-bottom: 5px;}
.portal_help_cont dl dt{ -webkit-transition: color .2s linear,background-color .2s linear;
-moz-transition: color .2s linear,background-color .2s linear;
-ms-transition: color .2s linear,background-color .2s linear;
-o-transition: color .2s linear,background-color .2s linear;
transition: color .2s linear,background-color .2s linear;
color:#666; cursor: pointer; padding: 8px 0;}
.portal_help_cont dl dt:hover,.portal_help_cont dl.active dt{ background: #f2f2f2; padding: 8px 15px;}
.portal_help_cont dl dd{ display: none; font-size: 12px; line-height: 22px; padding: 10px 15px 5px;}
.portal_help_cont dl.active{ box-shadow: 1px 2px 3px rgba(0,0,0,0.1);}
.portal_help_cont dl.active dd{ background: #f8f8f8;}
.portal_help_cont.lighter dl.active dt{ color: #666; font-weight: bold;}
.portal_help_cont.lighter dl dt:hover{ color: #666;}
.portal_help_cont.lighter dl dt{ color:#999;}


/*portal_partner_dl 我是企业*/
.portal_enterprise_pd{ padding-left: 250px;}
.portal_enterprise_cont{ width: 600px; margin: 0 auto; padding:45px 54px;}
.portal_enterprise_cont .register_cont{ width: auto;}
.portal_enterprise_cont h2{ border-bottom: 4px solid #eee;padding-bottom: 10px;}
.portal_enterprise_cont input{ border-color: #fff;}
.portal_enterprise_box{ background: none;}
.portal_enterprise_bg_min{ background: url(/portal/images/enterprise_bg_min.jpg) no-repeat center center fixed; background-size: cover;}
.portal_enterprise_bg_max{ background: url(/portal/images/enterprise_bg.jpg) no-repeat center center fixed; background-size: cover; position: fixed; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;}
.portal_enterprise_layer{ position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background: #000; filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;}
.portal_partner_dl dl{ margin-bottom: 15px;}
.portal_partner_dl dl dt{ float: left; width: 85px; padding-top: 6px; color: #fff; text-align: right;}
.portal_partner_dl dl dd{ margin-left: 95px;}
.portal_enterprise_alert{/* position: fixed; z-index: 999; left: 50%; margin-left: -150px; top: 50%; margin-top: -50px; width: 300px; background: #F2FFEC; border:1px solid #3bacf0; color: #f60; box-shadow: 1px 0 8px 0 rgba(0,0,0,0.3)*/}
/*.portal_enterprise_alert p{ text-align: left; padding: 50px 20px; color: #3bacf0;}*/
.portal_enterprise_alert a{ position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-style: normal; background: #3bacf0; color: #fff; border-radius: 10px;}
.portal_enterprise_alert a:hover{ background: #56BD27;}
.portal_enterprise_code{ position: relative; width: 300px; padding-right: 133px;}
.portal_enterprise_code a{ position: absolute; right: 0; bottom: 0;}
.portal_enterprise_code img{ width: 120px; float:right; height: 34px; margin-left: 12px;}
.portal_enterprise_code .input{ width: 100%;}
.portal_enterprise_error{ padding: 50px 0;}
.portal_enterprise_error label{ font-size: 20px; color: #fff; line-height: 22px;}
.portal_enterprise_error span{ border-bottom: 4px solid #eee;padding-bottom: 10px; margin-bottom: 20px; display: block; font-size: 20px; color: #fff;}
.portal_enterprise_pd.alt{ position: absolute; left: 50%; margin-left: -435px; top: 50%; margin-top: -150px;}

.portal_mobile_btn{ display: none; }
.main_login .cont .login_btn_gray.portal_mobile_btn{ display: none; }
.btn-success.zc{ background: #e2e2e2; border:1px solid #ddd; color: #666; }

.portal_separator_block{ width: 990px; margin: 0 auto; }
.portal_separator_block .control-label{ float: left; width: 150px; padding-right: 15px;}
.portal_separator_block .cont{ float: left; width: 350px; }
.portal_separator_block .cont.longer{ width: 850px; }
.portal_separator_block .portal_separator_pc .cont{ width: 850px; }

/*center--插件样式*/
.main-content {margin: 45px 0 35px;}
.content_box{ border:1px solid #ddd; text-align: center;}
.border-bottom {border-bottom: 1px solid #D5D5D5; margin-bottom: 3px;position: absolute; bottom: 0; width: 100%;}
.border-bottom2{ margin-bottom: 7px;}
.content_box .ch-info-wrap {margin: -40px auto 35px; position: relative;left: auto; top: auto;}
.ch-info .ch-info-front{-webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.ch-info>div{ display: block;position: absolute;width: 100%;height: 100%;text-align: center;border-radius: 50%;background-position: center center;-webkit-backface-visibility: hidden;}
.ch-info i{ display: block; width: 100%; height: 100%; background: url(/portal/images/portal_center_icon.png) no-repeat;}
.ch-info-back{ background: #3bacf0;}
.main-content h3{ font-size:20px;color: #888;line-height: 32px;margin: 0 0 5px; font-weight: 700;letter-spacing: normal;}
.ch-info-back{ background: #3bacf0;}
.content-box-info p{ text-align: left;line-height: 20px;}
.content-box-info{ padding-bottom: 40px;}
div.content-box.big .ch-info-wrap{ background:#3DC000;}
.ch-info i.what{ background-position: 10px 10px;}
.ch-info i.how{ background-position: -91px 10px;}
.ch-info i.bene{ background-position: -192px 10px;}
/*.content-box-info{ height: 250px;}*/
.content_max{ position: relative; height: 260px;}
.content_box{ position: absolute;left: 0; bottom: 0; width: 100%;}
.content_p{ height: 120px; overflow: hidden; margin-bottom: 15px;}
.content_p p{ color: #333; font-size: 14px; padding-left: 15px; background: url(/portal/images/portal_p_list.png) no-repeat 0px 7px;}
.content_max .content_box{ height: auto;}
div.chosen-container-multi .chosen-choices{ border:1px solid #ddd; border-radius: 2px; padding: 2px 5px;}
div.chosen-container-active .chosen-choices{ box-shadow: none; background: #fff;}
div.chosen-container-multi .chosen-choices li.search-choice{background: #f1f1f1; border: 1px solid #ededed; border-radius: 2px; box-shadow: none;}
.hr-line-dashed {border-top: 1px dashed #ddd;color: #ffffff;background-color: #ffffff;height: 1px;margin: 20px 0;}
.sweet-alert.showSweetAlert h2{ /*font-size: 22px;*/ font-size: 16px; font-weight: normal;}
.sweet-alert.showSweetAlert button{ font-size: 14px;}

/* ===[ Main Content Boxes ]=== */
.main-content { padding: 45px 0 0 }
.home-3 .main-content,.home-4 .main-content {margin: 45px 0 40px;padding: 0;}
.main-content { margin: 0 0 30px }
div.content-box { clear: both;}
div.content-box div.content-box-info { padding-left: 115px }
div.content-box.big {background: #fff;-webkit-transition: background .5s ease-in-out;-moz-transition: background .5s ease-in-out;-o-transition: background .5s ease-in-out;-ms-transition: background .5s ease-in-out;transition: background .5s ease-in-out;}
div.content-box.big .ch-info-wrap {margin: -40px auto 10px;position: relative;left: auto;top: auto;}
div.content-box.big:hover { background: #fafafa;}
div.content-box.big div.content-box-info {padding: 6px 25px; padding-bottom: 15px;text-align: center;margin: 0;}
.service-reasons div.content-box.big {transition: none; margin-top: 30px;border: 1px solid #fff;}
.main-content h3 {font-size: 22px;color: #333;line-height: 32px; margin: 0 0 10px;}
.main-content a.js_more{ color: #38b000; font-size: 12px;}
.content-box-info{ overflow: hidden;}

/* ===[ Box border and background ]=== */
.author-content,
div.content-box.big,
#cn-tabs .service,
.comment-des,
.contact-box { border-style: solid;border-width: 1px;border-color: #ddd;overflow: visible; border-radius: 5px 5px 0 0;background: #fff;filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
/* ===[ Circle items ]=== */
.ch-item {width: 100%;height: 100%;cursor: default;}
.ch-info-wrap i {color: #FFFFFF;font-size: 28px;line-height: 70px;position: relative;z-index: 5;text-shadow: 0 3px 0 rgba(0,0,0,0.1);}
.ch-info-wrap { position: absolute;width: 70px;height: 70px;border-radius: 50%;top: 10px; left: 10px;}
.ch-info {position: absolute;width: 70px;height: 70px;border-radius: 50%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.ch-info>div {display: block;position: absolute; width: 100%;height: 100%; text-align: center;border-radius: 50%;background-position: center center;-webkit-backface-visibility: hidden;/*Just for webkit to have a smooth font*/}
.ch-info .ch-info-front {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.ch-info .ch-info-back {-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);-webkit-transition: all 0.4s ease-in-out 0.2s;-moz-transition: all 0.4s ease-in-out 0.2s;-o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s;transition: all 0.4s ease-in-out 0.2s;opacity: 0;}
.ch-item:hover .ch-info { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
/*[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;margin-top:1px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("/public/img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat}*/
.icon-arrow-left{background-position:-240px -96px;}
.icon-arrow-right{background-position:-264px -96px;}
.date-wrap {display:block;float:left;width:180px;height:34px;overflow:hidden;margin:0;}
.date-wrap input{border-top-right-radius:0;border-bottom-right-radius:0;width:120px;float:left;}
.date-wrap input[disabled]{background:#ccc;}
.date-wrap .input-addon{background:#eee;color:#555;border-top-right-radius:3px;border-bottom-right-radius:3px;padding:9px 12px 8px;border:0;display:inline-block;}
.date-now-wrap{position:relative;top:6px;}
.date-now-wrap input{position:relative;top:2px;}

.portal_copyright_text_tel{ display: none;}
/*English*/
.cn_show{ display: block;}
.en_show{ display: none;}
html.en .cn_show{ display: none;}
html.en .en_show{ display: block;}
html.en .portal_navbar_center{padding-left:100px;}
html.en .en .list-reg-step li:last-child{right:0;}
html.en .portal_copyright_text{ display: none;}
html.en .portal_copyright_text_tel{ display: inline-block; text-align: center;}
html.en .portal_partner_dl dl dt{ width: 160px;}
html.en .portal_partner_dl dl dd{ margin-left: 175px;}
html.en .portal_find_search .search_key{ width: 110px;}

html.en .portal_already span.f_r{ display: block; float: none; }
html.en .portal_adviser_row .row_group .cont{ padding-left: 120px; }
/*.en .register_status span{margin-right:115px;}
.en .register_status span.go{margin-right:95px;}*/


/*media query*/
#main-nav.list .container .navbar-right{ margin-right: 0;}
@media(min-width: 768px){
	#main-nav.list .container{ width: 840px; padding-left: 60px; padding-right: 60px;}
	/*顾问主页弹窗*/
	html.en .main_modify_box .en_style .control-label.col-sm-3{ width: 33.33%;}
	html.en .main_modify_box .en_style .col-sm-8{ width: 58.33%;}
	.pd_l_0{ padding-left: 0;}
}
@media(min-width: 992px){
	#main-nav.list .container{ width: 1060px; padding-left: 60px; padding-right: 60px;}
}
@media(min-width: 1200px){
	#main-nav.list .container{ width: 1260px; padding-left: 60px; padding-right: 60px;}
}

@media(max-width: 1200px){
	.w_1200{ width: auto; margin:0 20px;}
	.portal_page_cont{ margin-top: 30px;}
	.portal_banner .w_1200{ margin: 0}
	.portal_banner img{ width: 100%;}
	.portal_foot .m_r_100{ margin-right: 0;}
	.portal_adviser_left{ float: left; width: 100%;}
	.portal_adviser_right{ float: right; width: 100%;}
	.portal_help_left{ float: none;}
	.portal_help_right{ float: none;}
}
@media(max-width: 1060px){
	.w_1000{ width: auto; margin:0 20px;}
}
@media(max-width: 992px){
	.portal_aboutus_left,.portal_aboutus_right{ width: 100%;}
	.w_900{ width: auto; margin:0 20px;}
	.portal_find_search input.input_find{ width: 210px;}
	.portal_nav li a{ padding: 0 24px; border-right: 0;}
	.portal_foot .m_r_100{ margin-right: 0;}
	.portal_ul_nav{ width: 100%; margin-top: 30px;}
	.portal_ul_nav ul li{ width: 20%;}
	.portal_ul_nav ul li a{ padding: 0;}
	.portal_taggle_dl{ border-right: 0;}
	.portal_login_cont{ width: auto; left: auto; margin-left: 0;}
	.portal_login_right{ margin-left: auto; margin-right: auto; float: none;}

	#home{ height: 344px; min-height: 344px;}
	.banner_bg1{ background:url(/portal/images/hellorf_11.jpg) no-repeat center center;}
	.banner_bg2{ background:url(/portal/images/hellorf_12.jpg) no-repeat center center;}
	.banner_bg3{ background:url(/portal/images/hellorf_13.jpg) no-repeat center center;}
	.banner_bg4{ background:url(/portal/images/hellorf_14.jpg) no-repeat center center;}
	.banner_bg5{ background:url(/portal/images/hellorf_15.jpg) no-repeat center center;}
	.banner_bg1,.banner_bg2,.banner_bg3,.banner_bg4,.banner_bg5{ height: 280px;background-size:auto 280px;}

	.portal_separator_block{ width: 100%; margin: 0 auto; padding: 0 20px;}
	.portal_separator_block .control-label{ float: none; text-align: left;}
	.portal_separator_block .cont{ float: none; width: 100%;}
	.portal_separator_block .cont.longer{ width: 100%; }
	.portal_separator_block .portal_separator_pc .cont{ width: 100%; }
	.portal_separator_block .cont.onecont{ margin-bottom: 15px; }
}
@media(max-width: 768px){
	.w_900{ width: 100%; margin: 0;}
	.portal_page_cont{ margin-top: 30px;}
	.portal_find_search input.input_find{ width: 100%; border-right: 3px solid #3bacf0; margin-bottom: 15px;}
	.portal_find_search a{ width: 100%;}
	.input,.select,.textarea{ width: 100%;}
	.register_cont{ width: auto; padding: 15px;}
	.register_sec,.register_the{ padding-left: 0;}
	.portal_regist_box{ padding: 20px 0;}
	.btn{ width: 100%;}
	#home{ height: 280px; min-height: 280px;}
	.navbar > .container .navbar-brand.portal_logo{ margin: 6px 0; margin-left: 15px;}
	.portal_login_left,.portal_login_right{ float: none; width: 100%;}
	.portal_register_fwysxy_box{ margin-right: 0;}
	.portal_register_fwysxy{ display: block; margin-left: 20px;}
	.register_box{ width: auto;}
	.register_box .list-reg-step{ background: none; margin-bottom: 0; height: auto;}
	.register_box .list-reg-step li{ top: 0;left: 0; text-align: center; width: 100%; margin-bottom: 0;}
	.register_box .list-reg-step li.stant_bg{ background: #e2e2e2;}
	.register_box .list-reg-step li.icon{ display: block;}
	.register_ljzc_tl,.retrieve_text{ width: auto;}
	.mypartner_register_bg .retrieve_box,.retrieve_box{ width: auto; margin-left:20px; margin-right:20px; left: auto; right: auto; top: auto; margin-top: 20px;}
	.mypartner_register_bg .retrieve_box{ margin-top: 0; padding-top: 70px; }
	.retrieve_state{ display: none;}
	.retrieve_state_font span{ display: block; width: 100%;}
	.bymobile .retrieve_state_font span{ display: block; width: 100%;}
	.retrieve_state_font span.stant_bg{ background: #e2e2e2;}
	.mypartner_register_bg .retrieve_state_font span.stant_bg{ background: #ddd;}
	.mypartner_register_bg .retrieve_state_font span:nth-of-type(even){display: block;}
	.retrieve_state_font span.icon{ display: block;}
	.portal_regist_now{ display: none;}
	.portal_regist_now_moble{ display: block; color: #999;}
	#site-nav ul li + li{ border-left:0;}
	.portal_copyright_text_a,html.en .portal_copyright_text_a{ display: block;}
	.portal_login_cont{ width: auto; position: inherit; left: auto; right: auto; top: auto; margin-top: 70px; margin-left: 20px; margin-right: 20px;}
	.portal_login_cont_mypartner{ width: auto; position: inherit; left: auto; right: auto; top: auto; margin-top: 0; margin-left: 20px; margin-right: 20px; margin-bottom: 50px;}
	.portal_partner_dl dl dt,html.en .portal_partner_dl dl dt{ width: 100%; text-align: left; margin-bottom: 5px;}
	.portal_partner_dl dl dd,html.en .portal_partner_dl dl dd{ margin-left: 0;}
	.portal_enterprise_cont,.portal_enterprise_code{ width: 100%;}
	.portal_enterprise_pd{ padding:15px;}
	.portal_enterprise_pd.alt{ left: 0; margin-left: 0; width: 100%;}

	.main_modify_box{ width: auto; margin-left: 20px; margin-right: 20px;}
	.modal-footer .btn+.btn{ margin-left: auto;}
	.welcome_note .text{ width: auto;}
	.form-group.p_10.p_l_55{ padding-left: 10px;}
	.portal_adviser_link{ position: relative; right: auto; float: none;}
	.portal_adviser_link .p_t_25.f_r.p_r_10{ padding-left: 15px; padding-top: 0; float: none;}
	.portal_adviser_link .p_t_25.f_r.p_r_10 a{ width: 100%; margin-bottom: 5px;}
	.register_tab{ margin-bottom: 0; }
	.register_byteam{ margin-top: -30px; }
	.by_pc{ display: none; }
	.by_moble{ display: inline-block; }
	.portal_login_foot{ position: relative; }

	.portal_team_dl dl dt{ position: relative; margin-bottom: 10px; }
	.portal_team_dl dl dd{ padding-left: 0; }
	.portal_team_dl .area{ padding-top: 0; }

	.modal_sbs .cont{ padding: 10px 0;}
}
@media(max-width: 720px){
	.portal_head .f_l{ display: none;}
	.portal_head .f_r{ width: 100%;}
	.portal_head ul li{ width: 20%;}
	.portal_head ul li a{ padding: 0;}
	.portal_mgs_dl dl dt{ float: none; text-align: center; margin-bottom: 10px;}
	.portal_mgs_dl dl dd{ margin: 0;}
	.portal_mgs_dl dl:nth-of-type(odd) dt{ float: none; text-align: center; margin-bottom: 10px;}
	.portal_mgs_dl dl:nth-of-type(odd) dd{ margin:0;}
	.register_box{ width: auto;}
	.register_box_bg{ display: none;}
	.register_status span{ margin: 0; width: 25%; text-align: center;}
	.register_status span.go{ color: #00c0ff;}
}
@media(min-width: 1200px){
	/*center_container*/
	.center_container{ width: 1170px; margin: 0 auto;}

}
@media(max-width: 480px){
	.portal_copyright_text{ display: block; text-align: center;}
	.main_login .cont p span.f_r,.modal-content .cont p.m_b_0 span.f_r{ float: none; display: none; }
	.main_login .cont input.login_input.yzmtext,.modal_sbs .cont .yzm input{ width: 90px; }
	.main_login .cont .yzm a img{ width: 100px; }
	.portal_mobile_btn{ display: block; }
	.main_login .cont .login_btn_gray.portal_mobile_btn{ display: block; }
	.portal_search_box{ overflow-x: hidden; }
}

.login-tab {
	height: 90px;display: flex; justify-content: center; align-items: center;
}
.lang_menu {
	padding-top: 6px;
	position: relative;
}
.lang_menu .lang_cur {
	color: rgba(255,255,255,0.8);
	font-size: 18px;
	cursor: pointer;
	height: 30px;


}
.lang_ul {
	position: absolute;
	top: 35px;
	width: 90px;
	display: none;
	background-color: #FFFFFF;
}
.lang_ul p a{
	color: #888888;
	font-size: 13px;
}
.lang_ul p a:hover{
	color: #888888;
	font-size: 13px;
}
.lang_menu:hover .lang_ul{
	display: block;
}
#mobile-nav .lang_ul p a{
	color: #888888;
	font-size: 13px;
}
#mobile-nav .lang_ul p{
	margin-bottom: 0px;
}
#mobile-nav .lang_cur {
	color: rgba(255,255,255,0.8);
	font-size: 15px;
	cursor: pointer;
	height: 30px;
}
#mobile-nav .lang_menu {
	padding-top: 6px;
	padding-left: 15px;
	position: relative;
}