/**/
@import url(css/dnngo-font-icon.css );

@import url(vendor/bootstrap/bootstrap.css );
@import url(css/skin.css );
@import url(css/shortcodes.css);
@import url(css/page.css);
@import url(css/header_normal.css );

@import url( 'https://fonts.googleapis.com/css?family=Droid+Serif');

/**************** Login page******************/
@media only screen and (max-width:767px) {
	.loginContent .LoginPanel {
		width: 100% !important;
	}
	.loginContent .dnnFormItem .dnnLoginRememberMe {
		white-space: nowrap;
	}
	.loginContent .dnnFormLabel {
		display: block !important;
		text-align: left !important;
	}
}

/**************** register page******************/
@media only screen and (max-width:767px) {
.dnnRegistrationForm {
	min-width: inherit !important;
}
.dnnRegistrationForm .dnnForm {
	width: 100%;
}
.dnnRegistrationForm .dnnFormLabel {
	display: block !important;
	text-align: left !important;
}
.dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel {
	display: block !important;
	float: none !important;
	text-align: left !important;
	width: 100%;
}
.dnnRegistrationForm .dnnForm .dnnFormItem a.dnnFormHelp {
	right: auto !important;
	position: static !important;
	margin-left: 5px !important;
}
.dnnRegistrationForm .dnnForm .dnnFormItem {
	padding: 0px !important;
	margin: 0px !important;
}
.dnnRegistrationForm .dnnFormItem input[type="text"], .dnnRegistrationForm .dnnFormItem input[type="password"], .dnnRegistrationForm .dnnFormItem input[type="email"], .dnnRegistrationForm .dnnFormItem input[type="tel"], .dnnRegistrationForm .dnnFormItem select, .dnnRegistrationForm .dnnFormItem textarea {
	width: 100%;
	margin-bottom: 10px !important;
}
}

/**************** Password page******************/
@media only screen and (max-width:767px) {
 .dnnSendPasswordContent {
 width: auto !important;
}
 .dnnSendPasswordContent .dnnLabel {
 display: block !important;
 width: 100% !important;
 text-align: left;
}
 .dnnSendPasswordContent a.dnnFormHelp, .dnnSendPasswordContent .dnnForm .dnnFormItem a.dnnFormHelp, .dnnSendPasswordContent .dnnTooltip label a.dnnFormHelp {
 position: static;
}
 .dnnSendPasswordContent input[type="text"], .dnnSendPasswordContent input[type="password"], .dnnSendPasswordContent input[type="email"], .dnnSendPasswordContent input[type="tel"], .dnnSendPasswordContent select, .dnnSendPasswordContent textarea {
 width: 90%;
 margin-bottom: 10px !important;
}
 .dnnSendPasswordContent ul.dnnActions {
 padding: 0 !important;
}
}
/* ********** Control Panel Style ************** */
.CommandButton, A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active {
	font-size: 12px;
	color: #973939;
	text-decoration: none;
	font-weight: normal;
}
A.CommandButton:hover {
	color: #973939;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}
.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active {
	color: #000;
	text-decoration: underline;
}
.FileManager A:hover {
	color: #000;
	text-decoration: none;
}
/* ********** Pane Style ************** */
.DNNEmptyPane {
	display: none;
}
#dnn_ControlPanel #dnnCPWrap {
	filter: none !important;
}
ul.dnnActionMenuBody li ul li a, ul.dnnActionMenuBody li ul li a img {
	color: #328DDE!important;
}
form#Form {
	height: 100%;
}
.ModuleTitle_SubMenu {
	z-index: 9999!important;
}
/* ********** Pane Style End ************** */
/*Bootstrap.css*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	min-height:inherit;
}
#ControlBar, #ControlBar *, .dnnMemberDirectory, .dnnMemberDirectory *, .dnn_mact > li.actionMenuMove > ul li {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
	display:inline-block;
}
big {
    font-size: larger;
}
/*Bootstrap.css End*/
#Body, html, body, .Head, .SubTitle, .SubSubTitle, .Normal {
	color: #666666;
	font-size: 14px;
	font: normal 14px/1.8 'Raleway', sans-serif;
	font-weight: normal;
}
.contact_img img{
	display:none;
}

