body {
    font-family:"Microsoft YaHei",SimSun;
    font-size:14px;
    font-weight:normal;
    color:#333;
    width:100%;
    background-color:#fff;
}

/*** 

====================================================================
	Header style
====================================================================

***/

.topbarbg{
    background-color:#00523b;
    color:#fff;
    height:40px;
    width:100%;
    line-height:40px;
    text-align:left;
}
.phoneicon
{
    margin-left:0px;
    margin-right:10px;
}

.phonetext
{
    margin-right:30px;
}

.phonetext a{
    font-family:Bree Serif;
    font-size:14px;
}

header{
    background-color:#eaeaea;
    color:#333;
    line-height:112px;
    width:100%;
}

header a.logo{
    float:left;
}

header nav{
    float:right;
    height:112px;
    line-height:112px;
}

.menu, .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float:right;
}

.menu{
    margin-top:38px;
}

.menu li{
    height:36px;
    line-height:36px;
    background-color:#0c9d72;
    /*border-top: 4px solid #09825b;*/
    min-width: 100px;
}


header nav ul li a,.menu li a{
    display: block;
    color:#FFF;
    text-decoration:none;
    padding:0 10px;
    text-align:center;
}

header nav ul li:hover,.menu li:hover{
    background-color:#09825b;
}


.menu > li {
    display: block;
    float: left;
    position: relative;
}



/* 子菜单样式 */
#submenu1,#submenu2,#submenu3 {
    overflow:hidden;
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 11;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
#submenu1 li,#submenu2 li,#submenu3 li{
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}
.menu #submenu1 li:hover a,.menu #submenu2 li:hover a,.menu #submenu3 li:hover a {
    color: #ffffff;
}
.menu > li:hover #submenu1, .menu > li:focus #submenu1,.menu > li:hover #submenu2, .menu > li:focus #submenu2,header nav ul li:hover ul,.menu > li:hover #submenu3, .menu > li:focus #submenu3 {
    
    max-height: 2000px;
    z-index: 10;
    
}
.menu > li:hover #submenu1 li, .menu > li:focus #submenu1 li,.menu > li:hover #submenu2 li, .menu > li:focus #submenu2 li,header nav ul li:hover ul li,.menu > li:hover #submenu3 li, .menu > li:focus #submenu3 li {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}



/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 5px !important;
                background-repeat: no-repeat !important;
                font-size: 12px;
                width: 98%;
                }
                

.attention {
                background: #fffbcc url('../images/mics/attention.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/mics/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/mics/success.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/mics/error.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 6px 36px;
                line-height: 1.5em;
                height:1.8em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }
                
 /************ Button ************/
