@charset "utf-8";
/* CSS Document */
html,body{ height:100%;margin:0; padding:0;}
body{margin:0;padding:0;color:#333;background-color:#f3f3e9; background-position:left 60px}
ul,li,dl,dt,dd,form,p{margin:0;padding:0}
ul,li{list-style:none}
img{border:0;padding:0;margin:0}
img,input,select{vertical-align:middle}
a:focus {outline:none}
/*font*/
body,input,select,.en{font-family:Tahoma, Arial,SimSun,宋体, sans-serif;font-size:12px;line-height:150%}
h1,h2,h3,h4,h5{padding:0;margin:0}
.f12{font-size:12px;line-height:130%}
.f14{font-size:14px}
/*layout*/
#memBox a,.tableClass li,#pageBox li{background:url(/images/foreign-trade/icon.png) no-repeat}
.channel{margin:0 auto;width:980px}
.c{text-align:center}
.r{text-align:right}
.fr{float:right}
.fl{float:left}
.clr {clear:both}
/*color*/
a:link,a:visited{color:#0447a5;text-decoration:none}
#rightBar .title a{color:#333}
#memBox a,#bottom a{margin:0 5px;color:#727272}
a:hover,#rightBar .title a:hover,#memBox a:hover,#bottom a:hover{color:#d9000c;text-decoration:none}
/*bottom*/
#bottom{padding:10px 0}
/*header*/
#header{height:60px; background-color:#FFF}
#memBox{padding-top:35px}
#memBox a{background-position:left -73px;padding:0 10px}
/*topMain*/
#topMain{background:#FFF url(/images/foreign-trade/bg-maininfo.jpg) no-repeat left top;padding:90px 480px 10px 135px;width:366px;height:230px}
/*main*/
#main{background-color:#FFF}
#leftBar{width:690px;padding:0 20px;float:left}
#rightBar{width:230px;padding:10px 20px 0 0;float:left}
#leftBar p{margin:0 0 5px}
.content{padding:15px 0;}
.title{background:url(/images/foreign-trade/bg-title.png) no-repeat;font-family:Microsoft YaHei,微软雅黑;line-height:20px;margin-bottom:5px;font-size:14px;text-indent:-9999em}
#join{font-size:14px;line-height:130%}
.btnJoin{font-size:14px;text-indent:-9999em;display:block; background:url(/images/foreign-trade/btn-join.png) no-repeat left top;width:162px;height:40px;margin:20px auto 10px}
#classList .title{background-position:left -20px}
.tableClass{border-top:1px solid #93ddcc;border-left:1px solid #93ddcc;width:100%;margin:10px 0}
.tableClass th,.tableClass td{border-bottom:1px solid #93ddcc;border-right:1px solid #93ddcc; vertical-align:top}
.tableClass th{background-color:#d8efdc;font-weight:700;color:#69605b;text-align:left;padding:2px 7px 0;hegiht:26px;line-height:26px}
.tableClass td{padding:7px 10px}
.tableClass ul{margin-bottom:7px}
.tableClass li{display:block;margin:3px 0;background-position:-147px -54px;padding-left:8px}
.classInfo th{ text-align:center;padding-top:4px}
#classList p{margin:0}
#instructor .title{background-position:left -40px}
#instructor dl{padding:10px;background-color:#f3f3e9;margin-top:10px}
#instructor dt{font-weight:700}
#instructor .pic{background:url(/images/foreign-trade/bg-ins.gif) no-repeat;display:block;width:70px;height:90px;margin-left:10px}
#instructor .adam{ background-position:right top}
#instructor .frank{ background-position:right -110px}
#instructor .mimi{background-position:right -220px}
#instructor img{width:70px;height:88px}
#rightBar .title{background-position:left -60px;margin-bottom:0;}

/* write by fanmin 2012.04.13  */
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;}
.content2 {border-bottom:1px solid #ddd;zoom:1;}
#instructor .lecturer {background:none;width:230px;float:left;margin-top:0;padding-left:0;padding-top:5px;position:relative;}
#instructor .lecturer .pic,#instructor .lecturer-re .pic {margin-left:0;display:inline}
#instructor .title-active{background-position:left -86px}
#instructor .lecturer-re {width:320px;padding-right:25px;background:none;float:left;margin-top:0;padding-left:0;padding-top:5px;}
#instructor .lecturer-re .pic {width:120px;height:80px;border:1px solid #dbdbdb}
#instructor .lecturer-re .pic2 {margin-right:10px}
#instructor .lecturer-re img{width:120px;height:80px;}
#instructor .lecturer-re a{color:#333}
#instructor .lecturer-re a:hover,.active-page  a:hover{color:#0447a5}
.active-page {float:right;margin:10px 0 15px}
.active-page  a{padding:0;float:left;border:1px solid #d1d1d1;margin-left:8px;padding:0 6px;line-height:1.3;color:#b1b1b1;display:inline}
.active-page .nonumber{float:left;border:1px solid #d1d1d1;padding:4px 7px;margin-left:8px}
.active-ico {display:block;width:0;height:0;font-size:0;line-height:0;border-width:4px 0 4px 4px;border-style:solid;border-color:#fff #ff6600}
.active-ico2 {border-width:4px 4px 4px 0;border-color:#fff #cdcdcd}
.active-ico3 {border-width:4px 4px 4px 0;border-color:#FFFFFF #FF6600}
.active-icon {border-width:4px 0 4px 4px;border-color:#fff #cdcdcd}
.active-page .current {float:left;padding:0 6px;line-height:1.3;margin-left:8px;border:none;font-weight:bold;color:#ff6600}
#rightBar .learner .title {background-position:left -106px;margin:20px 0 5px}
.learner-info {width:208px;padding:10px;height:320px;overflow:hidden;position:relative;border:1px solid #dfdfdf;background:#f3f3e9;margin-bottom:30px}
.learner-list {position:absolute;left:0;top:0;width:9999px;}
.learner-info  li {float:left;width:208px;height:290px;padding:10px;}
.learner-pre {color:#888;display:block;margin-top:2px}
.slider-page {position:absolute;right:10px;bottom:10px;bottom:5px\9}
.slider-page .nonumber{float:left;border:1px solid #d1d1d1;background:#fff;padding:4px 7px;margin-left:8px;cursor:pointer}
.active-cur {border-color:#fff #ff6600}
#instructor .lecturer-dl {width:140px;margin-top:0;margin:0 1px;padding-top:0;position:absolute;left:71px;top:5px;z-index:999;background:none}
#instructor .lecturer-dlbg {background:#f3f3e9;padding-right:5px;}
.new-tip{ color:#CE202D; padding:2px 0 5px 0;clear:both;width:0;height:0;font-size:0;line-height:0;}
.pup-login {float:left;width:300px;}
.pup-loginre span {color:#f00;display:block;margin:5px 0 0 80px}
.pup-form {margin:30px 15px 15px 150px;width:485px;}
.pup-form p {padding:6px 0}
.pup-form label {float:left;width:80px;text-align:right;font-size:14px;padding-top:4px}
.pup-form .login-input {width:223px;padding-left:2px;height:27px;line-height:27px;border:1px solid #d3d3d3}
.btnSear,.btnSear span,.btnMem,.btnMem span,#tagLeft h2,.seaResult,.goMem,.goMem span,.edPass,.edPass span{background-image:url(/images/new/button.png);background-repeat:no-repeat}
.btnSear,.btnSear span,.btnMem,.btnMem span,.goMem,.goMem span,.edPass,.edPass span{cursor:pointer;display:inline-block;oveflow:hidden;zoom:1}
.btnBox{margin:10px 0 0}
.btnSear,.btnMem{padding-left:30px;font-size:14px;height:32px;line-height:32px}
.btnSear span,.btnMem span{padding-right:30px;font-weight:700;background-position:right top}
.btnSear{background-position:left top}
.btnSear span{background-position:right top;color:#740c04;padding-top:4px\9;hegith:28px\9;line-height:28px\9}
.btnMem {background-position:left -42px}
.btnMem span{background-position:right -42px;color:#FFF}
.error-info {color:#f00;font-weight:normal}
.pup-form .error-txt {padding:0;margin:0}
.pup-form .error-txt label {padding-top:0}
.new-tiper {padding-bottom:8px;}
#regButton span {margin:0}
#showdiv { width: 100%; height: 100%; background: #000;position:fixed; _position:absolute;top: 0; left: 0;opacity: 0.5;  filter: alpha(opacity=50); display: none; z-index: 9999;}
#popDiv {position:absolute;display:none;z-index:10000;width:650px;}