@charset "utf-8";

body{
	padding: 0; margin: 0; font-size: 12px; 
}
.breadcrumb{margin: 5px;}

/*jquery-validation表单验证相关*/
form label.error{
	color: red; font-size: 12px; font-weight: normal;
}

/*div垂直居中*/
.vetically_bg{
     display: -ms-flexbox; display: -webkit-flex; display: flex;
     -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center;
     align-items: center;
}

/*全屏背景图片*/
.img_fullscreen{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;min-width: 844px;
}
.img_fullscreen img{
	width: 100%; height: 100%;
}

/*上下布局*/
.panel_top{
	position: absolute; left: 0; top: 0; width: 100%; height: 86px;
}
.panel_cot{
	position: absolute; left: 0; top: 86px; bottom: 0; width: 100%; min-width: 844px; overflow: auto;
}

/*上下布局*/
.layout_top{
	position: absolute; left: 0; top: 0; width: 100%; height: 86px; overflow: hidden;
}
.layout_bottom{
	position: absolute; left: 0; top: 86px; bottom: 0; width: 100%;  overflow: auto;
}

/*上下布局2 下面的div为左右布局*/
.layout_bottom_left{
	position: absolute; left: 0; top: 100px; bottom: 0; width: 204px;  overflow: auto;
}
.layout_bottom_right{
	position: absolute; left: 212px ; top: 100px; bottom: 0; right: 0; overflow: auto;
}
/*左右布局*/
.layout_left{
	position: absolute; left: 0; top: 0; bottom: 0; width: 202px;  overflow: auto;
}
.layout_right{
	position: absolute; left: 210px ; top: 0; bottom: 0; right: 0; overflow: auto;
}

/*透明背景,文字不透明  rgba(30,30,30,0.5) */
.translucent_bg{
    background-color: rgba(28, 118, 170, 0.5);
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .translucent_bg{
    background-color: #303030; filter: Alpha(opacity=50); position: static; *zoom: 1; 
  }
}
/*强制不换行*/
.nowarp{
	word-break: keep-all; white-space: nowarp;
}
/*强制换行*/
.wordwarp{
	word-break: break-all; word-warp: break-word;
}

/*水平翻转180度*/
.fliph_180{
    transform: rotateY(180deg); -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg);
}
/*圆*/
.circle{
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}



/******* 项目的公用样式 *******/
/*各子项首页标题，用于：knowledge_keys_index.jsp、platform_index.jsp等*/
.layout_bottom .caption_style{
    width: 214px; height: 64px; font-family: SimHei; 
    position: absolute; left: 0; top: 0; color: #FFFFFF;
    font-size: 1.7em; padding: 5px 0 0 15px;
    background: url("/stu_ui/img/knowledge_keys/index_caption_bg.png") no-repeat;
}
.layout_bottom .caption_style img{
    width: auto; height: 80%; margin: auto; 
}

/******* 重写bootstrap的统一样式  *******/
label{
    font-weight: normal;
}
.breadcrumb{margin: 5px;}

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


/******* 重写bootstrap的模态框样式  
.modal.in .modal-dialog{
	position: relative;
	margin: auto; 
}
*******/

.modal .modal-header button.close{
	color: #FFFFFF;  margin-top: -10px;outline:0;
}
.modal .modal-header .close{
	font-size: 3.5em; filter: alpha(opacity=20); opacity: 1;
	text-shadow: none; font-weight: normal;
}
.modal .modal-content .modal-header{
	padding: 5px; background: rgba(48, 142, 212, 0.8);
}
.modal .modal-header .modal-title{
	color: #FFFFFF; font-family: SimHei;
}



/* 图片特效 start */


.img-animation{
	-webkit-animation: imageAnimation 15s linear infinite 0s;
    -moz-animation: imageAnimation 15s linear infinite 0s;
    -o-animation: imageAnimation 15s linear infinite 0s;
    -ms-animation: imageAnimation 15s linear infinite 0s;
    animation: imageAnimation 15s linear infinite 0s;
}

