/****************************************** 
Use for:	Home Style
Version:	1.0.1
Date:		2013/02/17
Author:	Rick Chan
Email:		shensi520@gmail.com
Update:	2013/04/24
******************************************/
/*body {
	background: #FFF url(../images/bg.jpg) repeat-x;
}*/


.sitemap-list li {
	background: url(../images/ico-sprite.png) no-repeat;
}

@font-face {
	font-family: 'ErasDemi';
	src: url('../font/ErasDemi-webfont.eot?v=1.0.0');
	src: url('../font/ErasDemi-webfont.eot?#iefix&v=1.0.0')
		format('embedded-opentype'),
		url('../font/ErasDemi-webfont.woff?v=1.0.0') format('woff'),
		url('../font/ErasDemi-webfont.ttf?v=1.0.0') format('truetype'),
		url('../font/ErasDemi-webfont.svg?v=1.0.0') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*header*/

.header {
	height: 96px;
	border-top:6px solid #ee1c25;
	background:#FFF url(../images/bg_new.jpg) repeat-x;
}

.header h1 {
	margin-top: 6px;
	width: 326px;
	height: 82px;
	overflow: hidden;
}

.header h1 a {
	display: block;
	width: 326px;
	height: 82px;
}

.h-mast {
	padding-top: 6px;
	text-align: right
}

.hm-login {
	color: #7F7F7F;
	font-size: 14px;
}

.hm-login a,.hm-login a:hover {
	padding: 0 8px;
	color: #004B8E;
}

.hm-info {
	padding-top: 24px;
}

.hm-info li {
	margin-left: 32px;
	_display: inline;
	float: left;
	color: #666;
	font-size: 14px;
	font-weight: 700;
}

.hm-info .ico-phone {
	padding-left: 24px;
	background: url(../images/ico-phone.png) no-repeat;
}

.hm-info .ico-email {
	padding-left: 28px;
	background: url(../images/ico-sprite.png) no-repeat 0 -24px;
}
/*nav*/
.nav-wrapper{height: 39px;
	line-height: 40px;
	border-top:1px solid #d6d6d8;
	border-bottom: 2px solid  #ee1c25;
	background: #FFF url(../images/nav-bg_new.jpg) repeat-x;}
.nav {
	height: 39px;
	line-height: 40px;
	overflow: hidden;
	border-left: 1px solid #E8E8EA;
	
}

.nav-list li {
	float: left;
	border-right: 1px solid #E8E8EA;
	font-size: 16px;
	color: #4A4B50;
}

.nav-list li a {
	display: block;
	padding: 0 18px;
	/*height: 59px;*/
	position: relative;
	font-family: ErasDemi;
}

.nav-list li.current a,.nav-list li.current a:hover,.nav-list li a:hover
	{
	background-color: #FFF;
	text-decoration: none;
	color: #EC1C24;
}

.nav-list li a b {
	display: none;
	width: 100%;
	height: 3px;
	background-color: #EC1C24;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -999em;
}

.nav-list li.current b {
	display: block;
}
/*flash-mod*/
.flash-mod {
	margin-top: 3px;
	height: 500px;
	background-color: #EEE;
}

.flash-cont {
	width: 100%;
	height: 600px;
	background-color: #EEE;
}
/*content*/
.banner {
	margin: 0 auto;
	width: 1006px;
	height: 120px;
	background: url(../images/banner.jpg) no-repeat;
	text-indent: -999em;
	border: 1px solid #DEDEDE;
	border-top: 0;
	opacity: 0.8;
}

.crumbs {
	padding: 20px 0 8px 0;
	color: #CCC;
	position: relative;
}

.crumbs a {
	color: #36C
}

.crumbs a:hover {
	color: #EC1C24;
}

.curmbs-active {
	font-weight: 700;
	color: #666;
}

.mod-hd {
	position: relative;
}

.mod-hd h3 {
	padding-left: 8px;
	height: 32px;
	line-height: 32px;
	color: #EC1C24;
	font-size: 16px;
	font-weight: bold;
}

.hblog-list li,.registry-list li {
	margin-bottom: 8px;
	padding: 8px 4px 6px;
	border-bottom: 1px dotted #BBB;
	color: #555;
	position: relative;
}

.registry-list li strong {
	padding-right: 4px;
	color: #399EFD;
}

.registry-list li a,.registry-list li a:hover {
	display: block;
	height: 18px;
	color: #EC1C24;
	position: absolute;
	bottom: 6px;
	right: 4px;
}

.theater-list {
	padding-top: 8px;
}

.theater-list li {
	float: left;
	margin-left: 6px;
	_display: inline;
	position: relative;
}

.theater-list .timg-box {
	width: 221px;
	height: 98px;
	position: relative;
	background: url(../images/img-bg.jpg) no-repeat;
	opacity: 0.6;
}

.theater-list .timg-box img {
	width: 141px;
	height: 87px;
	position: absolute;
	left: 43px;
	top: 5px;
}

.theater-list .timg-box img:hover {
	border-color: #fff29a;
	border-style: solid;
	border-width: 6px;
	height: 87px;
	left: 40px;
	position: absolute;
	top: 0;
	width: 141px;
}

.theater-list .ico-play {
	display: block;
	width: 35px;
	height: 35px;
	background-position: 0 -79px;
	position: absolute;
	left: 98px;
	top: 32px;
	text-indent: -999em;
}

.theater-list li p {
	width: 221px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
	color: #555;
	font-size: 15px;
	font-weight: bold;
}

.theater-list li a {
	display: block;
}

.theater-list a:hover .timg-box {
	opacity: 0.8;
}

.theater-list li a:hover,.theater-list li a:hover p {
	color: #EC1C24;
	text-decoration: none;
}
/*theater list*/
.theater-mlist {
	padding-top: 16px;
}

.theater-mlist li {
	margin-left: 24px;
	margin-bottom: 24px;
}

.blog-date {
	margin-top: 0px;
	padding-right: 8px;
	width: 69px;
	height: 65px;
	overflow: hidden;
	background: url(../images/date_new.png) no-repeat;
	color: #FFF;
}

.blog-date p {
	/*width: 49px;*/
	height: 30px;
	line-height: 34px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.blog-date em {
	display: block;
	/*width: 49px;*/
	height: 20px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
}

.blog-info {
	width: 218px;
}

.blog-info .link-normal {
	font-weight: bold;
	font-size: 15px;
	color: #555;
}

.blog-info p {
	height: 0px;
	overflow: hidden;
}

.hblog-plist li a {
	font-weight: bold;
	font-size: 14px;
}

.hblog-plist li a:hover {
	color: #EC1C24;
}

.hblog-plist li p {
	height: 40px;
	overflow: hidden;
	color: #838383
}

.hblog-plist li em {
	font-style: italic;
	color: #E22333
}

.inp {
	padding: 4px;
	height: 26px;
	line-height: 22px;
	font-size: 14px;
	border: 1px solid #BDBDBD;
	color: #666;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFF;
}

.inp:focus {
	border: 1px solid #FF6164
}

.btn-search {
	padding: 0 8px;
	height: 36px;
	background-color: #FF595C;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #D93E48;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.tarea {
	border: 1px solid #E0E0E0;
	height: 200px;
	overflow: hidden;
	resize: none;
	width: 675px;
}

.university-list {
	padding-top: 10px;
}

.university-list li {
	margin-bottom: 16px;
	padding-bottom: 16px;
	overflow: hidden;
	border-bottom: 1px dotted #BBB;
}

.uni-num {
	padding: 10px;
	width: 108px;
	height: 82px;
	overflow: hidden;
	background-color: #42B1DF;
	color: #FFF;
	font-size: 12px;
	font-family: Arial;
}

.uni-num p {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-align: center
}

.uni-num p.line {
	border-bottom: 1px solid #97D5EC;
}

.uni-num p span {
	padding-right: 4px;
	font-size: 20px;
	font-weight: bold;
}

.uni-info {
	padding-left: 16px;
	width: 540px;
}

.uni-info a {
	font-size: 15px;
	font-weight: bold;
	color: #272727;
}

.uni-info .uni-posted em,.uni-info a:hover {
	color: #EC1C24;
}

.uni-info .uni-posted {
	color: #888;
}

.uni-info .uni-text {
	height: 60px;
	overflow: hidden;
	color: #838383;
}

.blog-hd h3 {
	font-size: 26px;
	line-height: 50px;
	text-align: center;
	color: #272727;
}

.post-meta {
	padding: 4px;
	border-width: 1px 0;
	border-style: dashed;
	border-color: #C3C3C3;
	background-color: #F5F5F5;
	text-align: center;
}

.post-meta em {
	color: #EC1C24;
}

.blog-bd p {
	padding-top: 24px;
	font-size: 14px;
	margin-left:20px;
}

.comment-bd {
	padding-top: 32px;
	position: relative;
}

.reply-comment h3,.comment-bd h3 {
	padding-left: 8px;
	padding-bottom: 4px;
	font-size: 24px;
	border-bottom: 1px dotted #BDBDBD;
	color: #EC1C24;
}

.link-reply {
	display: block;
	height: 22px;
	line-height: 22px;
	position: absolute;
	top: 26px;
	right: 16px;
	font-size: 16px;
	color: #0F67A1;
}

.comment-bd {
	padding: 16px 4px;
}

.comment-bd li {
	padding: 12px 6px 10px;
	border-bottom: 1px solid #E6E6E6;
}

.comment-bd .odd {
	background-color: #F7F8F9
}

.comment-bd cite {
	padding-right: 6px;
	color: #0F67A1;
	font-size: 14px;
	font-weight: 700;
}

.comment-bd small {
	font-size: 11px;
	color: #C3C3C3;
}

.comment-bd p {
	padding-top: 10px;
	word-break: break-word
}

.reply-comment-list {
	padding-top: 24px;
}

.reply-comment-list li {
	padding-bottom: 12px;
}

.reply-comment-list .btn-search {
	padding: 0 24px;
	height: 40px;
	background-color: #F2C63F;
	font-size: 16px;
	border: 1px solid #E4B527;
}

.reply-comment-list .btn-search:focus {
	background-color: #E1B83A;
	border: 1px solid #EEB440;
}
/*Library page*/
.table-v1 {
	width: 100%;
}

.table-v1 th {
	height: 40px;
	background-color: #EFEFEF;
}

.table-v1 td {
	padding: 0 8px;
	height: 68px;
	text-align: center;
	border-bottom: 1px solid #DED9D3;
	font-size: 14px;
}

.table-v1 tr.odd {
	background-color: #FCFCFC;
}

.table-v1 .link-table {
	font-weight: bold;
	font-size: 13px;
	color: #06C;
}

.table-v1 .link-table:hover {
	color: #EC1C24;
}

.btn-download {
	padding: 0 10px;
	display: block;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	font-size: 13px;
	background-color: #E02D1F;
	color: #FFF;
}

.btn-download:hover {
	color: #FFF;
	background-color: #AD2116;
	text-decoration: none;
}

.search-mod h4 {
	font-weight: bold;
	font-size: 14px;
	line-height: 40px;
}

.time-list {
	padding: 4px 16px;
	padding-right: 0;
	overflow: hidden;
}

.time-list li {
	float: left;
	margin: 0 20px 18px 0;
	width: 84px;
	height: 28px;
	line-height: 28px;
	display: inline;
	text-align: center;
	border: 1px dashed #BDBDBD;
	cursor: pointer;
	position: relative;
	color: #333;
}

.choose {
	display: none;
	width: 10px;
	height: 10px;
	background-position: -24px -205px;
	position: absolute;
	bottom: -1px;
	right: -1px;
}

.time-list li.current {
	border-color: #FF0116;
	color: #FF0116;
	font-weight: 700;
}

.time-list li.current .choose {
	display: block;
}

.registry-cont {
	width: 100%;
	padding: 16px 0;
	background-color: #FDFAF6;
	border: 1px solid #EBE0D1;
}

.registry-info {
	width: 388px;
}

.registry-info p {
	padding-left: 16px;
	width: 388px;
	color: #ED1C24;
	line-height: 24px;
}

.registry-info p span {
	display: inline-block;
	width: 148px;
	text-align: right;
	color: #005595;
	font-weight: bold;
}

.registry-btn {
	padding: 10px 16px 0 0;
}

.registry-text {
	padding-bottom: 16px;
}

.registry-text p {
	padding-top: 24px;
	font-size: 14px;
}
/*Administration page*/
.cont-mod-hd {
	height: 48px;
	line-height: 48px;
	border-bottom: 2px solid #DEDEDE;
}

.cont-mod-hd h3 {
	padding-left: 8px;
	font-size: 24px;
	color: #282828;
}

.sub-mod-hd {
	height: 48px;
	line-height: 48px;
	background-color: #E82428;
	color: #FFF;
	border: 1px solid #D71E22;
	border-bottom: 1px solid #B4181B;
}

.sub-mod-hd h3 {
	padding-left: 16px;
	font-size: 16px;
	font-weight: bold;
}

.cont-mod-bd {
	padding: 16px 4px;
}

.cont-mod-bd p {
	padding-bottom: 16px;
	font-size: 14px;
	color: #7B7B7B;
}

.sub-mod-bd {
	border: 1px solid #E4E4E4;
	background-color: #F8F8F8;
}

.cat-list li {
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	border-bottom: 1px solid #E9E7E8;
}

.cat-list li a {
	padding-left: 16px;
	display: block;
	font-size: 14px;
	color: #737373;
}

.cat-list li a:hover {
	color: #4F4F4F;
	text-decoration: none;
}

.cat-list li.current a,.cat-list li.current a:hover {
	color: #E82629;
	font-weight: bold;
	text-decoration: none;
}

.bio-list {
	padding: 10px 0;
}

.bio-list li {
	margin-bottom: 24px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #DBDBDB;
}

bio-img {
	width: 28%;
	min-width: 130px;
}

.bio-info {
	padding-left: 16px;
	width: 80%;
}

.bio-info h4 {
	font-size: 20px;
	color: #4F4F4F;
	font-size: 16px;
	font-weight: bold;
}

.bio-info em {
	color: #EA4C89;
}

.bio-info p {
	padding-top: 10px;
	padding-bottom: 0 !important;
}
/*Start Carousel*/
.carousel-wrapper{background: #f7f7f7; position: relative; z-index: 1;}
.col-sm-8{    position: relative;
    min-height: 1px;
    /*padding-right: 15px;
    padding-left: 15px;*/}
.row:after, .row:before {
    display: table;
    content: " ";
}
.carousel {
	 position: relative;
}
 .carousel-inner {
	 position: relative;
	 overflow: hidden;
	 width: 100%;
}
 .carousel-inner > .item {
	 display: none;
	 position: relative;
}
 @media all and (transform-3d),(-webkit-transform-3d) {
	 .carousel-inner > .item.next, .carousel-inner > .item.active.right {
		 left: 0;
	}
	 .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
		 left: 0;
	}
	 .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
		 left: 0;
	}
}
 .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
	 display: block;
}
 .carousel-inner > .active {
	 left: 0;
}
 .carousel-inner > .next, .carousel-inner > .prev {
	 position: absolute;
	 top: 0;
	 width: 100%;
}
 .carousel-inner > .next {
	 left: 100%;
}
 .carousel-inner > .prev {
	 left: -100%;
}
 .carousel-inner > .next.left, .carousel-inner > .prev.right {
	 left: 0;
}
 .carousel-inner > .active.left {
	 left: -100%;
}
 .carousel-inner > .active.right {
	 left: 100%;
}
 .carousel-control {
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 width: ;
	 font-size: ;
	 color: ;
	 text-align: center;
	 text-shadow: ;
	 background-color: rgba(0,0,0,0);
}
 .carousel-control.right {
	 left: auto;
	 right: 0;
}
 .carousel-control:hover, .carousel-control:focus {
	 outline: 0;
	 color: ;
	 text-decoration: none;
}
 .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	 position: absolute;
	 top: 50%;
	 margin-top: -10px;
	 z-index: 5;
	 display: inline-block;
}
 .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
	 left: 50%;
	 margin-left: -10px;
}
 .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
	 right: 50%;
	 margin-right: -10px;
}
 .carousel-control .icon-prev, .carousel-control .icon-next {
	 width: 20px;
	 height: 20px;
	 line-height: 1;
	 font-family: serif;
}
 .carousel-control .icon-prev:before {
	 content: '\2039';
}
 .carousel-control .icon-next:before {
	 content: '\203a';
}
 .carousel-indicators {
	 position: absolute;
	 bottom: 10px;
	 left: 50%;
	 z-index: 15;
	 width: 60%;
	 margin-left: -30%;
	 padding-left: 0;
	 list-style: none;
	 text-align: center;
}
 .carousel-indicators li {
	 display: inline-block;
	 width: 10px;
	 height: 10px;
	 margin: 1px;
	 text-indent: -999px;
	 border: 1px solid ;
	 border-radius: 10px;
	 cursor: pointer;
	 background-color: #000 \9;
	 background-color: rgba(0,0,0,0);
}
 .carousel-indicators .active {
	 margin: 0;
	 width: 12px;
	 height: 12px;
	 background-color: ;
}
 .carousel-caption {
	 position: absolute;
	 left: 15%;
	 right: 15%;
	 bottom: 20px;
	 z-index: 10;
	 padding-top: 20px;
	 padding-bottom: 20px;
	 color: ;
	 text-align: center;
	 text-shadow: ;
}
 .carousel-caption .btn {
	 text-shadow: none;
}
 @media screen and (min-width: ) {
	 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
		 width: * 1.5;
		 height: * 1.5;
		 margin-top: / -2;
		 font-size: * 1.5;
	}
	 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
		 margin-left: / -2;
	}
	 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
		 margin-right: / -2;
	}
	 .carousel-caption {
		 left: 20%;
		 right: 20%;
		 padding-bottom: 30px;
	}
	 .carousel-indicators {
		 bottom: 20px;
	}
}

