@charset "utf-8";
/**
 * @author administrator
 * Copyright 2014, Inc.
 * @version 1.0 14-9-15 15.00
 */
*{ font-family: "microsoft yahei", Helvetica, sans-serif;}
 html, body {
	height: 100%;
     font-family: "microsoft yahei", Helvetica, sans-serif;
}
body {
    font-family: "microsoft yahei", Helvetica, sans-serif;
	/* padding-top:90px; */


}
img{border:0;}

ul, li {
	list-style:none;
	margin:0;
  padding: 0;
}
a, a:hover {
	text-decoration:none;
    outline: none;
}
.modal-content {
	border-radius:0;
}
.modal-body h4 {
	color:#333;
}
.modal-body {
	color:#999;
}
.table{
    background: #fff;
}
.ccHidden{
	display:none;
}
/********Init end***********/
#footer-wrapper{
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#pg-container {
    position: relative;
    min-height: 100%;
}

#main-container {
    margin-top: 10px;
}


.background-white {
	background:#fff;
	overflow:hidden;
}
.margin-top {
    margin-top: 25px;
}
.margin-bottom {
	margin-bottom:15px;
}
.text-red {
	color:#ff0000 !important;
}
.text-gray {
	color:#999 !important;
	font-size:12px !important;
}
.navbar-nav>li>a {
    padding-top: 15px;
    padding: 15px 30px 15px 0;
}
/*********Common Widget end*************/
.form-control{
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn {
	border-radius:0px;
}

.btn-common {
    background: #31bc86 !important;
    color:#fff;
    padding:6px 15px;
}
.btn-common:hover {
    background:#40d199 !important;
    color:#fff;
}

.btn.btn-common-secondary, .btn.btn-common-secondary:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(49, 188, 134, 1);
    border: 1px solid rgba(49, 188, 134, 1);
    padding: 6px 12px;
    font-size: 16px;
    height: 38px;
}

.btn-gray {
	background:#999;
	color:#fff;
    padding: 7px 15px;
}
.btn-gray:hover {
	background:#999;
	color:#fff;
}
.progress-bar {
	background:#40d199;
}
.btn-black {
    background: #0088cc;
    color:#fff;
    padding: 7px 15px;
}
.btn-line {
    background:#fff;
    border: 2px solid #fff;
    color:#666;
}
.btn-line:hover{
    background:#eab15b;
    border: 2px solid #eab15b;
    color: #fff;
}
.btn-blue{
    background: #0088cc;
    color:#fff;
    padding: 7px 15px;
}
.btn-blue:hover{
    background: #007bb9;
    color:#fff;
    padding: 7px 15px;
}
.search-form-bar{
    width:200px;
}
.search-form-bar .input-search{
    border-right: 0;
}
.search-form-bar .btn-search{
    background: #31bc86;
    box-shadow:none;
    border: 1px solid #31bc86;
    border-left: none;
    color:#fff;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 15px
}
.search-form-bar .btn-search:hover{
    background: #40d199;
}
.search-form-bar2{

}
.search-form-bar2 .input-search{
    border-right: 0;
}
.search-form-bar2 .btn-search {
    background: #31bc86 ;
    box-shadow: none;
    border: 1px solid #31bc86;
    border-left: none;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 15px;
}
.search-form-bar2 .btn-search:hover{
    background: #40d199;
}
/********Form end***********/
.nav-tabs > li > a {
	/*background:#eab15b ;*/
    background: #fff;
    border-bottom:0px solid #ddd;
	border-radius:0;
	color:#333;
	padding:10px 20px;
}
.nav-tabs > li > a:hover {
	background:#ddd;
    padding:10px 20px;
}
.nav-tabs > li {
	float:none;
	margin-bottom: -1px;
	display: inline-block;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {

    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    font-weight: bold;

}
/******** Tab end *************/
.input-group .form-control{
    border-radius: 0;
}
/********* Form end *****************/
.comingsoon{}
.comingsoon h3{
    color: #fff;
    margin-top: 100px;
}
#pagination{
    float: right;
    margin-top: 15px;
}
.pagination {
	margin-top:0;
}
.pagination .glyphicon{
    top: 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #31bc86;
	border-color: #31bc86;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding:6px 10px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #fff;
    background-color: #2b313b;
    border-color: #2b313b;
}
/******** Pagination end *************/

