@charset "utf-8";

body {
    /*background: #c17b7b url(../images/bg4.jpg) no-repeat center top !important;*/
    background-image: url(../images/bg5.jpg) !important;
    background-position:  center top;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-color: #983b9e!important;*/
}

/* ---------- 整体区域 ---------- */
.wrapper { overflow:hidden; }

/* 顶部区域 */
.header { margin:0 auto; width:777px; }
.header2 { margin:15px auto; color:white; }
.header2 button, .header2 button:hover, .header2 button:focus { padding:0 12px; color:white; text-decoration: none; outline: none !important;}
.header2 a, .header2 a:link, .header2 a:visited, .header2 a:hover, .header2 a:active { color:white; }
.header2 h1 { margin:10px auto; font-family:'Kaiti','STKaiti','楷体','华文楷体';}
.header2 #lang { color:white; }
@media screen and (min-width:992px) {
	.header2 #lang { margin-top:20px; }
}
@media screen and (max-height:475px) {
    .mainwrap2{margin-top:5px !important; margin-bottom:0px !important;}
}
.header2 #lang a { color:white; }
.mainwrap{ height:204px; margin:auto; background:url(../images/logo.png) no-repeat top center; overflow:hidden; clear:both; }
.mainwrap2{ height:92px; margin-top:15px; margin-bottom:5px; background:url(/ui/activation/images/logo2.png) no-repeat top center; overflow:hidden; clear:both; }

