/*  Global Elements' Styles

   */
body {
    /* To cover the default style generated by UA and browsers. */
    margin: 0;
    padding :0;
    zoom: 1;
    width: 100%;
    height: 100%;
    /* Note: font-family should be automatically changed by UA detection. */
    /* NOTE: Do not use Hiragino Sans in non-OSX system. */
    font-family: Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

.clear{
    clear: both;
}

ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
li{
    list-style-type: none;
}

.wrapper{
    width: 960px;
    margin: auto;
    overflow: auto;
    /*Test only*/
    height: 700px;
    top: 100px;
}

.slight_text{
    font-size: 14px;
    color: #898787;
}

a{
    color: #555;
    text-decoration: none;
}
a:link{
    color: #555;
    text-decoration: none;
}

a:visited{
    color: #555;
    text-decoration: none;
}

a:hover{
    color: #555;
    text-decoration: none;
}
a:active{
    color: #555;
    text-decoration: none;
}

u{
    text-decoration: none;
}

.title_font{
    font-size: 70px;
    letter-spacing: 8px;
}

.title_font.en{
    letter-spacing: 1px;
}

.text_font{
    color: #3D3D3D;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
}

.second_page_container{
    width: 100%;
    min-width: 960px;
    margin-top: 53px;
    background: #FEFDF9;
    position: absolute;
}

.header_content{
    font-size: 42px;
    display: block;
    margin-left: 20px;
    margin-top: 40px;
    letter-spacing: 4px;
    color: #3D3D3D;
}

.header_content.en{
    letter-spacing: 1px;
}

.second_page_zone{
    top: 2px;
    height: 100%;
    width: 980px;
    background: url('../img/nav/center_bg.png') no-repeat;
}

.second_header{
    height: 110px;
    width: 960px;
    margin-left: 20px;
}

.second_header img.second_line{
    margin-left: 20px;
}

.blank2{
    height: 20px;
    width: 100%;
}

.blank1{
    height: 8px;
    width: 100%;
}

.en{
    letter-spacing: 0;
}


/*  Topbar Elements' Styles

   */
#language_switch{
    position: relative;
    display: block;
    float: right;
    height: 100%;
    width: 150px;
    background: url('../img/main/splitter.png') 72px 17px no-repeat;
    font-size: 14px;
    color: #DDD;
}

#language_switch span{
    line-height: 50px;
    display: block;
    position: absolute;
    text-shadow: 0 1px 0 #333;
}

#language_switch span:hover{
    cursor: pointer;
}

#language_chn{
    left: 33px;
    letter-spacing: 2px;
}

#language_en{
    font-size: 14px;
    left: 82px;
}

.content_texts{

    /* Note: font-family should be automatically changed by UA detection. */
    /* NOTE: Do not use Hiragino Sans in non-OSX system. */
    font-family: Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}


#top_nav_wrapper{
    zoom:1;
    height: 53px;
    width: 100%;
    overflow: auto;
    position: fixed;
    z-index: 11000;
}

#top_nav_toggler{
    height: 3px;
    float: left;
    /*TEST ONLY*/
    background-color: transparent;
    padding-bottom: 1px;
    position:absolute;
    top:0;
    width: 100%;
    z-index: 11100;
}

#top_nav{
    position: absolute;
    overflow: hidden;
    float: left;
    height: 50px;
    width: 100%;
    z-index: 11000;
    /*test only*/
    background-color:#555555;
    /*display:none;*/
}

#top_bar_content_wrapper{
    height: 100%;
    margin: auto;
    overflow: hidden;
    width: 960px;
}

#logo{
    display: block;
    width: 213px;
    height: 100%;
    float: left;
    margin-left: 10px;
    background: url('../img/main/logo.png');
}
#logo a{
    display: block;
    width: 100%;
    height: 100%;
}
#logo:hover{
    cursor: pointer;
}

#description{
    display: block;
    float: left;
    height: 100%;
    /*test only
    width: 300px;*/
    text-shadow: 0 1px 0 #333;
}

#description span{
    letter-spacing: 2px;
    margin-left: 10px;
    margin-top: 16px;
    display:block;
    color: #EEE;
    font-size: 14px;
}

#description span.en{
    letter-spacing: 1px;
}

/* Bottom bar Elements' Styles

*/

#hidden_board{
    position: relative;
    height: 114px;
    background: url('../img/nav/bottom_bg.png') repeat-x;
}