.adminbutton {
				font-family: "Microsoft YaHei",Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('../images/mics/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 12px !important;
                cursor: pointer;
                text-decoration: none
                }
                
.adminbutton:hover {
                text-decoration: none;
                }
                
.adminbutton:active {
                padding: 5px 7px 3px 7px !important;
                }




/*** 

====================================================================
	Color style
====================================================================

***/
.h1{
    font-size:36px;
    color:#fff;
    font-weight:bold;
}

h2{
    font-size:30px;
    color:#fff;
    font-weight:bold;
}

h3{
    font-size:24px;
    color:#fff;
    font-weight:normal;
}

.green{
    color:#09825b;
}

.greenbutton{
    background-color:#6ba53a;
    color:#fff;
    border:1px solid;
    border-color:#fff;
    border-radius:5px;
    width:100px;
}
.green-bg{
    color:#09825b;
}

.green-light{
    color:#0c9d72;
}

.orange{
    color:#ffb600;
}

.blue{
    color:#11a9e2;
}

.yellow{
    color:#f29503;
}

.dark{
    color:#4f5c65;
}

/*** 

====================================================================
	Searchbox Section style
====================================================================

***/
.searchsection
{
    width:100%;
}

.searchbox{
    height:300px;
    background:url(../images/background/searchboxbg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    color:#fff;
    text-align:center;
}

.searchgrid{
    margin:0 auto;
    width:100%;
    text-align:center;
    padding-top:80px;
}

.searchbar{
    position:relative;
    margin:0 auto;
    width:550px;
    border-bottom:2px solid;
    border-bottom-color:#FFF;
    text-align:center;
    top:50px;
    margin-top:0px;

}

.tabon{
    /*background-color:rgba(107,165,58,0.6);*/
    background-color:rgba(9,130,91,0.6);
    padding-top:10px;
    padding-bottom:10px;
    padding-left:25px;
    padding-right:25px;
    font-size:18px;
    color:#fff;
    border:1px solid;
    border-color:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    transition:all 0.3s ease-in;
    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
}
.tabon:hover,.tabon:focus{
    background-color:rgba(9,130,91,0.6);

}

.taboff{
    background-color:rgba(99,99,99,0.4);
    padding-top:10px;
    padding-bottom:10px;
    padding-left:25px;
    padding-right:25px;
    font-size:18px;
    color:#fff;
    border:1px solid;
    border-color:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    transition:all 0.3s ease-in;
    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
}
.taboff:hover,.tabon:focus{
    background-color:rgba(9,130,91,0.6);

}



.searchgrid a{
    margin-right:30px;
}

.searchgrid a:hover,.searchgrid a:focus{
    color:#fff;
    text-decoration:none;
    
}

.searchgrid a:last-child{
    margin-right:0px;
}

.searchinput{
    text-align:center;
    margin-top:50px;
}

.search-text{width:550px;height:50px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;color:#333;outline:none;border:0;font-size:16px;
            border-radius:5px 5px 5px 5px;padding-left:20px;padding-right:50px;padding-top:2px;
            -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;
            line-height:50px;
}
.search-btn{padding-top:10px;padding-bottom:12px;
            padding-right:0px;padding-left:0px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:-5px;border-radius:0 5px 5px 0;
            width:140px;background-color:#6ba53a;color:#fff;
            font-size:20px;border:0;cursor:pointer;outline:none;}
.search-btn:focus{outline:none;border:0}

.searchimgbtn{
    height:50px;
    width:50px;margin-left:-60px;margin-bottom:7px;
    cursor:pointer;
}



/*** 

====================================================================
	News Section style
====================================================================

***/

.bottom25{
	margin-bottom:20px;
}

.section-padding{
    padding-top:40px;
}

.newssection{
    width:100%;
}

.whitebg{
    background-color:#fff;
}

.module-row{
    margin-bottom:0px;
    margin-top:10px;
    background-color:#09825b;
}
/*.newssection .news-content i{
    font-size:32px; 
    color:#dee1e3;
    color:#FF0;
    height:50px;
    line-height:50px;
}*/

.module-title{
    position:relative;
    left:0px;
    top:0px;
    font-size:24px;
    color:#fff;
    padding-left:20px;
}

.newsbox{
    text-align:left;
        width:360px;
    overflow:hidden;

}
.newstitle {
    padding-top:5px;
    font-size:14px;
    font-weight:bold;
    color:#ffb600;
}

.newstitlethin {
    padding-top:0px;
    padding-bottom:4px;
    font-size:14px;
    font-weight:normal;
    color:#ffb600;
}

.newstitle a:link,.newstitlethin a:link {
	COLOR: #333; TEXT-DECORATION: none;
    transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
}
.newstitle a:visited,.newstitlethin a:visited {
	COLOR: #333; TEXT-DECORATION: none;
}
.newstitle a:hover,.newstitlethin a:hover {
	COLOR: #ffb600; TEXT-DECORATION: none;
}

.newstitlethin:last-child{
    padding-bottom:0px;
}

.newsdate{
    font-size:12px;
    font-weight:normal;
    color:#ccc;

}

.newsdesc{
    font-size:14px;
    font-weight:normal;
    margin-bottom:-3px;
    height:40px;
}

.icon{
	position:relative;
	left:0px;
    top:3px;
	height:50px;
	line-height:50px;
	font-size:32px;
    color:#999;
}

.viewmore {
    
    margin-bottom:30px;
    margin-top:15px;
    display: block;
    background-color: #fff;
    border:1px solid;
    border-color:#ffb600;
    padding: 10px 10px 10px 10px !important;
    color: #333 !important;
    font-size: 12px !important;
    cursor: pointer;
    text-decoration: none;
    border-radius:2px;
}
                
.viewmore:hover,.viewmore:active,.viewmore:link {
    text-decoration: none;
    color:#0ab07a;
}
.viewmore:hover{
    background-color:#ffb600;
    
}

/*** 

====================================================================
	Introbox Section style
====================================================================

***/
.introsection
{
    width:100%;
}

.introbox{
    
    background:url(../images/bg-4_.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color:#fff;
    text-align:center;
}

/*** 

====================================================================
	Resources Section style
====================================================================

***/

.heading{
	border-bottom:1px solid #dadada;
	display:inline-block;
    width:100%;
}
.heading .divider-left, .heading .divider-center{
	height:4px;
	width:70px;
	background:#ffb600;
	display: block;
}
.heading .divider-left {
  margin: 0px 0 -2px;
}
.heading .divider-center{
	margin:5px auto -2px;
}

.resbox{
   
    text-align:center;
}
.resourcessection{
    padding-top:20px;
    background-color: #fff;
    text-align:center;
    width:100%;
}
.white{
    color:#fff;
    font-size:28px;
    font-family:SimSun;
    font-weight:bold;
}

.black{
    color:#333;
    font-size:28px;
    font-family:SimSun;
    font-weight:bold;
}
.resource-header{
    text-align:left;
    padding-bottom:20px;
}

.resouces-carousel{
    width:100%;
    text-align:center;
}

.resouces-carousel li,.resouces-nav li{
    display:inline-block;
}

.resourcessection .inner-content{
    position:relative;
    width:100%;
    height:100%;
}

.resourcessection .inner-content img{
    width:100%;
    height:100%;
}

.resourcessection .inner-content .overlay-content{
    position:absolute;
    top:100%;
    left:0px;
    text-align:center;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    transition:all 0.3s ease-in;
    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
}

.resourcessection .inner-content:hover .overlay-content{
    top:0px;
}
.resourcessection .inner-content .overlay-content h3{
    padding-top:5%;
}
.resourcessection .inner-content .overlay-content p{
    padding-top:25%;
}

.restitle {
    font-family:SimSun;
    font-size:25px;
    font-weight:normal;
    color:#ffb600;
}



.restitle a:link {
	COLOR: #00523b; TEXT-DECORATION: none;
    transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
}
.restitle a:visited {
	COLOR: #00523b; TEXT-DECORATION: none;
}
.restitle a:hover {
	COLOR: #ffb600; TEXT-DECORATION: none;
    border-radius:2px;
}

.resvisit {
    font-weight:normal;
    color:#ffb600;
    padding:2px 5px;
    border:1px solid;
    border-color:#ffb600;
}

.resvisit a:link {
	COLOR: #00523b; TEXT-DECORATION: none;
    border-radius:2px;
    transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
}
.resvisit a:visited {
	COLOR: #ffb600; TEXT-DECORATION: none;
}
.resvisit a:hover {
	COLOR: #ffb600; TEXT-DECORATION: none;
    border-radius:2px;
}




.resdesc{
    margin-left:15px;
    margin-right:15px;
    text-align:left;
}

.resourcessection .inner-content .overlay-content p a{
    color: white;
    border:1px solid;
    border-radius:3px;
    border-color:#0ab07a;
    padding:5px 10px;
}

.resourcessection .inner-content .overlay-content p a:hover{
    background-color:#0ab07a;
    text-decoration:none;
}

.resourcessection .resouces-nav{
    margin-top:30px;
    margin-bottom:20px;
}

.resourcessection .resouces-nav li{
    cursor:pointer;
    
    font-size:14px;
    width:28px;
    height:28px;
    line-height:28px;
    background-color:#333;
    color:#fff;
    font-weight:bold;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
}

.resourcessection .resouces-nav li:last-child{
    margin-right:0px;
}

.resourcessection .resouces-nav li:hover {
    background-color: #e74c3c;
}


/* ---------- OWL Slider ---------- */
.slider_wrapper{
	margin-left:-15px;
	margin-right:-15px;
}
#course_slider .item,
#intro_slider .item,
#news_slider .item{ 
	padding:0 0px;
}

.owl-theme .owl-controls .owl-buttons div{
  background:#fff;
  border: 1px solid #b1bec7;
  border-radius:4px;
  color:#b5b5b5;
  font-size: 20px;
  height: 36px;
  line-height: 36px;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-align: center;
  top: -88px;
  width: 36px;
  overflow:hidden;
  z-index:1;
}
#course_slider.owl-theme .owl-controls .owl-buttons div{
	background:transparent;
}
.owl-theme .owl-controls .owl-buttons div:hover, .owl-theme .owl-controls .owl-buttons div:focus,
#course_slider.owl-theme .owl-controls .owl-buttons div:hover,
#course_slider.owl-theme .owl-controls .owl-buttons div:focus{
	background:#ffb600;
	border: 1px solid #ffb600;
	color:#fff;
}
#course_slider .owl-prev,
#intro_slider .owl-prev,
#news_slider .owl-prev{
	right:54px;
}
#course_slider .owl-next,
#intro_slider .owl-next,
#news_slider .owl-next{
	right:10px;
}