.search-wrapper{    position: absolute;
    z-index: 999999;
    /* left: 50px; */
        background: rgba(255,255,255,0.7);
    /*padding: 1%;*/
    margin: 6% 7% 0 7%;
    width: 86%;
}
.search-text{padding: 12px;
    width: 73%;
    border: none; font-size: 18px; background: none; vertical-align: middle;
}
.search-wrapper select{padding: 14px;
    border: none;
    font-size: 18px;
    vertical-align: middle;}
.search-button{
	border:none;
	cursor: pointer;
	background: none;
}
.search-button img {vertical-align: middle;}
.carousel-wrapper > .layout{position: relative;}
.youtube-carousel{
 /* border: 4px solid #e25454;*/
}

.video-container { 
   position: relative; /* keeps the aspect ratio */ 
   padding-bottom: 56.25%; /* fine tunes the video positioning */ 
   padding-top: 60px; overflow: hidden;
   margin-bottom: -1px;
   margin-right: -1px;   
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;  
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}
  
.carousel-control .glyphicon-chevron-left{
  top:35%;
  font-size: 20px;
  left:5%;
  margin: 0;
}

.carousel-control .glyphicon-chevron-right{
  top:35%;
  font-size: 20px;
  left:33%;
  margin: 0;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
  color: #ffffff;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  opacity: 1;
  height:60px;
}

