@charset "utf-8";
/* CSS Document */


#exchange_student{ width:681px; height:auto; float:left; margin:0; padding:0; }

#exchange_student #center{background:#f2f2f2;}
#introduce,#competency,#bill,#codes,#flow,#exhibit,#download{float:left; }

#consultation{margin:0 0 5px 0; padding:0;}

#exchange_student h1{ font-size:12px; margin:0 0 0 55px!important;margin:0 0 0 25px; width:100px; color:#fff;}

#exchange_student h2{ font-size:14px;  color:#000; float:left;}
#exchange_student .more{ margin:0;padding:0;width:90px;}
#exchange_student .content{ clear:both; width:400px; margin:5px auto 10px 0; float:left;}




#exchange_student #introduce{  width:432px; height:165px;border:0;  margin:0; padding:0;	background: #f2f2f2 url(../images/exchange-student_orange.png) no-repeat 15px 0;}
#exchange_student #introduce .content{ width:330px; float:left; margin: auto auto auto 10px;}
#exchange_student #introduce .img{float:right; margin:0 10px 0 auto;}


#exchange_student #center{background:#f2f2f2;}
#exchange_student #picture{margin:auto; width:427px; height:156px;}
#exchange_student .top{  width:432px; height:9px; background:url(../images/exchange-student_top.gif) no-repeat; }
#exchange_student #competency{width:230px;height:155px; margin:10px 0 0 0;background:url(../images/competency.gif) no-repeat 14px 5px; clear:both;}
#exchange_student #competency h2{width:100px; float:left; color:#2166b3;}
#exchange_student #competency .more{width:75px; float:left;}
#exchange_student #competency .content{width:200px; height:auto; float:left;}
#exchange_student #competency .img{float:right; margin:0 10px 0 auto;}

#exchange_student #bill{ width:420px;height:188px; border:#d0d0d0 1px solid; margin:0 5px!important;margin:0 2px; background:url(../images/exchange-student_blue.png) 14px 5px no-repeat #fff;}
#exchange_student #bill h1{  width:144px; height:30px; line-height:30px; padding:0;}
#exchange_student #bill .content{margin:0; padding:0; width:400px;}
#exchange_student #codes{width:230px; height:164px;float:left;clear:both; }
#exchange_student #codes h2{ color:#21980a; margin:0; adding:0;} 
#exchange_student #codes ul{width:200px; }
#exchange_student #codes li{border-bottom:#999 dashed 1px; width:95%;}

#exchange_student #exchange_flow{ background:url(../images/flow.jpg) no-repeat; width:230px; height:195px; clear:both;}

#exchange_student #exchange_flow ul{ margin:60px 0 0 20px!important;margin:60px 0 0 0; padding:0; width:210px;  float:left; padding:0; }
#exchange_student #exchange_flow li{ margin:5px 0 0 15px; width:60px; float:left;}
#exchange_student #exhibit{ width:432px; padding:5px 0 0 0 ; height:auto;background: #f2f2f2 url(../images/exchange-student_green.png) no-repeat 15px 5px;}

#exchange_student #exhibit ul{ width:420px; margin: auto auto auto 7px!important;margin: auto auto auto auto; clear:both;}
#exchange_student #exhibit li{ float:left; margin:10px!important;margin:5px;}
#exchange_student #exhibit .more{ float:right; margin:auto 15px;}



#exchange_student #download{width:230px; height:auto;clear:right; background:url(../images/download.gif) no-repeat 14px 5px;}
#exchange_student #download h1{ color:#ff8a1d; } 
#exchange_student #download ul{ width:190px; margin:10px 0 0 15px!important; margin:5px 0 10px 20px;float:left; clear:both;}
#exchange_student #download li{  float:left; clear:both; border-bottom:#999 dashed 1px; width:95%;}}
#exchange_student .bottom{ width:432px; height:9px; background:url(../images/exchange-student_bottom.gif) no-repeat; clear:both;}