body
{
    padding: 0px;
    margin: 0px;
    background: #1E2C25;
    font-size: 12px;
    font-family: Arial;
}

a
{
    color: #226EB3;
}
a:visited
{
    color: #D7570F;
}

.main .jd_list ul
{
    padding: 0px;
    margin: 0px;
    list-style-image: url('../images/list_dot.jpg');
    list-style-position: inside;
}
.main .jd_list ul li
{
    padding: 0px 0px 5px;
    margin: 0px;
}

/**
 * additional background
 */
.additional
{}

.additional .left
{
    position: absolute;
    width: 50%;
    height: 750px;
    left: 0px;
    top: 0px;
    background: url("../images/additional_left.jpg") repeat-x left top;
}

.additional .right
{
    position: absolute;
    height: 750px;
    width: 50%;
    right: 0px;
    top: 0px;
    background: url("../images/additional_right.jpg") repeat-x left top;
}


/**
 * main style
 */
.main
{
    position: absolute;
    width: 100%;
}

.main .page
{
    margin: 0px auto;
    width: 1176px;
}

.main .top
{
    height: 155px;
    background: url("../images/top_background.jpg") no-repeat left top;
}

.main .top .hlink
{
    position: relative; 
    left: 0px; 
    top: 0px; 
    padding-left: 30px;
}

.main .top .hlink a
{
    display: block; 
    position: relative; 
    left: 0px; 
    top: 0px; 
    width: 400px; 
    height: 107px;
}

.main .top .menu_1
{
    height: 48px;
    width: 570px;
    position: relative;
    /*top: 107px;*/
    top: 0px;
    left: 75px;
}

.main .top .menu_1 div
{
    float: left;
    padding-top: 22px;
    text-align: center;
}

.main .top .menu_1 .active a
{
    color: #226EB3;
    font-size: 16px;
    text-decoration: underline;
}

.main .top .menu_1 div a
{
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-decoration: none;
}

.main .top .menu_1 div a:hover
{
    text-decoration: underline;
}

.main .top .p2 .f
{
    width: 205px;
}

.main .top .p2 .s
{
    width: 230px;
    margin-left: -29px;
}

.main .top .p2 .t
{
    width: 155px;
    margin-left: -15px;
}

.main .top .p3 .f
{
    padding-left: 19px;
}

.main .top .p3 .s
{
    padding-left: 50px;
}

.main .top .p3 .t
{
    padding-left: 40px;
}

.main .middle
{
    background: url("../images/middle_c_background.jpg") repeat-y 69px top;
    position: relative;
    float: left;
}

.main .middle .c1
{
    width: 82px;
    margin-right: -14px;
    height: 227px;
    background: url("../images/middle_c1_background.jpg") no-repeat left top;
    float: left;
    position: relative;
}

.main .middle .c2
{
    width: 768px;
    float: left;
    position: relative;
    background: url("../images/middle_c2_inner_background.jpg") no-repeat right top;
}

.main .middle .c2 .block
{
    padding: 8px 12px;
}

.main .middle .c2 .block .name
{
    font-size: 16px;
    font-family: Arial;
    color: #383838;
    font-weight: bold;
    padding-left: 15px;
}

.main .middle .c2 .block .name .orange
{
    color: #D7570F;
}

.main .middle .c2 .whatis
{
    padding-top: 20px;
    float: left;
}

.main .middle .c2 .whatis .right .content .scroller
{
    background: url("../images/middle_c2_whatis_scroller.jpg") no-repeat left top;
    height: 87px;
    width: 325px;
    padding-top: 6px;
    padding-left: 4px;
}

.main .middle .c2 .whatis .right .content .scroller .item
{
    float: left;
    padding: 0px 3px;
}

.main .middle .c2 .whatis .right .content .scroller .item img
{
    padding: 0px;
    border: none;
}

.main .middle .c2 .whatis .name, .main .middle .c2 .wyml .name
{
    padding-left: 35px;
    padding-bottom: 10px;
}
.main .middle .c2 .whatis .left, .main .middle .c2 .whatis .right
{
    float: left;
}

.main .middle .c2 .whatis .left
{
    width: 315px;
    text-align: center;
}

.main .middle .c2 .whatis .left .buy_now
{
    font-size: 11px;
    background: url("../images/basket.jpg") no-repeat left top;
    padding-left: 20px;
    text-align: left;
    margin-left: 60px;
    margin-top: 5px;
}

.main .middle .c2 .whatis .left .buy_now a
{
    color: #CC6512;
}