.controls{
   display: none;
}

.carousel-control:hover {
  text-decoration: none;
  filter: alpha(opacity=60);
  outline: 0;
  opacity: 0.6;
}

.left-button {
  height:70px;
  width:35px;
  border-radius: 0 90px 90px 0;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -moz-border-radius: 0 90px 90px 0;
  -webkit-border-radius: 0 90px 90px 0;
  background-color: #e25454;
  display: inline-block;
  position: relative;
  float:left;
  /*subpixel bug*/
  margin-left: -1px; 
}

.right-button {
  height:70px;
  width:35px;
  border-radius: 90px 0 0 90px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -moz-border-radius: 90px 0 0 90px;
  -webkit-border-radius: 90px 0 0 90px;
  background-color: #e25454;
  display: inline-block;
  position: relative;
  float:right;
  /*subpixel bug*/
  margin-right: -1px;
}


.carousel-caption {
 display: none;
 background: none repeat scroll 0 0 #e25454;
  bottom: 0;
  font-size: 12px;
  text-align: center;
  opacity: 1;
  padding:7px 30px 7px;
  text-transform: uppercase;
  z-index:11;
  pointer-events:none;
}

@media screen and (min-width: 768px) {
.right-button {
  height:60px;
  width:40px;
  border-radius: 90px 0 0 90px;
  -moz-border-radius: 90px 0 0 90px;
  -webkit-border-radius: 90px 0 0 90px;
  display: inline-block;
  position: relative;
  float:right;
}

.left-button {
  height:60px;
  width:40px;
  border-radius: 0 90px 90px 0;
  -moz-border-radius: 0 90px 90px 0;
  -webkit-border-radius: 0 90px 90px 0;
  display: inline-block;
  position: relative;
  float:left;
}

.carousel-control .glyphicon-chevron-left{
  top:30%;
  font-size: 35px;
  left:15%;
  background: url(../images/chevron-left.png);
    width: 15px;
    height: 24px;
}

.carousel-control .glyphicon-chevron-right{
  top:30%;
  font-size: 35px;
  left:45%;
  background: url(../images/chevron-right.png);
    width: 15px;
    height: 24px;
}

.carousel-caption {
  font-size: 18px;
  padding:15px 20px 15px;
  }
}
@media screen and (min-width: 992px) {
 .carousel-caption {
    font-size: 18px;
    padding:15px 20px 15px;
  }
}



