/*  
Theme Name:Open University
Theme URI: http://http://en.ouchn.edu.cn/
Author: myechineseued
Author URI: http://ued.myechinese.com/
Description: The theme for Open University English version.
Version: 1.1
*/
/*-- general css --*/
body {
  color:#343434;
  background-color:#fff;
  margin:0;
  padding:0;
  width:100%;
  font-family:Arial,"Helvetica Neue", Tahoma, Verdana,  STHeiti, "Microsoft YaHei", sans-serif; 
  font-size:14px;
  line-height:20px;
  text-align:center;
}
h1 { 
  font-size:26px; 
  line-height:30px;
}
h2 { 
  font-size:20px; 
  line-height:22px;
}
h3,
h4 { 
  font-size:16px; 
  line-height:20px;
}
h1,
h2, 
h3, 
h4, 
h5, 
h6 { 
  margin-bottom: 20px;
  padding: 10px 0;
  font-weight:300;
}
select, 
textarea, 
input { 
  color:#666; 
  font-family:inherit;
}
ul,
ol {
  list-style:none;
}
img {
  border:none;	
}
a {
  color:#000;
  text-decoration:none;
}
a:hover {
  text-decoration:none;	
}
.clear {
  clear:both;
}
.container{
  width:1030px !important;	
}
/*-- header  --*/
.header
.menu
.banner
.main
.footer {
  width:100%;
}
.header {
  min-height:100px;
  background-color:#eee;
  padding: 20px 0;
}
.logo {
  width:260px;
  height:55px;
  background:url(../images/logo.png);
}
.logo a {
  display:inline-block;
  width:100%;
  height:100%;
  text-indent:-9999px;
  outline: none;
}
.chinese {
  text-align:right;	
  padding-bottom:2px;
}
.chinese a {
  color:#c8252c;	
}
.header .input-group {
  text-align:right;
}
.header .form-control {
  max-width:275px;
  float:right;	
}
.header .form-control:focus {
  border-color:#ccc !important;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}
.header .input-group-btn {
  border-left-color:#fff;	
}
.header .btn {
  color:#c8252c;
  border-left:none;
  margin-left:-2px !important;
  outline:none !important;
  box-shadow:inset 0 1px 0px rgba(0,0,0,.075);
  -webkit-box-shadow:inset 0 1px 0px rgba(0,0,0,.075);		
}
.header .btn:focus {
  border-color:#ccc !important;
  box-shadow:none;
  -webkit-box-shadow:none;
}

/*-- menu -*/
.menu-before {
  width:100%;
  height:4px;
  background:#eee;
  border-top:1px solid #c8252c;	
}
.menu-content {
  width:100%;
  min-height:61px;
  background:#97151b;
  border-bottom:1px solid #fff;	
}

/*--main--*/
.main {
  width:100%;
  min-height:730px;
  background:#eee;
  padding-bottom:50px;
}
.white {
  background:#fff;
}
/*--nav--*/
.nav ul.breadcrumb {
  margin:0;
  text-align:left;
  background-color:#eee;
}
.white ul.breadcrumb {
  background-color:#fff;
}
.breadcrumb>li+li:before,
.breadcrumb>li+li a:after {
  content:" ";
}
/*--article sub-menu--*/
.article_left {
  padding-right:0px;
  width:245px !important;
}
.sub-menu {
  padding:0;
}
.sub-menu ul {
  border-top:1px solid #ccc;
}
.sub-menu li a {
  display:inline-block;
  color:#7d7d7d;
  line-height:16px;
  font-size:16px;
  width:100%;
  padding:20px 30px 20px 8px;
  text-align:left;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
}
.sub-menu li a:hover{
  background:#fff;
  color:#c8252c;
}
.sub-menu .current {
  border-left:5px solid #97151b;
}
.sub-menu .current a {
  background:#fff;
  color:#c8252c;
  border-right:0px;
}
.sub-menu ul.menu .deeper a{
  background:url(../images/arrow_red.png) 195px center no-repeat;
}
.sub-menu ul.menu .deeper ul {
  padding:0;
  border:0;
  height:auto;
  background:#fff;
  display:none;
}
.sub-menu ul.menu .deeper ul li {
  padding-left:20px;
  border:none;
  height:auto;
}
.sub-menu ul.menu .deeper ul a{
  background:none;
  border:none;
  color:#a0a0a0;
  height:40px;
  padding:10px 0;
  line-height:14px;
  font-size:14px;
  text-align:center;
  border-bottom:1px dashed #ccc;
}
.article_right {
  margin:1px 0 30px 0;
  background:#fff;
  min-height:700px;
  width:770px !important;
  font-size:14px;
  line-height:160%;
  font-family: Arial, Geneva, sans-serif,Verdana;
}
.article_right td,.article_right th {
  padding:2px 0;
}
.article_left .sub-menu .menu .strong a {
  font-weight:600;
}

/*-- degree_menu --*/
.banner {
  width:100%;
  min-height:320px;
  background:#c8252c;	
}
.degree_menu{
  background:#97151b;
  min-height:320px;
}
/*-- degree_left --*/
.degree_left .degree_left_module h3,
.degree_right .degree_right_module h3 {
  border-bottom: 3px solid #c8252c;
  height: 50px;
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 0px;
  text-align: left;
  padding: 22px 0 0 0;
  margin: 15px 0 15px 0;
  vertical-align: bottom;
}
.degree_left .degree_left_module .nspArt {
  min-height: 170px;
  background:#f3f3f3;
  margin-bottom:8px;
}
.degree_left .degree_left_module .nspArt .readon {
  display:inline-block;
  margin:10px 25px 0 0;
  color:#c8252c;
  text-decoration:underline;
}
.degree_left .degree_left_module .nspArt h4 {
  padding:0;
  margin:20px 0 5px 0;
  font-size:16px;
  font-weight:600;
}
/*-- degree_right --*/
.degree_right .degree_right_module .nspPrev ,
.degree_right .degree_right_module .nspNext {
  border: none;
  color:#95161d;
}
.degree_right .degree_right_module .nspPrev:before {
  border:10px solid #95161d;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left:none;
}
.degree_right .degree_right_module .nspNext:before {
  border:10px solid #95161d;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right:none;
}
.degree_right .degree_right_module .degree_num {
  float:left;
}
.degree_right .degree_right_module .degree h3 {
	position:relative;
}
.degree_right .degree_right_module .nspTopInterface {
  position:absolute;
  float:none;
  top:15px;
  right:0;
  font-size:14px;
  font-weight:normal;
}
.degree_right .degree_right_module .nspArt h4 {
  padding:0;
  margin:20px 0 5px 0;
  font-size:16px;
  font-weight:600;
}
.degree_right .degree_right_module .nspArt {
  min-height: 170px;
  background:#f3f3f3;
  border-top:1px dashed #ccc;
}
.degree_right .degree_right_module .nspArtPage .first,
.degree_right .degree_right_module .nspArtPage:first-child {
  border:none;
}
.degree_right .degree_right_module .nspArt .readon {
  display:inline-block;
  margin:10px 25px 0 0;
  color:#c8252c;
  text-decoration:underline;
}
.readon,.more {
  font-weight:600;
}
/*-- component --*/
.component {
  padding:0 0 0 0;
  min-height:730px;
}
.component .word {
  text-align:left;
  padding-left:50px;
  font-size:16px;
  position:relative;
  float:left;
}
.component .inputbox {
  margin:0 10px;
  padding-left:10px;
  height:34px;
}
.component .btn-primary {
  background:#95161d;
  border-color: #95161d;
  position:absolute;
  top:0;
  right:-80px;
}
.component a.btn {
  display:none;
}
.component #advancedSearch {
  display:block;
  float:left;
  margin-left:100px;
}
.component #advancedSearch hr {
  display:none;
}
.component .advanced-search-tip {
  display:none;
}
.component #finder-filter-window {
  margin:0;
}
.component #finder-filter-window #finder-filter-select-list .control-label{
  color:#95161d;
  float:left;
}
.component #finder-filter-window #finder-filter-select-list .controls {
  float:left;
}
.component #search-results {
  padding-top:10px;
  clear:both;
}
.component #search-results .search-results li {
  list-style-type:none;
  padding:0 0 0 10px;
  text-align:left;
}
.component #search-results .search-results li h4 {
  padding: 10px 0;
  margin:0;
}
.component #search-results .search-results li p {
  margin:0;
  border-bottom: 1px dashed #aaa;
  padding-bottom:20px;
}
#search-result-empty {
  padding-top:10px;
}
#search-result-empty p {
  display:none;
}
.component p {
  text-align:left;
}
.component .content {
  background:#fff;
  padding: 20px;
  min-height:730px;
}
/*-- 搜索分页 --*/
.search-pagination .pagination ul li {
  float: left;
  padding-left:5px;
  text-align:center;
}
.search-pagination .pagination ul li span {
  color:#fff;
  display:inline-block;
  width:15px;
  background:#97151b;
}
.search-pagination .pagination ul .pagination-start span,
.search-pagination .pagination ul .pagination-prev span,
.search-pagination .pagination ul .pagination-next span,
.search-pagination .pagination ul .pagination-end span{
  color:#7d7d7d;
  display:inline;
  background:none;
}
.search-pagination .pagination ul li a {
  color:#7d7d7d;
}
.search-pagination .pagination ul li a:hover {
  color:#c8252c;
}
.search-pagination .pagination .pagination-prev:before {
  content:'< ';
}
.search-pagination .pagination .pagination-next:after {
  content:' >';
}
/*-- 博客列表文章样式 --*/
.blog {
 padding: 50px 40px 0 35px;
}
.blog .page-header {
  margin: 0;
  padding:0;
  border-bottom:none;
}
.blog .page-header h2 {
  margin: 0;
  padding-bottom:20px;
  text-align:left;
}
.blog .page-header h2 a {
  font-size:18px;
}
.blog .page-header h2 a:hover {
  color:#c8252c;
}
.blog .item {
  border-bottom:1px dashed #ccc;
}
.blog .item  p {
  font-size:14px;
  color:#333;
  line-height:150%;
}
.blog .hidden{
  display: block !important;
  float: left;
  margin: 0 10px;
  width: 120px;
}
 
