/**********************************************************/
/* LAYOUT.CSS 為 大框架用 CSS 包含 <header> <footer> 內容 */
/**********************************************************/

/* ________________________________________________________________________________ */
/* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 0px) {
    body {
        position: relative;
        overflow-x: hidden;
    }
    .wrap {}
    /*__ header __________________________________ */
    header {
        background:#33776d;
        height:60px;
    }
    .mainmeun {
        height:60px;
        min-height:32px;
        margin-bottom:0;
        background:#33776d;
        border:none;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        position:absolute;
        width:100%;
        background:#F00;
        margin-top:60px;
        border:10px solid #915016;
        border-top:none;
        background: url(../img/newsModalBg.png) repeat;
    }

    .navbar-default .navbar-collapse ul {
        padding:0;
    }
    .navbar-default .navbar-collapse li {
        list-style:none;
        margin-top:20px;
        margin-bottom:20px;
    }

    .mobile .navFb {
        height:46px;
        width:46px;
        background:url(../img/navFbMobile.png) center center no-repeat;
        margin:7px;
    }
    .navbar-toggle {
        margin:0;
        height:60px;
        width:60px;
        border:0;
        color:#FFF;
        background:#47ac55;
        padding:19px;
        border-radius:0;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background:#63c871;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color:#FFF;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height:500px;
    }
    /*__ main ____________________________________ */
    main {
        margin: 60px 0 0 0;
    }
    section {
        margin: 0;
    }

    /*__ footer __________________________________ */
    footer {
        margin: 0 0 10px 0;
    }
    footer .copyright {
            display: block;
            color: #666;
            margin: 10px 0;
            text-align: center;
            font-size: 8px;
        }
    /*__ popup ___________________________________ */
    .modal .close span {
        font-size:30px;
        padding:0;
        margin:0;
    }
}

/* ________________________________________________________________________________ */
/* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 768px) {

    /*__ header __________________________________ */
    header {
        background:#FFF;
        height:32px;
    }
    .mainmeun {
        height:32px;
        min-height:32px;
        margin-bottom:0;
        background:#FFF;
    }
    .navGame {
        height:32px;
        width:120px;
        background:url(../img/navGame.png) center center no-repeat;
    }
    .navSpecial {
        height:32px;
        width:104px;
        background:url(../img/navSpecial.png) center center no-repeat;
    }
    .navProduct {
        height:32px;
        width:120px;
        background:url(../img/navProduct.png) center center no-repeat;
    }
    .navInfo {
        height:32px;
        width:120px;
        background:url(../img/navInfo.png) center center no-repeat;
    }
    .navFb {
        height:32px;
        width:32px;
        background:url(../img/navFb.png) center center no-repeat;
        cursor:pointer;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin:0;
        height:32px;
        border:0;
        background:#FFF;
        border:none;
    }
    .navbar {
        border: none;
    }
    .navbar ul {
            margin:0 15px 0 0 ;
            height:32px;
        }
    .navbar ul > li {
                display: inline-block;
            }
    .navbar ul > li > a {
                    display: block;
                    color: #000;
                }       
      .navbar-default .navbar-collapse ul {
        padding:0;
    }
    .navbar-default .navbar-collapse li {
        list-style:none;
        margin-top:0;
        margin-bottom:0;
    }
    /*__ main ____________________________________ */

    section {
        margin:0;
    }
    main {
        margin: 32px 0 0 0 ;
    }

    /*__ footer __________________________________ */
    footer {
        margin-bottom:20px;

    }

}

/* ________________________________________________________________________________ */
/* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 992px) {
   
}

/* ________________________________________________________________________________ */
/* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 1200px) {
   
}