body,
.wrapper{
    background-color: #eee;
    width: 100%;}

.header-wrapper{
    background: #00738e url(../images/header_bg.jpg) repeat-x 0 0;
    height: 483px;
    padding-top: 20px;
    *padding-top:10px;
    width: 100%;}
.header,
.content,
.footer{
    margin: 0 auto;
    width: 1000px;}
.header-top{
    clear: both;}
.header-top .link{
    float: left;}
.header-top .version{
    float: right;}
.header-top li{
    color: #fff;
    cursor: default;
    margin: 0 6px;
    float: left;}
.header-top li a{
    font-size:12px;
    color: #FFFFFF;}

.header-top .search-box{
    position: relative;}
.header-top .searchinput{
    border: none;
    background-color: #41b7d3;
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding:2px 25px 2px 5px;
    width: 93px;}
.header-top .icon_search{
    background: url(../images/icon_search.png) no-repeat 0 0;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 3px;
    *right:12px;
    top: 6px;
    width: 16px;}
.header-top,
.header-middle{
    clear: both;}
.header-middle{
    text-align: center;
    padding: 20px 0;
    *padding:15px 0 16px;}
.header-middle a{
    display: block;
    margin: 0 auto;
    width: 371px;}
.header-bottom .nav{
    background-color: #ffffff;
    height: 43px;
    line-height: 43px;
    z-index: 99;}
.header-bottom .nav ul{
    z-index: 99;}
.header-bottom .nav .nav-first>li{
    float: left;}
.header-bottom .nav li{
    position: relative;}
.header-bottom .nav li,
.header-bottom .nav li a{
    color: #666666;
    font-size: 14px;
     z-index: 99;
     padding:0 28px;}
.header-bottom .en li,
.header-bottom .en li a{
     padding:0 23px;}
.header-bottom .nav li span{
    cursor: pointer;
    display: block;
    text-align: center;}

.header-bottom .nav-first span,
.header-bottom .nav .nav-second li,
.header-bottom .nav .nav-second a{
    background-color: #ffffff;
    display: block;
    text-align: center;
     z-index: 99;}
.header-bottom .nav .nav-second li,
.header-bottom .nav .nav-second a{
    width:125px;
    padding:0;}
.header-bottom .nav .nav-second .specil,
.header-bottom .nav .specil span,
.header-bottom .nav .specil a,
.header-bottom .nav .nav-third li,
.header-bottom .nav .nav-third a{
    display: block;
     z-index: 99;
    width: 180px;}
.header-bottom .nav .specil2 span,
.header-bottom .nav .specil2 a{
    width:280px;
    text-align:left;
    padding-left:20px;}
.header-bottom .nav .nav-third a{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
.header-bottom .nav .nav-second{
    filter:alpha(opacity=90);
    opacity: 0.9;
    display: none;
    position: absolute;
    width: 180px;
    z-index:99;}

.header-bottom .nav .nav-third{
    background-color: #ffffff;
    filter:alpha(opacity=90);
    opacity: 0.9;
    display: none;
    position: absolute;
    top: 0px;
    right: -250px;
    z-index: 999;}

.header-bottom .nav .nav-third li,
.header-bottom .nav .nav-third a{
    width:250px;}
.slideBox .banner-text{
    background-color: #d0d0d0;
    display: block;
    filter:alpha(opacity=90);
    opacity: 0.9;
    position: absolute;
    padding:20px 15px 25px 15px;
    top: 20px;
    right: 15px;
    width: 275px;}
.slideBox .banner-text h1{
    color: #3c3c3c;
    font-size: 16px;}
.slideBox .banner-text p{
    color: #3c3c3c;
    font-size: 12px;
    line-height: 2.5;}
.slideBox .banner-text .more a{
    color: #44a5c9;
    position: absolute;
    right: 15px;}
.dots{
    position: absolute;
    left: 50%;
    margin-left: -33px;
    bottom: 10px;
    width: 66px;}
.dots li{
    background-color: #38718a;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    height: 10px;
    margin: 0 6px;
    text-indent: -999em;
    width: 10px;}
.dots .active{
    background-color: #44a5c9;}
.content{
    background-color: #ffffff;
    overflow: hidden;}
.footer{
    padding:20px 0;}
.footer p{
    line-height: 2.5;}
.footer p,
.footer p a{
    color: #8e8e8e;
    font-size: 12px;}
.footer p .mail{
    color: #44a5c9;}
.footer p span,
.footer p a{
    margin-right: 10px;}
.page-nav{
    cursor: pointer;
    margin: 30px 0;
    text-align: center;}
.page-nav a{
    color: #737373;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    margin: 0 6px;}
.page-nav a:hover,
.page-nav a.active{
    color: #44a5c9;}
.content h1{
    color: #4ca635;
    font-size: 18px;
    padding-top: 23px;
    padding-bottom:22px;}

.content .activity-list li{
    border-bottom:1px solid #eaeaea;
    clear: both;
    display: block;
    overflow: hidden;
    padding-top:10px;
    padding-right: 8px;
    padding-bottom:10px;}
.content .activity-list a{
    color: #9b9b9b;
    font-size: 16px;}
.content .activity-list img,
.content .activity{
    float: left;}
.content .activity-list img{
    vertical-align: middle;
    width: 60px;}
.content .activity{
    margin-left: 20px;
    width: 633px;}
.content .activity h2{
    color: #4e4e4e;}
.content .activity p{
    font-size:12px;}
.content .activity h2 span{
    color: #9b9b9b;
    font-size: 12px;
    margin-left: 10px;}
.content .activity-list .more{
    padding:25px 0;
    text-align: center;}

.content .aside-nav{
    -webkit-box-shadow: inset 0px 7px 3px #f5f5f5;
    -moz-box-shadow: inset 0px 7px 3px #f5f5f5;
    box-shadow: inset 0px 7px 3px #f5f5f5;
    *border-top:7px solid #f5f5f5;
    *border-right:7px solid #f5f5f5;
    float: left;
    padding-top: 35px;
    padding-bottom:999em;
    margin-bottom: -999em;
    overflow: hidden;
    width: 183px;
    *width:176px;}
.content .aside-nav>ul{
    padding-left: 30px;}
.content .aside-nav li{
    font-size: 16px;
    color: #44a5c9;
    margin-bottom: 35px;}
.content .aside-nav li .subnav li{
    margin: 6px 0;}
.content .aside-nav li a{
    font-size: 14px;
    color: #4e4e4e;}
.content .aside-nav .channel_par{
    font-size: 16px;
    color: #44a5c9;
    margin-bottom: 35px;}
.content .list{
    -webkit-box-shadow: inset 7px 7px 3px #f5f5f5;
    -moz-box-shadow: inset 7px 7px 3px #f5f5f5;
    box-shadow: inset 7px 7px 3px #f5f5f5;
    *border-top:7px solid #f5f5f5;
    float: left;
    overflow: hidden;
    width: 817px;}
.content .main{
    padding:0 20px 100px 36px
;}
.content{
    margin-top: 3px;}
.content .bread-nav{
    padding: 15px 29px;}
.content .bread-nav,
.content .bread-nav a{
    color: #9b9b9b;
    font-size: 14px;}
.content .bread-nav a{
    margin: 0 3px;}

.content .activity-list{
    padding:0 20px 0 36px;}

.content .activity-list .teacherInfo{
    width:100%;
    font-size:8px;}

.content .activity-list .teacherInfo a{
    font-size:8px;}

.content .activity-list .teacherInfo{
    width:100%;}


.content .activity-list .teacherInfo td{
    width:18%;
    padding-left:2px;}

.content .activity-list .teacherInfo table{
    text-align:center;
    margin-bottom:4px;}

.content .activity-list .teacherInfo .photo{
    width:80px;
    height:80px;
     margin:0 auto;}

.content .activity-list .teacherInfo .photo img{
    width:80px;
    height:80px;}

.content .activity-list .moreNews{
    float:right;
    color: #44a5c9;
    font-size: 14px;
    display:inline;}