/* =======================================================
*
*	Edit this section
*
* ======================================================= */

body {
/*    background-color: #000;*/
    margin: 0;
}
/*
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*/


/*jjstart 20160622*/

/* =======================================================
*
*header - megamenu STYLE STARTS HERE         
*Screen style's
*
* ======================================================= */
.ga_header,.ga_footer,.ga_header *,.ga_footer *{
			-webit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-sizing: border-box;			
}

.ga_header {
    font-family: "Microsoft JhengHei" , sans-serif;
    font-size: 16px;
    background: rgba(30, 30, 30, 0.9);
    height: 60px;
    border-bottom: 0px #3A3C3F solid;
    border-top: #c42222 solid 4px;
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
}
.gmenu-container {
    width: 1170px;
    margin: 0 auto;
    /* background: rgba(30, 30, 30, 0.9); */
    height: 100%;
}

.ga_menu > ul .subarrow span {
    background-image: url("../images/submenuarrow.png");
    background-repeat: no-repeat;
    background-position: 8px 6px;
    -moz-background-size: 17px 12px;
    -webkit-background-size: 17px 12px;
    background-size: 17px 12px;
    height: 17px;
    width: 25px;
    /* margin-top: 5px; */
    display: inline-block;
}


#bt-des{ display: block;}
#bt-mobile{ display:block; color:#b2b2b2;}

.sbmleft > ul {
    margin-left: -80px!important;
}

.ga_menu .menu-logo {
    display: inline-block;
    float: left;
}

.ga_menu .menu-logo > img {
    height: 44px;
    margin-top: 5px;
    margin-left: 5px;
    width: auto;
}

.menu-mobile {
    display: none;
    padding: 6px 10px 0px 5px;
}

.menu-mobile > a > img {
    height: 44px;
    width: auto;
}

.ga_menu .menu-mobile .burgericon {
    padding: 0px 0 0 0;
    margin-top: 3px;
    float: right;
    /* position: relative; */
    /* top: 20%; */
    width: 35px;
    height: 35px;
}

.ga_menu > ul {
    margin: 0;
/*  width: 615px;*/
    width: auto;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    float: right;
}

.ga_menu > ul:before,
.ga_menu > ul:after {
    content: "";
    display: table;
}

.ga_menu > ul:after {
    clear: both;
}

.ga_menu > ul > li {
    float: left;
    background: #262626;
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 0px solid #333;
}

.ga_menu > ul > li a {
    text-decoration: none;
    padding: 0.96em 1.6em;
    display: block;
    color: #aeaeae;
    height: 56px;
}

.ga_menu > ul > li a:first-child:hover {
    color: #b2b2b2;
}

.ga_menu > ul > li a:hover {
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ga_menu > ul > li:hover {
    /*                  background: #cd2222;*/
    background: #1b1616;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ga_menu > ul > li > ul {
    display: none;
/*    width: 450px;*/
    width: 365px;
    /*                  background: rgba(205, 34, 34, 0.85);*/
    background: rgba(28, 23, 23, 0.95);
    border: 1px #3a3636 solid;
    border-top: none;
    padding: 0px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.ga_menu > ul > li > ul:before,
.ga_menu > ul > li > ul:after {
    content: "";
    display: table;
}

.ga_menu > ul > li > ul:after {
    clear: both;
}

.ga_menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 50%;
    background: none;
    float: left;
    box-sizing: border-box;
}

.ga_menu > ul > li > ul > li a {
    /*                   color: #eae7e7;*/
    color: #b2b2b2;
    padding: 0.92em 1em;
    display: block;
    border-bottom: 1px solid #2c2929;
    text-align: center;
    margin-left: 0px;
}

.ga_menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 0px 0 0;
    list-style: none;
    box-sizing: border-box;
    height: 100%;
}

.ga_menu > ul > li > ul > li > ul:before,
.ga_menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.ga_menu > ul > li > ul > li > ul:after {
    clear: both;
}

.ga_menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 0px 0;
    margin: 0;
    font-size: 16px;
}