/*End Carousel*/
.course-wrapper{background: #f7f7f7;
    width: 31.33%;
    float: left;
    margin: 1%;}

/*footer*/
.footer {
	height: 255px;
	background: url(../images/footer-bg.jpg) repeat-x top left;
}

.footer-info {
	padding: 16px 0 0 8px;
	height: 255px;
	overflow: hidden;
}

.sitemap {
	width: 200px;
}

.footer-info h3 {
	padding-bottom: 4px;
	font-size: 16px;
}

.sitemap-list li {
	padding-left: 16px;
	background-position: 0 -45px;
}

.sitemap-list li a {
	color: #838383;
}

.sitemap-list li a:hover {
	color: #EC1C24;
}

.aboutUs p,.contactUs p {
	padding-bottom: 6px;
	color: #838383;
}

.aboutUs {
	padding-left: 32px;
	width: 500px;
}

.aboutUs p {
	padding-bottom: 12px;
}

.society-list li {
	float: left;
	padding-left: 12px;
}

.society-list li a {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-indent: -999em;
}

.society-list .ico-fb {
	background: url(../images/ico-file/offfb.jpg) no-repeat;
}

.society-list .ico-fb:hover {
	background: url(../images/ico-file/onfb.jpg) no-repeat;
}

.society-list .ico-tw {
	background: url(../images/ico-file/offtw.jpg) no-repeat;
}