.main .middle .c2 .whatis .left .buy_now .green
{
    color: #73B90F;
    font-weight: bold;
}

.main .middle .c2 .whatis .left .item2
{
    padding-top: 50px;
}

.main .middle .c2 .whatis .left .item .img2
{
    background: url("../images/img_underline.jpg") no-repeat center bottom;
    padding-bottom: 15px;
}

.main .middle .c2 .whatis .left .item .description
{
    width: 240px;
    padding-left: 50px;
    _padding-left: 25px;
    padding-top: 10px;
    font-style: italic;
    text-align: left;
}

.main .middle .c2 .whatis .left .item .description ul
{
    padding: 0px;
    margin: 0px;
    list-style-image: url('../images/list_dot.jpg');
}
.main .middle .c2 .whatis .left .item .description ul li
{
    padding: 0px;
    margin: 0px;
}

.main .middle .c2 .whatis .left .item .description ul
{
    
}

.main .middle .c2 .whatis .right
{
    width: 425px;
}

.main .middle .c2 .whatis .right .content div
{
    padding: 3px 0px;
}
.main .middle .c2 .whatis .right .content img
{
    vertical-align: middle;
    padding-right: 10px;
}

.main .middle .c2 .whatis .right .content .download
{
    color: #D7570F;
    font-size: 11px;
    padding-bottom: 15px;
}

.main .middle .c2 .whatis .right .content .download img
{
    border: none;
}

.main .middle .c2 .wyml .content
{
    background: url("../images/middle_c2_wyml_background.jpg") no-repeat left top;
    height: 143px;
    width: 754px;
    margin-left: 5px;
}

.main .middle .c2 .ymal .content
{
    background: url("../images/middle_c2_ymal_background.jpg") no-repeat left top;
    height: 215px;
    width: 754px;
    margin-left: 5px;
}

.main .middle .c2 .popular, .main .middle .c2 .new, .main .middle .c2 .info, all
{
    float: left;
    width: 744px;
}

.main .middle .c2 .popular .game
{
    width: 33%;
    float: left;
    text-align: center;
    height: 208px;
    width: 235px;
}

.main .middle .c2 .popular .game a
{
    display: block;
    height: 208px;
    width: 235px;
    background: transparent url('../images/blank.gif') no-repeat scroll 30px 10px;
    position: relative;
    top: 0px;
    left: 0px;
}

.main .middle .c2 .popular .game a img
{
    border: none;
}

.main .middle .c2 .popular .game .name
{
    color: white;
    font-weight: bold;
    text-align: left;
    position: relative;
    top: -45px;
    left: 16px;
    font-size: 12px;
    width: 145px;
    height: 32px;
    overflow: hidden;
}

.main .middle .c2 .new .body
{
    background: url("../images/middle_c2_new_background.jpg") no-repeat left top;
    width: 754px;
    margin-right: -10px;
    height: 257px;
    padding: 12px 0px 0px 0px;
}

.main .middle .c2 .new .body .line
{
    height: 134px;
    padding-left: 20px;
}

.main .middle .c2 .new .body .line .item .img, .main .middle .c2 .new .body .line .item .content
{
    float: left;
}

.main .middle .c2 .new .body .line .item
{
    width: 50%;
    float: left;
}

.main .middle .c2 .new .body .line .item .img
{
    width: 98px;
}

.main .middle .c2 .new .body .line .item .img img
{
    border: 1px solid #E6A201;
}

.main .middle .c2 .new .body .line .item .content
{
    width: 266px;
}

.main .middle .c2 .new .body .line .item .content .name
{
    color: #226EB3;
    font-size: 14px;
    padding: 0px;
    text-decoration: underline;
    height: 40px;
}

.main .middle .c2 .new .body .line .item .content .description
{
    height: 50px;
}

.main .middle .c2 .new .body .line .item .content .download img
{
    border: none;
}

.main .middle .c2 .info .left, .main .middle .c2 .info .right
{
    width: 50%;
    float: left;
}

.main .middle .c2 .info .left .content, .main .middle .c2 .info .right .content
{
    padding: 15px 0px 0px 15px;
}

.main .middle .c2 .info .right .content div
{
    padding: 3px 0px;
}

.main .middle .c2 .info .right .content img
{
    vertical-align: middle;
    padding-right: 10px;
}

.main .middle .c2 .wyml .line
{
    height: 55px;
    padding-top: 15px;
    padding-left: 15px;
}

.main .middle .c2 .wyml .line .item
{
    width: 33%;
    float: left;
}