.image, .image img{
	position:relative;
}
.image img{
	-moz-transition:all .8s ease;
	-ms-transition:all .8s ease;
	-o-transition:all .8s ease;
	-webkit-transition:all .8s ease;
	transition:all .8s ease;
	width:100%;
}
.image{ overflow:hidden;}
.image:hover img,
.events:hover .image img,
.course:hover .image img,
#course_slider .item:hover img,#intro_slider .item:hover img,
.teacher:hover .image img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.introtext{
    text-align:left;margin-top:10px;
}


/* ---------- Footer Section ---------- */

.contactsection{
    background-color:#006549;
    color:#fff;
    width:100%;
    line-height:40px;
    text-align:right;
}

.contactbar{
    width:100%;
    margin-left:10px;
    margin-top:10px;
    text-align:left;
}

.linkbar{
    width:100%;
    margin-left:0px;
    margin-top:10px;
    text-align:center;
}

.qrcode{
    text-align:center;
    margin-bottom:20px;
    margin-left:15px;
}
.phonetext img{
    width:120px;
    height:120px;
}

.linktext{
    font-size:14px;
    color:#fff;
}

.linktext a:link ,.linktext a:hover,.linktext a:visited{
    font-size:14px;
    color:#fff;
    text-decoration:none;
}

.footersection{
    background-color:#00523b;
    color:#fff;
    height:60px;
    width:100%;
    line-height:60px;
    text-align:center;
}