.society-list .ico-tw:hover {
	background: url(../images/ico-file/ontw.jpg) no-repeat;
}

.society-list .ico-li {
	background: url(../images/ico-file/offli.jpg) no-repeat;
}

.society-list .ico-li:hover {
	background: url(../images/ico-file/onli.jpg) no-repeat;
}

.society-list .ico-vi {
	background: url(../images/ico-file/offvi.jpg) no-repeat;
}

.society-list .ico-vi:hover {
	background: url(../images/ico-file/onvi.jpg) no-repeat;
}

.society-list .ico-ig {
	background: url(../images/ico-file/offig.jpg) no-repeat;
}

.society-list .ico-ig:hover {
	background: url(../images/ico-file/onig.jpg) no-repeat;
}

.society-list .ico-yt {
	background: url(../images/ico-file/offyt.jpg) no-repeat;
}

.society-list .ico-yt:hover {
	background: url(../images/ico-file/onyt.jpg) no-repeat;
}

.society-list .ico-google {
	background: url(../images/ico-file/offgp.jpg) no-repeat;
}

.society-list .ico-google:hover {
	background: url(../images/ico-file/ongp.jpg) no-repeat;
}

.society-list .ico-mail {
	background: url(../images/ico-file/offml.jpg) no-repeat;
}

