@media screen and (min-width:1500px) {
    #Back-1 {
        display: block;
    }

    #Back-2 {
        display: none
    }

    #Back-3 {
        display: none
    }

    #Back-4 {
        display: none
    }
}

@media screen and (max-width:1500px) and (min-width:1000px) {
    #Back-1 {
        display: none
    }

    #Back-2 {
        display: block
    }

    #Back-3 {
        display: none
    }

    #Back-4 {
        display: none
    }
}

@media screen and (max-width:1000px) and (min-width:645px) {
    #Back-1 {
        display: none
    }

    #Back-2 {
        display: none
    }

    #Back-3 {
        display: block
    }

    #Back-4 {
        display: none
    }
}

@media screen and (max-width:645px) {
    #Back-1 {
        display: none
    }

    #Back-2 {
        display: none
    }

    #Back-3 {
        display: none
    }

    #Back-4 {
        display: block
    }
}

@media screen and (min-width:760px) {
    #HeadText {
        width: 275px;
    }
}

@media screen and (max-width:760px) {
    #HeadText {
        width: 245px;
    }
}

@media screen and (min-width:900px) {
    #HeadMenuButton {
        display: none;
    }

    #menu div:nth-child(1) {
        display: block;
    }
}

@media screen and (max-width:900px) {
    #HeadMenuButton {
        display: block;
    }

    #menu div:nth-child(1) {
        display: none;
    }
}
@media screen and (max-width:448px) {
    #Head {
        display: none
    }

    #HeadMenuHideButton {
        display: block
    }

    .LogoHide {
        display: block
    }
}

@media screen and (min-width:448px) {


    #HeadMenuHideButton {
        display: none
    }

    .LogoHide {
        display: none
    }
}
body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size:14px;
}

#HeadSocial {
    background-color: #000;
    height: 35px;
    padding: 0px;
    margin: 0px;
    color: #fff;
    text-align: left;
    padding-top: 7px;
    padding-left: 10px;
    font-size: 15px;
    float: right;
    width: 100%
}

    #HeadSocial a {
        color: #fff;
        margin-left: 7px
    }

#HeadLanguage {
    float: right;
    text-align: right;
    margin-right: 20px;
    font-size: 17px;
    font-weight: bolder;
    cursor: pointer
}



#Head {
    background-color: #fff;
    height: 140px;
    padding: 0px;
    margin: 0px;
    position: relative;
    float: right;
    width: 100%
}

    #Head div {
        position: absolute;
        z-index: 100;
    }

        #Head div:nth-child(2) {
            position: relative;
            z-index: 200
        }

        #Head div:nth-child(1) img {
            width: 100%;
        }

#HeadLogo {
    text-align: left !important;
    z-index: 120;
    left: 0px;
    font-size: 1.2em;
    font-weight: bolder;
}

    #HeadLogo div {
        float: left !important;
        position: relative !important;
    }

        #HeadLogo div:nth-child(1) img {
            width: 150px !important;
            margin-top: 5px;
        }

#HeadText {
    float: left;
    margin-top: 35px;
    position: relative !important;
    text-align: center !important;
}

    #HeadText div {
        width: 100%;
    }

#HeadMenuButton {
    float: right;
    text-align: right;
    margin-top: 45px;
    margin-right: 20px;
    font-size: 17px;
    font-weight: bolder;
    cursor: pointer
}

    #HeadMenuButton i {
        padding-top: 3px;
        font-size: 28px;
    }

#HeadMenuHideButton {
    float: right;
    text-align: right;
    margin-top: 15px;
    margin-right: 20px;
    font-size: 17px;
    font-weight: bolder;
    cursor: pointer
}

    #HeadMenuHideButton i {
        padding-top: 3px;
        font-size: 28px;
    }

.LogoHide {
    width: 75px;
    float: left;
    margin-left: 5px;
}

    .LogoHide img {
        width: 100%;
        margin-top: 3px;
    }

#menu {
    background-color: #0f0f71;
    height: 70px;
    padding: 0px;
    margin: 0px;
    position: relative;
    z-index: 200;
    float: right;
    width: 100%;
    text-align: left;
    top: 0px;
}

    #menu div:nth-child(1) {
        padding-top: 23px;
        float: left;
        margin-left: 20px
    }

    #menu a {
        color: #fff;
        padding-right: 18px;
        text-decoration: none;
        font-size: 13px;
        font-weight: bolder;
    }

        #menu a img {
            color: #fff;
            padding-right: 5px;
            text-decoration: none;
            width: 17px;
            font-weight: bolder;
            text-align: left;
        }

            #menu a img:nth-child(1) {
                display: none
            }

