@charset "utf-8";

/*css reset */
h1,h2,h3,h4,h5,h6,h7,p,ul,ol,dl,dt,dd,li,body,form,input,button,img,cite,strong,em,table,td,th {padding: 0;margin: 0;}
* {font-size: 12px}
img,table,td,th { border: 0; }
ul{list-style-type: none; }
a{color: #369; text-decoration: none; }
a:hover { text-decoration: underline; }
body { background: #343e47;}


/*** clear fix *********/
.clear { clear: both; }
.column {display:block;float:left;margin:0;padding:0; _display:inline}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/*** layouts ***********/
#wrap{ width:100%; height:100%; margin:0; padding:0;}
#head{ width:991px; height:258px;margin:20px auto 0; background:url(../images/train/train_banner.jpg) no-repeat 0 0;text-align:center; overflow:hidden}
#head h1{ color:#fff; font:bold 48px "黑体", Verdana, sans-serif; padding:110px 0 0 35px; text-indent:-11000em}
#head h3{color:#ffc300; font: normal 30px arial, sans-serif; padding:5px 0 0 100px;text-indent:-11000em}

#nav{ width:991px; height:56px; margin:0 auto;background:url(../images/train/spritex4.png) repeat-x 0 0; overflow:visible; position:relative;}
#nav .navLeft,#nav .navRight{ width:19px; height:83px; background:url(../images/train/sprites.png) no-repeat 0 0; position: absolute;}
#nav .navLeft{ left:-10px}
#nav .navRight{ background-position:-22px 0; right:-10px}
#nav ul{ list-style:none; text-align:center}
#nav ul li{ display:inline-block; width:110px; margin:0 auto; *display: inline; zoom:1}
#nav ul li a{ color:#fff; font: bold 14px/56px Arial, Helvetica, sans-serif; _display:block; _width:110px}
#nav ul li.current{background:url(../images/train/sprites.png) no-repeat 0 -90px;}


#content{width:991px; height:auto; margin:0 auto;background:url(../images/train/contentBg.gif) repeat-y 0 0; overflow:hidden}
#content .inner{background:url(../images/train/spritex4.png) repeat-x 0 -1130px; min-height:200px; width:975px; margin:0 auto; overflow:auto}
#content .bottom{ width:975px; margin:0 auto; height:10px; overflow:hidden;}
#content .bottom .leftCorner,#content .bottom .rightCorner{ width:10px;background:url(../images/train/sprites.png) no-repeat -382px -668px; float:left; overflow:hidden; height:10px}
#content .bottom .rightCorner{ float:right; background-position:-386px -668px}


#introduce{ width:929px; height:183px; margin:20px auto 0;background:url(../images/train/sprites.png) no-repeat 0 -170px; color:#fff;overflow:auto}
#introduce h3{ width:184; height:28px; text-indent:2.4em; line-height:28px; margin:18px 0 0 19px;background:url(../images/train/sprites.png) no-repeat 0 -400px;font-size:14px;}
#introduce p{padding:10px 52px; line-height:200%; }

.newBox{ width:700px; height:230px; overflow:hidden;margin:15px 0 0 30px;}
.newBox .newMenu{ height:30px; width:100%; _margin-bottom:-1px}
.newBox .newMenu .newsMenuLeft,.newBox .newMenu .newsMenuRight{ width:14px; height:30px; overflow:hidden; background:url(../images/train/sprites.png) no-repeat -224px -484px;}
.newBox .newMenu .newsMenuRight{ background-position:-238px -484px;}
.newBox .newMenu .newsMenuInner{ width:672px; background:url(../images/train/spritex4.png) repeat-x 0 -75px; height:30px; _height:28px;}
.newBox .newMenu .newsMenuInner h3{ background:url(../images/train/sprites.png) no-repeat -6px -438px; text-indent:1.4em; line-height:30px; color:#fff;font-size:14px;}
.newBox .newContent{ height:199px; width:100%; overflow:hidden}
.newBox .newContent .ncLeft,.newBox .newContent .ncRight{width:15px; height:199px; overflow:hidden; background:url(../images/train/sprites.png) no-repeat -279px -484px;}
.newBox .newContent .ncRight{background-position:-294px -484px;}
.newBox .newContent .newsInner{ width:670px; background:url(../images/train/spritex4.png) repeat-x 0 -130px; height:199px}
.newBox .newContent ul{ padding:10px 0;height:150px;overflow:hidden;}
.newBox .newContent ul li{ list-style-type:none; line-height:195%}
.newBox .newContent ul li a{ color:#333}
.newBox .newContent ul li a.signup{ color:#001FE0}

.regBox{ width:200px; height:227px;background:url(../images/train/regBg.jpg) no-repeat 0 0; margin:15px 0 0 15px;}
.regBox .regBtn{ display:block;width:181px; height:45px; text-indent:-10000em; margin:10px  auto 0;background:url(../images/train/sprites.png) no-repeat -108px 0;}

.event{ margin:20px auto 0; width:908px; height:30px; _margin-bottom:-2px;}
.event .eLeft,.event .eRight{ width:7px; height:30px; overflow:hidden; background:url(../images/train/sprites.png) no-repeat -185px -484px; _background-position:-185px -485px;}
.event .eRight{background-position:-192px -484px;_background-position:-192px -485px;}
.event .eMiddle{width:894px; background:url(../images/train/spritex4.png) repeat-x 0 -355px; height:30px; _height:28px; overflow:hidden}
.event h3{background:url(../images/train/sprites.png) no-repeat -6px -366px; text-indent:1.5em; line-height:30px; color:#4d4d4d; font-size:14px;}

.eventContent{ border:1px solid #cdcdcd; width:866px;margin:0 auto; height:auto;min-height:400px; _height:400px; background:#fff;padding:20px; overflow: hidden;}
.eventBottom{ width:908px; margin:0 auto; height:10px; overflow:hidden; margin-bottom:20px; margin-top:-10px}
.eventBottom .lCorner,.eventBottom .rCorner{ width:10px;background:url(../images/train/sprites.png) no-repeat -379px -693px; float:left; overflow:hidden; height:10px;}
.eventBottom .rCorner{ float:right; background-position:-389px -693px}

#train{ text-align:center;}
.train{ width:440px; overflow: hidden; margin:0 auto; display:inline-block;vertical-align:top; *display:inline}
.train .tHead{ height:47px}
.train .tHead .tLeft,.train .tHead .tRight{width:13px; height:47px; overflow:hidden; background:url(../images/train/sprites.png) no-repeat -145px -484px;}
.train .tHead .tRight{background-position:-158px -484px;}
.train .tHead .tMiddle{width:412px; background:url(../images/train/spritex4.png) repeat-x 0 -476px; height:47px; line-height:60px; text-align:center; overflow:hidden}
.train .tHead .tMiddle h4{ width:260px; height:17px; margin:20px auto 0; background:url(../images/train/sprites.png) no-repeat -9px -735px; text-indent:-10000em;}
.train .tHead .tMiddle h4.right{ width:275px; background-position:-449px -735px}
.train .tHead .tMiddle h6{ display:none;}

.train ul.trainList{height:auto;background:#f0efef;margin-left:4px;padding:0;width:431px;*margin-left:0}
.train ul.trainList li{ display:block;float:left; width:430px; height:43px; background:url(../images/train/spritex4.png) repeat-x 0 -402px;border-left:1px solid #ddd; line-height:43px; overflow:hidden}
.train ul.trainList li .time{ text-align:center; width:108px}
.train ul.trainList li .address{ font-weight:700;width:210px; color:#4a4a4a; text-align:left}
.train ul.trainList li .signup{ width:108px; text-align:center;}
.train ul.trainList li .signBtn{ display:block; width:93px; height:23px; margin:0 auto;background:url(../images/train/sprites.png) no-repeat -380px 0; margin-top:1em; text-indent:-10000em;}

.train .tFoot{ width:431px; height:6px; overflow:hidden;background:url(../images/train/sprites.png) no-repeat -473px -676px; margin-left:4px}
#train.eventContent{ padding:20px 0; width:906px; text-align:center}


.gallery{ margin:20px auto; width:908px; height:203px;}
.gallery .gLeft,.gallery .gRight{ width:10px; height:203px; overflow:hidden; background:url(../images/train/sprites.png) no-repeat -111px -484px;}
.gallery .gRight{background-position:-121px -484px;}
.gallery .gMiddle{width:888px; background:url(../images/train/spritex4.png) repeat-x 0 -560px; height:203px}
.gallery h3{background:url(../images/train/sprites.png) no-repeat -6px -366px; text-indent:1.5em; line-height:32px; color:#4d4d4d;font-size:14px;}
.gallery a.more{background:url(../images/train/sprites.png) no-repeat -592px -2px; text-indent:-10005em; float:right; display:block; overflow:hidden; width:65px; height:19px; margin-top:-22px}

ul.photos{ margin-top:10px; width:600px;height:160px; overflow:hidden; }
ul.photos li,ul.galleryList li{ text-align:center; display:inline-block;margin:0 25px; width: 172px;vertical-align: top;zoom: 1;*display: inline;}
ul.photos li a{ border:6px solid #e8e8e8; display:block;}
ul.photos li img,ul.galleryList li img{ width:160px; height:120px; vertical-align:bottom /*fix a ie's bug*/}
ul.photos li p{width:160px; height:28px; line-height:28px; overflow:hidden;}

ul.galleryList{margin-top:10px;width:auto; height:auto;overflow:hidden;}
ul.galleryList li{width:200px; margin:8px 5px; height:auto;}
ul.galleryList .galleryFrame{ background:url(../images/train/albumn.gif) no-repeat top center; vertical-align:middle; height:144px; padding-top:22px;}
ul.galleryList .cateName{ color:#0F6F91; font-weight:700}

ul.speakers{list-style:none; margin:0; padding:0;}
ul.speakers li{ line-height:180%; text-indent:2em;padding:.5em 0;}
ul.speakers li h4{ display:inline; font-weight:bold; font-size:14px}

.eventContent ul.photos{ height:auto; width:auto}
.eventContent ul.photos li{ margin:0 20px}

.jcarousel-container { position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative; width:880px; overflow:hidden}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;width: 180px;height: 160px;}
.jcarousel-next, .jcarousel-prev {z-index: 3;display: none;}


#footer{ width:991px; height:144px; margin:10px auto 0; overflow:hidden; padding:0;}
#footer .footLeft,#footer .footRight{ width:18px; height:144px;background:url(../images/train/sprites.png) no-repeat 0 -484px; overflow:hidden;}
#footer .footRight{background-position:-18px -484px}
#footer .footMiddle{ width:955px; height:144px; background:url(../images/train/spritex4.png) repeat-x 0 -800px; overflow:hidden}
#footer .footMiddle a{ margin:30px 20px;}
#footer .footMiddle a.firstLink{ margin-left:100px}
#contact{ margin:16px 0 0}
#contact .cLeft,#contact .cRight{width:12px; height:144px;background:url(../images/train/sprites.png) no-repeat -64px -484px; overflow:hidden;}
#contact .cRight{background-position:-76px -484px}
#contact .cMiddle{ width:274px; height:144px; background:url(../images/train/spritex4.png) repeat-x 0 -965px}
#contact .cMiddle h4{background:url(../images/train/sprites.png) no-repeat -6px -366px; text-indent:1.5em; line-height:32px; color:#666;margin:5px 0;font-size:14px;}

.tel,.email{background:url(../images/train/sprites.png) no-repeat -372px -502px; line-height:200%; text-indent:2em; margin-left:2em;}
.email{ background-position:-372px -569px;}
#signupForm{ margin-left:20px}

.footMeta{ width:975px; margin:0 auto 10px; overflow: hidden; color:#EBEBEB}
.footMeta .metaLeft{ padding-left:10px}
.footMeta .metaLeft a{ color:#fff;}
.footMeta .metaRight{text-align:right}

.crumb{line-height:150%; height:24px; text-align:right; width:100%}
.crumb a{font-weight:700; padding-right:2em}

/* new pagination - grails way */
.paginateButtons {font-size: 11px;height: 23px;margin: 10px 0 0;}
.paginateButtons a,.paginateButtons span {margin-left: 3px;float: left;background: #fff;}
.paginateButtons a,.paginateButtons span,.paginateButtons a.active {display: block;float: left;padding: 2px 6px;border: 1px solid #D8F1FB;text-decoration: none;}
.paginateButtons a:hover,.paginateButtons a.active:hover,.paginateButtons a.active {background: #EBF9FF;color: #363;}
.paginateButtons span.currentStep{background: #EBF9FF;color: #363;}

/**** photo show window
*******************************/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;background: transparent url(../images/train/lightbox-blank.gif) no-repeat scroll 0% 0%;}

#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}