.footer_panel{
    color:#fff;
}

.footer_panel .divider-left,.footer_panel .divider-center{
	background:#fff;
}

.scrollToTop{
	right:15px;
}

.scrollToTop{
  -moz-transition:all .3s ease;
  -ms-transition:all .3s ease;
  -o-transition:all .3s ease;
  -webkit-transition:all .3s ease;
}

/*Back to top Button*/
.scrollToTop{
  width:32px; 
  height:32px;
  border-radius:4px; 
  text-align:center; 
  font-weight: bold;
  line-height:26px;
  font-size:25px;
  position:fixed;
  z-index:1000;
  bottom:16px;
  right:15px;
  display:none;
  background:#ffb600;
}
.scrollToTop:hover{
	background:#09825b;
}
.scrollToTop, .scrollToTop:hover, .scrollToTop:focus{
	color: #fff;
}


.mGrid {      
width: 100%;      
background-color: #fff;      
margin: 5px 0 10px 0;      
border: solid 1px #525252;      
border-collapse:collapse;      
}     
.mGrid td {      
padding: 2px;      
border: solid 1px #c1c1c1;      
color: #717171;      
}     
.mGrid th {      
padding: 4px 2px;      
color: #fff;      
background-color: #424242;      
border-left: solid 1px #525252;      
font-size: 0.9em;      
}     
.alt1 { background-color: #f00; }     
.mGrid .pgr { background-color: #424242; }     
.mGrid .pgr table { margin: 5px 0; }     
.mGrid .pgr td {      
border-width: 0;      
padding: 0 6px;      
border-left: solid 1px #666;      
font-weight: bold;      
color: #fff;      
line-height: 12px;      
}        
.mGrid .pgr a { color: #666; text-decoration: none; }     
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

.gvRow,.gvAlternatingRow
{
    line-height:37px;
    text-align:center;
    height:37px;
    
}
.gvAlternatingRow
{
    background-color:#F5FBFF;
}

.gvRow td,.gvAlternatingRow td
{
    border: solid 1px #eee;  
}
.gvHeaderred
{
    padding: 4px 2px;  
    background-color: #424242;      
    border: solid 1px #525252;     
    height:37px;COLOR: #FFFFFF;text-align:center;
    line-height:37px;
}

.gvRow td a,.gvAlternatingRow td a { color: #666; text-decoration: none;
                                     transition:all 0.3s ease-in;
    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
}     
.gvRow td a:hover,.gvAlternatingRow td a:hover { color: #ffb600; text-decoration: none; }

.gvrowmargin{
    padding-left:20px;padding-right:20px;
}

.pagination a[disabled]{  color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination span.active{z-index: 2;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
div .pagination,div .pagination li{
    height:34px;
    line-height:34px;
}