@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 1;
	    animation-timing-function: ease-in;
	}
	10% {
	    transform: scale(1.02);
	}
	20% {
	    transform: scale(1.04);
	}
	30% {
		transform: scale(1.06);
	}
	40% {
	    transform: scale(1.08);
	}
	50% {
		opacity: 1;
	    transform: scale(1.1);
	}
	60% {
	    transform: scale(1.08);
	}
	70% {
	    transform: scale(1.06);
	}
	80% {
		transform: scale(1.04);
	}
	90% {
		transform: scale(1.02);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 1;
	    animation-timing-function: ease-in;
	}
	10% {
	    transform: scale(1.02);
	}
	20% {
	    transform: scale(1.04);
	}
	30% {
		transform: scale(1.06);
	}
	40% {
	    transform: scale(1.08);
	}
	50% {
		opacity: 1;
	    transform: scale(1.1);
	}
	60% {
	    transform: scale(1.08);
	}
	70% {
	    transform: scale(1.06);
	}
	80% {
		transform: scale(1.04);
	}
	90% {
		transform: scale(1.02);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 1;
	    animation-timing-function: ease-in;
	}
	10% {
	    transform: scale(1.02);
	}
	20% {
	    transform: scale(1.04);
	}
	30% {
		transform: scale(1.06);
	}
	40% {
	    transform: scale(1.08);
	}
	50% {
		opacity: 1;
	    transform: scale(1.1);
	}
	60% {
	    transform: scale(1.08);
	}
	70% {
	    transform: scale(1.06);
	}
	80% {
		transform: scale(1.04);
	}
	90% {
		transform: scale(1.02);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 1;
	    animation-timing-function: ease-in;
	}
	10% {
	    transform: scale(1.02);
	}
	20% {
	    transform: scale(1.04);
	}
	30% {
		transform: scale(1.06);
	}
	40% {
	    transform: scale(1.08);
	}
	50% {
		opacity: 1;
	    transform: scale(1.1);
	}
	60% {
	    transform: scale(1.08);
	}
	70% {
	    transform: scale(1.06);
	}
	80% {
		transform: scale(1.04);
	}
	90% {
		transform: scale(1.02);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes imageAnimation { 
	0% {
	    opacity: 1;
	    animation-timing-function: ease-in;
	}
	10% {
	    transform: scale(1.02);
	}
	20% {
	    transform: scale(1.04);
	}
	30% {
		transform: scale(1.06);
	}
	40% {
	    transform: scale(1.08);
	}
	50% {
		opacity: 1;
	    transform: scale(1.1);
	}
	60% {
	    transform: scale(1.08);
	}
	70% {
	    transform: scale(1.06);
	}
	80% {
		transform: scale(1.04);
	}
	90% {
		transform: scale(1.02);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* 图片特效 end */

/** add by hjj 20160519 begin **/
/** modal重定义 在右上角，边框为蓝色的modal **/
.modal-backdrop.in{
	display: none;
}
.right_blue_modal.madal .in .modal-dialog{
	position: absolute; top: 55px; right: 10px; margin: 0 auto;
}
.right_blue_modal .modal-content{
	border: 12px solid rgba(48, 142, 212, 0.8); border-top: 0;
	background-color: transparent;
}
.right_blue_modal .modal-header{
	background: rgba(48, 142, 212, 0.8);
}
.right_blue_modal .modal-body{
	line-height: 22px; background-color: #FFFFFF;
}
/** add by hjj 20160519 end **/


/** add by hjj 20160519 begin **/
/*蓝色按钮样式*/
.blue_btn{
	border: 1px #B9D9EE solid; background-color: #308ED4; color: #FFFFFF;
	padding: 3px 5px; height: 26px; min-width: 75px; margin: 2px; cursor: pointer;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.blue_btn:HOVER{
	background-color: #51A0DB;
}
.orange_btn{
	background-color: #E97A2B; color: #FFFFFF; border: 0;
    padding: 3px 5px; height: 26px; min-width: 75px; margin: 2px; cursor: pointer;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.orange_btn:HOVER{
	background-color: #ED8933;
}
/*提交按钮样式*/
.submit_btn{
	border: 1px #B9D9EE solid; background-color: #0CB013; color: #FFFFFF;
	padding: 3px 5px; height: 26px; min-width: 75px; margin: 2px; cursor: pointer;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.submit_btn:HOVER{
	background-color: #0ECD17;
}
button, .gohref{
	cursor: pointer;
}
/** add by hjj 20160519 end **/

.modal-header .closeBtn{
	width: 21px;
	height: 21px;
	cursor:pointer;
	background: url('../sd/images/comm/white_btn_close.png') center no-repeat;
	position: absolute;
	top:5px;
	right: 0;
	border: 0;
}
.modal-header .closeBtn:hover{
	background-size: 95%;
}

/* 清除浮动 */
.cb:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
.cb { clear:both; zoom:1;}


/* Html root */
html { font-size: 625%; }
@media screen and ( max-device-width: 1920px ) {
	html { 
		font-size: 833.3333% !important;
	}
}
@media screen and ( max-device-width: 1680px ) {
	html { 
		font-size: 729.1666% !important;
	}
}
@media screen and ( max-device-width: 1600px ) {
	html {
		font-size: 694.4444% !important;
	}
}
@media screen and ( max-device-width: 1440px ) {
	html { 
		font-size: 625% !important; 
	}
}
@media screen and ( max-device-width: 1366px ) {
	html { 
		font-size: 592.8819% !important; 
	}
}
@media screen and ( max-device-width: 1360px ) {
	html {
		font-size: 590.2777% !important; 
	}
}
@media screen and ( max-device-width: 1280px ) {
	html {
		font-size: 555.5555% !important;
	}
}