.themeColor {
    color: #004083
}

label.error {
    color: red;
    font-style: normal;
    padding-left: 10px;
}

em.required {
    color: red;
    font-style: normal;
    font-weight: normal;
    padding-right: 1px;
}

.page {
    font-size: 14px;
}

a.page {
    text-decoration: none;
    color: #000000;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    margin: 0 3px;
    background-color: #f0f0f0;
    border: #cccccc solid 1px;
}

a.page:hover {
    text-decoration: none;
    color: #1B6DA8;
}

a.page-curr {
    text-decoration: none;
    /* color: #ff6600;*/
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    margin: 0 3px;
    background-color: #ffffff;
    border: #1785dc solid 1px;
    color: #1785dc /*
    border: #DC3A3A solid 1px;
    color: #DC3A3A
    */
}

.w100 {
    width: 100%
}

.w50 {
    width: 56%
}

.w {
    width: 1020px;
}

.w15 {
    width: 1050px;
}

.w18 {
    width: 1080px;
}

.w930 {
    width: 930px;
}

.w1190 {
    width: 1190px;
}

.w1260 {
    width: 1260px;
}

.w1310 {
    width: 1310px;
}

.w1330 {
    width: 1330px;
}

.w1490 {
    width: 1490px;
}

.w1 {
    width: 320px;
}

.w11 {
    width: 400px;
}

.w12 {
    width: 370px;
}

.w2 {
    width: 660px;
}

.c-desc {
    color: #8c8c8c;
}

.c-node {
    color: #458fce;
}

.c-infoem {
    color: #3b639f;
}

.c-comment {
    color: #1E50A2;
}

a.a {
    color: #252525;
    text-decoration: none
}

a.a:hover {
    /*  color: #cd0200;*/
    color: #1679c6;
    text-decoration: underline
}

a.nava {
    color: #fff;
    text-decoration: none;
    font-family: YouYuan;
}

a.nava:hover {
    text-decoration: none;
    font-weight: bolder
}

/*a.topa{color:#333333;font-size:16px;text-decoration:none;}
a.topa:hover{color:#333;}*/
a.topa {
    /*  color: #dc3a3a;*/
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
}

a.topa:hover {
    color: #fff;
}

a.detaila {
    font-size: 12px;
    color: #3b639f;
}

a.detaila:hover {
    text-decoration: underline;
}

.notifi {
    padding: 1px 5px 2px 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #ffffff;
}

.notifi:hover {
    color: #ffffff;
}

.notifi-curr {
    background-color: #f39c12;
    color: #fff;
    border-color: #f39c12;
}

#notifi-container a.notifi-source {
    color: #006699;
}

#notifi-container a.notifi-target {
}

#notifi-container a.notifi-view {
    color: #3E62A6;
}

.favorite-icon-curr {
    color: #ffbb00;
}

.search-input {
    font-size: 14px;
    padding: 6px;
    height: 18px;
    line-height: 17px;
    border-left: 2px solid #ccc;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-right: 0;
}

.search-input:focus {
    border-left: 2px solid #3297d8;
    border-top: 2px solid #3297d8;
    border-bottom: 2px solid #3297d8;
}

.nav .item {
    padding: 0 15px;
}

/*.nav .first{border-right:1px solid #355C90;}*/
.nav .first {
    /*border-right: 1px solid #188ff3;*/
}

/*.nav .middle{border-left:1px solid #82ABDB;border-right:1px solid #355C90;}*/
.nav .middle {
    /* border-left: 1px solid #dc3a3a;
     border-right: 1px solid #ff2b3a;*/
    border-left: 1px solid #1b6da8;
    border-right: 1px solid #1b6da8;
}

/*.nav .last{border-left:1px solid #82ABDB;}*/
.nav .last {
    border-left: 1px solid #1b6da8;
    /* border-left: 1px solid #dc3a3a;*/
}

.nav .curr {
    font-weight: bold;
}

.focus {
    position: relative;
    overflow: hidden;
}

.focus-content {
    position: relative;
    padding-left: 0;
    list-style: none;
}

.focus-content .content-item {
    float: left;
    position: relative;
}

.focus-content .content-item .item-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #000;
    filter: alpha(opacity=50);
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
}

.focus-content .content-item .item-title .title-text {
    position: relative;
}