/* ---------- Nav导航菜单 mod ---------- */
.nav-stu { height:49px; line-height:49px; margin:0 auto; clear:both; overflow:hidden; zoom:1; }
.nav-stu ul { clear:both; }
.nav-stu ul li { text-align:center; border-width: 1px; border-style: solid none none none; border-color: #95B7D7; background-color:#7584BF; display:inline-block; float:left; width:33%; font-size:16px; color:#fff; text-decoration:none; display:block; border-radius: 10px 10px 0 0; }
.nav-stu ul li a { width:33%; font-size:16px; color:#fff; text-decoration:none; display:block; }
/* .nav ul li a:hover { background:url(../images/nav_hover.png) no-repeat; } */
.nav-stu ul li.nav-stu-active { width:34%; background-color:#6867B3; }

/* ---------- 中部区域 ---------- */
.content { width:777px; margin:0 auto; padding-bottom:30px; border-bottom-left-radius:10px;border-bottom-right-radius:10px; background:#eee; filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7; clear:both; overflow:hidden; zoom:1; position: relative; z-index:20;}
.content h3 { width:700px; height:35px; margin:30px auto; line-height:35px; color:#580206;  }
.content h4 { width:700px; height:1px; margin:30px auto; line-height:88px; color:#580206; border-bottom:1px solid #FFF; }
.content p { width:95%; margin:5px auto; line-height:25px; color:#580206; }
.content p a { color:#1e4bda; font-weight:bold; }

.tab { margin:10px auto; position: relative; z-index:30;}
.tab td { height:55px; font-size:16px; color:#580206; }
.fl { padding-left:10px; text-align:left; }
.tab td .span1 { width:40px; height:40px; line-height:40px; background:#dedede; color:#580205; display:block; float:left; }
.tab td .span2 { width:80px; height:40px; line-height:40px; background:#dedede; color:#580205; display:block; float:left; }

.tab td .s1 { background:#ff0008!important; }
.tab td .s2 { background:#ffd800!important; }
.tab td .s3 { background:#95c404!important; }

.tab2 { margin:30px auto; }
.tab2 td { height:35px; font-size:16px; color:#580206; text-align:left; }
.tab2 td a { color:#1e4bda; font-weight:bold; }

.input{ width:249px; height:43px; line-height:43px; background:#f5ebe2; border-top:1px #aba49e solid; padding:0 10px; font-size:14px; color:#580206; border-radius:10px; }

.img { width:130px; height:130px; float:left; }
.mr0 { MARGIN-RIGHT: 0; }
.img .a1 { width:130px; height:130px; line-height:130px; text-align:center; font-size:20px; font-family:"微软雅黑","黑体"; color:#fff !important; display:block; }
.img .a2 { width:130px; height:130px; line-height:130px; text-align:center; font-size:16px; font-family:"微软雅黑","黑体"; color:#fff !important; display:block; }
.img a:hover { text-decoration: none; }
.bks { background: url(../images/bks_bg.png) no-repeat; }
.yjs { background: url(../images/yjs_bg.png) no-repeat; }
.jxs { background: url(../images/jxs_bg.png) no-repeat; }

ol.circles {}
ol.circles > li > span { display: inline-block; float:left; border-radius: 50%; }
ol.circles > li > span.freshmen { background: #916aa0; }
ol.circles > li > span.new-fac { background: #029c92; }
ol.circles > li > span.existing { background: #2599e6; }
ol.circles > li > span.ug { background: #916aa0; }
ol.circles > li > span.grad { background: #2599e6; }
ol.circles > li > span.vs { background: #6873a2; }
ol.circles > li > span > a { width:160px; height:160px; line-height:130px;line-height: 2;  padding-top: 62px; text-align:center; font-family:"微软雅黑","黑体"; color:#fff !important; display:block; }
ol.circles > li > span > a:hover { text-decoration: none; }
ol.circles > li > span > .a1 { font-size:20px; }
ol.circles > li > span > .a2 { font-size:15px; }

.xs { background: url(../images/xs_bg.png) no-repeat; }
.jzg { background: url(../images/jzg_bg.png) no-repeat; }

.error { margin:0 auto; width:250px; height:30px; line-height:30px; border-radius:10px; background-color:#e8ef8e; border:1px dotted #fff; color:#e5020d; font-size:16px; display:block; }
/*for english*/
.error2 { margin:0 auto; width:600px; height:30px; line-height:30px; border-radius:10px; background-color:#e8ef8e; border:1px dotted #fff; color:#e5020d; font-size:14px; display:block; }

.sm { width:70%; margin:20px auto; }
.sm h2 { font-size:16px; font-weight:bold; color:#e5020d; text-align:left; }
.sm ul { }
.sm ul li { font-size:14px;font-weight:bold;line-height:25px; color:#580206; text-align:left; }

/*按钮*/
.button { width:138px; height:34px; background:url(../images/button.png) no-repeat; font-size:16px; margin:20px 10px; border-radius:5px; color:#fff; position: relative; z-index:30; border:none; }
.buttonEn { width:138px; height:34px; background:url(../images/button.png) no-repeat; font-size:14px; margin:20px 10px; border-radius:5px; color:#fff; position: relative; z-index:30; border:none; }

.button2 { width:138px; height:34px; background:url(../images/button.png) no-repeat; font-size:16px; margin:20px 0px; border-radius:5px; color:#fff; float:left; border:none; }
.button3 { width:160px; height:60px; background:#4876FF	; font-weight:bold; font-size:20px; margin:20px 30px; border-radius:10px; color:#fff; border:none; }
.button4 { line-height:55px; background:#4876FF; font-weight:bold; font-size:20px; margin-left:auto; margin-right:60px; border-radius:10px; float:left; }
.button4 a { width:160px; height:60px; color:#fff; display:block; }
.button4 a:hover { text-decoration:none; }
/* ---------- footer ---------- */
.footer, .footer a, .footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color:#490254; margin:20px auto; font-size: 15px;}

/*for login*/
.line {
	background: url(/res/common/images/line.png);
	height: 2px;
}
.red { color: red; }
.green{ color: green; }
.cursor{ cursor:pointer; }
.font {
	font-family: Microsoft YaHei;
	color: #333333;
}
.border-red{
	border-color: red;
	color: red;
}

/*文件上传 */
.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

/* Spinner from http://tobiasahlin.com/spinkit */
.spinner {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


.info_left {
  font-size:19px;
  text-align: left;
  text-indent: 35px;
  margin-left: 0px;
}


.jumbotron >h3{color: #660874;}
.jumbotron[style] >h3{color: #000000;}
.jumbotron .has-feedback .col-sm-8{padding-right: 0;padding-left: 0;margin-bottom: 8px;}
.jumbotron button {margin-top: 8px!important;}
.jumbotron .has-feedback.has-success .col-sm-4{padding-right: 0;padding-left: 0;}
.jumbotron .has-feedback.has-success .col-sm-4 .djsdiv{padding: 0!important;margin: 0!important;margin-left: 12px!important;margin-top: 14px!important;width: 100%;display: block;}
.jumbotron .has-feedback{clear: both;height: 42px;}


@media (max-width: 767px) {
    .jumbotron .has-feedback{height: auto!important;}
}