/* =====================================================================================================
   ATEN 新視覺語言 >> for Menu & Footer
   ===================================================================================================== */


/**************  Top Menu   *************/

    /* Top Menu >> ATEN Blue >> 新視覺使用
    .dark #top-bar, #top-bar.dark {
    background-color: #041a2f !important;
    border-bottom-color: rgba(4,26,47,.1) !important;
    }
    */


    /* Top Menu >> ATEN 藍灰 >> 暫時 */
    .dark #top-bar, #top-bar.dark, 
    .dark#top-bar, #top-bar.dark {
    background-color: #2d353c !important;
    border-bottom-color: rgba(255,255,255,.1) !important;
    }


    /*chrome 微調位置*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {

        /* Top Menu >> ATEN 藍灰 >> 暫時 */
        .dark #top-bar, #top-bar.dark, 
        .dark#top-bar, #top-bar.dark {
        background-color: #2d353c !important;
        border-bottom-color: rgba(255,255,255,.1) !important;
        }

    }
    
     
        
    
    
    /**************  Main Menu >> Header   *************/
    
        #header.transparent-header {
        background: rgba(4, 42, 64, 1.0) !important;
        /*border-bottom: 1px solid rgba(4, 42, 64, 1.0) !important;*/
        border-bottom: 1px solid rgba(4, 42, 64, 10.1) !important;
        }
    
    
    
    /**************  Footer   *************/
    
        /* Footer >> ATEN Blue 
        #footer.dark, .dark #footer {
        background-color: #08375e !important;
        color: rgba(255,255,255,.8) !important;
        border-top-color: rgba(8,55,94,.2) !important;
        }
        */
    
    
        /* Footer >> CopyRights >> ATEN Blue 
        .dark #copyrights {
        background-color: rgba(1,29,50,1.0) !important;
        color: rgba(255,255,255,.5) !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,.1);
        }
        */
    
    
    
    
    
    /* =====================================================================================================
                                                 RWD  ( Top Menu & Footer)
       ===================================================================================================== */
    
    
    /* 橫向智慧手機到竪立平板電腦解析度 >> 1199 以上 */
    @Media (min-width: 1199px) {
    
        #header.transparent-header {
        background: rgba(4,26,27,.4) !important;
        border-bottom: 1px solid rgba(4, 42, 64, .3) !important;
        }
    
    }
    
    
    /*  1100 以下 */
    @Media (max-width: 1200px) { 
    
        #wrapper #header.transparent-header.dark {
        background: #333 !important;
        background: rgb(4, 42, 64) !important;
        border-bottom: 1px solid rgba(4, 42, 64, 10.1) !important;
        }
    
        #wrapper #header.full-header.dark #logo {
        top: 15px;
        }
    
    }
    
    
    /*  768 以下 */
    @Media (max-width: 768px) { 
    
        #wrapper #header.full-header.dark #logo {
        top: 0px;
        }
    
    }
    
    
    /*  480 以下 */
    @Media (max-width: 480px) { 
    
    }