.focus-page {
    position: absolute;
    bottom: 30px;
    right: 3px;
}

.focus-title {
    font-size: 18px;
    font-weight: bold;
}

.focus-page .page-num {
    padding: 0 5px;
    background: #666;
}

.focus-page .curr {
    background: #cc0000;
}

a.focusa {
    color: #fff;
    text-decoration: none;
}

a.focusa:hover {
    color: #DC3A3A;
}

.ico-point-blue {
    background: url(img/ico-point-blue.png) 0 center no-repeat;
}

.ico-point-red {
    background: url(img/ico-point-red.png) 0 center no-repeat;
}

.info-list li.item {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
}

.info-list li.spacing {
    height: 15px;
}

.rank-top {
    margin: 3px 0;
    width: 22px;
    line-height: 22px;
    color: #fff;
    background-color: #db2323;
}

.rank-normal {
    margin: 2px 0;
    width: 20px;
    line-height: 22px;
    border: 1px solid #ccc;
}

.box1 {
    height: 29px;
    line-height: 28px;
    background-color: #fbfbfb;
    border-top: 2px solid #458fce;
    border-bottom: 1px solid #dbecec;
}

.box1 .head {
    padding-left: 10px;
}

.box2 {
    border: 1px solid #d2e1f1;
}

.box2 .head {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: url(img/box_bg.png);
}

.box3 {
    height: 29px;
    line-height: 30px;
    position: relative;
    border-top: 2px solid #458fce;
    border-bottom: 1px solid #dbecec;
    background-color: #fbfbfb;
}

.box3 .head {
    padding: 0 20px;
    background-color: #fff;
    position: absolute;
    border-left: 1px solid #bdd7f2;
    border-right: 1px solid #bdd7f2;
}

.box4 {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: url(img/box_bg.png);
    border-top: 1px solid #bdd7f2;
}

.box5 {
    border-bottom: 1px dotted #d2e1f1;
    margin-top: 10px;
    font-family: Heiti;
}

.box5 .head {
    border-bottom: 2px solid #C40001;
    padding-bottom: 9px;
}

.cert {
    padding-right: 18px;
    margin-right: 2px;
    background: url(img/cert.png) right center no-repeat;
}

.play {
    padding-right: 5px;
    background: url(img/play.png) 5px center no-repeat;
}

a.atext {
    text-decoration: none;
    color: #999
}

.info-title {
    padding-top: 10px;
    padding-bottom: 20px;
    margin: 0;
    font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei";
    font-size: 22px;
    text-align: center;
}

.info-detail {
    padding: 5px;
}

.info-text {
    font-size: 18px;
    line-height: 18px;
}
.info-text video{
    width:100% !important;
    height:500px;
}
@media all and (max-width: 479px) {
    .info-text img{
        width: 100% !important;
        height: auto !important;
    }
}

.score-mood {
    padding: 10px 0;
    list-style: none;
    text-align: center;
}

.score-mood .mood-item {
    float: left;
    margin: 0 10px;
    padding: 0 5px;
    cursor: pointer;
}

.score-mood .mood-item .item-count {
    color: #cc3333;
}

.score-mood .mood-item .item-img {
    padding: 2px 0;
}

.digg .digg-item {
    float: left;
    padding-left: 90px;
    width: 46px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    color: #256eb1;
}

#diggs {
    background: url(img/digg.png);
}

#burys {
    margin-left: 20px;
    background: url(img/digg.png) no-repeat -149px 0;
}

#diggs:hover {
    background: url(img/digg.png) 0 -50px;
}

#burys:hover {
    background: url(img/digg.png) -149px -50px;
}

a.comment-like {
    color: #666;
    text-decoration: none;
}

a.comment-like:hover {
    color: #BA2636;
}

.comment-score {
    color: #BA2636;
}

.comment-i {
    font-size: 14px;
    margin-top: 5px;
    border: 1px solid #379BE9;
    height: 100px;
    line-height: 100px;
    text-align: center;
}

.comment-form {
    border: 1px solid #ccc;
    margin-top: 5px;
}

.comment-form-body {
    padding: 8px;
}

.comment-form-footer {
    border-top: 1px solid #ccc;
    overflow: hidden;
    padding: 8px;
}