.navbar-nav>li {

}

.navbar-default {
	background:#f4f4f4;
    border-bottom: 1px #d4d7df solid;
    box-shadow: 1px 1px 1px rgba(34, 30, 31, .075);
}
.navbar {

}
.navbar-default .navbar-nav > li > a {
	color: #333;
	font-size:14px;
    margin: 0;
    padding: 15px 12px;
    margin-left: 1px;
    outline: none;
}
.navbar-default .navbar-nav > li > a:hover{
    color: #333;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
    color: #333;
    font-weight: bold;
    /*border-bottom: #0088cc solid 5px;*/
}

.navbar-top-area{
    /*background: #0088cc;*/
    background: #2b313b;
    height: 40px;
    margin-bottom: 0px;
    width: 100%;
}
.navbar-top{

}
.navbar-top li{
    float: left;
    margin-top: 9px;
}
.navbar-top li > a{
    color: #778586;
    display: inline-block;
    padding:0px 10px;
}
.navbar-top li > a:hover{
    color: #ff2a02;
}
.navbar-top li.active > a{
    border-radius:1px;
    color: #fff;
}
.navbar-top li.active > a:hover{
    background: #26ae79;
    color: #fff;
}
.service-telephone{
    font-size: 14px;
    float: right;
    margin-top: 8px;
    margin-right: 20px;

}
.service-telephone a{
    color: #fff !important;
}
.navbar-header{
    height: 50px;
}
.navbar-brand{
    padding: 0px 15px;
}
.logo{
    background: url("../img/logo.png") no-repeat;
    display: inline-block;
    float: left;
    display: inline-block;
    padding-left:40px;
    height: 40px;
    width: 58px;
}
.logo-slogan{
    color: #fff;
    float: left;
    margin-top: 10px;
}
#enterLogin{
    background: #31bc86;
    padding: 3px 15px;
    margin-top: -1px;
}
#enterLogin:hover{
    background: #26ae79;
}
.dropdown-menu{
    z-index: 999999;
}
.nav-tabs-student .dropdown-menu{
    max-height: 300px;
    overflow-y: auto;
}
/********Header end***********/
.pg-container{

    position: relative;
    min-height: 100%;
    _height: 100%;
}
.pg-container .pg-container-content{
   /* padding-bottom: 50px;*/
   /* padding-top: 5px; */
}
.footer {
    background: #373737;
    /*position: absolute;*/
    color: #999;
    bottom: 0;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;

    width: 100%;
}
.footer h6 {
	color: #abacae;
	font-size: 16px;
	margin-bottom: 12px;
}
.footer ul {
	margin: 0 0 12px;
}
.nav-footer li {
	display: list-item;
	float: none;
	font-size: 12px;
	line-height: 25px;
}
.footer ul>li>a {
	color: #ddd;
}
.footer ul>li>a:focus, .footer ul>li>a:hover {
	color: #8eb409;
	filter: alpha(Opacity=100);
	opacity: 1;
}
.nav-sns {
	width: 100%;
	overflow: hidden;
	padding-top: 5px;
	margin-bottom: 0 !important;
}
.nav-sns li {
	float: left;
	margin-right: 10px;
}
.tips-warning {
    background: #f00;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    left: 50%;
    position: fixed;
    top: 50px;
    text-align: center;
    margin-left: -100px;
    width: 200px;
    z-index: 99999;
}
.tips-success {
    background: #75bf56;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    left: 50%;
    position: fixed;
    top: 50px;
    text-align: center;
    margin-left: -100px;
    width: 200px;
    z-index: 99999;
}
.tips-loading {
    background: #fff url(../img/loading.gif) no-repeat 10px 5px;
    border: 2px solid #17a2e8;
    color: #333;
    font-size: 12px;
    line-height: 25px;
    height: 30px;
    left: 50%;
    position: fixed;
    top: 50px;
    text-align: center;
    margin-left: -50px;
    padding-left: 10px;
    width: 100px;
    z-index: 99999;
}
/********Footer end***********/
.container-login{
    background: rgba(255,255,255,0.9);
    margin: 80px auto 0;
    max-width: 500px;
    margin-top:120px;
}
.container-login h1{
    font-size: 25px;
    padding-left: 15px;
}
.language-area{
    border-top: 1px solid #ddd;
    margin-top: 15px;
    padding-top: 20px;
    text-align: center;
}
.language-area > a{
    color: #333;
    padding: 5px;
}
.padding-left-none{
    padding-left: 0;
}
.padding-right-none{
    padding-right: 0;
}
.user-name{
    color: #fff !important;
    font-size: 14px;
    padding-right: 10px;
}
.logout{
    color: #aaa !important;
}
.logout:hover{
    color: #fff !important;
}
.no-found{
    margin-top: 50px;
}
.no-found h3{
    color: #333;
    text-shadow: 1px 1px 1px #fff;

}

