@charset "utf-8";
/*======== AUTHOR: Jimbor Chu
======Blog: http://jmedia.cn/
===========================*/


/*=========================
RESET ===================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; font-family: inherit; font-size: inherit;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ul {list-style:none; _ zoom: 1;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
div,a,p{outline:0;}

/*=========================
ELEMENTS ===================*/ 
body {font-family: "lucida grande",tahoma,verdana,arial,sans-serif; color: #666; font-size: 12px; line-height: 1.5; height: 100%;}
a:link {color: #225c59; text-decoration: underline;}
a:visited{color: #225c59; text-decoration: underline;}
a:hover{color: #ffab3d; text-decoration: none;}

input, textarea, select{font-size: 12px; color: #666; line-height: 150%; vertical-align: middle; font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}

.clear{clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix {
/* Hides from IE-mac \*/ 
height: 1%; 
/* End hide from IE-mac */ 
} 
/* ie7 hack*/ 
*+html .clearfix { 
min-height: 1% ; 
}

/*=========================
LAYOUT ===================*/
#hd {}
#inhd {width: 1000px; background: url(bg_head.jpg) 50% top no-repeat; margin: 0 auto; position: relative; }
  #inhd h1{text-indent: -1000px; height: 135px; }
  #slogan {text-indent: -1000px; position: absolute; top: 135px; left: 0; background: url(slogan.gif) left top no-repeat; width: 192px; height: 29px;}
  #nav{height: 29px; line-height: 29px; font-size: 14px; background: url(bg_nav.gif) left top repeat-x; padding-left: 280px;}
    #nav li{float: left; display: inline; margin-right: 20px;}
      #nav li a, #nav li a:visited{color: #fff; text-decoration: none;}
      #nav li a:hover{text-decoration: underline;}
  #sub-nav{height: 25px; line-height: 25px; border-bottom: 1px solid #ccc; padding-left: 5px;}
    #sub-nav li{float: left; display: inline; margin-right: 8px;}
      #sub-nav ul, h6{float: left; display: inline;}
      #sub-nav h6{color: #999; font-weight: bold;}
      #sub-nav a, #sub-nav a:visited{color: #999; text-decoration: none;}
      #sub-nav a:hover{text-decoration: underline;}

#bd {clear: both; margin-top: 5px;}
#inbd {margin: 0 auto; width: 1000px;}
  #main{width: 700px; float: right;}
    #main .section{background: url(bg_main-section.gif) left top repeat-x; margin-bottom: 10px; position: relative;}
      #main .section h3{height: 30px; background-position: left top; background-repeat: no-repeat; text-indent: -1000px;}
      #pEnglish h3{background-image: url(penglish.gif);}
      #eEnglish h3{background-image: url(eenglish.gif);}
      #mTraining h3{background-image: url(mtraining.gif);}
      #mConsulting h3{background-image: url(mconsulting.gif);}
      #mConsulting h4{text-indent: 24px; font-weight: bold; font-size: 14px;}
      #main .section .more{position: absolute; right: 10px; top: 5px;}
  #sidebar{width: 298px; float: left;}
    #slideHolder {text-align: center; margin: 5px auto; position: relative;}
    #slideHolder img{width: 280px; height: 210px; display: none;}
    #slideHolder ul{position: absolute; top: 190px; right: 30px;}
    #slideHolder li{float: left; _display: inline; padding: 0px 4px; border: 1px solid #ccc; background: #c00; color: #fff; margin-right: 5px; font-size: 9px; cursor: pointer;}
    #slideHolder li.current{background: #000;}
    #sidebar a, #sidebar a:visited{text-decoration: none;}
    #sidebar a:hover{text-decoration: underline;}
    #sidebar .section{width: 288px; padding-bottom: 6px; background-color: #f3fcf5; border: 1px solid #8adb3b; border-top: 0; position: relative; padding-top: 33px; margin-bottom: 5px;}
      #sidebar .section h3{font-size: 14px; font-weight: bold; color: #fff; line-height: 29px; text-indent: 15px; background: url(bg_sidebox1-hd.gif) left top no-repeat; position: absolute; left: -1px; top: 0; width: 290px; }
      #sidebar .section h4{background-color: #c5ed9d; font-weight: bold; color: #225c59; margin: 3px; padding: 2px;}
      .section#recClass{background-color: #fafbe4; border-color: #bada3b;}
      .section#recClass h3{background-image: url(bg_sidebox2-hd.gif);}
      .section#recClass h4{background-color: #e0ec9d;}
      .section#hotNewsNoImg{padding-left: 0px; width: 288px; _height: 50px;}
      .section#hotNewsNoImg ul{float: right; _float: none;}
      .section#hotNewsNoImg ul a, .section#hotNews ul a:visited{color: red; font-weight: bold;}
      .section#hotNews{padding-left: 86px; width: 202px; _height: 130px;}
      .section#hotNews ul{float: right; _float: none;}
      .section#hotNews ul a, .section#hotNews ul a:visited{color: #c00; font-weight: bold;}
      #hotNews .t{float: left; margin-left: -80px; text-align: center; _position: absolute; _left: 86px; _top: 34px;}
      #hotNews .t img{border: 1px solid #fff;}
    #email{width: 180px; height: 89px; background: url(email.gif) left top no-repeat; margin: 5px auto;}
      #email a{display: block; float: left; width: 90px; height: 89px; text-indent: -1000px;}  

#ft {clear: both; margin-top: 5px;}
#inft {width: 1000px; margin: 0 auto; color: #999;}
  #inft a, #inft a:visited{color: #999;}
  #partner{height: 37px; line-height: 37px; background: url(bg_partner.gif) 10px 50% no-repeat #efefef;  padding-left: 80px;}
    #partner li{float: left; display: inline; margin-right: 20px;}
    #partner li img{margin-top: 5px; border: 1px solid #ccc;}
  #contactInfo{clear: both; margin: 10px 0; text-align: center;}


/*=========================
COMPONENTS ===================*/

/* lists */
ul.dot1 {margin:5px 10px;}
  ul.dot1 li {background:url(dot1.gif) left 5px no-repeat; padding-left:12px; display: block;}
ul.dot2 {}
  ul.dot2 li {background:url(dot2.gif) 5px 7px no-repeat; padding-left:12px;}
ul.dot3 {}
  ul.dot3 li {background:url(dot3.gif) 10px 7px no-repeat; padding-left:20px; margin-right:10px;}
ul.dot4 {}
  ul.dot4 li, ul.dot3 li li  {background:url(dot4.gif) 10px 8px no-repeat; padding-left:20px;}

/* sub sections */
.sub-sec{width: 174px; float: left; _display:inline;  margin-right: 1px; _margin-right: 1px; background: url(bg_greenbox-ft.gif) left bottom no-repeat; padding-bottom: 6px; margin-bottom: 5px;}
.col-3 .sub-sec{width: 232px; background-image: url(bg_greenbox2-ft.gif);}
  .sub-sec h4{font-size: 14px; font-weight: bold; color: #225c59; line-height: 29px; text-indent: 15px !important; }
  .sub-sec ul{width: 170px; border-width: 0 2px; border-color: #e7e7e7; border-style: solid;}
  .col-3 .sub-sec ul{width: 228px;}
  /* #pEnglish */
  #pEnglish .sub-sec h4{background: url(bg_greenbox-hd.gif) left top no-repeat;}
  #pEnglish.col-3 .sub-sec h4{background-image: url(bg_greenbox2-hd.gif);}
  #pEnglish .sub-sec ul{height: 80px;}
  /* #eEnglish */
  #eEnglish .sub-sec h4{background: url(bg_greenbox-hd.gif) left top no-repeat;}
  #eEnglish.col-3 .sub-sec h4{background-image: url(bg_greenbox2-hd.gif);}
  #eEnglish .sub-sec ul{height: 80px;}
  /* #mTraining */
  #mTraining .sub-sec h4{background: url(bg_orangebox-hd.gif) left top no-repeat;}
  #mTraining.col-3 .sub-sec h4{background-image: url(bg_orangebox2-hd.gif);}
  #mTraining .sub-sec ul{height: 120px;}
  /* #mConsulting */
  #mConsulting .sub-sec{position: absolute; right: 30px; top: 50px;}
  #mConsulting .sub-sec h4{background: url(bg_orangebox-hd.gif) left top no-repeat;}
  #mConsulting.col-3 .sub-sec h4{background-image: url(bg_orangebox2-hd.gif);}