.home01-banner img{
	max-width: 100%;
}
li p {
    line-height: 1.8;
}

body[style*="margin-left: 80px"] .mfp-arrow-left.mfp-prevent-close {
    margin-left: 80px;
}


.CoverPane, 
.BannerPane, 
.BottomOutPane,
.footer_box [class*="Pane"],
.header_bg [class*="Pane"],
.BannerPane [class*="Pane"] ,
.pagetitleBox [class*="Pane"] {
	margin-bottom: 0px!important;
}

.DNNEmptyPane{
   width:auto;
}

.dnn_logo a,
.dnn_logo a:hover{
	text-decoration:none;
}


.Breadcrumb_box_bg li:first-child {
	display:block;
}
	


.title-001{
	font-family: "Bebas Neue";
	font-size: 79.98px;
	color: #114379;
	line-height: 1.1;
	font-weight: bold;
	padding-bottom: 22px;
}
.title-001 + p{
	font-size: 21.99px;
	line-height: 37.99px;
	color: #555;
}
.title-002{
	font-family: "Bebas Neue";
	font-size: 69.98px;
	color: #114379;
	line-height: 1.1;
	font-weight: bold;
	padding-bottom: 14px;
}
.title-002 + p{
	font-size: 18px;
	line-height: 29.99px;
}
.about_bg_color1{
	background-color: #114379;
	padding: 84px 0 170px;
}
.about_bg_color1 *{
	color: #fff;
}
.title_width{
	max-width: 1100px;
}
.m-auto{
	margin-left: auto;
	margin-right: auto;
}
.info-box1{
    height: 310px;
    background-color: #FFF;
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
    padding: 40px;
    margin-bottom: 30px;
    transition: all ease-in 300ms;
	background-image: url(images/infobg01.jpg);
	background-position: 98% 100%;
	background-repeat: no-repeat;
	background-size: auto;
	overflow: hidden;
}
.bgicon02{
	background-image: url(images/infobg02.jpg);
}
.bgicon03{
	background-image: url(images/infobg03.jpg);
}
.info-box1 .icon {
    height: 60px;
    overflow: hidden;
    transition: all ease-in 300ms;
	margin-bottom: 46px;
}

