@CHARSET "UTF-8";

/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/fixed.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */
@import "base.css";


/**
字体颜色：
#2b9646

*/
body{
	background:url(../images/body.png) fixed;
}

h2 {
	font-size: 23px;
}

a{
	color: #A5130F;
}

a:hover,
a:focus,
a:active {
  color: #E51F0D;
}

#page {
	margin-top: 30px;
	box-shadow: 0px 0px 5px 2px #333;
}

#header {
	background: #202020;
	/*background: #fff;*/
}



#header, #content, #navigation{
	padding-left: 0;
	padding-right: 0;
}

.header{
	position: relative;
	height: 90px;
	padding-top: 30px;
	padding-bottom: 15px;
}

.header__logo{
	padding-left: 10px;
}

.region-logo{
	display:inline;
}

/* 我的账户 */
.header__secondary-menu{
	position: absolute;
	bottom: 5px;
	right: 0px;
}

.header__secondary-menu a{
	color: #eee;
	/*color: #333;*/
}

.region-header, .region-header a{
	color: #eee;
	/*color: #333;*/
}


/* 头部外链 */
.region-header{
	position: absolute;
	top: 110px;
	right: 13px;
}

	.region-header p{
		margin: 0;
	}
	.region-header .block{
		float: left;
	}


/* 多语言切换 */
.block-lang-dropdown{
	margin-left: 10px;
}

	.block-lang-dropdown .form-item{
		margin: 0;
	}

	.block-lang-dropdown .dd_after{
		background: transparent;
		font-family: inherit;
	}

	.block-lang-dropdown .dd_after .ddTitle{
		border:0;
		background: transparent;
	}

	.block-lang-dropdown .dd_after .ddChild a:hover{
		color: #333;
		background-color: #eee;
	}

	.block-lang-dropdown .dd_after .ddChild a.selected{
		color: #fff;
	}

	.block-lang-dropdown .dd_after .ddTitle span.arrow {
		background-image: url(../images/dd_arrow.png);
	}

	.block-lang-dropdown .dd_after .ddTitle span.ddTitleText{
		width: 78px;
		line-height: 18px;
		overflow: hidden;
	}

	.block-lang-dropdown .dd_after .ddTitle span.ddTitleText span{
	/*	background: transparent url(../images/lang_18.png) 0 0 no-repeat;*/
		text-indent: 22px;
	}

	.block-lang-dropdown .dd_after .ddChild a {
		padding-left: 3px;
	}

	.block-lang-dropdown .form-item{
		color: #eee;
	}

/* 导航 */
#main{
	background: #fff;
	padding-top: 0;
}


#navigation {
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	overflow: hidden;
	background: #303030 url(../images/menu.png) repeat-x;
	border: 1px solid #111;
	width: auto;
	height: auto;
	position: static;
}

#navigation .links li, 
#navigation .menu li{
	padding: 0;
}

#navigation .links, 
#navigation .menu{
	padding: 0 10px;
}

#main-menu {
	margin: 0px 0px;
	padding: 0px 0px;
	height: 60px;
}	

	#main-menu ul {
		width: auto;
		float: left;
		list-style: none;
		margin: 0;
		
	}

	#main-menu li {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		color: #222;
		font-weight: 400;
	}

		#main-menu li a {
			text-shadow: 0 1px #000;
			font-size: 16px;
			display: block;
			margin: 0;
			padding: 20px 15px 21px;
			text-decoration: none;
			position: relative;
		}

#main-menu ul a:link,
#main-menu ul a:visited {
	color: #ccc;
}

#main-menu li a:hover, 
#main-menu li a:active, 
#main-menu li a.active  {
  color: #fff;
  background:#3f3f3f url(../images/menua.png) repeat-x;
}



/* 主体 */
.front #content{
	width: 100%;
	margin:0;
}

.front .region-front-section .block,
.front .region-front-block .block{
	border-bottom: 2px solid #bbb;
}

.front .region-front-section .block.first{
	margin-bottom: 0;
}

.front .region-front-section .item-list ul,
.front .region-front-block .item-list ul{
	padding-left: 0;
}


.front .region-front-section .item-list li,
.front .region-front-block .item-list li{
	list-style-position: inside;
	list-style-image: url(../images/bulletin.gif);
}

.front .region-front-section .item-list li h4{
	display: inline-block;
}

.not-front #content{
	margin-left:0;
	margin-right: 0;
	width: 680px;
}

.not-front .region-sidebar-first{
	margin-left:0;
	margin-right: 0;
	padding-right: 20px;
	float: right;
	width: 260px;
}



/* 焦图 */
/* Slider
----------------------------------------------- */

#slider{
  width:980px;
  height:400px;
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; height:400px;}
.flexslider .slides > li  { margin:0px; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative;  zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:url(../images/caption.png); zoom: 1; font-size:14px; line-height:150%;}

