.navbar-brand img {
    max-height: 50px;
}

@media (min-width: 768px){
    .header-md .navbar-brand img {
        max-height: 50px;
    }
}

@media (max-width: 767px) {
    #nav-icon{
        display: none;
    }
}

.thumb-lg {
    width: 100%;
    display: inline-block;
}

.text-ellipsis {
    white-space: normal;
}

.breadcrumb{
    margin-top: 5px;
}


#fiexd-menu{
    position:fixed; /*固定位置定位*/
    overflow: auto;
}


#fiexd-menu{
    display: block;
    position: relative top;
    width:100%;
    background-color:#FFFFFF;
    z-index:777; /*重疊時會在其他元素之上*/
    _top:expression(documentElement.scrollTop+"px");
    margin:0 auto;
}

#fiexd-menu li{
    width:100%;
    height: auto;
    list-style:none;
    position:top;
    text-align:center;
}
#fiexd-menu img{ width:100%;}



@media screen and (max-width:768px) {

    #MainHead {
        width: 900px;
    }

    #MainHead #Menu > ul > li > a {
        display: block;
        text-align: center;
        height: 40px;
        line-height: 35px;
        font-weight: bold;
        text-decoration: none;
        border-right: #cccccc solid 2px;
        border-left: #FFF solid 2px;
        margin: 0;
        width: 95px;
        float: left;
        z-index: 1;
    }

    #fiexd-menu li{
        width:100%;
        height: auto;
        list-style:none;
        position:top;
        text-align:center;
    }
    #fiexd-menu img{ width:100%;}

    #portalCrousel{
        margin-top: 55px;
    }

    #insideCrousel{

    }
    .breadcrumb{
        margin-top: 55px;
    }
}


#MainHead #Menu > ul > li > a {
    display: block;
    text-align: center;
    height: 40px;
    line-height: 35px;
    font-weight: bold;
    text-decoration: none;
    border-right: #cccccc solid 2px;
    border-left: #FFF solid 2px;
    margin: 0;
    width: 10%;
    float:left;
}

.menu01 .color { color: #5c5c5c; border-bottom:solid 3px #0096e1;}
.menu01 .color:hover {color: #0096e1;}
#MainHead #Menu .menu01 li:hover {background-color: #0096e1;}
.menu02 .color { color: #5c5c5c; border-bottom:solid 3px #58b4ef;}
.menu02 .color:hover {color: #58b4ef;}
#MainHead #Menu .menu02 li:hover {background-color: #58b4ef;}
.menu03 .color { color: #5c5c5c;border-bottom:solid 3px #00c083;}
.menu03 .color:hover {color: #00c083;}
#MainHead #Menu .menu03 li:hover {background-color: #00c083;}
.menu04 .color { color: #5c5c5c;border-bottom:solid 3px #fea9b7;}
.menu04 .color:hover {color: #fea9b7;}
#MainHead #Menu .menu04 li:hover {background-color: #fea9b7;}
.menu05 .color { color: #5c5c5c;border-bottom:solid 3px #ffad35;}
.menu05 .color:hover {color: #ffad35;}
#MainHead #Menu .menu05 li:hover {background-color: #f69d1a;}
.menu06 .color { color: #5c5c5c;border-bottom:solid 3px #afe151;}
.menu06 .color:hover {color: #afe151;}
#MainHead #Menu .menu06 li:hover {background-color: #afe151;}
.menu07 .color { color: #5c5c5c;border-bottom:solid 3px #b034da;}
.menu07 .color:hover {color: #b034da;}
#MainHead #Menu .menu07 li:hover {background-color: #a63dc9;}

.menu08 .color {color: #5c5c5c;border-bottom:solid 3px #f647ae;}
.menu08 .color:hover {color: #f647ae;}
#MainHead #Menu .menu08 li:hover {background-color: #f647ae;}

.menu09 .color {color: #5c5c5c;border-bottom:solid 3px #ff0000;}
.menu09 .color:hover {color: #ff0000;}
#MainHead #Menu .menu09 li:hover {background-color: #ff0000;}


.ch01 {border-color: #0096e1;}
.ch01>.panel-heading {
    color: #fff;
    text-shadow: 1px 1px 2px darkblue, 0 0 10px #7b7b7b, 0 0 2px darkblue;
    background-color: #0096e1;
    border-color: #0096e1;
}
.ch02 {border-color: #58b4ef;}
.ch02>.panel-heading {
    color: #fff;
    text-shadow: 1px 1px 2px darkblue, 0 0 10px #7b7b7b, 0 0 2px darkblue;
    background-color: #58b4ef;
    border-color: #58b4ef;
}
.ch03 {border-color: #00c083;}
.ch03>.panel-heading {
    color: #fff;
    text-shadow: 1px 1px 2px darkblue, 0 0 10px #7b7b7b, 0 0 2px darkblue;
    background-color: #00c083;
    border-color: #00c083;
}
.ch04 {border-color: #fea9b7;}
.ch04>.panel-heading {
    color: #fff;
    text-shadow: 1px 1px 2px darkblue, 0 0 10px #7b7b7b, 0 0 2px darkblue;
    background-color: #fea9b7;
    border-color: #fea9b7;
}
.ch05 {border-color: #ffad35;}
.ch05>.panel-heading {
    color: #fff;
    text-shadow: 1px 1px 2px darkblue, 0 0 10px #7b7b7b, 0 0 2px darkblue;
    background-color: #ffad35;
    border-color: #ffad35;
}
.ch06 {border-color: #afe151;}
.ch06>.panel-heading {
    color: #fff;
    text-shadow: 1px 1px 2px darkblue, 0 0 10px #7b7b7b, 0 0 2px darkblue;
    background-color: #afe151;
    border-color: #afe151;
}
.ch07 {border-color: #b034da;}
.ch07>.panel-heading {
    color: #fff;
    text-shadow: 1px 1px 2px darkblue, 0 0 10px #7b7b7b, 0 0 2px darkblue;
    background-color: #b034da;
    border-color: #b034da;
}
.ch08 {border-color: #f647ae;}
.ch08>.panel-heading {
    color: #fff;
    text-shadow: 1px 1px 2px darkblue, 0 0 10px #7b7b7b, 0 0 2px darkblue;
    background-color: #f647ae;
    border-color: #f647ae;
}
.ch09 {border-color: #ff0000;}
.ch09>.panel-heading {
    color: #fff;
    text-shadow: 1px 1px 2px darkblue, 0 0 10px #7b7b7b, 0 0 2px darkblue;
    background-color: #ff0000;
    border-color: #ff0000;
}
.ch10 {border-color: #ff6f6d;}
.ch10>.panel-heading {
    color: #fff;
    text-shadow: 1px 1px 2px darkblue, 0 0 10px #7b7b7b, 0 0 2px darkblue;
    background-color: #ff6f6d;
    border-color: #ff6f6d;
}