.comment-textarea {
    width: 100%;
    height: 80px;
    border: none;
    margin: 0;
    padding: 0;
    outline: none;
    resize: none;
    font-size: 14px
}

.comment-captcha {
    width: 94px;
    padding: 4px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #ccc;
}

.comment-captcha-img {
    cursor: pointer;
    border: 1px solid #ccc;
    margin: 0;
    vertical-align: top;
    display: none;
}

.comment-button {
    height: 32px;
    padding: 0 1em;
    border: 0;
    margin: 0;
    background-color: #458fce;
    font-size: 14px;
    color: #fff;
}

.comment-like {
    text-align: right;
}

.comment-avatar {
    padding: 2px;
    border: 1px solid #ccc;
    width: 42px;
    height: 42px;
}

a.comment-login {
    color: #458FCE;
}

.guestbook-i {
    font-size: 14px;
    border: 1px solid #379BE9;
    height: 100px;
    line-height: 100px;
    text-align: center;
}

a.guestbook-login {
    color: #458FCE;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0;
}

/*
.button{padding:0 0.5em;height:24px;border:1px solid #999;background-color:#eee;line-height:normal;overflow:visible;}
.button:hover{border:1px solid #7a7a7a;background-color:#dfdfdf;}
.button:active{border:1px solid #7a7a7a;background-color:#fff;}
.button:focus{border:1px solid #7a7a7a;background-color:#dfdfdf;}
*/

.ldMainPageBg {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.77) !important;
    filter: Alpha(opacity=77);
}

.headTitle {
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
    margin-right: 5px;
}

.titleIcon {
    width: 20px;
    height: 20px;
    padding-bottom: 10px;
    padding-right: 5px

}


.headgf {
    margin-bottom: 10px;
    margin-top: 10px;
    /*border-bottom: 1px solid #e6e6e6;*/
}

.headgf a {
    font-size: 18px;
    color: #333;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    text-decoration: none;
}

.headgf a:hover {
    text-decoration: none;
    color: #333;
}

.news-item {
    border-bottom: 1px dashed #e6e6e6;
    height: 120px;
    margin-top: 15px;
    cursor: pointer;
}

.item-title {
    font-size: 16px;
    height: 20px;
    margin-bottom: 6px;
    color: black;
    font-family: "Microsoft YaHei";
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
}

.item-title:hover {
    text-decoration: none;
    color: #1B6DA8
}

.item-text {
    color: #999;
    line-height: 22px;
    overflow: hidden;
    margin-bottom: 10px;
}

.item-date {
    color: #666666;
}

.item-date-img {
    height: 18px;
    width: 18px;

}