.flex-caption h4{ margin-top:50px; color:#fff; text-transform:uppercase; font-weight:800; font-size:24px; line-height:1.4em;}

.flex-caption h4 a{color: #fff;}
.flex-caption h4 a:hover{color: #eee;}
.flex-caption h4 a:active{color: #ccc;}

.flex-caption { height:340px; width:330px; padding: 30px 30px 30px 70px; margin: 0; position: absolute; right: 0; top: 0; font-size: 13px; color:#e8e5e5; }

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 35px; height: 30px; margin: 0px 0 0; display: block; background: url(../images/direction.png) no-repeat; position: absolute; bottom: 0; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -35px 0; right: 265px;}
.flex-direction-nav li .prev {right: 300px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 330px; position: absolute; bottom: 20px; right:30px;  }
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 16px; height: 16px; display: block; background:url(../images/dot.png); cursor: pointer;  text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -16px;}
.flex-control-nav li a.active {background-position: 0 -32px; cursor: default;}


/* block */
.front .block__title{
	font-size: 24px;
	color: #999;
	font-weight: 200;
}

.front .views-field-title h4.title-tag a{
	font-size: 22px;
	font-weight: 200;
}





/* 主体 */
.front .block{
	margin-bottom: 0;
}


.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6 {
	display: inline;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

.grid_4 {
	width: 600px;
	padding-top: 10px;
}

.grid_2 {
	width: 300px;
	padding-top: 10px;
}

#primary .block-views {
	margin-bottom: 10px;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
}

.block-views .block-title {
	color: #A5130F;
	border-bottom: 2px solid #A5130F;
	margin-bottom: 10px;
}

.grid_2 .block{
	width: 300px;
	position:relative;
}
.sidebars{
	overflow: hidden;
	padding-top:20px;
}
.sidebars .block{
	position:relative;
}

.more-link {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 14px;
}

.grid_2 .block .more-link{

}
.sidebars .block .more-link{
	top:10px;
	right:10px;
}

.grid_2 .block-views .block-title {
	border-color: #ccc;
}


.grid_4 .views-field-title {
	font-size: 18px;
	font-weight: 700;
}

	.grid_4 .views-field-title a {
		color: #000;
		display: block;
	}

	.grid_4 .views-field-title a:hover{
		color: #666;
		color:rgba(0,0,0,0.7);
	}

	.grid_4 .views-field-title a:active{
		color: #bbb;
		color:rgba(0,0,0,0.4);
	}

.front h4.title-tag {
	margin-bottom: 5px;
}

.front #primary .views-field-field-image {
	float: left;
}

.front #primary .views-field-field-image img {
	display: inline-block;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	margin: 0.5em 1em 0.5em 0;
	padding: 3px;
}

.grid_4 .views-field-body {
	font-size: 14px;
}

.grid_4 .views-row:after{
	content: " "; /* Older browser do not support empty content */
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
	margin-bottom: 0;
}

.grid_4 .item-list .views-field-title h4.title-tag a{
	font-size: 16px;
}

.grid_2 .item-list h4.title-tag a{
	font-size: 16px;
	font-weight: 200;
	color: #000;
}



/* 图片轮播 */
.view-photos {
	padding-bottom: 10px;
}
	.view-photos .jcarousel-container-horizontal{
		width: 200px;
		height: 130px;
	}
	.view-photos .jcarousel-clip-horizontal{
		width: 200px;
	}
	.view-photos .jcarousel-item{
		width: 170px;
		height: 130px;
		background-color: transparent;
		border:0;
	}
	.view-photos .jcarousel-item a img{
		border:1px solid #ccc;
	}
	.view-photos .jcarousel-item a:hover img{
		border:1px solid #666;
	}

	/* button*/	
	.view-photos .jcarousel-next, 
	.view-photos .jcarousel-prev {
		display: block;
		width: 40px;
		height: 60px;
		background-image: url(../images/carousel.png);
	}

	.view-photos .jcarousel-prev-horizontal,
	.view-photos .jcarousel-next-horizontal{
		top:56px;
	}
	.view-photos .jcarousel-prev-horizontal {
		background-position: 0 0;
		left:0;
	}
	.view-photos .jcarousel-prev-horizontal:hover {
		background-position: 0 0;
	}
	.view-photos .jcarousel-next-horizontal {
		background-position: -40px 0;
		right: 0;
	}
	.view-photos .jcarousel-next-horizontal:hover {
		background-position: -40px 0;
	}
 

/* 汉语学习 */
.front .region-front-block .item-list a{
	padding-right: 40px;
	line-height: 2em;
	/*
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	white-space: nowrap;*/
}

/* 首页精彩视频
.front .view-videos .views-field-field-video-link,
.front .view-videos .views-field-title{
	margin-left: 25px;
} */
.front .view-videos h4.title-tag{
	clear: both;
	text-align: center;
	padding-top: 6px;
}


.front .region-front-block .view{
	height: 180px;
}


/* 页脚 */
.region-footer{
	text-align: center;
	background-color: #fff;
}

	.region-footer .block-views{
		position: relative;
		background:none;
		padding-bottom: 0;
		margin: 0;
	}

		.region-footer .block-views h2{
			padding: 10px;
			margin:0;
			font-size:14px;
			line-height: 19px;
			text-align: left;
			border-top: 2px solid #A5130F;
			border-bottom:0;
			color: #000;
		}

		.region-footer .block-views ul{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			padding-left:80px;
			padding-top:10px;
			text-align: left;
		}

		.region-footer .block-views li{
			display:inline-block;
			*display:inline;
			*zoom:1;
			padding-left: 10px;
		}

		.region-footer .block-views h4.title-tag{
			font-size:14px;
			line-height:18px;
		}

	.region-footer .more-link{
		top:11px;
	}

/* 页面底部 */


.region-bottom{
	text-align: center;
	background: #212121;
	padding: 20px 0px;
	color: #ccc;
}

.region-bottom a{
	color: #ccc;
}

.region-bottom a:hover,
.region-bottom a:active{
	color: #eee;
}

.region-bottom .block{
	margin-bottom: 1em;
}

.region-bottom ul{
	text-align:center;
	padding: 0;
}

.region-bottom li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding: 0 10px 0 6px;
	border-right: 1px solid #444;
}

