﻿/* CSS Document */
body,div,ol,ul,li,dt,dd,p,h1,h2,h3,h4,img,form,fieldset,legend,label{margin:0;padding:0}
body{padding:12px;background:url(/site/images/bodybg.gif) #fff repeat-x 0 0;font:14px/1.67 Arial,'瀹嬩綋', Helvetica, sans-serif}
img,fieldset{border:none}
ul,ol,li{list-style:none}
a{color:#323232;}
a:hover{color:#4babd3}
h2{font-size:21px}
h3{font-size:14px}
code{margin:0 3px}
input{height:20px;line-height:20px;border:2px solid #ccc}
input.focus{border-color:#fea45c}
input.radio{border:0}
em{font-style:normal;color:#fe0000}
a.type0{color:#0061e4;text-decoration:underline}
a.type1{color:#0368bf;text-decoration:underline}
a.type1:hover{color:#4babd3;}
.sf{font-size:12px}
.fontColor4{color:#114188}
.ac{text-align:center}

.wrapper{width:960px;margin:0 auto}
.header{margin:0 auto;height:237px;}
#aloWorld .header{background:url(/site/images/ad1.png) no-repeat center bottom}
#guideTeacher .header{background:url(/site/images/ad2.png) no-repeat center bottom}
#help .header{background:url(/site/images/ad3.png) no-repeat center bottom}
#passport .header{background:url(/site/images/ad4.png) no-repeat center bottom}
#charge .header{background:url(/site/images/ad5.png) no-repeat center bottom}
#newcharge .header{background:url(/site/images/ad6.jpg) no-repeat center bottom}

.logo{float:left}
.logo a{display:block;width:147px;height:98px;background:url(/site/images/logo.gif) no-repeat 0 0}
.navflash{width:640px;height:80px;float:right;}
.content{padding:1px 38px 5em;background:url(/site/images/bg.png) repeat-y top center}
.introflash{width:884px;height:318px;background:#fff;margin-bottom:1em;}
.location{clear:both;margin-bottom:.5em;color:#fff;}
.location a{color:#fff; text-decoration:none;}
.location a:hover{text-decoration:underline}
.location span{color:#999;}

.locationbtm{margin:1em 0;height:1em}
.loginalo7{display:block;width:112px;height:111px;margin:0 auto;}
.footer{height:100px;margin:-60px auto 0;padding:70px 0 20px;background:url(/site/images/footerbg.png) repeat-x top center ;text-align:center;}
.serviceLine{margin-left:3em}
.siteMap{margin-bottom:.8em;}
.siteMap a{display:inline-block; padding:0 8px 2px 8px;position:relative;text-decoration:underline}
.siteMap a.first{border-left:none;padding-left:0}
.copyright{font-family:'微软雅黑',Arial, Helvetica, sans-serif}

.boxes:after, .clear:after,.form-item:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.box-left{float:left;}
.box-right{float:right;}
.boxbtn{cursor:pointer}
/*.knowmore{display:inline-block;width:102px;height:38px;background:url(/site/images/knowmore.png) no-repeat 0 0;cursor:pointer}*/
.atl-left{float:left;margin-right:20px;display:inline;text-align:right}
.atl-right{float:right;width:45%;margin-left:3%;display:inline;text-align:left}
.article .boxes{margin-bottom:4em}
.article .knowmore{margin-top:2em}
.article .know_more{margin-top:2em}
.article h2,.article h1{font-size:18px;margin-bottom:1em}
.moreArticles {margin:1em 0} 
.errorMsg,.emphisis{color:#fe0000}
.mt{margin-top:2em}
.mb{margin-bottom:2em}
.ar{text-align:right}
.valn{vertical-align:middle}

.contentBg{width:820px;background:#fff;padding:1em 32px 1px;}
.topBg,.btmBg,.navbar-top,.navbar-btm,.topBg-low{background-image:url(/site/images/bgs.gif);background-repeat:no-repeat}
.topBg{height:36px;width:100%;background-position: 0 0;}
.topBg-low{height:8px;font-size:1px;width:100%;background-position: 0 -188px;}
.btmBg{height:8px;font-size:1px;width:100%;background-position: 0 -36px;clear:both}
.navbar-top{padding:1px 0;height:70px;width:100%;background-position:0 -44px}
.navbar-btm{padding:1px 0;height:70px;width:100%;background-position:0 -116px}

/*active nav related*/
.viewNav{width:114px;height:37px;margin:1.2em auto 0;display:block;background-image:url(/site/images/btns.gif);background-repeat:no-repeat;outline:medium none}
.navbar-top .viewNav{background-position:0 0}
.navbar-top .viewNav-active{background-position:0 -126px;height:53px;}
.navbar-btm .viewNav{background-position:0 -37px;}
.navbar-btm .viewNav-active{background-position:0 -74px;margin-top:-1px;height:53px;}
.nav-active{display:none;height:600px;overflow:hidden;background:url(/site/images/navbg.gif) repeat-x 0 0; border-bottom:2px solid #CCCCCC}
ul.aW-learn{height:auto;}
ul.gdTeacher{height:107px;background-image:url(/site/images/navbg_s.gif)}
.nav-active li{float:left;width:136px;height:47px;margin:20px 1%;display:inline;padding:8px 0 8px 67px;cursor:pointer;background-image:url(/site/images/sceneicons.png); background-repeat:no-repeat;}
.nav-mouseover{color:#4babd3;background:#eee;}
.travel-01{background-position:0 0}
.travel-02{background-position:0 -56px}
.travel-03{background-position:0 -122px}
.travel-04{background-position:0 -198px}
.travel-05{background-position:0 -258px}
.travel-06{background-position:0 -328px}
.travel-07{background-position:0 -392px}
.travel-08{background-position:0 -454px}
.travel-09{background-position:0 -528px}
.travel-10{background-position:0 -590px}
.travel-11{background-position:0 -646px}
.travel-112{background-position:0 -660px}
.travel-12{background-position:0 -704px}
.travel-13{background-position:0 -760px}
.travel-14{background-position:0 -818px}
.travel-15{background-position:0 -878px}
.travel-16{background-position:0 -940px}
.travel-17{background-position:0 -1008px}
.travel-18{background-position:0 -1072px}
.travel-19{background-position:0 -1138px}
.travel-20{background-position:0 -1198px}
.travel-21{background-position:0 -1255px}
.travel-22{background-position:0 -660px}
.aW-learn li{background-image:url(/site/images/learnicons.png);}
.learn-01{background-position:0 0}
.learn-02{background-position:0 -66px}
.learn-03{background-position:0 -132px}
.learn-04{background-position:0 -198px}
.learn-05{background-position:0 -264px}
.learn-06{background-position:0 -329px}
.learn-07{background-position:0 -392px}
.learn-08{background-position:0 -462px}
.learn-09{background-position:0 -528px}
.learn-10{background-position:0 -594px}
.learn-11{background-position:0 -660px}
.gdTeacher li{line-height:47px;background-image:url(/site/images/gdicons.png);}
.guide-01{background-position:0 0}
.guide-02{background-position:0 -66px}
.guide-03{background-position:0 -132px}
.guide-04{background-position:0 -198px}
.nav-active .vice-title{font-weight:bold}

/*buttons*/
.goTop{float:right;display:inline;width:50px;height:20px;background:url(/site/images/btns.gif) no-repeat 0 -182px}
.goCharge{float:right;display:inline;width:160px;height:22px;margin-top:3em;background:url(/site/images/btns.gif) no-repeat 0 -210px}
.button0,.button1,.knowmore,.button2,.button3,.button4,.know_more{width:140px;height:40px;line-height:40px;overflow:hidden;margin-bottom:10px;text-align:center;font-size:18px;font-weight:bold;font-family:'寰蒋闆呴粦' ,'瀹嬩綋';letter-spacing:3px;color:#fff;background:url(/site/images/btns_short.png) no-repeat 0 0;border:none;cursor:pointer}
a.button0,a.button1,a.knowmore,a.button2,a.button3,a.button4,a.button5,a.know_more{display:inline-block;text-decoration:none;color:#fff}
.button1{width:150px;background-image:url(/site/images/btns_long.png)}
a.button2{width:179px; height:70px;background-image:url(/site/images/back_news.png)}
a.button0:hover,a.button1:hover,a.knowmore:hover,a.know_more:hover,a.button2:hover{color:#fff}
a.button3 {width:156px;height:40px;background-image:url('/site/images/more_news.png')}
a.button4 {width:156px;height:41px;background-image:url('/site/images/back_subject.png')}
a.button5 {width:179px;height:70px;background-image:url('/site/images/back_news2.png')}
a.know_more {width:134px;height:41px;background-image:url('/site/images/know_more.jpg')}
.look_more {width:153px;height:50px;background-image:url('/site/images/look_more.jpg'); display:block; margin-top:20px;}

/*flip images*/
.main_view {float: left;position: relative;}
.window {height:318px; width: 884px;overflow: hidden; position: relative;}
.image_reel {position: absolute;top: 0; left: 0;width:2560px;}
.image_reel img {float: left;border:none;}
.paging {position: absolute;bottom: 20px; right: -7px;width: 120px; height:13px;overflow:hidden;z-index: 100;display: none;}

.paging a {float:left;width:13px;height:39px;margin-right:10px;display:inline;position:relative;background:url(/site/images/flipIcon.png) no-repeat 0 0;cursor:pointer;text-indent:-9999px}
.paging a.active {top:-26px}
.paging a:hover {top:-13px}

.tl,.tr,.bl,.br{position:absolute;width:8px;height:8px;overflow:hidden;background:url(/site/images/test.gif) no-repeat}
.tl{left:0;top:0;background-position:0 0}
.tr{right:0;top:0;background-position:-8px 0}
.bl{left:0;bottom:0;background-position:0 -8px}
.br{right:0;bottom:0;background-position:-8px -8px}

/*subNav is nav special for helpCenter and charge*/
.sideContent{float:right;width:656px;display:inline;padding:1em 0 2em}
.sideContent h2{border-bottom:1px solid #d0d0d0;padding-bottom:.8em;margin-bottom:0}
.sideContent h3{margin-top:1em}
.sideContent p{margin:1em 0;/*line-height:2em*/}
.sideNav{width:10em;height:465px;text-align:right;background:url(/site/images/subNav.gif) no-repeat 100% 0}
.sideNav a{outline:none;display:block;height:58px;line-height:58px;border-bottom:1px dashed #d5d5d5;font-weight:700;font-size:18px;text-decoration:none}
.sideNav li{padding-right:1.8em}
.sideNav li.last a{border-bottom:none}
#sideNav_index .help_index,
#sideNav_notice .help_notice,
#sideNav_contact .help_contact,
#sideNav_FAQ .help_FAQ,
#sideNav_charge .charge_card,
#sideNav_alipay .charge_alipay,
#sideNav_aloNumProtect .aloNum_protect,
#sideNav_aloNumFind .aloNum_find,
#joinUs_product .join_product,
#joinUs_art .join_art,
#joinUs_software .join_software,
#joinUs_curv .join_curv,
#joinUs_sales .join_sales,
#joinUs_finance .join_finance,
#joinUs_HR .join_HR{background:url(/site/images/sideNav-current.gif) no-repeat right center}

.linklists{margin-bottom:1em;}
.linklists li{background:url(../images/ulIcon.gif) no-repeat left center;padding-left:2em}
.linklists a{line-height:3em;text-decoration:underline}

.ul-hasIcon{margin-bottom:1em;}
.ul-hasIcon li{padding-left:1.5em;background:url(/site/images/ulIcon.gif) no-repeat 0 50%;}

.footerPage,.charge{padding-top:0;padding-bottom:2em;margin-top:-.5em;min-height:400px;height:auto!important;height:400px}
.footerPage h1,.charge h1{margin-bottom:1em;font-size:18px;border-bottom:1px solid #d0d0d0}
.footerPage h2{margin-bottom:.5em;font-size:18px}
.footerPage .boxes{margin-bottom:4em;padding-bottom:3em;border-bottom:1px dashed #d0d0d0}
.footerPage div.last{border-bottom:none}
.footerPage .managers li.boxes{margin-bottom:1em;border-bottom:none}
.footerPage .left{float:left;width:15em}
.footerPage .right{margin-left:15em}
.fpAlign{padding-left:210px}
.footerPage h4 strong{font-size:18px}
.footerPage p{margin-bottom:2em}
.footerPage .moreArticles-classes{padding:0}

.summary{margin-bottom:3em;background:#ffffcc;padding:1em;-moz-border-radius:10px}
ul.list-style1{margin:1em 0}
ul.list-style1 li{padding-left:10px;background:url(/site/images/liststyleIcon.png) no-repeat 0 10px;}

#download .dialogueBody p{margin:2em auto 4em;text-align:center}
#download .button0{margin-bottom:0}