.ga_menu > ul > li > ul > li > ul > li a {
    border: 0;
    text-align: left;
    padding: 0.92em 1em 0.92em 2.5em;
}

.ga_menu > ul > li > ul > li > ul > li a:hover {
    /*                   background-color: #c02424;*/
    background-color: #242424;
}

.ga_menu > ul > li > ul.normal-sub {
    width: 220px;
    left: auto;
    padding: 0px 0px;
}

.ga_menu > ul > li > ul.normal-sub > li {
    width: 100%;
    border-bottom: 1px solid #2c2929;
}

.ga_menu > ul > li > ul.normal-sub > li:hover {
    background-color: #242424;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.ga_menu > ul > li > ul.normal-sub > li:last-child {
    border-bottom: 0px solid #a91f1f;
}
.ga_menu > ul > li:last-child > ul.normal-sub > li a{
    text-align: left;
    padding: 0.75em 2.7em;
    line-height: 32px;
}
.ga_menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 1em;
    text-align: center;
    
}

.ga_menu > ul > li a .menudlicon01 {
    background-image: url("../images/menupc.png");
    background-repeat: no-repeat;
    background-position: -3px 1px;
    -moz-background-size: 24px 17px;
    -webkit-background-size: 24px 17px;
    background-size: 24px 17px;
    height: 20px;
    width: 25px;
    display: inline-block;
    vertical-align: sub;
}

.ga_menu > ul > li a .menudlicon02 {
    background-image: url("../images/menuphone.png");
    background-repeat: no-repeat;
/*    background-position: -2px 3px;*/
    background-position: -5px 1px;
    -moz-background-size: 28px 20px;
    -webkit-background-size: 28px 20px;
    background-size: 28px 20px;
    height: 20px;
    width: 25px;
    display: inline-block;
    vertical-align: sub;
}

.ga_menu > ul > li > ul > .second-sub {
    /*                    background-color: rgba(149, 29, 30, 0.8);*/
    border-left: 1px solid #2a2a2a;
    /*  height: 100%;*/
/*    min-height: 448px;*/
}

.ga_menu > ul > li > ul > li a.menu-spec {
    text-align: left;
    padding: 1em 2.5em;
    width: auto;
    background-color: #1d1d1d;
    cursor:default;
}


/* =======================================================
*
*header - megamenu STYLE STARTS HERE         
*mobile style's
*
* ======================================================= */

@media only screen and (min-width: 760px) and (max-width: 1170px) {
    .gmenu-container {
        width: 100%;
    }
}

@media only screen and (max-width: 760px) {
    .gmenu-container {
        width: 100%;
    }
    .ga_menu .menu-logo {
        display: none;
    }
    .ga_menu .menu-mobile {
        display: block;
    }
    .ga_menu .menu-dropdown-icon:before {
        /*                        display: block;*/
    }
    .sbmleft > ul {
        margin-left: 0!important;
    }
    .ga_menu > a {
        color: #9d9d9d;
    }
    .ga_menu > ul {
        display: none;
        width: 100%;
    }
    .ga_menu > ul > li.active {
        background-color: rgba(157, 29, 29, 0.89)!important;
    }
    .ga_menu > ul > li {
        width: 100%;
        /*        float: none;*/
        float: initial;
        display: block;
        border-bottom: 1px solid #333;
    }
    .ga_menu > ul > li:hover {
        background: #262626;
    }
    .ga_menu > ul > li a {
        padding: 1.1em 5%;
        width: 100%;
        display: block;
    }
    .ga_menu > ul > .menu-dropdown-icon > a {
        background-image: url("../images/arrowbtm.png");
        background-repeat: no-repeat;
        background-position: 95% center;
        -moz-background-size: 15px 10px;
        -webkit-background-size: 15px 10px;
        background-size: 15px 10px;
    }
    .ga_menu > ul > li > ul {
        position: relative;
        width: 100%;
        border-left: none;
        border-right: none;
    }
    .ga_menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .ga_menu > ul > li > ul.normal-sub > li {
        border-bottom: 1px solid #383838;
    }
    .ga_menu > ul > li > ul > li {
        float: none;
        width: 100%;
        /*        margin-top: 20px;*/
        background: rgb(0, 0, 0);
    }
    .ga_menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .ga_menu > ul > li > ul > li > ul {
        position: relative;
    }
    .ga_menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .ga_menu .show-on-mobile {
        display: block;
    }
    .ga_menu > ul .subarrow span {
        display: none;
    }
    .ga_menu > ul > li > ul > .second-sub {
        /*            background-color: rgba(15, 15, 15 , 0.9);*/
        background-color: rgb(15, 15, 15);
        min-height: inherit;
    }
    .ga_menu > ul > li > ul > li > a {
        border-bottom: 1px solid #3a3a3a;
        border-top: 1px solid #3a3a3a;
        background-color: #171717;
    }
    .ga_menu > ul > li > ul > li a {
        width: auto;
        margin-left: 0px;
    }
    
    .ga_menu > ul > li:last-child > ul.normal-sub > li a {
        text-align: center;
        padding: 0.75em 2.7em;
        line-height: 32px;
    }
    
    .ga_menu > ul > li > ul > li > ul > li a{
        text-align: center;
        padding: 0.92em 0em 0.92em 0em;
    }
    .ga_menu > ul > li > ul > li > ul > li a:hover {
        background-color: #242424;
    }
    
    
    .ga_menu > ul > li > ul > li a.menu-spec{
        text-align: center;
    }
    
    
}