#LoginLink {
    float: right !important;
}

#LoginButton {
    background-color: #f1661f;
    padding: 6px 8px 4px 8px !important;
    border-radius: 4px;
    color: #fff;
    float: right !important;
    margin-right: 20px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 17px;
    text-align:left;
}

    #LoginButton i {
        font-size: 20px;
        padding-right: 7px
    }

    #LoginButton div {
        float: right;
        padding-top: 5px !important;
    }


main {
    padding: 0px;
    margin: 0px
}

footer {
    padding: 0px;
    margin: 0px
}

#Footer {
    background-color: #0f0f71;
    padding-bottom: 30px;
    margin: 0px;
    float: right;
    width: 100%;
}

    #Footer div {
        padding: 30px
    }

    #Footer ul {
        list-style-type: none;
    }

        #Footer ul li {
            margin-top: 23px
        }

            #Footer ul li a {
                color: #fff;
                text-decoration: none;
            }

#FootLogo {
    padding: 0px !important;
}

    #FootLogo div {
        padding: 0px !important;
        float: left;
    }

        #FootLogo div:nth-child(1) {
            width: 110px;
            margin-left: 30px
        }

    #FootLogo img {
        width: 100%;
    }

#FootText {
    margin-top: 10px !important;
    color: #878787;
    width: 270px;
    text-align: center;
}

    #FootText div {
        width: 100% !important;
        text-align: center;
        font-weight: bolder;
        padding-top: 10px !important;
        margin-left: 0px !important;
    }

#FootLine {
    padding: 0px !important;
    height: 2px;
    background-color: #878787;
    margin-top: 15px;
}

#FootContact {
    padding: 0px !important;
    color: #878787;
    margin-top: 15px;
    font-size: 14px
}

    #FootContact div {
        padding: 0px !important;
    }

    #FootContact img {
        width: 100%
    }

#Foot-1 {
    width: 60%;
    float: right
}

#Foot-2 {
    width: 70px;
    text-align: left;
    float: left
}

#Foot-3 {
    width: 70px;
    text-align: left;
    float: left;
    margin-left: 10px
}


.Submenu {
    position: absolute;
    width: 210px;
    z-index: 300;
    display: none;
}

.Submenu-Box {
    width: 100%;
    position: absolute;
    background-color: #ecedee;
    border: 1px solid #e3e4e5;
    margin-top: 21px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align:left;
}

    .Submenu-Box a {
        text-decoration: none;
        color: #333;
        font-size: 14px;
        font-weight: bolder
    }

        .Submenu-Box a:hover {
            text-decoration: none;
            color: #fff;
        }

        .Submenu-Box a div {
            padding: 7px 14px 7px 14px;
        }

            .Submenu-Box a div:hover {
                background-color: #5eabde;
            }

.Submenu-CaretUp {
    position: absolute;
    width: 65px;
    left:0px;
}

    .Submenu-CaretUp img {
        width: 100%
    }
/*#Submenu-1 {
    margin-right: 130px
}

#Submenu-2 {
    margin-right: 240px
}
#Submenu-3 {
    margin-right: 340px
}
#Submenu-4 {
    margin-right: 440px
}
#Submenu-5 {
    margin-right: 545px
}*/


.BoxTitle {
    margin: 5px 15px 5px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #353535;
    position: relative;
    text-align: left;
}

.BoxTitleChange {
    margin: 0px 15px 0px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #353535;
    position: relative;
    text-align: left;
    direction: ltr;
}

.BoxTitleNoPadding {
    margin: 0px 5px 0px 5px;
    font-size: 13px;
    color: #353535;
    position: relative;
}

.FAQStatus {
    float: left;
    width: 70px;
}

.BoxDescribe {
    margin: 15px 15px 0px 15px;
    font-size: 14px;
    color: #353535;
    position: relative;
    text-align: justify;
    padding: 15px;
    direction: ltr;
}



.SlidBox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.SlidItem {
    width: 335px;
    border: 1px solid #d2dbe8;
    border-radius: 13px;
    padding: 10px;
    margin: 5px
}
.SlidMemberItem {
    width: 235px;
    border: 1px solid #d2dbe8;
    border-radius: 3px;
    margin: 5px
}
.SlidImage {
    width: 230px;
    float: right
}

    .SlidImage img {
        width: 100%;
    }

.SlidBtn {
    width: 75px;
    float: left;
    cursor: pointer;
    font-size: 14px;
}

    .SlidBtn a {
        text-decoration: none;
    }

