@charset utf-8;

/* reset */
body { margin:0; padding:0; background:#FFF; color:#333; font-size:12px; Microsoft YaHei, Verdana,sans-serif;}
form, ul, li, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
img { border:0; vertical-align:bottom; }
ul, li { list-style-type:none; }
dl, dt, dd { margin:0; padding:0; }
input, select, textarea { font-size:12px; font-family:Arial; vertical-align:middle; vertical-align:top \9; }


/* common */
.sp10 { height:10px; overflow:hidden; }

.clear { height:0px; font-size:0px; line-height:0px; overflow:hidden; clear:both; }
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

a { color:#333; text-decoration:none; }
a:hover { color:#285898; text-decoration:underline; }


body { background:#FBA95F url(body-bg.jpg) repeat-x; font-family:微软雅黑,helvetica, sans-serif;}
.body-wrap { position:relative; width:1143px; margin:0 auto; }
.body-wrap2 { width:984px; padding:0 9px; background:#FFF; }

.side { position:absolute; top:35px; right:0; width:141px; }
.side .followus { padding-left:13px; }
.side .quick-links { position:relative; height:455px; margin-top:6px; background:url(side-quick-links.jpg) 0 0 no-repeat; }
.side .quick-links a { position:absolute; text-indent:-2000px; overflow:hidden; }
.side .quick-links a.staff-login { top:19px; left:0; width:140px; height:88px; }
.side .quick-links a.staff-login:hover { background:url(side-quick-links.jpg) -142px -19px no-repeat; }
.side .quick-links a.student-portal { top:107px; left:0; width:140px; height:84px; }
.side .quick-links a.student-portal:hover { background:url(side-quick-links.jpg) -142px -107px no-repeat; }
.side .quick-links a.news-latter { top:191px; left:0; width:140px; height:90px; }
.side .quick-links a.news-latter:hover { background:url(side-quick-links.jpg) -142px -191px no-repeat; }
.side .quick-links a.event-booking { top:281px; left:0; width:140px; height:84px; }
.side .quick-links a.event-booking:hover { background:url(side-quick-links.jpg) -142px -281px no-repeat; }
.side .quick-links a.join-us { top:365px; left:0; width:140px; height:90px; }
.side .quick-links a.join-us:hover { background:url(side-quick-links.jpg) -142px -365px no-repeat; }

/* header */
.header { position:relative; }
.header h1 { width:500px; height:112px;/* padding:17px 18px 13px 18px;*/ overflow:hidden; }
.header .change-language { position:absolute; top:56px; right:0; padding:0 8px 0 103px; background:url(change-language.jpg) left center no-repeat; }
.header .change-language .droplist { height:28px; background:url(droplist-bg.jpg) no-repeat; }
.header .change-language .droplist .droplist-default-text { height:28px; line-height:28px; color:#FFF; border:0; }
.header .change-language .droplist .droplist-default-text:hover { border:0; color:#FFF; }
.header .change-language .droplist .droplist-default-text b { width:19px; height:19px; margin:4px 4px 0 0; background:url(droplist-ico.gif) no-repeat; }
.header .change-language .droplist dl { top:28px; }
.header .nav { width:984px; height:43px; background:url(nav.jpg) no-repeat; }
.header .nav li { float:left; }
.header .nav a { display:inline; float:left; height:43px; text-indent:-2000px; line-height:43px; overflow:hidden; }
.header .nav a.nav-home { width:62px; }
.header .nav a.nav-home:hover, .header .nav a.nav-home-current { background:url(nav.jpg) 0 -43px no-repeat; }
.header .nav a.nav-chooseus { width:91px; margin-left:2px; }
.header .nav a.nav-chooseus:hover, .header .nav a.nav-chooseus-current { background:url(nav.jpg) -64px -43px no-repeat; }
.header .nav a.nav-course { width:91px; margin-left:2px; }
.header .nav a.nav-course:hover, .header .nav a.nav-course-current { background:url(nav.jpg) -157px -43px no-repeat; }
.header .nav a.nav-newcourse { width:108px; margin-left:2px; }
.header .nav a.nav-newcourse:hover, .header .nav a.nav-newcourse-current { background:url(nav.jpg) -250px -43px no-repeat; }
.header .nav a.nav-promotion { width:91px; margin-left:2px; }
.header .nav a.nav-promotion:hover, .header .nav a.nav-promotion-current { background:url(nav.jpg) -360px -43px no-repeat; }
.header .nav a.nav-env { width:90px; margin-left:2px; }
.header .nav a.nav-env:hover, .header .nav a.nav-env-current { background:url(nav.jpg) -453px -43px no-repeat; }
.header .nav a.nav-share { width:87px; margin-left:2px; }
.header .nav a.nav-share:hover, .header .nav a.nav-share-current { background:url(nav.jpg) -545px -43px no-repeat; }
.header .nav a.nav-signup { width:93px; margin-left:2px; }
.header .nav a.nav-signup:hover, .header .nav a.nav-signup-current { background:url(nav.jpg) -634px -43px no-repeat; }
.header .nav a.nav-service { width:90px; margin-left:2px; }
.header .nav a.nav-service:hover, .header .nav a.nav-service-current { background:url(nav.jpg) -729px -43px no-repeat; }
.header .nav a.nav-club { width:70px; margin-left:2px; }
.header .nav a.nav-club:hover, .header .nav a.nav-club-current { background:url(nav.jpg) -821px -43px no-repeat; }
.header .nav a.nav-contact { width:91px; margin-left:2px; }
.header .nav a.nav-contact:hover, .header .nav a.nav-contact-current { background:url(nav.jpg) -893px -43px no-repeat; }
.header .banner { position:relative; width:984px; height:264px; overflow:hidden; }
.header .banner .btns { position:absolute; right:10px; bottom:10px; z-index:22; }
.header .banner .btns a { float:left; width:16px; height:16px; text-align:center; line-height:16px; margin:1px; background:#EEE; color:#000; }
.header .banner .btns a:hover, .header .banner .btns a.current { background:#AAA; }
.header .banner .items {  }
.header .banner .items img { position:absolute; left:0; top:0; z-index:20; }


/* main common */
.col-main { float:left; width:750px; }
.col-side { float:right; width:216px; }

.col-side .our-course { padding-top:10px; }
.col-side .our-course h3 { height:41px; line-height:41px; padding-left:18px; background:url(our-course-title.jpg) no-repeat; font-size:15px; font-weight:normal; color:#FFF; }
.col-side .our-course dl { padding:0 0 20px; border:1px solid #F6CAA3; border-top:0; }
.col-side .our-course dl dt { position:relative; padding-bottom:1px; background:url(bd-dashed.gif) bottom repeat-x; }
.col-side .our-course dl dt a.course1 { display:block; height:36px; line-height:36px; padding:0 12px; background:#FFF; font-size:13px; font-weight:bold; color:#3E3E3E; }
.col-side .our-course dl dt a.course1 span { float:right; width:0; height:0; margin:13px 0 0 5px; border-width:6px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #205F94; overflow:hidden; }
.col-side .our-course dl dt a.course1:hover, .col-side .our-course dl dt a.course1-current { text-decoration:none; background:#DF7110; color:#FFF; }
.col-side .our-course dl dt a.course1:hover span, .col-side .our-course dl dt a.course1-current span { border-color:transparent transparent transparent #FFF; }
.col-side .our-course dl dt a.course2 span { float:right; width:8px; height:8px; margin:13px 5px 0 5px; background:url(circle1.gif) no-repeat; border:0; overflow:hidden; }
.col-side .our-course dl dt a.course2:hover span, .col-side .our-course dl dt a.course2-current span { background-image:url(circle2.gif); border:0; }
.col-side .our-course dl ul { display:none; position:absolute; left:214px; _left:214px; top:0; width:196px; background:#F0F0F0; border:1px solid #F6CAA3; z-index:20; }
.col-side .our-course dl ul li { background:url(bd-dashed.gif) top repeat-x; }
.col-side .our-course dl ul li.first { background:none; }
.col-side .our-course dl ul li a { display:block; padding:10px 12px; color:#000; }
.col-side .our-course dl ul li a.even { background:#D5D7DB; }
.col-side .our-course dl ul li a:hover { text-decoration:none; background:#DF7110; color:#FFF; }

.col-side .last-news { margin-top:14px; background:url(latest-news.jpg) -432px 0 repeat-y; font-size:13px; color:#FFF; overflow:hidden;}
.col-side .last-news h3 { width:216px; height:51px; text-indent:-2000px; line-height:31px; background:url(latest-news.jpg) no-repeat; overflow:hidden; }
.col-side .last-news .ln-wrap { padding:0 17px 10px; background:url(latest-news.jpg) -216px bottom no-repeat; }
.col-side .last-news dl { padding-bottom:6px; }
.col-side .last-news dl dt { padding:3px 0; font-weight:bold; }
.col-side .last-news dl dd a { color:#FFF; }
.col-side .last-news .more { margin-top:5px; padding:5px 0; border-top:1px solid #EEA15D; }
.col-side .last-news .more a { padding-left:20px; background:url(ico-latest-news-more.jpg) 2px center no-repeat; color:#FFF; }

.col-side .weibo { width:216px; height:300px; padding-top:10px; overflow:hidden; }
.col-side .video { width:216px; height:200px; padding-top:10px; overflow:hidden; }
.col-side .no1 { width:216px; height:360px; padding-top:10px; overflow:hidden; }

.col-side .friend-links { padding-top:2px; }
.col-side .friend-links h3 { height:41px; line-height:41px; padding-left:18px; background:url(our-course-title.jpg) no-repeat; font-size:15px; font-weight:normal; color:#FFF; }
.col-side .friend-links dl { padding:0 0 18px; border:1px solid #F6CAA3; border-top:0; }
.col-side .friend-links dl dt { padding:8px 12px; background:url(bd-dashed.gif) bottom repeat-x; }
.col-side .friend-links dl dt a {  }
.col-side .friend-links dl dt a:hover {  }

.form .response { color:#F00; }

.list .date { float:right; padding-left:5px; }
.list .ico { float:left; width:3px; height:3px; overflow:hidden; }

.pic-list .item { display:inline; float:left; }
.pic-list .item .pic { text-align:center; overflow:hidden; }
.pic-list .item p { padding:2px 0; }

.pic-detail .pic { float:left; text-align:center; overflow:hidden; }
.pic-detail .text { float:right; }
.pic-detail .text p { line-height:150%; }

.pic-detail-list .item .pic { float:left; text-align:center; overflow:hidden; }
.pic-detail-list .item .text { float:left; padding-left:10px; }
.pic-detail-list .item .text h3 { font-size:14px; }
.pic-detail-list .item .text p { line-height:180%; }

.box .b-title { height:43px; line-height:43px; background:url(box.gif) 0 -86px repeat-x; }
.box .b-title .b-title-left { padding-left:15px; background:url(box.gif) 0 0 no-repeat; }
.box .b-title .b-title-right { padding-right:12px; background:url(box.gif) right -43px no-repeat; }
.box .b-title h3 { font-size:17px; color:#FFF; font-weight:normal; }
.box .b-title .more { float:right; }
.box .b-content { padding:1px; border:1px solid #F6CAA3; }
.box .b-content-wrap { padding:10px; background:url(box-bg.jpg) repeat-x; }
.box .readall { padding-top:10px; }
.box .readall a { display:block; line-height:29px; background:url(box-readall.gif) repeat-x; color:#FFF; font-size:13px; }
.box .readall a em { float:right; width:32px; height:29px; background:url(box-readall.gif) 0 -58px no-repeat; }
.box .readall a span { display:block; padding-left:12px; background:url(box-readall.gif) 0 -29px no-repeat; overflow:hidden; }
/*.box .readall a:hover { background-image:url(box-readall.gif); }
.box .readall a:hover em { background-image:url(box-readall.gif); }
.box .readall a:hover span { background-image:url(box-readall.gif); }*/
.box2 .b-title { background:url(box2.gif) 0 -86px repeat-x; }
.box2 .b-title .b-title-left { background:url(box2.gif) 0 0 no-repeat; }
.box2 .b-title .b-title-right { background:url(box2.gif) right -43px no-repeat; }
.box2 .b-content { border-color:#287AC2; }
.box3 .b-title { background:url(box3.gif) 0 -86px repeat-x; }
.box3 .b-title .b-title-left { background:url(box3.gif) 0 0 no-repeat; }
.box3 .b-title .b-title-right { background:url(box3.gif) right -43px no-repeat; }
.box3 .b-content { border-color:#4C9F2D; }


/* footer */
.footer { padding-bottom:10px; }
.footer .footer-nav { text-align:center; padding:10px; background:#DF7110; color:#FFF; font-size:11px; }
.footer .footer-nav a { margin:0 5px; color:#FFF }
.footer .f-content { padding:10px 0; font-size:12px; color:#666; }
.footer .copyright { float:left; width:325px; }
.footer .contact { float:left; width:320px; padding-left:20px; }
.footer .followus { float:left; width:277px; padding-left:35px; }

/* open dialog */
.dialog { position:fixed; _position:absolute; left:50%; width:500px; margin-left:-250px; padding:2px; background:#FFF; border:1px solid #A3B8C8; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; -moz-border-radius:4px; -webkit-border-radius:4px; z-index:32; }
.dialog .d-title { position:relative; padding:6px 12px 3px; background:url(dialog-title.png) center repeat-x; border:1px solid #4385B6; font-size:12px; -moz-user-select:none; -moz-border-radius:4px; -webkit-border-radius:4px; }
.dialog .d-title .dt-close { position:absolute; right:5px; top:3px; }
.dialog .d-title .dt-close a { float:left; width:17px; height:16px; padding:1px; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px; }
.dialog .d-title .dt-close a span { display:block; width:17px; height:14px; background:url(dialog.png) -96px -128px no-repeat; overflow:hidden; }
.dialog .d-title .dt-close a:hover { background:#D0E5F5; }
.dialog .d-title strong { margin-right:20px; color:#FFF; }
.dialog .d-content {  }.dialog .d-content .loading { min-height:52px; _height:52px; background:url(loading.gif) center no-repeat; }
.dialog .d-content .dc-form { padding:10px 20px 20px 0; }
.dialog .d-content .dc-form .response { padding:5px 10px 5px 25px; color:#F00; }
.dialog .d-content .dc-form-row { line-height:20px; padding:3px 5px; font-size:12px; font-family:Verdana,Arial,Helvetica,sans-serif; }
.dialog .d-content .dc-form-row label { float:left; width:120px; text-align:right; padding-right:10px; }
.dialog .d-content .dc-form-row .dcfr-txt { height:20px; line-height:20px; margin:0; padding:0; }
.dialog-bg { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity=30); z-index:31; }
#membership { display:none; }
#membership-bg { display:none; }
#newsletter { display:none; }
#newsletter-bg { display:none; }
#download { display:none; }
#download-bg { display:none; }


.play-window { display:none; position:fixed; top:120px; left:50%; width:560px; padding:10px; margin:0 0 0 -280px; background:#212121; overflow:hidden; z-index:999; }
.play-window .pw-title { padding:5px 10px; background:#000; }
.play-window .pw-title h2 { float:left; color:#656565; }
.play-window .pw-title .close { float:right; padding:3px 0 0; }
.play-window .pw-title .close a { color:#656565; }
.play-window .pw-content { height:315px; }
.play-bg { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.75; filter:alpha(opacity=75); z-index:888; }