.item-description {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    height: 50px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.item-date-notice {
    padding-top: 8px;
    width: 80px;
    height: 60px;
    background-color: #E6F5FF;
    float: left;
    border-radius: 6px;
    margin-top: 15px;
    margin-left: 15px;
}

.readMore {
    margin-top: 10px;
    margin-bottom: 10px;
}

.readMore a {
    width: 118px;
    height: 38px;
    border: 1px solid #1B6DA8;;
    margin: 0 auto;
    border-radius: 25px;
    text-align: center;
    line-height: 38px;
    display: block;
    color: #1B6DA8;;
    transition: all 0.3s ease-in-out;
}

.readMore a:hover {
    text-decoration: none;
    color: white;
    background-color: #1B6DA8;
}

.readMore a:visited {
    text-decoration: none;
    background-color: #1B6DA8;
}

.item-life {
    height: 164px;
}

.ul-life {
    margin: 0 -15px;
    padding-top: 20px;
}

.life-list {
    margin: 0 -15px;
    padding-top: 20px;
    display: inline-block;
}

.life-list li {
    float: left;
    margin-bottom: 15px;
    width: 323px;
    list-style: none;
}

.life-list li > a {
    display: block;
    margin: 0 15px;
    background-color: #f5f5f5;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    color: black
}

.life-item-img {
    padding-bottom: 56.05%;
}

.life-list li h3 {
    font-size: 18px;
    padding: 15px 20px;
    border-bottom: 4px solid #0099CC;
    font-weight: 600;
    background: url("img/clickMore2.png") no-repeat right 15px center;
    background-size: 20px;
}

.life-list li > a:hover {
    background-color: #99CCFF;
}


.life-list li > a:hover h3 {
    color: #fff;
}

.life-list li > a:hover h4 {
    color: #fff;
}

.life-list li > a:hover p {
    color: #fff;
}

.life-list li:nth-child(2n) > a:hover h3 {
    color: #fff;
}

.life-list li:nth-child(2n) h3 {
    border-color: #1B6DA8
}

.imgResponsive {
    width: 100%;
    height: 0;
    padding-bottom: 55.41%;
    overflow: hidden;
    display: block;
}

.imgResponsive img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.imgResponsive img:hover {
    transform: scale(1.05);
    opacity: 0.85;
}

.life-list li h3 {
    font-size: 18px;
    padding: 15px 20px;
    border-bottom: 4px solid #1B6DA8;
}

.life-item {
    width: 323px;
}

.subBanner {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    clear: both;
}

.subBanner-bg {
    width: 240px;
    height: 60px;
    background: #188ff3;
    opacity: 0.9;
    filter: alpha(opacity=90);
    position: absolute;
    left: 50%;
    margin-left: -595px;
    z-index: 2;
    bottom: 0;
}

.subBanner-title {
    width: 240px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    z-index: 3;
    bottom: -10px;
}

.subLeft {
    width: 240px;
    float: left;
}

.subleft-nav {
    width: 100%;
    padding-bottom: 20px;
    background: bottom center #116ab5;
    position: relative;
    font-size: 14px;
}

ul, ol, li {
    list-style: none outside none;
}

.subLeft li > a {
    padding-right: 20px;
}

.subLeft li a {
    display: block;
    padding: 13px 6px;
    color: #ffffff;
    border-bottom: 1px dashed #91b5a6;
}

a {
    outline: none;
    blr: expression(this.onFocus=this.blur());
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #144775;
    text-decoration: none;
}

.bread {
    width: auto;
    height: auto;
    line-height: 20px;
    color: #787878;
    padding: 15px 0;
    overflow: hidden;
    float: right;

}

.bread2 {
    padding: 10px 5px;
    background-color: #f1f5ff;
    margin-top: 10px;
    margin-bottom: 10px
}



.node-curr {
    font-weight: bolder;
    font-size: 16px;
}

.nav > li > a:focus, .nav > li > a:hover {
    color: #1d81de;
    background: #144775;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

/*.navList li:hover{
      display:block;
      background-color: #188ff3;
  }*/
/*.navList li a:hover{
    color:white;
    background-color: #188ff3;
}
.nav .curr{
    background-color: #188ff3;
    !*background-color: #81250e*!
}*/
/*nav Start*/
.nav .dropdown-menu > li > a {
    display: block;
    padding: 3px 28px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.nav > li > a {
    padding: 0;
}

.navbar-inverse {
    background-color: #004083;
}

nav.navbar {
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    z-index: 99;
    /* height: 54px; */
    min-height: 44px !important;
}

.navbar-inverse .navbar-nav > li {
    padding-left: 3px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > .open > a {
    background-color: #0055a2;
}

.navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    background: #0055a2;
}

.nav .dropdown-menu {
    border: none;
    border-radius: 0;
    border-top: 1px solid #ffffff;
}

.navbar-inverse .navbar-collapse {
    padding: 0;
    overflow: hidden;
    border: none;
}

nav.navbar .navbar-toggle {
    background-color: #dcebf6;
    border: none;
    margin: 10px 15px 0 0;
}

@media (max-width: 992px) {
    nav.navbar .navbar-toggle {
        margin-top: 6px;
    }
}

nav.navbar .navbar-toggle .icon-bar {
    background-color: #7492ad;
}

nav.navbar .navbar-toggle:hover, nav.navbar .navbar-toggle:focus {
    background-color: #C5C5C5;
    border-color: #ffffff;
}

nav.navbar li.dropdown ul.dropdown-menu {
    background: #fff;
    border-radius: 2px;
    /*! max-width: 60px; */
    min-width: 115px;
}

nav.navbar ul.nav li.dropdown ul.dropdown-menu > li > a {
    line-height: 40px;
    font-size: 16px;
    display: block;
    color: #737373;
}

nav.navbar ul.nav li.dropdown ul.dropdown-menu > li > a:hover {
    color: #fff;
    background: #004083;
    display: block;
}

@media all and (max-width: 479px) {
    .header-top {
        padding: 0 15px;
    }

    .navbar-nav {
        margin: 0;
    }

    nav.navbar ul.nav > li > a {
        padding: 0 12px;
        font-size: 16px;
        line-height: 36px;
        border-bottom: solid 1px #e0e0e0;
    }

    nav.navbar ul.nav li.dropdown ul.dropdown-menu > li > a {
        line-height: 26px;
        font-size: 14px;
    }

    nav.navbar .navbar-nav > li:first-child > a {
        border-top: solid 1px #e0e0e0;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    .header-top {
        padding: 0 15px;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-collapse ul.nav li.dropdown ul.dropdown-menu {
        min-width: auto;
    }

    nav.navbar ul.nav > li > a {
        padding: 0 12px;
        font-size: 18px;
        line-height: 50px;
        border-bottom: solid 1px #e0e0e0;
    }

    nav.navbar .navbar-nav > li:first-child > a {
        border-top: solid 1px #e0e0e0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse ul.nav li.dropdown ul.dropdown-menu {
        position: static;
        float: none;
        min-width: auto;
    }

    nav.navbar ul.nav > li > a {
        padding: 0 12px;
        font-size: 18px;
        line-height: 50px;
    }

    nav.navbar .navbar-header {
        float: none;
        display: block;
        text-align: center;
    }

    nav.navbar .navbar-collapse {
        border: none;
        margin-bottom: 0;
        overflow: hidden !important;
    }

    nav.navbar .navbar-collapse.collapse {
        display: none !important;
    }

    nav.navbar .navbar-collapse.collapse.in {
        display: block !important;
        /* background: #3175b3; */
    }

    nav.navbar .navbar-nav {
        float: none !important;
        /* padding-left: 20px; */
        /* padding-right: 20px; */
        /* margin: 0px -15px; */
    }

    nav.navbar .navbar-nav > li {
        float: none;
    }

    nav.navbar .navbar-toggle {
        display: inline-block;
    }

    nav.navbar ul.nav li.dropdown ul.dropdown-menu > li > a {
        line-height: 34px;
    }

    nav.navbar .navbar-nav > li > a {
        display: block;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
    }

    nav.navbar .navbar-nav > li:first-child > a {
        border-top: solid 1px #e0e0e0;
    }

    nav.navbar .navbar-nav > li.last-child > a {
        border-bottom: none;
    }

}

@media only screen and  (min-width: 991px) {
    nav.navbar ul.nav > li {
        line-height: 44px;
    }

    nav.navbar ul.nav > li > a {
        padding: 0 17px;
        font-size: 18px;
        line-height: 60px;
    }

    .arrow-top {
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        height: 0;
        left: 50px;
        line-height: 0;
        position: absolute;
        top: -6px;
        width: 0;
    }
}

@media all and (min-width: 991px) and (max-width: 1200px) {
    nav.navbar ul.nav > li > a {
        padding: 0 8px;
        font-size: 16px;
    }
}

@media all and (min-width: 1200px) {
    nav.navbar ul.nav > li > a {
        padding: 0 20px;
        font-size: 18px;
    }
    .navbar-nav {
        float: none;
        text-align:center;
    }

    ul.nav.navbar-nav  li {
        float:none;
        display: inline-block;
        margin: 0em;
    }
}

@media all and (max-width: 1200px) {
    .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
        /* padding: 0px 12px; */
    }
}

@media (min-width: 1500px) {
    nav.navbar ul.nav > li > a {
        padding: 0px 33px;
    }

}

/*nav End*/
.header-top {
    position: relative;
    padding: 0;
}

.header-top img {
    margin: 22px 0;
    max-width: 96%;
}

.header-links {
    position: absolute;
    top: 16px;
    right: 0;
    color: #9a9a9a;
}

.header-links ul {
    display: inline;
    white-space: nowrap;
}

.header-links ul li {
    display: inline-block;
    white-space: nowrap;
}

.navbar-form .form-group {
    background: #dcedfd;
    border-radius: 25px;
    padding: 0px 10px;
}

.form-control {
    background-color: #dcedfd;
    border: none;
    box-shadow: none;
}

.form-control:focus {
    background-color: #dcedfd;
    border: none;
    box-shadow: none;
}


@media all and (max-width: 991px) {
    .btn.active, .btn:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.header-top {
    position: relative;
    padding: 0;
}

.header-top img {
    margin: 22px 0;
    max-width: 96%;
}

.header-links {
    position: absolute;
    top: 16px;
    right: 0;
    color: #9a9a9a;
}

.header-links ul {
    display: inline;
    white-space: nowrap;
}

.header-links ul li {
    display: inline-block;
    white-space: nowrap;
}

.navbar-form .form-group {
    background: #dcedfd;
    border-radius: 25px;
    padding: 0px 10px;
}

.form-control {
    background-color: #dcedfd;
    border: none;
    box-shadow: none;
}

.form-control:focus {
    background-color: #dcedfd;
    border: none;
    box-shadow: none;
}


@media all and (max-width: 991px) {
    .btn.active, .btn:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.main {
    padding: 30px 46px 0 46px;
    position: relative;
}

@media all and (max-width: 767px) {
    .main {
        padding: 120px 20px 0 20px;
    }
}

@media all and (min-width: 992px) {
    .sections {
        margin-bottom: 30px;
    }
}

/* box common =================================*/
.box {
    position: relative;
}

@media all and (max-width: 767px) {
    section.box {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}

.box-hd {
    font-weight: bold;
    line-height: 2.1em;
    border-bottom: 2px solid #e3e3e3;
}

.box-hd > h4 {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #08734f;
    line-height: 46px;
    height: 46px;
    border-bottom: 4px solid #08734f;
    margin: 0 0 -2px .5em;
}

.box-hd > h4 a {
    color: #08734f;
}

.hide {
    display: none;
}

.outline {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #888 !important;
    line-height: 46px;
    border-bottom: none !important;
    margin: 0 0 -2px .5em;
}

.outline a {
    color: #888 !important;;
}

@media all and (max-width: 991px) {
    .box-title {
        border-bottom: none;
        /* border-top: 1px solid #b5d7ea; */
    }
}

.box ul {
    position: relative;
    margin-top: 20px;
    font-size: 16px;
    color: #3f3f3f;
}

.box ul > li > a {
    font-size: 16px;
    line-height: 36px;
    color: #3f3f3f;
    height: 36px;
    display: block;
    overflow: hidden;
}


.box-pic-title img {
    margin-top: 26px;
}

h4.box-pic-title {
    display: block;
    position: absolute;
    bottom: 0;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    width: 100%;
    background: rgba(0, 0, 0, 0.35);
    padding: 16px 8px;
}

.ie8 h4.box-pic-title {
    background: #b3b3b3;
}

a.box-pic {
    display: block;
    position: relative;
    margin-top: 26px;
}

a.box-pic > img {
    height: 250px;
}


.box-more {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 3px;
    right: 0;
}

.box-more:before {
    content: "";
    background: url(img/school/more5.png) no-repeat;
    background-position: center;
    line-height: 60px;
    width: 120%;
    height: 60px;
    /* border: 1px solid #1069cd; */
    display: inline-block;
}

.box-subject, .box-books {
    margin-bottom: 30px;
    margin-top: 0;
}

.box-subject img.box-list-book {
    width: 100%;
}

.box-subject .hidden-bar {
    margin-top: 20px;
}

.box.box-subject ul > li > a {
    height: auto;
}

@media all and (min-width: 992px) {
    .sections {
        margin-bottom: 30px;
    }
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.img-cover {
    width: 100%; /*dimensions are mandatory*/
    /*dimensions are mandatory*/
    object-fit: cover;
    overflow: hidden; /* Cuts off the parts of the image poking out */
}

.img-hover:hover {
    opacity: 0.8;
}

.main {
    background: #fff;
}

/* carousel =================================*/
.banner {
    padding: 0;
    width: 100%;
}

.ie8 .carousel-info {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
}

.carousel-control {
    z-index: 1;
    background-image: none !important;
    filter: none !important;
}

.carousel-control svg.carousel-control-icon {
    background: #fff;
    background: hsla(0, 0%, 100%, .75);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 4px;
    position: absolute;
    top: 50%;
    left: 22px;
}

.carousel-control.right svg.carousel-control-icon {
    right: 22px;
    left: auto;
}

.ie8 .carousel-control:before {
    font-size: 44px;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #e3e3e3;
    color: #999;
    position: absolute;
    top: 50%;
}

.ie8 .carousel-control:hover:before {
    background-color: #fff;
}

.ie8 .carousel-control.left:before {
    content: '‹';
    left: 22px;
}

.ie8 .carousel-control.right:before {
    content: '›';
    right: 22px;
}

ol.carousel-indicators {
    bottom: 5px;
}

.ie8 .carousel-indicators li {
    background-color: #fff;
    filter: Alpha(opacity=60);
}

.carousel-indicators li.active {
    width: 25px;
    background-color: #fff;
    border: 0 none;
}


.carousel-inner > .item {
    height: 500px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#carousel-info-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#carousel-info-box > .container {
    height: 480px;
}

#carousel-info-box .carousel-caption a {
    color: #fff;
}

#carousel-info-box .carousel-caption a.carousel-caption-title {
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    overflow: hidden;
}

#carousel-info-box .carousel-caption a.carousel-caption-title:hover {
    color: #29a2f5;
}

#carousel-info-box .carousel-caption .carousel-caption-desc {
    height: 4.8em;
    margin-top: 12px;
}

#carousel-info-box .carousel-caption {
    position: relative;
    top: 346px;
    left: 0;
    line-height: 1.6;
    font-size: 16px;
    padding: 10px;
    text-align: left;
    font-weight: normal;
    z-index: 34;
    background: rgba(8, 115, 79, 0.52);
}

.carousel-inner .item .carousel-caption {
    display: none;
}

#carousel-info-box .carousel-caption p {
    overflow: hidden;
}

#carousel-info-box a.carousel-caption-link {
    display: inline-block;
    border: 4px solid #fff;
    border-radius: 23px;
    height: 46px;
    width: 125px;
    line-height: 40px;
    text-align: center;
}