/* =======================================================
*
* 	footer full
*
* ======================================================= */

.ga_footer {
    font-family: "Microsoft JhengHei" , sans-serif;
    height: 60px;
    background-color: #1f1f1f;
    border-top: solid #3a3c3f 0px;
    border-bottom: solid #3a3c3f 1px;
    letter-spacing: 0;
}

.ga_footer a{
    color: #d45e62;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.ga_footer .fullc {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.ga_footer .left-copyr {
    /* line-height: 75px; */
    /*    margin-top: 25px;*/
    font-size: 11px;
    display: table;
}

.ga_footer #destop_copyr{ display: block;}

.ga_footer #mobile_copyr{ display: none;}

.ga_footer .left-copyr p {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    padding: 0 10px;
    color: #a1a1a1;
    font-size: 11px;
}

.ga_footer .right-fmenu {
    float: right;
}

.ga_footer .right-fmenu ul {
    margin: 0;
    padding: 0;
    float: right;
}

.ga_footer .right-fmenu ul li {
    float: left;
    list-style-type: none;
    line-height: 60px;
    padding-left: 15px;
    padding-right: 15px;
    height: 60px;
}

.ga_footer .right-fmenu ul li a {
    font-size: 14px;
    color: #a1a1a1;
    text-decoration: none;
    display: block;
}

.ga_footer .right-fmenu ul li a:hover {
    color: #838383;
    text-decoration: none;
}

.ga_footer .right-fmenu ul li.firstbox {
    background-color: #1c1616;
    padding-left: 18px;
    padding-right: 18px;
}

.ga_footer .right-fmenu ul li.firstbox:first-child {
    border-right: 1px solid #2d2d2d
}

.ga_footer .right-fmenu ul li .regionbox {
    padding: 0px 5px;
    height: 27px;
    font-size: 13px;
    border-radius: 0px;
    color: #a6a6a6;
    background-color: #1f1f1f;
    border: 1px solid #464646;
}




/* =======================================================
*
*內容content - footer       
*Mobile style's
*
* ======================================================= */