.society-list .ico-mail:hover {
	background: url(../images/ico-file/onml.jpg) no-repeat;
}

.society-list .ico-rss {
	background: url(../images/ico-file/offbl.jpg) no-repeat;
}

.society-list .ico-rss:hover {
	background: url(../images/ico-file/onbl.jpg) no-repeat;
}

.footer-copyright {
	padding-top: 8px;
	height: 50px;
	line-height: 40px;
	color: #878787;
}
/*sign up page*/
.sbody {
	border-top: 5px solid #EC1C24;
	background-image: none;
	background-color: #F5F5F5;
}

.scontent {
	margin: 0 auto;
	width: 400px;
}

.scontent h1 {
	margin: 58px auto 18px;
	width: 300px;
	height: 83px;
}

.smod {
	background-color: #FFF;
	border: 1px solid #BABABA;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	position: relative;
}

.sform {
	padding: 20px 0 10px 45px;
	position: relative;
	border-bottom: 1px solid #C6C6C6;
}

.sform p {
	padding-bottom: 16px;
}

.rememberme .rem-other,.smod label {
	font-size: 16px;
	color: #555;
	line-height: 26px;
}

.rememberme label {
	font-size: 13px;
	font-weight: 400;
}

.form-btn {
	height: 40px;
	position: absolute;
	bottom: -6px;
	right: 56px;
}

.form-reg-btn .btn-submit,.form-btn .btn-submit {
	padding: 0 16px;
	height: 34px;
	line-height: 34px;
	background-color: #E64B50;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	border: 1px solid #E64B50;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	cursor: pointer;
}

.form-reg-btn .btn-submit:hover,.form-btn .btn-submit:hover {
	background-color: #EF595E;
}

.forget-mod {
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #D6D6D6;
	background-color: #F7F7F7;
	-moz-border-radius: 0 0 3px 3px;
	-khtml-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	position: relative;
}

.stip {
	margin: 8px auto;
	padding: 10px 8px;
	width: 380px;
	border: 1px solid #C00;
	background-color: #FFEBE8;
	color: #333;
}

.successtip {
	margin: 8px auto;
	padding: 10px 8px;
	width: 380px;
	border: 1px solid #739f1d;
	background-color: #d4f684;
	color: #333;
}

.link-forgot {
	display: block;
	height: 52px;
	line-height: 52px;
	text-align: center;
	color: #646464;
	font-weight: bold;
}

.link-forgot:hover {
	color: #EC1C24;
}

.forget-mod .close {
	display: block;
	width: 28px;
	height: 28px;
	font-size: 20px;
	color: #666;
	position: absolute;
	top: 8px;
	right: 2px
}

.forget-mod .close:hover {
	color: #EC1C24;
	text-decoration: none;
}

.forget-mod form {
	padding: 6px 0 32px 45px;
}