.SlidTitle {
    width: 100%;
    float: right;
    color: #2a3747;
    text-align: justify;
    font-weight: bold;
    margin-top: 15px;
    font-size: 14px;
    direction: ltr;
}

.SlidDesc {
    width: 100%;
    float: right;
    color: #5a728a;
    text-align: justify;
    margin-top: 15px;
    font-size: 14px;
}

.SlidEvent {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 14px;
}

    .SlidEvent a {
        text-decoration: none;
    }

    .SlidEvent div {
        float: left;
        
        cursor: pointer;
    }

.BtnBlock {
    padding: 7px;
    border-radius: 7px;
    background-color: #fdeeee;
    text-align: center;
    color: #ef5d5d;
}

.BtnActive {
    padding: 7px;
    border-radius: 7px;
    background-color: #e6f8f8;
    text-align: center;
    color: #058e8e;
}

.BtnSuccess {
    padding: 7px;
    border-radius: 7px;
    background-color: #ebf7fe;
    text-align: center;
    color: #55a5de;
}

.BtnWarning {
    padding: 7px;
    border-radius: 7px;
    background-color: #fdffd0;
    text-align: center;
    color: #c9af1e;
}

.BtnAlarm {
    padding: 7px;
    border-radius: 7px;
    background-color: #fee3c0;
    text-align: center;
    color: #8e4f05;
}

.BtnUser {
    padding: 7px;
    border-radius: 7px;
    background-color: #f7e6f8;
    text-align: center;
    color: #89058e;
}

.BtnInLine {
    padding: 6px;
    border-radius: 7px;
    border: 1px solid #cecece;
    text-align: center;
    color: #595959;
}

.Mt-20 {
    margin-top: 20px !important;
}

.SearchBox {
    width: 320px;
    float: left;
    background-color: #f5f7fa;
    border-radius: 15px;
    padding: 5px 13px 5px 13px;
    color: #7c91ab
}

    .SearchBox input[type=text] {
        width: 250px;
        float: left;
        background-color: #f5f7fa;
        border: 0px;
        outline: none;
        margin-top: 3px;
        color: #444547;
        display: none;
        font-size: 13px;
        direction: ltr;
    }

.SearchText {
    width: 250px;
    padding-top: 2px;
    float: right;
    font-size: 13px;
    margin-top: 3px;
    color: #899db4;
    text-align: left;
}

.SearchLine {
    height: 24px;
    width: 1px;
    float: right;
    background-color: #d2dbe8;
    margin-top: 3px;
    margin-bottom: 3px;
}

.SearchIcon {
    height: 24px;
    width: 40px;
    float: right;
    margin-top: 3px;
    cursor: pointer;
    text-align: center;
    color: #000;
    font-size: 16px;
    padding-top: 2px;
    padding-left: 7px;
}

.SearchAdvancedBox {
    padding: 7px 8px 6px 8px;
    border: 1px solid #cdcdcd;
    border-radius: 15px;
    text-align: center;
    color: #4e4e4e;
    float: right;
    cursor: pointer;
    margin-right: 8px;
}

    .SearchAdvancedBox div {
        float: right;
        margin-right: 3px;
        margin-left: 3px;
    }

        .SearchAdvancedBox div:first-child {
            font-size: 16px;
        }







.TabCard {
    display: flex;
    justify-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.BoxTab {
    background-color: #f0f0f0;
    padding: 7px;
    border-radius: 10px;
    display: flex;
    margin: auto;
}

.TabMenu {
    color: #808080;
    padding: 8px 14px 8px 14px;
    border-radius: 10px;
    margin-right: 3px;
    margin-left: 3px;
    float: right;
    cursor: pointer;
    font-size: 15px;
}

    .TabMenu:hover {
        color: #686868;
        background-color: #e6e6e6;
    }

.TabMenuActive {
    color: #039696;
    background-color: #fff;
    padding: 8px 14px 8px 14px;
    border-radius: 10px;
    margin-right: 3px;
    margin-left: 3px;
    float: right;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
}


.Color-333 {
    color: #333 !important;
}

.Color-Green {
    color: #06b63e !important;
}

.Color-Yellow {
    color: #ffb506 !important;
}

.Color-Blue {
    color: #068dd6 !important;
}

.Color-Orange {
    color: #ff6a06 !important;
}

.Color-Red {
    color: #d61e20;
}
[ItemNotShare] {
    display: none;
}

.BoxModelHeadGreenDark {
    background-color: #058e8e;
    color: #fff;
    padding: 5px;
    margin: 0px;
}

    .BoxModelHeadGreenDark i {
        cursor: pointer;
        font-size: 17px;
        padding: 6px 8px 4px 5px;
    }