.region-bottom li.views-row-last {
	border-right: none;
}

.region-bottom .block-views{
	background: transparent none;
}



/* 边栏 */

.not-front .sidebars .block h2.block__title {
	font-size: 20px;
	font-weight: 700;
	margin: 0px 0px 20px 0px;
	padding-bottom: 4px;
	border-bottom: 2px solid #ddd;
}

.not-front .sidebars .view-photos .views-field-field-image{
	float: none;
	text-align: center;
}
.not-front .sidebars .view-photos .views-field-title{
	width: 190px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

.not-front .sidebars .views-field-title a {
	color: #000;
}

	.not-front .sidebars .views-field-title a:hover{
		color: #666;
		color:rgba(0,0,0,0.7);
	}

	.not-front .sidebars .views-field-title a:active{
		color: #bbb;
		color:rgba(0,0,0,0.4);
	}

/* 列表页 */
/*.page-bulletin #main,
.page-activities #main,
.page-views #main{
	padding-top: 20px;
}
*/

.page-bulletin #content .breadcrumb,
.page-bulletin #content .page__title,
.page-activities #content .breadcrumb,
.page-activities #content .page__title,
.page-views #content .breadcrumb,
.page-views #content .page__title {
	margin-left: 20px;
}

.page-bulletin #content .breadcrumb,
.page-activities #content .breadcrumb,
.page-views #content .breadcrumb{
	margin-bottom: 10px;
}

.page-views #content .page__title{
	color: #A5130F;
	font-size: 24px;
	font-weight: 200;
}

.page-views #content .views-field-title {
	font-size: 18px;
	font-weight: 700;
}

	.page-bulletin #content .views-field-title a,
	.page-activities #content .views-field-title a,
	.page-views #content .views-field-title a {
		color: #000;
		display: inline-block;
	}

	.page-bulletin #content .views-field-title a:hover,
	.page-activities #content .views-field-title a:hover,
	.page-views #content .views-field-title a:hover{
		color: #666;
		color:rgba(0,0,0,0.7);
	}

	.page-bulletin #content .views-field-title a:active,
	.page-activities #content .views-field-title a:active,
	.page-views #content .views-field-title a:active{
		color: #bbb;
		color:rgba(0,0,0,0.4);
	}


.page-bulletin #content .item-list,
.page-activities #content .item-list,
.page-views #content .view{
	padding: 20px 20px 80px;
}

	/* Unformatted List */
	.page-bulletin #content .views-field-title,
	.page-activities #content .views-field-title,
	.page-views #content div.views-row{
		margin-bottom: 20px;
		clear: both;
	}

	.page-views .view-content h4.title-tag {
		font-size: 18px;
	}

	.page-bulletin .view-content li.views-row,
	.page-activities .view-content li.views-row,
	.page-views .view-content li.views-row{
		margin-bottom: 10px;
	/*	list-style-image: url(../images/bulletin.gif);*/
	}

	.page-bulletin #content li h4.title-tag,
	.page-activities #content li h4.title-tag,
	.page-views .view-content li h4.title-tag {
		font-size: 16px;
		font-weight: normal;
	}

	.page-views .view-content .views-field-field-image{
		float: left;
		margin-right: 10px;
	}

	.page-bulletin #content .views-field-created,
	.page-activities #content .views-field-created,
	.page-views .view-content .date-tag {
		color: #999;
	}