.main .middle .c2 .wyml .line .item .img, .main .middle .c2 .wyml .line .item .description
{
    float: left;
}

.main .middle .c2 .wyml .line .item .img
{
    width: 65px;
}

.main .middle .c2 .wyml .line .item .img img
{
    border: 1px solid #E6A201;
}

.main .middle .c2 .wyml .line .item .description
{
    width: 160px;
    color: #3A3399;
    font-weight: bold;
}

.main .middle .c2 .wyml .line .item .description .number
{
    color: #008800;
}

.main .middle .c2 .all .first
{
    border: none!important;
}

.main .middle .c2 .all .line
{
    padding: 15px 0px;
    margin-left: 15px;
    border-top: 1px solid #B3CEDC;
    height: 45px;
}

.main .middle .c2 .all .line .item
{
    width: 33%;
    float: left;
}

.main .middle .c2 .all .line .item .img, .main .middle .c2 .all .line .item .content
{
    float: left;
}

.main .middle .c2 .all .line .item .img
{
    width: 66px;
}

.main .middle .c2 .all .line .item .content
{
    width: 155px;
    color: #3A3399;
    font-weight: bold;
}

.main .middle .c2 .all .line .item .content .number
{
    color: #008800;
}

.main .middle .c2 .all .line .item .img img
{
    border: 1px #E6A201 solid;
    vertical-align: top;
}

.main .middle .c2 .banner
{
    margin: 0px auto;
    width: 715px;
}

.main .middle .c2 .banner img
{
    border: none;
}

.main .middle .c3
{
    width: 216px;
    float: left;
    position: relative;
    background: url("../images/middle_c3_inner_background.jpg") no-repeat left top;
    padding-top: 35px;
}

.main .middle .c3 .first
{
    background: url("../images/middle_c3_game_list_first.jpg") no-repeat left top;
}

.main .middle .c3 .item
{
    padding: 6px 0px 6px 0px;
    margin: 0px;
    padding-left: 8px;
    height: 42px;
}

.main .middle .c3 .item .img, .main .middle .c3 .item .content
{
    float: left;
}

.main .middle .c3 .item .img
{
    width: 77px;
}

.main .middle .c3 .item .img img
{
    border: 1px solid #E6A201;
}

.main .middle .c3 .item .content
{
    width: 110px;
}

.main .middle .c3 .item .content a
{
    color: #226EB3;
    font-weight: bold;
}

.main .middle .c3 .latest_release
{
    background: url("../images/middle_c3_latest_release_background.jpg") no-repeat center top;
}

.main .middle .c3 .latest_release .header
{
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding-top: 10px;
}

.main .middle .c3 .latest_release .game_block
{
    background: url("../images/middle_c3_latest_release_background_2.jpg") no-repeat center 5px;
    height: 156px;
    padding-bottom: 15px;
}

.main .middle .c3 .latest_release .game_block .date
{
    padding-top: 10px;
    color: #69808F;
    font-size: 11px;
    text-align: center;
}

.main .middle .c3 .latest_release .game_block .img
{
    text-align: center;
    padding: 4px 0px 4px;
}

.main .middle .c3 .latest_release .game_block .img img
{
    border: 1px solid #E6A201;
}

.main .middle .c3 .latest_release .game_block .name
{
    font-weight: bold;
    color: #226EB3;
    text-align: center;
    text-decoration: underline;
    /*padding: 0px 0px 4px;*/
    margin: 0 auto;
    width: 125px;
    height: 30px;
    overflow: hidden;
}

.main .middle .c3 .latest_release .game_block .more
{
    text-align: center;
}

.main .middle .c3 .latest_release .game_block .more a
{
    color: #226EB3;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

.main .middle .c3 .latest_release .download
{
    text-align: center;
}

.main .middle .c3 .latest_release .download img
{
    border: none;
}

.main .middle .c4
{
    width: 139px;
    float: left;
    margin-left: -15px;
    position: relative;
    background: url("../images/middle_c4_background.jpg") no-repeat left top;
    height: 227px;
}

.main .bottom
{
    background: url("../images/bottom_background.jpg") no-repeat left top;
    height: 44px;
    width: 988px;
    margin: 0px auto;
    padding-left: 53px;
    _margin-top: -2px;
    font-size: 11px;
    color: #899D93;
    padding-top: 25px;
}

.delimiter
{
    clear: both!important;
    margin: 0px!important;
    padding: 0px!important;
    font-size: 0px!important;
    height: 0px!important;
    width: 1px!important;
}