﻿body {
}

.navbar-brand {
    display:none;
}
/*外層div menu底部css*/
.OutDiv {
    /*background-color:#A5D7DF;*/ /*#69bdc9;*/
    background-color:#ffffff;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;*/
    text-transform:uppercase;
	text-align:center;
    width:100%;
}
.LevalOne_ul {
    width:100%;
}
.OutDiv .LevalOne_ul > li {
    width:24%;
    margin-left:0.5%;
    margin-right:0.5%;
}

/*滑鼠未移置menu項目前的css*/
.OutDiv .LevalOne_ul > li > a {
    color:#041425;
    background-color:#A5D7DF; /*#69bdc9;*/
}

/*功能項目-Home的背景顏色*/
.OutDiv .LevalOne_ul > li.active > a{
	background: #ff7c00;/*#ff6a00;*/
    color:#041425;
}
/*其他功能項目的背景顏色*/
.OutDiv .LevalOne_ul > li.mItem > a {
    color:#041425;
    background-color:#A5D7DF; /*#69bdc9;*/
}

.LevalOne_ul .open > a, .LevalOne_ul .open > a:focus, .LevalOne_ul .open > a:hover {
    color: #b6d7f7;
    font-weight:600;
    background-color:#008080;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/*滑鼠移置menu項目後的css(選取連結時、當游漂與連結重疊)*/
.OutDiv .LevalOne_ul > .open > a, .OutDiv .LevalOne_ul > .open > a:focus, .OutDiv .LevalOne_ul > .open > a:hover {
    color: #fff;
    font-weight:600;
    background-color:#008080;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/*第一層的下拉項目css*/
.LevalDropdown {
    background-color: #b6d7f7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.LevalDropdown >li > a:focus, .LevalDropdown >li > a:hover {
    color: #ebffff;
    font-weight:600;
    background-color:#008080;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/*第二層的下拉項目css*/
.LevalTwoDropdown {
    background-color: #dbecfa;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.LevalTwoDropdown >li > a:focus, .LevalTwoDropdown >li > a:hover {
    color: #ebffff;
    font-weight:600;
    background-color:#008080;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/*-----------手機版 start ----------*/
/*手機版 MENU */
.PhoneHeader {
    color:#050a24;
    background-color:#c0e2fc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width:100%;
}
.menudiv {
    text-align:center;
}

/*手機版 menu 右邊按鈕*/
    .PhoneHeaderButton {
        background-color:#f3f9fd;
           }
@media (max-width: 970px) {
    
    .navbar-brand {
        display:none;
    }
    .OutDiv .LevalOne_ul > li > a {
        /*padding-left:8px;
        padding-right:8px;*/
    }
    /*第一層的下拉項目css*/
    .PhoneHeader .LevalOne_ul .open .LevalDropdown {
        background-color: #b6d7f7; /*#daebfb*/
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border:1px solid #105293;
    }
    .PhoneHeader .LevalOne_ul .open .LevalDropdown > li > a  {
        color:#000;
    }
    .PhoneHeader .LevalOne_ul .open .LevalDropdown  >li > a:focus,.PhoneHeader .LevalOne_ul .open .LevalDropdown >li > a:hover {
        color: #ebffff;
        font-weight:600;
        background-color:#008080;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    /*第二層的下拉項目css*/
    .PhoneHeader .LevalOne_ul .open .LevalDropdown .LevalTwoDropdown {
        background-color: #dbecfa;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    .PhoneHeader .LevalOne_ul .open .LevalDropdown .LevalTwoDropdown > li > a {
        color:#000;
    }
   .PhoneHeader .LevalOne_ul .open .LevalDropdown .LevalTwoDropdown >li > a:focus, .PhoneHeader .LevalOne_ul .open .LevalDropdown .LevalTwoDropdown >li > a:hover {
        color: #ebffff;
        font-weight:600;
        background-color:#008080;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

}
@media (max-width: 767px) {
    .menudiv {
        width:99%;
        margin-left:0.5%;
    }
    .navbar-brand {
        display:block;
    }
    .PhoneHeader {
        margin-bottom:2%;
    }
    .OutDiv {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        border:1px solid;
    }

    .OutDiv .LevalOne_ul {
        margin-top:1%;
    }
    .OutDiv .LevalOne_ul > li {
        width:100%;
        margin-left:2%;
    }
    /*第一層的下拉項目css*/
    .PhoneHeader .LevalOne_ul .open .LevalDropdown {
        background-color: #b6d7f7; /*#daebfb*/
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border:1px solid #105293;
    }
    .PhoneHeader .LevalOne_ul .open .LevalDropdown > li > a  {
        color:#000;
    }
    .PhoneHeader .LevalOne_ul .open .LevalDropdown  >li > a:focus,.PhoneHeader .LevalOne_ul .open .LevalDropdown >li > a:hover {
        color: #ebffff;
        font-weight:600;
        background-color:#008080;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    /*第二層的下拉項目css*/
    .PhoneHeader .LevalOne_ul .open .LevalDropdown .LevalTwoDropdown {
        background-color: #dbecfa;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    .PhoneHeader .LevalOne_ul .open .LevalDropdown .LevalTwoDropdown > li > a {
        color:#000;
    }
   .PhoneHeader .LevalOne_ul .open .LevalDropdown .LevalTwoDropdown >li > a:focus, .PhoneHeader .LevalOne_ul .open .LevalDropdown .LevalTwoDropdown >li > a:hover {
        color: #ebffff;
        font-weight:600;
        background-color:#008080;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

}
/*-----------手機版 end ----------*/