.img-gray{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);

}
.data-nothing{
    margin: 50px;
}
.font-ellipsis{
   overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
    .cont-hide-more{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        width:120px !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px)  {
    .cont-hide-more{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:300px !important;
    }
}
@media screen and (max-width: 767px) {
    .cont-hide-more{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        width:120px !important;
    }
}
code{
    background:#ddd;
    font-family: "microsoft yahei", Helvetica, sans-serif;
    padding: 5px 8px;
    font-size: 12px;
}
H2.ccH2, .ccH2 {
    font-weight: normal;
    color: #000;
    font-size: 14px;
}
@media (max-width: 768px) {
    .cont-hide-more{
        max-width: 200px !important;
    }
}
.modal-header {
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
    padding: 10px 25px;
}
button.close {
    background: url(../img/icon-close.png) no-repeat;
    height: 24px;
    width: 24px;
    opacity: 1;
    margin-top: -25px !important;
    margin-right: -35px;
    text-indent: -9999px;
    transition: all ease-out .3s;
    background-size: 24px;
}
button.close:hover {
    opacity: 1;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.sort-col {
    color:#787878;font-size:12px;padding-left:3px;
}

.order-way {
    cursor: pointer;
}
/*Admin Nav Overview */
#ccTInner {
    white-space: nowrap;
    padding-top: 10px !important;
    width: auto !important;
}
UL.ccTabList {display:inline;padding:0;margin:0}
LI.ccTab {display:inline-block}
LI.ccTab:hover,LI#ccTabOn.ccTab:hover {background-color:#fff;color:#1b75ba;}
LI.ccTab:hover>A,LI#ccTabOn.ccTab:hover>A {}
LI.ccTab:focus,LI#ccTabOn.ccTab:focus {background-color:#fff;color:#1b75ba;}
LI.ccTab>A {color:#333;display:block;font-size:14px;text-decoration:none;padding:0px 12px;}
LI#ccTabOn.ccTab {}
LI#ccTabOn.ccTab>A {color:#b160ea;}
LI.ccTab>A:hover,LI#ccTabOn.ccTab>A:hover {}
LI.ccTab>A:focus,LI#ccTabOn.ccTab>A:focus {color:#1b75ba}
UL.ccTabPDMenu {background-color:#fff;list-style-type:none;margin:0;padding:0;border:1px solid #ddd; border-top:none;padding-bottom: 15px;}
LI.ccTabPDItem {padding:0}
LI.ccTabPDItem>A {background-color: #fff; color: #666; display: block; font-weight: normal; text-decoration: none; font-size: 14px; text-align: left; padding-left: 15px; padding-top: 20px; }
LI.ccTabPDItem>A:hover,LI.ccTabPDItem>A:focus {background-color:#fff; font-size:14px;text-decoration:none}
LI.ccTabPDItem>A{
    padding:8px 20px;
    line-height:normal;
}

#ccTabs{
    padding-top:0;
}

#ccTInner{
    padding-top:0!important;
}



.ccTabList>.ccTab{
    position:relative;
    height:50px;
    line-height:50px;
}

.ccTabPDMenu{
    position:absolute;
    right:0px;
    display:none;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index:100;
}

LI.ccTabPDItem>A{
    padding:8px 20px;
    line-height:normal;
}

.ccTab.js_has_subTabs:hover >A{
    background-color:#dedede;
}
.ccTab.js_has_subTabs:hover .ccTabPDMenu{
    display:inherit;
}

.open-in-new {
    float:right;
    margin-right: 6px;
}
  @media(max-width: 767px) {

  }
  @media (min-width: 768px) and (max-width: 1024px) {

  }
  .time-float-right{
    float:right;
  }
  .cc-padding-l-none {
    padding-left: 0;
  }

  .cc-padding-r-none {
    padding-right: 0;
  }