/*  
Theme Name: class
Theme URI: http://class.myechinese.com
Description: myechinese web
Author: myechineseued
Author URI: http://ued.myechinese.com/
*/

/*all change*/
a:hover { color:#666;}
a:active { color:#009cde;}
a.button {background:#1f6740; border:1px solid #1f6740;}
.bignav {border-bottom:3px solid #009cde;}
.aheader {border-bottom:1px solid #009cde; background:#009cde; color:#fff;}
.htitle h2 a { color:#fff;} 

/*user bar*/
.headuser { background:#009cde; padding:4px 0; color:#fff;}
.headlogo { float:left; padding:10px 10px 6px 0;}
.adm{
	position:relative;
	z-index:10;
}
.hide-module{
	position:absolute;
	background:#fff;
	left:0;
	top:25px;
	z-index:900;
	display:none;
	padding:10px 0;
	box-shadow:0 1px 3px #999;
	-webkit-box-shadow:0 1px 3px #999;
	-moz-box-shadow:0 1px 3px #999;
}
.user-online em{
	cursor:pointer;
}
.user-online a.sel-item, .user-online a.sel-item:visited {
	padding:4px 30px;
	display:block;
	color:#666;
}
.user-online a.sel-item:hover{
	background:#7DAB00;
	color:#fff;
}
.user-online{
	float:left;
	padding-right:10px;
}
.over-show{
	overflow:visible;
}
/*header*/
.menubar {background:#333; background: linear-gradient(to top, #333 0%, #434343 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); height:39px;position: fixed;width: 100%;z-index:9999;top:0; left:0;border-bottom: 1px solid #111;}
.logobar { float:right; width:auto; height:auto; padding-top:2px;}
.topmenu { float:right; margin:10px 20px 0 0;}
.topmenu a { padding:0 10px; font-weight:700; color:#f7f7f7;}
.sloganbar {height:auto; width:100%;}
.menuheader { width:100%; z-index:999; padding:0; background:#0045ae;border-bottom: 1px solid #e7e7e7;}
.menubarr { float:right; padding:0; right:0; line-height:26px;}
.menubarr a, .menubarr a:visited { color:#fff;}
.menubarr a:hover {text-decoration:none;}
.orgname { color:white; padding-bottom:10px; font-size:22px; line-height: 25px;}
.learnt { color:#286a46; font-size:14px; font-weight:700;}
.userbar { width:auto; height:27px; text-align:right; margin-bottom:0;}
.lang {padding:0 0 0 16px; float:right;}
.aheader .lang a, .aheader .lang a:visited, .aheader .adm a, .aheader .adm a:visited { color:#fff;}
.adm { float:right; padding:0;}

/*slagan*/
.sloganbar { width:100%; height:auto; background:#009cde; /*url("../../images/hbg.jpg");*/ background-size:cover;}
.slogan, .banner { height:54px; color:#f1f1f1;}
/*.slogan {padding:226px 540px 20px 10px; background:url(../../images/pic3.jpg) /*url(../../images/pic.png)*/ /*top right no-repeat;}*/
.slogan{height:auto;}
.banner {padding:186px 540px 20px 10px;background:url(../../images/banner.png) top right no-repeat; background-size:1000px 260px;}
a.freebutton {display: inline-block;padding:7px 30px;font-weight: 700;font-size: 14px;color: #454545;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #d1e6aa;background: -moz-linear-gradient(center top, #d1e6aa 0%, #c9e09e 100%);background: -webkit-linear-gradient(top, #d1e6aa 0%, #c9e09e 100%);;margin-right: 20px;-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);}
a.freebutton:hover {background: #454545; color:#f1f1f1; background: -moz-linear-gradient(center top, #454545 0%, #454545 100%);background: -webkit-linear-gradient(top, #454545 0%, #454545 100%);text-decoration: none;}
.sloganf { width:100%; height:auto; padding:15px 0; background:#009cde;background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));background-image: -webkit-linear-gradient(center top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); font-size:20px; color:#fff;}
a.btn, a.btn:visited {
    background-color: #fff;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(2, 2, 2, 0));
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
    color: #333;
    font-size:16px;
    margin: 0 100px 0 0;
    padding: 10px 41px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	float:right;
	display:inline-block;
}
a.btn:hover {background-color: #ececec;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(2, 2, 2, 0)); text-decoration:none;}
.tsfont {padding-top: 10px; display: inline-block; float: left;}
/*midbar*/
.mbc { background:#fafafa url('../../images/bg_content.png') repeat-x 0 0; padding-bottom:60px;}
.title {
    border-bottom: 1px solid #e2e2e2;
    color: #333;
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 19px;
    padding: 10px 0;
    position: relative;
}
.title .line {
    background: none repeat scroll 0 0 #009cde;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    width: 82px;
}.picbar { float:left; padding-right:20px;}
.picbar img { padding:3px; border:1px solid #dcdcdc;}
.cbar { float:left; width:100%;}
.cbar h3 { margin-top:0;}
/* list bar*/
.listb { width:100%; padding:30px 0 30px;}
.listbar { float:left; width:300px; position:relative;}
.listbar select {width:120px;font-size:12px; color:#666;}
.listbar p { padding:0 0 10px 0; line-height:20px;}
.mr49 { margin-right:49px;}
.cresult { padding:10px; height:auto; width:auto; line-height:24px; background:#f7f7f7;}
.listbar img { padding:2px; border:1px solid #dcdcdc;}
.catebar { position:absolute; top:11px; right:50px;}
.catebar2 { position:absolute; top:11px; right:60px;}
.listbar-bottom { text-align:right;}
.catebar a, .listbar-bottom a, .listbar-bottom a:visited { color:#009cde;}
.catebar2 a { color:#009cde;}
.listbar h4 { margin:0 0 10px;}
.loglist img, .iprobar img { float:left; padding:2px; margin-right:10px; border:1px solid #dcdcdc;}
.imgbor {float:left; padding:2px; margin-right:10px; border:1px solid #dcdcdc; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.loglist ul { padding-left:131px; margin:-6px 0 0; list-style:none;}
.loglist ul li { padding:4px 0; border-bottom:1px dotted #dcdcdc;}
.listbar ul { padding:0; margin:10px 0 0;}
.listbar ul li {background: url("../../images/list-bullet.gif") no-repeat scroll left center transparent; padding:5px 0 5px 12px; border-bottom:1px dotted #dcdcdc; list-style:none;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 286px;
    word-break: keep-all;}
.iprolist ul { padding-left:90px; margin:-6px 0 0; list-style:none;}
.iprolist ul li { padding:4px 0; border-bottom:1px dotted #dcdcdc;}
.listbar h3, .loglist h3, .listbar h4, { margin:0 0 10px;}
a.more, a.more:visited { font-size:11px; font-weight:normal; float:right; background:#281e1f; padding: 1px 9px 2px; display: inline-block; color:#fff; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
a.more:hover {background:#c62b02; text-decoration:none;}
.tbar { width:100%; height:auto; overflow:hidden; margin-bottom:12px;}
.iprolist { width:222px; float:left; padding-right:20px;}
.iprolist h3, .loglist h3 { margin-top:10px; font-size:14px;}
.iprolist h4 { margin-bottom:12px;}
.iprolist img { width:70px;}
a.tag-list, a.tag-list:visited {background-color: #f6f6f6;border: 1px solid #e0e0e0;border-radius: 2px 2px 2px 2px;color: #818181;margin:0 10px 4px 0;display:inline-block;padding: 2px 15px;text-transform: none;}
a.tag-list:hover, a.tag-list:focus {background-color: #EEEEEE;text-decoration: none;}
.resbar {background: -moz-linear-gradient(center top , #FFFFFF 0px, #fafafa 100%) repeat scroll 0 0 transparent; padding:0 10px 10px; width:auto; overflow:hidden; border:1px solid #E5E5E5;}