#carousel-info-box a.carousel-caption-link:hover {
    border: 4px solid #29a2f5;
}


@media all and (max-width: 991px) {
    #carousel-info-box > .container > .row > .carousel-caption {
        text-align: center;
        top: 220px;
    }

    #carousel-info-box .carousel-caption > a.carousel-caption-title {
        font-size: 28px;
    }
}

@media all and (max-width: 767px) {
    .carousel-inner > .item {
        height: 300px;
    }

    #carousel-info-box > .container {
        height: 300px;
    }

    #carousel-info-box > .container > .row > .carousel-caption {
        top: 110px;
    }

    #carousel-info-box .carousel-caption > a.carousel-caption-title {
        font-size: 18px;
    }

    .carousel-control svg.carousel-control-icon, .ie8 .carousel-control:before {
        top: 100px;
    }
}

@media all and (max-width: 479px) {
    .carousel-inner > .item {
        height: 200px;
    }

    #carousel-info-box > .container > .row > .carousel-caption {
        top: 210px;
    }

    .carousel-indicators, .ie8 .carousel-control:before {
        display: none;
    }
}

/** carousel end*/
section {
    display: block;
}

body, div, ul, ol, ul, li, ol, dl, dd, dt, form, span, p {
    margin: 0;
    padding: 0;
}

.mod2_list {
    background: #fff;
    margin-top: 20px;
    height: 170px;
    overflow: hidden;
}
/** links start ==============================*/
.links {
    background: #fff;
    margin: 30px auto;
}
.links .dropdown {
    width: 100%;
    font-size: 16px;
    background: #d0d9eb;
    border: none;
    height: 50px;
    margin: 5px 0;
}

.links ul.dropdown-menu {
    /* position: absolute; */
    /*! bottom: 78px; */
    left: 15px;
    top: 70px;
}

.links .col-md-2 {
    position: relative;
}

.links .dropdown-menu>li>a {
    font-size: 15px;
    line-height: 30px;
}
/** links end ==============================*/
.info-paper{
    padding-top:10px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
    color: #3f3f3f;
}

.info-paper a:link,.info-paper a:visited ,.info-paper a:hover ,.info-paper a:active {
    text-decoration: none;
    color: #3f3f3f;
}
.img-box{
    height: 250px;
}

.img-box img{
    width: 100%;
    height: 100%;
}