body {
    margin: 0;
    padding: 0;
    background: #01172e url(../img/background.jpg)top center no-repeat;
}

.clear {
    clear: both;
}

@font-face {
    src: url(../font/calibrib.ttf);
    font-family: 'calibrib';
}

@font-face {
    src: url(../font/calibriz.ttf);
    font-family: 'calibrili';
}

.container {
    width: 990px;
    height: auto;
    margin: auto;
}


/* header_wrapper */

.header_wrapper {
    width: 100%;
    height: 127px;
    float: left;
}


/* left_wrapper */

.left_wrapper {
    width: 270px;
    height: 127px;
    float: left;
}

.logo_wrapper img {
    margin-top: 18px;
}


/* right_wrapper */

.right_wrapper {
    width: 720px;
    height: 127px;
    float: right;
}


/* time_wrapper */

.time_wrapper {
    width: 100%;
    height: 35px;
    float: left;
}

.time_wrap {
    width: 313px;
    height: 39px;
    float: right;
    margin-right: 65px;
    background: url(../img/icon/time_frame.png)center no-repeat;
}

.time {
    width: 313px;
    float: left;
    color: white;
    font-family: 'calibrib';
    text-align: center;
    margin-top: 5px;
}


/* form_wrapper */

.form_wrapper {
    height: 33px;
    margin-top: 18px;
    float: right;
}

.form {
    width: 570px;
    height: 33px;
    margin-right: 18px;
    float: right;
}

.btn {
    width: 80px;
    height: 25px;
    float: left;
    background: url(../img/icon/btn.png)center no-repeat;
    outline: none;
    border: none;
    margin-top: 3px;
    color: white;
    cursor: pointer;
    font-family: 'calibrili';
    font-size: 15px;
}

.input {
    width: 128px;
    height: 25px;
    float: left;
    background: url(../img/icon/input.png)center no-repeat;
    outline: none;
    border: none;
    margin-top: 2px;
    text-align: center;
    margin-left: 2px;
}

.code {
    width: 60px;
    height: 24px;
    float: left;
    background: url(../img/icon/code.png)center no-repeat;
    outline: none;
    border: none;
    margin-top: 3px;
    text-align: center;
    margin-left: 2px;
}

.code_text {
    width: 60px;
    height: 24px;
    float: left;
    margin-top: 3px;
    text-align: center;
    margin-left: 2px;
    background: url(../img/icon/text_code.png)center no-repeat;
}

#code {
    color: #0663b2;
    font-family: 'calibrib';
    font-size: 19px;
}


/* menu_wrapper */

.menu_wrapper {
    width: 729px;
    height: 43px;
    float: left;
    background: url(../img/icon/menu.png)center no-repeat;
}

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

.menu_wrapper ul li {
    float: left;
}

.menu_wrapper ul li a {
    display: block;
    text-decoration: none;
    font-size: 18px;
    font-family: 'calibrib';
    color: white;
    padding: 10px 0px 0px 42px;
    text-transform: uppercase;
}

.menuaf_wrapper {
    width: 729px;
    height: 43px;
    float: left;
    background: url(../img/icon/menu.png)center no-repeat;
}

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

.menuaf_wrapper ul li {
    float: left;
}

.menuaf_wrapper ul li a {
    display: block;
    text-decoration: none;
    font-size: 18px;
    font-family: 'calibrib';
    color: white;
    padding: 10px 0px 0px 13px;
    text-transform: uppercase;
}

/* header_wrapper */


/* info_wrapper */

.info_wrapper {
    width: 100%;
    height: 44px;
    float: left;
    background: url(../img/icon/info.jpg)center no-repeat;
}

.marquee {
    width: 850px;
    float: right;
    color: white;
    font-family: 'calibrib';
    margin-top: 12px;
}


/* info_wrapper */


/* slide_wrapper */

.slide_wrapper {
    width: 100%;
    height: 399px;
    float: left;
    position: relative;
    background: url(../img/background_slide.jpg)center no-repeat;
}

.btn_promo {
    position: relative;
    float: right;
    bottom: 108px;
    right: 49px;
}


/* slide_wrapper */


/* product_wrapper */

.product_wrapper {
    width: 100%;
    height: 773px;
    float: left;
    margin-top: 8px;
    background: url(../img/icon/bg_product.png)center no-repeat;
}


/* product_wrapper */


/* contact_wrapper */

.contact_wrapper {
    width: 940px;
    height: 80px;
    position: relative;
    top: 15px;
    margin: auto;
}

.contact_box {
    width: 235px;
    height: 50px;
    float: left;
    margin-top: 18px;
}

.contact_box img {
    position: relative;
    left: 15px;
}

.textbox {
    width: 171px;
    height: 45px;
    float: right;
    text-align: center;
    color: white;
    background: url(../img/icon/text_contact.png)center no-repeat;
}

.txt_box {
    position: relative;
    top: 9px;
    font-size: 20px;
    font-family: 'calibrib';
}


/* contact_wrapper */


/* product_wrap */

.product_wrap {
    width: 940px;
    height: 552px;
    margin: auto;
    position: relative;
    top: 58px;
}


/* product_up */

.product_up {
    width: 100%;
    height: 195px;
    float: left;
}

.product_up ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product_up ul li {
    float: left;
}

.product_up ul li a {
    display: block;
    width: 304px;
    height: 193px;
    box-shadow: 5px 3px 15px 0px #000000a3;
}

.product_up li:nth-of-type(2),
.product_up li:nth-of-type(3) {
    margin-left: 14px;
}


/* product_down */

.product_down {
    width: 100%;
    height: auto;
    float: left;
}

.box_product {
    margin-top: 8px;
    box-shadow: 5px 3px 15px 0px #000000a3;
}


/* product_wrap */


/* support_wrapper */

.support_wrapper {
    margin-top: 105px;
}


/* support_wrapper */


/* footer_wrapper */

.footer_wrapper {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.footer_wrapper h1 {
    color: white;
    font-size: 26px;
    text-align: center;
    font-family: 'calibrib';
}

.footer_wrapper h2 {
    color: white;
    font-size: 22px;
    text-align: center;
    font-family: 'calibrib';
}

.footer_wrapper p {
    color: white;
    font-size: 15px;
    text-align: center;
    font-family: 'calibrib';
}

​.bank {
    width: 358px;
    height: 45px;
    float: left;
}

.bank img {
    position: relative;
    top: 8px;
    margin: auto;
}


/* footer_wrapper */


/* promotion */

.promotion {
    width: 990px;
    border: 1px solid #0364ce;
    background-color: rgba(0, 0, 0, 0.438);
    float: left;
    margin-top: 8px;
}

ol li {
    color: #0364ce;
    font-family: 'play';
}

.text_head {
    font-size: 22px;
    padding: 8px;
}

.text {
    font-size: 15px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    padding: 7px;
}

.btn-sports {
    width: 970px;
    height: 188px;
    margin: auto;
    margin: 9px;
    border: 1px solid #0364ce;
    cursor: pointer;
}

.content {
    display: none;
}

.content h1 {
    color: #0364ce;
    font-family: 'play';
    font-size: 26px;
    padding: 8px;
}