@media only screen and (min-width: 760px) and (max-width: 1170px) {
    /*  footer - 開始  */
    .ga_footer {
        height: auto;
/*        background-color: transparent;*/
        background-color: #1f1f1f;

        border-top: solid #252525 1px;
        border-bottom: solid #3a3c3f 0px;
    }
    .ga_footer .fullc {
        width: 100%;
    }
    .ga_footer > .container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .ga_footer .left-copyr {
        height: 60px;
        background-color: #1f1f1f;
        border-top: solid #3a3c3f 0px;
        border-bottom: solid #3a3c3f 1px;
        text-align: center;
        width: 50%;
        font-size: 11px;
        
    }
    .ga_footer .left-copyr p{
        height: 60px; 
    }
    .ga_footer .right-fmenu{
        width: 50%;
    }
    .ga_footer .right-fmenu ul {
        float: right;
        width: 100%;
        height: 75px;
        border-top: solid #3a3c3f 0px;
        border-bottom: solid #3a3c3f 1px;
        text-align: center;
    }
    .ga_footer .right-fmenu ul li:last-child {
        width: 100%;
        margin: 0%;
        padding-left: 0px;
        padding-right: 0px;
        height: auto;
        line-height: 20px;
    }
    .ga_footer .right-fmenu ul {
        height: auto;
    }
    .ga_footer .right-fmenu ul li {
        border-right: 1px solid #2d2d2d;
        background-color: #000000!important;
        box-sizing: border-box;
        width: 25%;
        padding: 0!important;
        float: left;
        height: 34px;
        line-height: 34px;
    }
    .ga_footer .right-fmenu ul li .regionbox {
        margin-top: 0;
        height: 26px;
    }
    .ga_footer .right-fmenu ul li select {
        color: #a6a6a6;
        background-color: #1f1f1f;
        border: 1px solid #464646;
        width: 100%;
        -webkit-appearance: none;
        /*Removes default chrome and safari style*/
        -moz-appearance: none;
        /*Removes default style Firefox*/
    }
    /*  footer - 結束  */
}

@media only screen and (max-width: 760px) {
    /*  footer - 開始  */
    .ga_footer {
        height: auto;
        background-color: transparent;
        border-top: solid #252525 1px;
        border-bottom: solid #3a3c3f 0px;
    }
    .ga_footer .fullc {
        width: 100%;
    }
    .ga_footer > .container {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .ga_footer #destop_copyr { display: none;
      
    }
    
    #bt-des{ display:none;}
    #bt-mobile{ display:block;}
  
    .ga_footer #mobile_copyr {
/*
        height: 60px;
        background-color: #1f1f1f;
        border-top: solid #3a3c3f 0px;
        border-bottom: solid #3a3c3f 1px;
        text-align: center;
        width: 100%;font-size: 11px;
        overflow: auto;
        color: #a1a1a1;
        line-height: 32px;
        
*/
     display:inline-table;          height: 60px;
        background-color: #1f1f1f;
        border-top: solid #3a3c3f 0px;
        border-bottom: solid #3a3c3f 1px;
        text-align: center;
        width: 100%;font-size: 11px;
        overflow: auto;
        color: #a1a1a1;
        line-height: 32px; 
        
    }
    .ga_footer .right-fmenu{
        width: 100%;
    }
    .ga_footer .right-fmenu ul {
        float: right;
        width: 100%;
        height: 75px;
        border-top: solid #3a3c3f 0px;
        border-bottom: solid #3a3c3f 1px;
        text-align: center;
        height: auto;
    }
    .ga_footer .right-fmenu ul li:last-child {
        width: 100%;
        margin: 0%;
        padding-left: 0px;
        padding-right: 0px;
        height: auto;
        line-height: 20px;
    }
    .ga_footer .right-fmenu ul li {
        border-right: 1px solid #2d2d2d;
        background-color: #000000!important;
        box-sizing: border-box;
        width: 25%;
        float: left;
        padding: 0!important;
        display: none;
    }
    .ga_footer .right-fmenu ul li.firstbox{ display: block; width: 50%; height: 30px;  }
    .ga_footer .right-fmenu ul li.firstbox a{ height: 30px;line-height: 30px;
        
    }   
    

    .ga_footer .right-fmenu ul li .regionbox {
        margin-top: 0;
    }
    .ga_footer .right-fmenu ul li select {
        color: #a6a6a6;
        background-color: #1f1f1f;
        border: 1px solid #464646;
        width: 100%;
        -webkit-appearance: none;
        /*Removes default chrome and safari style*/
        -moz-appearance: none;
        /*Removes default style Firefox*/
    }
    /*  footer - 結束  */
}