.btn-forgot {
	margin-top: 10px;
	width: 298px;
	height: 36px;
	background-color: #FCFCFC;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	border: 1px solid #D5D5D5;
	font-size: 15px;
	color: #363636;
	cursor: pointer;
	background-image: -moz-linear-gradient(-90deg, #FCFCFC 0px, #F0F0F0 100%);
	font-weight: bold;
}

.btn-forgot:hover {
	background-color: #F0F0F0;
	background-image: -moz-linear-gradient(-90deg, #F0F0F0 0px, #FCFCFC 100%);
}

.sign-remark {
	padding: 16px 0;
	text-align: center;
	font-size: 14px;
}

.sign-remark a {
	font-weight: bold;
}
/*sign up page*/
.reg .sform p {
	padding-bottom: 12px;
}

.text-error {
	color: #F54302;
}

.form-reg-btn {
	margin: 3px auto;
	width: 188px;
}

.form-reg-btn .btn-submit {
	width: 188px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
}

.rememberme a {
	color: #36C;
}

/*update 2013-5-16*/
.libraryTypeList li {
	float: left;
	padding: 6px 30px 0;
	width: 192px;
	height: 220px;
	overflow: hidden;
}

.libraryTypeList li a {
	display: block;
	width: 182px;
	height: 220px;
	line-height: 360px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	position: relative;
}

.libraryTypeList li.word a {
	background: url(../images/ico-file/DOC.png) no-repeat top center;
}

.libraryTypeList li.word a:hover {
	background: url(../images/ico-file/doc-hover.png) no-repeat top center;
}

.libraryTypeList li.excel a {
	background: url(../images/ico-file/xls.png) no-repeat top center;
}

.libraryTypeList li.excel a:hover {
	background: url(../images/ico-file/xls-hover.png) no-repeat top center;
}

.libraryTypeList li.pdf a {
	background: url(../images/ico-file/PDF.png) no-repeat top center;
}

.libraryTypeList li.pdf a:hover {
	background: url(../images/ico-file/pdf-hover.png) no-repeat top center;
}

.libraryTypeList li.jpg a {
	background: url(../images/ico-file/JPG.png) no-repeat top center;
}

.libraryTypeList li.jpg a:hover {
	background: url(../images/ico-file/jpg-hover.png) no-repeat top center;
}

.libraryTypeList li.png a {
	background: url(../images/ico-file/PNG.png) no-repeat top center;
}

.libraryTypeList li.png a:hover {
	background: url(../images/ico-file/png-hover.png) no-repeat top center;
}

.libraryTypeList li.flv a {
	background: url(../images/ico-file/flv.png) no-repeat top center;
}

.libraryTypeList li.flv a:hover {
	background: url(../images/ico-file/flv-hover.png) no-repeat top center;
}

.libraryTypeList li p {
	width: 192px;
	height: 152px;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.libraryTypeList li a p img {
	position: absolute;
	left: 0
}

.libraryTypeList li h5 {
	text-align: center;
	line-height: 20px;
}

.libraryList li {
	padding: 0 52px;
	height: 350px;
	background: url(../images/bookBg.jpg) no-repeat left bottom;
}

.labList li {
	padding: 0 52px;
	height: 350px;
	background: url(../images/bookBgs.jpg) no-repeat left bottom;
}

.libraryImg {
	float: left;
	margin-top: 26px;
	width: 180px;
	height: 208px;
	background: url(../images/bookImg.png) no-repeat center;
	position: relative;
}

.bookImg-name {
	width: 142px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	top: -30px;
	left: 10px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.bookImg-time {
	width: 142px;
	height: 20px;
	overflow: hidden;
	color: #888;
	text-align: center;
	position: absolute;
	top: -10px;
	left: 10px;
}

.bookImg-mod {
	width: 122px;
	height: 186px;
	overflow: hidden;
	position: absolute;
	top: 13px;
	left: 30px;
}

.bookImg-mod img {
	width: 122px;
	height: 186px;
	overflow: hidden;
}

.form-mod {
	width: 300px;
	height: 67px;
	background: url(../images/form-bg.jpg) no-repeat;
	position: relative;
}

.search-inp {
	width: 206px;
	height: 34px;
	line-height: 34px;
	border: 0;
	position: absolute;
	top: 18px;
	left: 29px;
}

.btn-home-search {
	width: 55px;
	height: 55px;
	overflow: hidden;
	position: absolute;
	border: 0;
	top: 8px;
	right: 5px;
	background-color: transparent;
	cursor: pointer;
}

.form-text {
	text-align: center;
	line-height: 32px;
	font-size: 14px;
}

/*update 2014/01/31*/
.btn-info {
	display: block;
	width: 131px;
	height: 40px;
	background: url(../images/Request-info.png) no-repeat;
	text-indent: -999em;
}

.btn-info:hover {
	background: url(../images/Request-info-hover.png) no-repeat;
}

.btn-sched {
	display: block;
	width: 131px;
	height: 40px;
	background: url(../images/View-sched.png) no-repeat;
	text-indent: -999em;
}

.btn-sched:hover {
	background: url(../images/View-sched-hover.png) no-repeat;
}


.btn-join {
	display: block;
	width: 131px;
	height: 40px;
	background: url(../images/join-sched.png) no-repeat;
	text-indent: -999em;
}

.btn-join:hover {
	background: url(../images/join-sched-hover.png) no-repeat;
}


.search-other {
	height: 77px;
	position: absolute;
	top: 1px;
	right: 6px;
}

.search-other-mod {
	float: right;
	width: 337px;
	height: 77px;
	background: url(../images/course-search.png) no-repeat;
	position: relative;
}

.search-other-mod .search-inp {
	width: 216px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	background-color: transparent;
	position: absolute;
	top: 30px;
	left: 64px;
}

.search-other-mod .search-btns {
	width: 48px;
	height: 48px;
	display: block;
	position: absolute;
	top: 17px;
	right: 8px;
	cursor: pointer;
	background-color: transparent;
	border: 0;
}

.time-list li {
	overflow: hidden;
}

.libraryTypeList-v2 li {
	padding: 6px 10px 0;
	width: 232px;
}

.libraryTypeList .items-other {
	background: url(../images/ico-file/search.png) no-repeat;
	position: relative;
}

.libraryTypeList-v2 .items-other {
	background: url(../images/ico-file/search3.png) no-repeat;
	position: relative;
}

.items-other .inp-search {
	width: 136px;
	height: 20px;
	position: absolute;
	bottom: 38px;
	left: 14px;
	border: 0;
}

.items-other .btns-search {
	width: 37px;
	height: 37px;
	border: 0;
	background-color: transparent;
	position: absolute;
	bottom: 30px;
	right: 60px;
	cursor: pointer;
}

.libraryTypeList-v2 .items-other .inp-search {
	width: 162px;
	height: 18px;
	position: absolute;
	bottom: 78px;
	left: 22px;
	border: 0;
	background-color: transparent;
}

.libraryTypeList-v2 .items-other .btns-search {
	width: 30px;
	height: 30px;
	border: 0;
	background-color: transparent;
	position: absolute;
	bottom: 72px;
	right: 36px;
	cursor: pointer;
	border: 0;
}

.libraryTypeList .items a {
	background-position: 0 0;
	background-repeat: no-repeat;
}

.libraryTypeList .items a:hover {
	background-position: 0 -251px;
}

.libraryTypeList .items h5 {
	width: 182px;
	position: absolute;
	top: 154px;
}

/* update 2013/6/7 */
.libraryList-v2 li {
	background: url(../images/bookBgs.jpg) no-repeat left bottom;
}

.libraryList-v2 .libraryImg {
	background: url(../images/booksImg.png) no-repeat center;
	position: relative;
}

.libraryList-v2 .bookImg-mod img {
	width: 155px;
	height: 177px;
}

.libraryList-v2 .bookImg-mod {
	width: 162px;
	top: 24px;
	left: 13px;
}

.libraryList-v2 .bookImg-name {
	text-align: center;
}

.clearfixx {
	background: rgba(0, 0, 0, 0) url("../images/bookBgs.jpg") no-repeat
		scroll left bottom;
}

.theater-listx {
	background: rgba(0, 0, 0, 0) url('../images/bookBgs.jpg') no-repeat
		scroll left bottom;
	background-size: 688px;
	height: 308px;
}

.timg-boxx {
	margin-left: 13px;
	margin-top: 25px;
}

.libraryImgx {
	background: rgba(0, 0, 0, 0) url("../images/booksImg.png") no-repeat
		scroll center center;
	float: left;
	height: 210px;
	margin-top: 26px;
	position: relative;
	width: 180px;
}

.bookImg-namex {
	color: #333;
	font-weight: bold;
	height: 20px;
	left: 10px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: -30px;
	width: 142px;
}

@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
 
.my-notify-info, .my-notify-success, .my-notify-warning, .my-notify-error {
    padding:10px;
    margin:10px 0;
 
}
.my-notify-info:before, .my-notify-success:before, .my-notify-warning:before, .my-notify-error:before {
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    margin-left:.2em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.my-notify-info:before {
}
.my-notify-success:before {
}
.my-notify-warning:before {
}
.my-notify-error:before {
}
.my-notify-info {
    color: #00529B;
    background-color: #BDE5F8;
}
.my-notify-success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.my-notify-warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.my-notify-error {
    color: #D8000C;
    background-color: #FFD2D2;
}