#hidden_board a{
    color: #9A9A9A;
    display: block;
    position: absolute;
    text-align: center;
    height: 38px;
    width: 160px;
    /* test only */
    left: 793px;
}

#hidden_board a:hover{
    color: #DEDEDE;
}

#hidden_board span{
    font-size: 14px;
    line-height: 38px;
    text-align: center;
}

#hidden_board a#lgl_a{
    top: 76px;
    left: 953px;
}

#nav_a{
    top: 0;
}

#hidden_board a#abt_a{
    top: 0;
    left: 953px;
}

#bus_a{
    top: 38px;
}

#hidden_board a#cnt_a{
    top: 38px;
    left: 953px;
}

#appdownload{
    color: #FFA300;
}

#ios_a{
    left: 1113px;
    top: 0;
}

#android_a{
    left: 1113px;
    top: 38px;
}

#app_download_page{
    left: 1113px;
    top: 76px;
}



#bottom_nav_wrapper{
    zoom: 1;
    background-color: #555555;
    width: 100%;
    position: fixed;
    z-index: 10001;
    bottom: 0;
    overflow: hidden;
    font-family: Arial;
}

#line_bg_area{
    width: 100%;
    height: 2px;
    background: url('../img/nav/line_bottom.png') repeat-x;
}

#bottom_nav_contents{
    margin:auto;
    height: 40px;
    width: 960px;
    text-align: center;
    overflow: hidden;
}

#bottom_btn_wrapper{
    margin:auto;
    height: 100%;
    vertical-align: middle;
    width: 640px;
    background: url('../img/main/btmx.png');
    font-size: 15px;
}

#bottom_btn_wrapper .bottom_btn{
    display: block;
    float: left;
    width: 160px;
    text-align: center;
    margin-top: 13px;
    color: #9A9A9A;
}

#bottom_btn_wrapper .bottom_btn.current_delight_text{
    color: #FFF;
}

.current_delight_text{
    text-shadow: 0 0 15px #FFF;
}


#bottom_btn_wrapper .bottom_btn#appdownload{
    color: #FFA300;
}

/* Side Navigator's Styles

*/


.current_side{
    color: #FFF;
}

#side_nav_wrapper{
    position: fixed;
    right: 400px;
    top: 250px;
    width: 94px;
    height: 356px;
    z-index: 10011;
}

#side_nav_wrapper:hover #side_popup{
    display: block;
}

#side_popup{
    float: left;
    width: 79px;
    height: 342px;
    top: 10px;
    position: relative;
    background: url('../img/main/ex1.png') -5px 0;
    color: #555;
    line-height: 46px;
    text-align: center;
    display: none;
}

#side_popup div{
    background-position: -1px 0;
}

#side_popup div:hover{
    cursor: pointer;
}

#side_popup span{
    display: block;
    width: 68px;
}

#side_popup span.en{
    font-size: 8px;
}

#side_body{
    height: 100%;
    width: 14px;
    float: right;
}

#side_body div{
    height: 50px;
    width: 14px;
    margin-bottom: 1px;
    line-height: 50px;
    text-align: center;
    font-size: 8px;
    color: #FFF;
    background-position: -1px 0;
}
#sb_1{
    background: url('../img/main/5.png');
}
.sb_b{
    background: url('../img/main/6.png');
}

#sb_7{
    background: url('../img/main/7.png');
}

#sp_1{
    height: 48px;
    margin-top: 4px;
    background-position:-1px 0;
}

.sp_b{
    height: 46px;
}
#sp_7{
    height: 48px;
}


.sp_b.current_side{
    background: url('../img/main/4.png');
}

#sp_1.current_side{
    background: url('../img/main/2.png');
}
#sp_7.current_side{
    background: url('../img/main/3.png');
}


.sb_b.current_side{
    background: url('../img/main/6.2.png');
}
#sb_1.current_side{
    background: url('../img/main/5.2.png');
}
#sb_7.current_side{
    background: url('../img/main/7.2.png');
}


#benan_wrapper{
    width: 960px;
    text-align: center;
    margin: auto;
    overflow: hidden;
    -webkit-text-size-adjust:none;
    color: #9A9A9A;
    height: 12px;
    font-size: 8px;
    line-height: 12px;
}

#statistics{
    position: absolute;
    top: 0;
    right: 0;
}

#cnzz{
    float: right;
}

#baidu{
    float: right;
}