.info-box1:hover .icon {
    margin-top: -60px;
    opacity: 0;
	margin-bottom: 0;
}
.info-box1 .title{
	font-family: "Bebas Neue";
	font-size: 49.99px;
	line-height: 32px;
	color: #114379;
	font-weight: bold;
	text-transform: uppercase;
	height: 50px;
    transition: all ease-in 300ms;
	margin-bottom: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.info-box1:hover .title{
	margin-top: -50px;
    opacity: 0;
	margin-bottom: 0;
}
.info-box1 .sutitle{
	font-family: "Bebas Neue";
	font-size: 31.99px;
	line-height: 32px;
	color: #424242;
	font-weight: bold;
	text-transform: uppercase;
	height: 64px;
    transition: all ease-in 300ms;
	text-overflow: ellipsis;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.info-box1:hover .sutitle{
	margin-top: -64px;
    opacity: 0;
	margin-bottom: 0;
}
.info-box1 .sutitle2{
	font-family: "Bebas Neue";
	font-size: 30px;
	line-height: 32px;
	color: #5f0425;
	font-weight: bold;
	text-transform: uppercase;
	opacity: 0;
	transition: all ease-in 300ms;
	margin-bottom: 20px;
}
.info-box1:hover .sutitle2{
	opacity: 1;
}
.info-box1 p{
	font-size: 18px;
	line-height: 29.99px;
	color: #555555;
	opacity: 0;
	transition: all ease-in 300ms;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.info-box1:hover p{
	opacity: 1;
}
.about_img_box > img{
	max-width: 100%;
}
.about_img_box{
	margin-bottom: 60px;
}
.about_box1_spear{
	margin-top: 40px;
	margin-bottom: 30px;
}
.about_bg_color2{
	background-color: #E9F4FA;
	padding: 70px 0;
}
.about_bg_color2 h2{
	padding: 0;
	margin: 0;
}
.social_list{
	padding: 0;
	margin: 0;
	display: flex;
}
.social_list li{
	list-style: none;
	margin-left: 7.5px;
	margin-right: 7.5px;
}
.social_list li a{
	display: block;
	width: 24px;
	height: 25px;
	border-radius: 3px;
	background-color: #fff;
	text-align: center;
	line-height: 25px;
	color: #121212 !important;
}
.social_list li a .fa{
	font-size: 20px;
	line-height: 25px;
}
.Breadcrumb_box_bg li{
	background-attachment:initial !important;
}
.footer-09 .footer-info04{
	display: none !important;
}

@media only screen and (max-width: 767px){
	.about_bg_color1{
		padding-bottom: 80px;
		margin-bottom: 30px;
	}
	.title-001{
		font-size: 40px;
	}
	.title-002{
		font-size: 40px;
	}
	.social_list{
		justify-content: center;
		padding-top: 5px;
	}
	.info-box1{
		padding: 40px 20px;
		height: 394px;
	}
	.info-box1 p{
		-webkit-line-clamp:initial;
	}
	
}
@media only screen and (min-width: 768px){
	.info-box1 p{
		-webkit-line-clamp:initial;
	}
	.info-box1{
		padding: 40px 20px;
		height: 334px;
	}
	.info-box1 .sutitle2{
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.info-box1 .sutitle{
		font-size: 25px;
		line-height: 32px;
		height: 118px;
		-webkit-line-clamp: 3;
	}
	.info-box1:hover .sutitle{
		margin-top: -132px;
	}
	.info-box1 .title{
		font-size: 30px;
		line-height: 22px;
		height: 30px;
		margin-bottom: 10px;
	}
	.info-box1:hover .title{
		margin-top: -30px;
	}
	.about_bg_color1{
		margin-bottom: -115px;
	}
}

@media only screen and (min-width: 1200px){
	.info-box1{
		padding: 40px;
	}
	.info-box1 .sutitle2{
		font-size: 25px;
		line-height: 32px;
		margin-bottom: 10px;
	}
	.info-box1 .sutitle{
		font-size: 28px;
		line-height: 32px;
		height: 64px;
	}
	.info-box1:hover .sutitle{
		margin-top: -64px;
	}
	.info-box1 .title{
		font-size: 30px;
		line-height: 32px;
		height: 50px;
		margin-bottom: 10px;
	}
	.info-box1:hover .title{
		margin-top: -50px;
	}

}
@media only screen and (min-width: 1300px){
	.info-box1 .sutitle2{
		font-size: 39.99px;
	line-height: 32px;
	margin-bottom: 30px;
	}
	
	.info-box1 .sutitle{
		font-size: 31.99px;
		line-height: 32px;
		height: 64px;
	}
	.info-box1:hover .sutitle{
		margin-top: -64px;
	}
	.info-box1 .title{
		font-size: 49.99px;
		line-height: 32px;
		height: 50px;
		margin-bottom: 10px;
	}
	.info-box1:hover .title{
		margin-top: -50px;
	}
}

@media only screen and (min-width: 1600px){
	.about_bg_color1{
		margin-bottom: -115px;
	}
	.about_box1_spear{
		margin-top: 120px;
		margin-left: 30px;
	}

	.about_bg_spear2{
		padding-top: 75px;
		padding-bottom: 23px;
	}
	.about_img_box{
		margin-left: -28px;
	}
}


.pagetitle_bg {
	background-color: #000 !important;
}
.Team_Default.swiper .swiper-wrapper-overflow .cont{
	background-color: #114379;
}

.fcp-accordion .fcp-title .fcp-date{
	color: #6B6B6B !important;
}
.fcp-accordion .fcp-title .fcp-date .endtime,
.fcp-accordion .fcp-title .fcp-date .endtime span{
	font-size: 14px !important;
}

.RegistrationForm .el-button.el-button--primary.el-button--large{
	background-color: #0070E0;
}