.blog .readmore {
  text-align:right;
}
.blog .readmore a{
  color:#c8252c;
}
.blog .pagination p {
  display:none;
}
.blog .pagination ul li{
  float: left;
  padding-left:5px;
}
.blog .pagination ul li span {
  color:#fff;
  display:inline-block;
  width:15px;
  background:#97151b;
  text-align:center;
}
.blog .pagination ul .pagination-start span,
.blog .pagination ul .pagination-prev span,
.blog .pagination ul .pagination-next span,
.blog .pagination ul .pagination-end span{
  color:#7d7d7d;
  display:inline;
  background:none;
}
.blog .pagination ul li a {
  color:#7d7d7d;
}
.blog .pagination ul li a:hover {
  color:#c8252c;
}
.blog .pagination .pagination-prev:before {
  content:'< ';
}
.blog .pagination .pagination-next:after {
  content:' >';
}
.blog .items-more {
  display:none;
}
/*--单篇文章 --*/
.article_right .item-page,
.component .item-page {
  padding:45px 25px 75px 35px;
}
.content_padding .item-page {
  padding:10px 25px 75px 35px;
}
.article_right .item-page .page-header, 
.component .item-page .page-header {
  padding:0;
  margin:0;
  border-bottom:none;
}
.article_right .item-page .page-header h2,
.component .item-page .page-header h2 {
  margin: 0;
  padding-bottom:30px;
  text-align:left;
}
.article_right ul li,.content_padding ul li,.article_right ol li,.content_padding ol li{
  list-style-type:disc;
  text-align:left;
}
.article_right p {
  text-align:left;
}
.pagination ul li
{
  list-style-type:none;
}
.component .item-page .page-header h2 {
  text-align:center;
}
.pagenavcounter {
  display:none;
}
.pager ul li{
  float: left;
  padding-left:8px!important;
  border:none!important;
  background:none!important;
}
.pager ul li span {
  color:#fff;
  display:inline-block;
  padding:0 6px;
  background:#97151b;
}
.pager ul .pagination-start span,
.pager ul .pagination-prev span,
.pager ul .pagination-next span,
.pager ul .pagination-end span{
  color:#7d7d7d;
  display:inline;
  background:none;
}
.pager ul li a {
  color:#7d7d7d;
}
.pager ul li a:hover {
  color:#c8252c;
}
.pager .pagination-prev:before {
  content:'< ';
}
.pager .pagination-next:after {
  content:' >';
}
.pager li > a,.pager li > span {
  border:none;
  border-radius:0;
  padding:0;
  font-size:14px;
}
/*-- List Paper--*/
.listPaper p {
  margin:0;
  color:#333;
  font-size:24px;
  text-align:left;
  padding: 0 0 25px 0;
}
.listPaper ul{
  padding:0;
}
.listPaper ul li,.list_paper_li {
  list-style-type:none;
  text-align:left;
  padding: 10px 0 10px 0;
  border-bottom:1px dashed #ccc;
  background:url(../images/list-paper.png) left 12px no-repeat;
  padding-left:25px;
}
/*-- footer--*/
.footer {
  width:100%;
  height:90px;
  background:#333;
  padding-top:25px;
  clear:both;
}
.footer p {
  color:#fff;
  font-size:12px;
}
.footer p a,.footer p a span{
  color:#fff !important;
}
.footer p a:hover,.footer p a span:hover {
  color:#ffcccc !important;
}
/*Student Life*/
p.justifyALign{
	text-align: justify;
}
div.leftSide,div.rightSide{
	display: inline-block;
	width: 48%;
}
div.leftSide{
	float: left;
}
div.rightSide{
	float: right;
}
div.leftSide img,div.rightSide img{
	width: 100%;
}
div.itemBox{
	padding-bottom: 30px;
}
div.itemBox:before {
	content: '  ';
	display: table;
}
div.itemBox:after {
	content: '  ';
	display: table;
	clear: both;
}
div.itemBox h5{
	text-align: center;
}
div.itemBox a{
	color: #000000;
	text-decoration: none;
}
div.itemBox a:hover{
    color: #c8252c;
    text-decoration: none;
}
div.LeftSide>ul>li{
	padding: 10px 0px !important;
}
div.rightSide li{
	padding: 10px 0px !important;
}