.page-bulletin .pager li,
.page-activities .pager li{
	display: inline;
}



/* 孔院活动 */
.page-news #content div.views-row,
.page-campaigns #content div.views-row{
	display: inline-block;
}
.page-news #content .views-field-title,
.page-campaigns #content .views-field-title{
	width: 430px;
	display: inline-block;
}
.page-news #content .image-tag img,
.page-campaigns #content .image-tag img{
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	padding: 3px;
}
.page-news #content .image-tag img:hover,
.page-campaigns #content .image-tag img:hover{
	border-color: #aaa;
}



/* 底层页 */

.page-photos #content,
.page-videos #content,
.page-node #content {
	width: 100%;
}

.page-notice-content #content,
.page-activities-content #content,
.node-type-article #content,
.node-type-page #content{
	width: 940px;
	padding: 0px 20px 20px 20px;
}



.page-photos #content,
.page-videos #content,
.node-type-video #content{
	padding-bottom: 0px;
}

	.page-notice-content #page-title,
	.page-activities-content #page-title,
	.page-node #content .page__title{
		font-size: 24px;
		margin: 1em 0;
		text-align: center;
	}

	.page-notice-content .submitted,
	.page-activities-content .submitted,
	.page-node #content .submitted{
		text-align: center;
		margin: 1em 0;
		display: block;
	}

	.page-notice-content .field-name-body p,
	.page-activities-content .field-name-body p,
	.page-node #content .field-name-body p{
		margin-bottom: 1em;
	}

/* 精彩图片列表 */
.page-photos #content table{
	width: 100%;
	padding: 0;
}
.page-photos #content .photo-tag{
	text-align: center;
}
.page-photos #content h4.title-tag{
	text-align: center;
	font-size: 14px;
	font-weight: 200;
	width: 190px;
	height: 40px;
	margin-bottom: 10px;
	overflow: hidden;
	clear: both;
}

.page-photos #content .photo-tag img{
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	padding: 3px;
}

.page-photos #content .photo-tag img:hover{
	border-color: #aaa;
}

/* 精彩视频列表 */

.page-videos #content table{
	width: 100%;
	padding: 0;
}

.page-videos #content .item {
	position: relative;
	overflow: hidden;
	width: 250px;
	height: 230px;
	margin: 0 27px 30px;
}

.page-videos #content h4.title-tag{
	clear:both;
	font-size:14px;
	margin:0;
	padding:5px 0;
	width: 250px;
	height: 36px;
	overflow: hidden;
	text-align: center;
}


	.page-videos #content h4.title-tag a {
		color: #000;
	}

	.page-videos #content h4.title-tag a:hover{
		color: #666;
		color:rgba(0,0,0,0.7);
	}

	.page-videos #content h4.title-tag a:active{
		color: #bbb;
		color:rgba(0,0,0,0.4);
	}

.video-image a{
	float:left;
}
.video-image img{
	float:left;
	clear:both;
	padding:0;
	margin:0;
	border:0;
	width:250px;
	height:180px;
}

.video-mask a{
	position: absolute;
	display: block;
	width: 250px;
	height: 180px;
	text-indent:-9999px;
	background:transparent url(../images/play.png) center center no-repeat;
	left: 0;
	top:0;
}


.video-mask a:hover{
	background-color:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
}

.front .view-videos .item {
	position: relative;
	overflow: hidden;
	width: 250px;
	height: 230px;
	margin: 0 27px 30px;
}

/* 底层图片，视频页 */
.node-type-photo #content,
.node-type-video #content{
	width: 940px;
	padding: 20px;
}

.node-type-video #content .content{
	text-align: center;
}

.node-type-video #content .field-name-field-video-link{
	text-align: left;
	width: 600px;
	margin: 20px auto;
}

/*公共部分列表样式*/
.breadcrumb{margin-bottom:10px;margin-left:20px;margin-top:20px;}
.page-node .breadcrumb{margin-left:0}
#common_page_list{padding: 20px 20px 80px;overflow:hidden;}
#common_page_list ul.page_list {padding: 0px 20px 80px 35px;}
#common_page_list ul.page_list li{margin-bottom:20px;width:100%}
#common_page_list ul.page_list li .title-tag{line-height:24px;font-size:16px;font-weight: 700;}
#common_page_list ul.page_list li .views-field-created{color:#999;font-size:12px}
#common_page_list ul.page_list .views-field-title a{
	color: #000;
	display: inline-block;
}

.content-wrap {padding:20px;}

/*hide user login secondary menu*/
.header__secondary-menu {display: none;}

/*login*/
#block-cio-certification-cio-certification {padding:0 0 0 10px;}
#block-lang-dropdown-language {margin-left:-10px;}