/*!
 * common css
 */


.btn-ebc {
    color: #c49a6c;
    background-color: #760006;
    font-size: 14px;
    /*border-color: #6c757d;*/
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
}

.btn-ebc:hover {
    color: #fff;
    background-color: #3d0101;
   /* border-color: #545b62;*/
}


.btn-ebc:focus, .btn-ebc.focus {
    color: #fff;
    background-color: #3d0101;
   /* border-color: #545b62;*/
    box-shadow: 0 0 0 0.2rem rgba(61,1,1,0.5);
}

.btn-ebc.disabled, .btn-ebc:disabled {
    color: #fff;
    background-color: #28a745;
   /* border-color: #28a745;*/
}

.btn-ebc:not(:disabled):not(.disabled):active, .btn-ebc:not(:disabled):not(.disabled).active,
.show > .btn-ebc.dropdown-toggle {
    color: #fff;
    background-color: #3d0101;
    /*border-color: #545b62;*/
}

.btn-ebc:not(:disabled):not(.disabled):active:focus, .btn-ebc:not(:disabled):not(.disabled).active:focus,
.show > .btn-ebc.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(61,1,1,0.5);
}





/* for self define： navbar dark begin */
.navbar-ebc .navbar-brand {
    color: #fff;
}

.navbar-ebc .navbar-brand:hover, .navbar-ebc .navbar-brand:focus {
    color: #fff;
}

.navbar-ebc .navbar-nav .nav-link {
    color: #a97c50;
}

.navbar-ebc .navbar-nav .nav-link:hover, .navbar-ebc .navbar-nav .nav-link:focus {
    /*color:#8b4513;*/
    color:#ffffff;
}

.navbar-ebc .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-ebc .navbar-nav .show > .nav-link,
.navbar-ebc .navbar-nav .active > .nav-link,
.navbar-ebc .navbar-nav .nav-link.show,
.navbar-ebc .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-ebc .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(169,124,80,0.8);
    background-color: #FFFFFF;
}

.navbar-ebc .navbar-toggler:hover {
    border-color: rgba(169,124,80,1);
}


.navbar-ebc .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28160, 46, 46, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.navbar-ebc .navbar-toggler-icon:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28160, 46, 46, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.navbar-ebc .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-ebc .navbar-text a {
    color: #fff;
}

.navbar-ebc .navbar-text a:hover, .navbar-ebc .navbar-text a:focus {
    color: #fff;
}
/* for self define： navbar dark end*/




/* nav tab begin*/
.nav-link-ebc {
    display: block;
    color: #8b8b8b;
    padding: 0.5rem 1rem;
}

.nav-link-ebc:hover, .nav-link-ebc:focus {
    text-decoration: none;
    color: #c49a6c;
}

.nav-link-ebc.disabled {
    color: #8b8b8b;
    pointer-events: none;
    cursor: default;
}

.nav-tabs-ebc {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs-ebc .nav-link-ebc {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs-ebc .nav-link-ebc:hover, .nav-tabs-ebc .nav-link-ebc:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs-ebc .nav-link-ebc.disabled {
    /*color: #6c757d;*/
    color:#8b8b8b;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs-ebc .nav-link-ebc.active,
.nav-tabs-ebc .nav-item-ebc.show .nav-link-ebc {
    color: #c49a6c;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs-ebc .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.tab-content-ebc > .tab-pane {
    display: none;
    color:#8b8b8b;
}

.tab-content-ebc > .active {
    display: block;
}

/*nav tab end*/

.rt{
    font-size:22px;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); /* Internet Explorer 9*/
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
    -o-transform:rotate(-90deg); /* Opera */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    white-space: nowrap;
}


.lineHeight15{
    line-height: 1.5;
}

.colorRed{
    background-color: #760006;
}
.colorMidRed{
    background-color: #3d0101;
}
.colorDeepRed{
    background-color: #1f0000;
}
.colorGold{
    background-color: #a97c50;
}

.font-color-Red{
    color: #760006;
}
.font-color-MidRed{
    color: #3d0101;
}
.font-color-DeepRed{
    color: #1f0000;
}
.font-color-Gold{
    color: #a97c50;
}


@font-face {
    font-family: mFont-NotoSerif;
    src: url('/fonts/uk/NotoSerif-Regular.ttf');
}
@font-face {
    font-family:mFont-NotoSans;
    src: url('/fonts/uk/NotoSans-Regular.ttf');
}
@font-face {
    font-family: mFont-Helvetica;
    src: url('/fonts/uk/Helvetica-Neue-2.ttf');
}
@font-face {
    font-family: mFont-BaskervilleOldFace;
    src: url('/fonts/uk/baskerville old face.ttf');
}


.font-fm-NotoSansSC{
   /* font-family: 'Noto Sans', sans-serif;*/
    font-family: mFont-NotoSans;
}



.font-fm-NotoSerifMy{
    /*font-family: 'Noto Serif', serif;*/
    font-family: mFont-NotoSerif;
}

.font-fm-Helvetica{
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-family: mFont-Helvetica;
}

.font-fm-OldFace{
    /*font-family: 'Libre Baskerville', serif;*/
    font-family: mFont-BaskervilleOldFace;
}




.font-60{
    font-size: 28px;
}
.font-45{
    font-size: 24px;
}

.font-28{
    font-size: 18px;
}

.font-24{
    font-size: 14px;
}
.font-18{
    font-size: 12px;
}

.font-14{
    font-size: 14px;
}


.logo-img{
    width:90px;
}

@media (min-width: 768px) {
    .logo-img{
        width:110px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
   .logo-img{
        width:120px;
    }
    .rt{
        font-size:20px;
    }

    .font-60{
        font-size: 36px;
    }
    .font-45{
        font-size: 28px;
    }
    .font-28{
        font-size: 20px;
    }

    .font-24{
        font-size: 16px;
    }
    .font-18{
        font-size: 13px;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .logo-img{
        width:130px;
    }
    .rt{
        font-size:22px;
    }

    .font-60{
        font-size: 50px;
    }
    .font-45{
        font-size: 38px;
    }
    .font-28{
        font-size: 22px;
    }
    .font-24{
        font-size: 18px;
    }
    .font-18{
        font-size: 14px;
    }
}


@media (min-width: 1600px) {
    .p-el-5{
       padding: 3rem !important;
    }

    .pl-el-5{
        padding-left: 3rem !important;
    }
    .pr-el-5{
        padding-right: 3rem !important;
    }
    .pt-el-5{
        padding-top: 3rem !important;
    }
    .pb-el-5{
        padding-bottom: 3rem !important;
    }
    .px-el-5{
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .py-el-5{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }


    .m-el-5{
        margin: 3rem !important;
    }

    .ml-el-5{
        margin-left: 3rem !important;
    }
    .mr-el-5{
        margin-right: 3rem !important;
    }
    .mt-el-5{
        margin-top: 3rem !important;
    }
    .mb-el-5{
        margin-bottom: 3rem !important;
    }
    .mx-el-5{
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
    .my-el-5{
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

}