﻿/* CSS Document */
/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-size:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"";}
abbr,acroonym{border:0;}
address{font-style:normal;}

/* basic common CSS */
/* 文字排版 */
.f_12{font-size:12px;}
.f_14{font-size:14px;}
.f_16{font-size:16px;}
.fw_n{font-weight:normal;}
.ti_2{text-indent:2em;}
.bold{font-weight:bold;}
/* 定位 */
.p_r{position:relative;}
.p_a{position:absolute;}
.f_l{float:left;}
.f_r{float:right;}
.ta_c{text-align:center;}
.c_b{clear:both;}
.c_l{clear:left;}
.c_r{clear:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}*html .clearfix{height:1%;display:inline-block;}/* hack */
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}
.block{display:block;}
.inline{display:inline;}
/* 长宽 */
.w_100{width:100%;}


/* common */
body{font:normal 14px/1.5em Arial,Serif,Sans-serif,Monospace,Cursive,Fantasy;}
a{text-decoration:none;color:#000;}
a:hover{color:#559534;}
.wrapper{width:1150px;margin:0 auto;}
/* Sprite */
.nav li,.search .button,.button,.bottom,.colName li,.tab .hover{background:url(../images/spriteBg.jpg) repeat-x;}
.nav .navSep,.nav .firstLi,.nav .lastLi,.title,.articleList ul li,.gradualChange_l,.gradualChange_r,.nav li ul li a,.navigation,.listTitle,.articleTitle li,.summerCamp dt,.colName li ul li{background:url(../images/spriteIcon2.gif) no-repeat;}


/* index */
/* banner */
.logo{background:url(../images/logo.jpg) no-repeat;width:168px;height:133px;margin-left:90px;display:inline;} 
.logo a {display:block;width:50%;height:100%;text-indent:-1000px;float:left;}
.banner h1{text-indent:-9999px;background:url(../images/EnBanner.jpg) no-repeat;width:617px;height:133px;}
.slidePic{height:133px;width:268px;background:url(../images/banner_02.jpg)}
.slidePic img{position:absolute;right:0;}
/* nav */
.nav{border-top:2px #427a25 solid;border-bottom:2px #427a25 solid;text-align:center;*float:left;padding-left:91px;z-index:30;background: url(../images/spriteBg.jpg) repeat-x;}
.nav li{float:left;position:relative;}
.nav li a{display:inline-block;height:32px;line-height:32px;color:#fff;font-size:16px;padding:0px 18px;font-family:Arial;white-space:nowrap;}
.nav li a:hover{color:#fff;}
.nav .navSep{height:32px;width:2px;background:url(../images/EnSep.jpg);}
.nav .firstLi{background-position:0px -340px;width:91px;height:36px;top:-2px;left:0px;position: absolute;}
.nav .lastLi{background-position:0px -390px;width:75px;height:36px;top:-2px;right:0px;*right:-25px;background-color:#fff;*right:-75px;position: absolute;/* hack */}
.nav li ul{background: white url(../images/navBg.jpg) repeat-x;display:none;float:left;position:absolute;z-index:20;top:32px;left:-3px;border-bottom:1px #44924a solid;border-left:1px #427a25 solid;border-right:1px #427a25 solid;border-top:2px #427a25 solid;}
.nav li ul li{float:left;background:none;width:100%;}
.nav li ul li a{color:#000;display:block;text-align:left;background-position:6px -688px;height: 32px;}
/* mainBox */
.nav li ul li a:hover{background-color:#ACEFA7;color:#000;}
.mainBox{margin-left:600px;z-index:10;display:inline;}
.title{border-bottom:1px #000 solid;height:40px;}
.title a{height:100%;line-height:40px;display:block;float:left;color:#407A25;font-size:16px;margin-left:50px;*margin-left:25px;/* hack */}
.more{right:5px;top:13px;}
.articleList{width:468px;margin-top:10px;}
.articleList ul li{border-bottom:1px #ccc dotted;padding-top:5px;height:22px;*height:20px;background-position:3px -428px;}
.articleList ul li a{float:left;margin-left:15px;font-size:12px;}
.articleList ul li img{float:left;}
.articleList ul li span{float:right;font-size:12px;}
/* siedBar */
.sideBar{width:806px;height:389px;background:url(../images/all.gif);margin-left:-1090px;}
.search{bottom: 5px;right: 225px;}
.search .textIn{border:1px #626262 solid;height:19px;padding-top:3px;width:104px;color:#aaa;font-size:14px;padding-left:3px;vertical-align:bottom;vertical-align:baseline;}
.search .button,.button{border:1px #626262 solid;height:24px;width:53px;background-position:0px -40px;}
/* bottom */
.bottom{background:url(../images/EnGradualBg.jpg);margin-top:10px;}
.bottom_t{border-bottom:1px #828A7F dotted;}
.gradualChange_l{width:94px;height:128px;background:url(../images/EnGradual01.jpg);left:0;}
.gradualChange_r{width:94px;height:128px;background:url(../images/EnGradual02.jpg);right:0;}
.topics{border-bottom:1px #828A7F dotted;border-top:1px #828A7F dotted;padding-left:105px;}
.topics li{float:left;height:49px;width:195px;padding-left:65px;font-size:12px;padding-top:14px;line-height:18px;}
.topics .en_icon_01{background:url(../images/manila.jpg) 0px 8px no-repeat;}
.topics .en_icon_02{background:url(../images/indianapolis.jpg) 15px 11px no-repeat;width:170px;padding-top:16px;height:47px;padding-left:70px;}
.topics .en_icon_03{background:url(../images/autonomous.jpg) 14px 11px no-repeat;}
.topics .en_icon_04{background:url(../images/hanban.jpg) 25px 14px no-repeat;padding-top:20px;height:43px;padding-left:85px;}
.topics .en_icon_05{background:url(../images/capetown.jpg) 7px 8px no-repeat;padding-top:10px;height:53px;}
.topics .en_icon_06{background:url(../images/lyon.png) 0px 15px no-repeat;padding-top:10px;width:170px;indent:5px;padding-left:70px;}
.topics .en_icon_07{background:url(../images/base.jpg) 0px 21px no-repeat;padding-top:0px;height:63px;}
.topics .en_icon_08{background:url(../images/confucius.jpg) 25px 5px no-repeat;padding-top:18px;height:45px;padding-left:85px;}

.friendLink{padding-left:80px;}
.friendLink li{float:left;height:39px;line-height:39px;margin:auto 20px;}
.select select{margin-top: 9px;color: #717171;padding: 1px;border: 1px #626262 solid;width: 120px;font-size: 14px;}
.copyright p{line-height:40px;}


/* column */
/* colMainBox */
.colMainBox{width:755px;margin-left:327px;}
.colMainBox_c{width:1072px;margin-left:42px;}
.navigation{color:#a8a8a8;background-position:10px -714px;text-indent:35px;border-bottom:1px #000 dotted;height:25px;padding-top:15px;margin-left:20px;font-size:14px;}
.navigation a{color:#a9a9a9;}
.colArticleList{margin-left:20px;}
.listTitle{background-position:5px -757px;height:25px;padding-top:15px;text-indent:33px;border-bottom:1px #a8a8a8 solid;font-size:16px;}
.colArticleList .featuresTitle{background:url(../images/feature_01.jpg) no-repeat 5px 7px;text-indent:55px;}
.articleTitle{padding-top:10px;}
.articleTitle li{background-position:13px -689px;text-indent:30px;height:30px;padding-top:4px;padding-right:4px;}
.articleTitle li a{float:left;}
.articleTitle li span{float:right;}
.articleTitle .features{background:none;font-size:12px;color:#999;height:auto;margin-bottom:10px;text-indent:2em;padding-left:30px;}
.colArticleList p {160%;margin-top:10px;}
/* colSideBar */
.colSideBar{width:233px;margin-left:-988px;*margin-left:-993px;border-right:1px #a8a8a8 solid;/* hack */}
.colNav{font:bold 16px Verdana;border-bottom:5px #005825 solid;line-height:40px;height:40px;text-indent:8px;text-indent:-9999px;background:url(../images/category.jpg);}
.colNav span{font:bold 8px 'Homemade Apple', serif;margin-left:4px;color:#aaa;text-shadow: 2px 2px 2px #ddd;}
.colName li{background-position:0 -310px;line-height:36px;border-bottom:1px #a8a8a8 solid;border-left:1px #a8a8a8 solid;text-indent:15px;}
.colName li a {display:block;}
.colName li a:hover{background:#ff9933;color:#fff;}
.colName li ul{background:#e0e0e0;border-top:1px #a8a8a8 solid;}
.colName li ul li{background-color:#e0e0e0;border:none;background-position:15px -867px;text-indent:25px;}
.colName li ul li span{color:#a8a8a8;padding-right:8px;}
.colName li ul li a{display:inline;}
.colName li ul li a:hover{background:none;color:#aaa;}
.bor_top_dot{border-top:1px #000 dotted;}
/* 岭南文化图片 */
.culture{width:739px;height:195px;background:url(../images/EnCulture.jpg);margin:10px auto 20px 20px;}
.culture li{float:left;margin:10px 9px;*margin:5px 4px;/* hack */}
.culture li a{display:block;width:166px;height:76px;text-indent:-9999px;}

.institute{width:730px;height:180px;background:url(../images/institute.jpg);margin:10px auto 20px 20px;}
.institute li{width: 242px;height: 74px;float: left;margin-top:13px;}
.institute li a{display: block;height:74px;margin-left:12px;text-indent: -9999px;}
/* tab column */
.tab{border-bottom:1px #a8a8a8 solid;width:720px;}
.tab .listTitle{float:left;border:none;}
.tab .listTitle a{display:block;margin:-6px 5px auto 30px ;height:31px;line-height:31px;text-indent:0px;width:100px;text-align:center;}
.tab .listTitle .hover{background-position:0 -350px;color:#000;border-top:1px #a8a8a8 solid;border-left:1px #a8a8a8 solid;border-right:1px #a8a8a8 solid;width:98px;}
/* articleListPage */
.page{margin:10px auto;}
/* contentPage */
.conTitle{font:bold 16px Arial;line-height:48px;}
.conInfo{margin: auto auto 25px 20px;;background:#eee;font-size:12px;line-height:2em;}
.conContent{margin:10px 0px auto 20px;overflow:visible;}
.conContent p{margin-bottom:21px;}
.preNext{list-style:inside disc;margin:auto auto 20px 20px;}
/* 夏令营页面 */
.summerCamp{margin:20px auto auto 20px;width:524px;}
.summerCamp dt{font-weight:bold;background-position:0px -905px;text-indent:40px;line-height:40px;border-bottom:1px #a8a8a8 solid;margin-bottom:5px;}
.summerCamp dd{position:relative;margin-bottom:20px;}
.summerCamp dd p{text-indent:2em;line-height:25px;height:75px;}
.summerCamp dd img{position:absolute;right:-200px;top:-40px;}
/* 教师志愿者页面 */
.teaVolunteers01{background:url(../images/corner.gif) no-repeat 0px 0px;margin:20px auto auto 20px;width: 740px;overflow:hidden;position:relative;}
.teaVolunteers{height:171px;width:750px;margin-left:12px;width: 9999px;overflow: hidden;}
.teaVolunteers li{float:left;width: 170px;text-align:center;margin-top:25px;position:relative;padding-left: 10px;}

.teaVolunteers li img {display:block;}

/* 简介页 */
.introduction{background:url(../images/corner.gif) no-repeat;width:744px;height:171px;padding:15px 0 0 20px;margin:5px 0 0 15px;}
.introduction li{float:left;height:65px;width:185px;padding-left:65px;font-size:12px;padding-top:14px;line-height:18px;}
.introduction .en_icon_01{background:url(../images/manila.png) 0px 8px no-repeat;padding-top:18px;height:47px;}
.introduction .en_icon_02{background:url(../images/Indianapolis.jpg) 15px 11px no-repeat;width:135px;padding-top:16px;height:47px;padding-left:70px;}
.introduction .en_icon_03{background:url(../images/Autonomous.png) 14px 11px no-repeat;width:195px;}
.introduction .en_icon_05{background:url(../images/capetown.png) 7px 8px no-repeat;padding-top:10px;}
.introduction .en_icon_06{background:url(../images/lyon.png) 0px 15px no-repeat;padding-top:10px;padding-left:70px;width:135px;}
.introContent{padding-left:30px;}
.introContent h4 {margin:25px 0 20px 0;font-weight:bold;font-size:16px;}
.introContent p{margin-bottom:20px;line-height:1.7em;text-align: justify;font-family:Arial;}
/* 教师感言 */
.teaWords h4{text-indent:-1000px;background:url(../images/teacherWords.jpg) no-repeat;width:243px;height:40px;margin-left:-7px;}
.teaWords p{background:#ebebeb;padding:10px;line-height:25px;}
/* slide图片 */
.colSlidePic{height:180px;}
.colSlidePic img {position:absolute;display:none;}
/* 分页 */
.paginator{margin-left:15px;}
/* 留言板 */
.guest{
margin-top:20px;
margin-right:0px;
}
.guest ul li{
margin-top:5px;
}
.guest fieldset{
margin:10px;
padding:10px;
border:1px #a8a8a8 solid;
}
.guest fieldset legend{
background:#ddd;
}
.replyButton{
margin: 15px auto 15px 25px;
}
.replyButton a,.replyButton label {
display: inline-block;
height:32px;
width:101px;
background:url(../images/button.jpg) no-repeat;
line-height: 30px;
text-indent: 19px;
color: white;
}
.writeMes p{
line-height:30px;
}
.writeMes p label{
width: 80px;
display: inline-block;
}

.colMainBox ul li fieldset p {
margin: 10px 0 10px 0;
}
.colSlidePic{height:180px;overflow:hidden;}
.colSlidePic img {position:absolute;display:none;}

.SiteMap_1 {clear:both;margin-top:20px;border-bottom:solid 2px #ccc;}.SiteMap_1 a {font-weight:bold;}.SiteMap_2 {clear:left;}.SiteMap_2 a {line-height:36px;}.SiteMap_3 a {font-size:12px;}
.SiteMap_3 {width:90px;float:left;text-align:left;}
.SiteMap_3 a {line-height:36px;color:#666;}
.SiteMap_2 a:hover,.SiteMap_3 a:hover {color:#000;}





