.clearfix {
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .clearfix:after {
        clear: both;
    }


img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.row {
    margin-left: -20px;
    zoom: 1;
}

    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .row:after {
        clear: both;
    }

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 940px;
}

.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.banners .banner.span4 {
    width: 400px;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}

    .container:before,
    .container:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .container:after {
        clear: both;
    }

p {
    margin: 0 0 10px;
}

.KinderGarten .Item {
    text-align: left;
    float: left;
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    background: #f9f9f9;
    margin: 5px;
    background: #f2e7c7;
    width: 275px;
    padding: 8px;
    background: #816d53;
    border-radius: 18px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 3px 6px 8px 2px rgba(76,100,126,0.27);
    -moz-box-shadow: 3px 6px 8px 2px rgba(76,100,126,0.27);
    box-shadow: 3px 6px 8px 2px rgba(76,100,126,0.27);
    background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(223,223,223,1) 100%);
}

    .KinderGarten .Item:hover {
        background: rgba(129, 109, 83, 0.8);
        -webkit-box-shadow: 5px 8px 8px 2px rgba(76,100,126,0.27);
        -moz-box-shadow: 5px 8px 8px 2px rgba(76,100,126,0.27);
        box-shadow: 5px 8px 8px 2px rgba(76,100,126,0.27);
        background: linear-gradient(to bottom, rgba(223,223,223,1) 0%, rgba(245,245,245,1) 100%);
    }

    .KinderGarten .Item .GardenItem {
        width: 50%;
        /* margin: 0; */
        /* float: left; */
        /* width: auto; */
    }

.KinderGarten li {
    display: inline-block;
    margin: 0;
}

.KinderGarten .Item .CategoryName {
    color: #fff;
    color: #525151;
    font-size: 15px;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
}

.KinderGarten .Item .CategoryContent {
    font-size: 11px;
    color: #8A8A8A;
}

.KinderGarten .PlayIcon {
    margin: -60% 1% 37% 29%;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 0;
    height: 45px;
    width: 45px;
    opacity: 0.8;
}

.more {
    text-decoration: none;
    color: #9AB7DC;
}

.tdIcon {
    width: 22px;
    margin: 0;
    text-align: left;
}

.glyphicon {
    font-size: 10pt;
    color: #898787;
}

.infoText {
    font-size: 11pt;
    color: #484848;
    text-align: left;
}

td.infoText a {
    float: left;
}

.KinderGarten {
    text-align: center;
    margin: 20px auto 40px;
}

    .KinderGarten .Item .btn {
        border-color: transparent;
    }

#ctl00_ContentPlaceHolder1_rptGardenList_ctl02_trEditRemove {
    border-spacing: 0;
    padding: 0;
}

.tdIcon hr {
    border-color: #898787;
}

.btnEditRemove {
    background-color: #0ba3a8;
    border: none;
    color: #fff;
    /* padding: 1px 8px; */
}

.BaseDiv .btnEditRemove span {
    margin: 2px 0px;
}

#ctl00_ContentPlaceHolder1_lbChooseUser {
    margin-top: 5px;
}

.btnEditRemove > * {
    color: #fff;
}

.btnEditRemove:hover > * {
    color: #fff;
}

.btnEditRemove span > * {
    color: #fff;
}

.btnEditRemove span:hover > * {
    color: #fff;
}

.btn-primary.focus, .btn-primary:focus {
    background-color: #ebf3f9;
}

.btnEditRemove:hover, .btnEditRemove:focus {
    background-color: #c84000 !important;
}


.tdTitle {
    text-align: right;
    font-weight: bold;
    padding-right: 16px;
}

.Dg_HeaderStyle {
    height: 50px;
}

.button_cont {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 200px;
}

.groupTitle {
    font-weight: 600;
    color: #0066c0;
    padding-left: 10px;
    font-size: 17px;
}

.tableCondensed tr th {
    border: 0px solid #3881af;
    color: #ffffff;
    background-color: #f3f2f2;
}

.tableCondensed, .tableCondensed tr td {
    border: 0px solid #000;
}

    .tableCondensed tr:nth-child(even) {
        background: #fff;
    }

    .tableCondensed tr:nth-child(odd) {
        background: #f3f2f2;
    }

    .tableCondensed th a {
        color: #898787;
        text-decoration: none;
        font-size: 13px;
    }

    .tableCondensed tr th,
    .tableCondensed tr td {
        padding: 10px 14px;
        text-align: center;
        font-size: 14px;
    }

    .tableCondensed th *, .tableCondensed th {
        color: #0ba3a8 !important;
    }

    .tableCondensed tr td {
        color: #545454;
    }

        .tableCondensed tr td.alignLeft {
            text-align: left;
        }

.hiddencol {
    display: none;
}

.kg-list-content {
    width: 90%;
    margin: 50px 8% 50px 2%;
}

    .kg-list-content > table {
        width: 100%;
    }

.tableMenu {
    border: 1px solid #e8e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    display: block;
}

    .tableMenu td:hover {
        background-color: #0ba3a8;
    }

        .tableMenu td:hover .arrow {
            display: block;
        }

        .tableMenu td:hover a {
            color: #fff;
        }

    .tableMenu td {
        line-height: 1.3;
        list-style-type: none;
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        cursor: pointer;
        position: relative;
        font-weight: 600;
        display: block;
    }

.arrow {
    position: absolute;
    top: 0;
    right: -18px;
    display: none;
    bottom: 0;
    width: 18px;
    height: 100%;
}

.tableMenu td a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #4e4e4e;
}

.KG_ActiveMenuLink {
    background-color: #0ba3a8;
}

.KG_MenuLink {
}

.KG_ActiveMenuTitle {
    color: #fff;
}

.KG_MenuTitle {
}

.kindergartenMap iframe {
    max-width: 100%;
}

.kindergartenMap, .kindergartenMapSpan {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.kg-Item-details {
    width: 80%;
    padding-left: 20px;
}

    .kg-Item-details img {
        max-width: initial;
    }

.tableCondensed tr td .btn {
    margin: 2px 0;
}

.kg-Item-details a {
    text-decoration: none;
    color: #5f4d39;
}

.CategoryName a, .CategoryName {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    text-align: center;
    width: 100%;
    display: unset;
    width: initial;
}

    .CategoryName a {
        height: 34px;
        line-height: 34px;
    }

table.tableMenu tbody, table.tableMenu tr {
    display: block;
}

.KG_ActiveMenuImg {
    position: absolute;
    top: 0;
    right: -18px;
    display: block;
    bottom: 0;
    width: 18px;
    height: 100%;
}


.dot {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    opacity: 0.6;
}

.MsgSuccess {
    color: green;
}

.MsgError {
    color: red;
}

.red-star {
    color: red;
    margin-left: 2px !important;
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #c0c1c1;
    border-color: #2e6da4;
}

.kgQeue {
    margin: 0 auto;
    border: white;
}

    .kgQeue td {
        padding: 0 10px;
        color: #035053;
        font-weight: bold;
        border: white;
    }

.Form {
    width: 255px;
    margin: 0 auto;
}

.ageReng .btn-primary {
    color: #ffffff;
    border-color: #2e6da4;
    text-decoration: none;
    padding: 5px 15px;
    font-size: 20px;
    margin: 5px 20px;
}

.NavbarImg {
    height: 10px;
    float: left;
    font-size: 26px;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin: 12px 14px;
}

.NavbarText {
    display: block;
    color: gray;
}

.NavbarLink {
    float: left;
    display: block;
    color: #0068d4;
}

.NavbarText {
    color: rgb(0, 0, 0) !important;
    border: none !important;
}

.NavbarLink:first-child {
    margin-left: 20px;
}

.NavbarLink, .NavbarText {
    color: #289fcd;
    font-size: 14px;
    border-bottom: 1px #5ac dotted;
    text-decoration: none;
    line-height: 28px;
    float: left;
}

div#ctl00_ContentPlaceHolder1_pnlNavBar, div#ctl00_ContentPlaceHolder1_Panel1 {
    float: left;
    margin-bottom: 20px;
}

div#ctl00_ContentPlaceHolder1_ToolBarItem, div#ctl00_ContentPlaceHolder1_pnlBack {
    float: right;
}

div#ctl00_ContentPlaceHolder1_Panel1.BaseDiv {
    float: none;
}

.Form.kgForm .panel, .Form.kgForm .panel-heading {
    background: rgb(253, 248, 233);
    border-color: rgb(213, 202, 120);
    box-shadow: rgb(245, 239, 212) 0px 3px 20px 3px inset;
    color: rgb(94, 77, 56);
}

.Form.kgForm .panel {
    margin-top: 10px;
    min-height: 41px;
    border-radius: 20px !important;
    overflow: hidden;
}

.Form.kgForm .panel-heading {
    height: 100%;
    padding: 0;
}

    .Form.kgForm .panel-heading .panel-title {
        line-height: 41px;
        padding: 0px 10px;
    }

div#ctl00_ContentPlaceHolder1_ToolBarItem a,
div#ctl00_ContentPlaceHolder1_pnlBack a,
div#ctl00_ContentPlaceHolder1_Panel7 a {
    color: #fcf4db;
    background: #0ba3a8;
    text-decoration: none;
    border: none;
    border-radius: 20px;
    padding: 9px 20px;
}

    div#ctl00_ContentPlaceHolder1_ToolBarItem a *, div#ctl00_ContentPlaceHolder1_pnlBack a * {
        color: #fcf4db !important;
    }

.kgBg {
    background: url(../../images/px1.jpg) #fcf4db;
}

.Form.kgForm {
    background: none;
    border: none;
    min-width: 280px;
    width: max-content;
}

.BaseDiv .Form.kgForm input[type='text'], .BaseDiv .Form.kgForm select {
    color: rgb(94, 77, 56);
    padding-top: 10px;
    padding-bottom: 10px;
    /* box-shadow: rgb(245, 239, 212) 0px 3px 20px 3px inset; */
    padding-left: 10px;
    margin: 4px 0;
    /* background: rgb(253, 248, 233); */
    border-width: 1px;
    border-style: solid;
    border-color: rgb(213, 202, 120);
    border-image: initial;
    border-radius: 20px;
    width: 100%;
    box-sizing: border-box;
}

.kgBg .BaseDiv .Form.kgForm input[type='text'], .kgBg .BaseDiv .Form.kgForm select {
    box-sizing: border-box;
}

.BaseDiv .Form.kgForm input[type='submit'] {
    width: initial;
    border: 0;
    margin: 0;
    margin-top: 10px;
    display: inline-block;
    line-height: 20px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #fcf4db;
    white-space: nowrap;
    letter-spacing: 0px;
    background: #bebc3e;
    padding: 11px 35px;
    border-radius: 20px;
    transition: all 0.3s ease-out;
    box-shadow: none;
    color: #fcf4db;
    background: #0ba3a8;
    height: 41px;
}

    .BaseDiv .Form.kgForm input[type='submit']:hover {
        color: #fff;
        background: #087d81;
    }

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

col-6 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.row a {
    color: #000;
    text-decoration: none;
    text-align: center;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.row .title {
    font-weight: 600;
    font-size: 1.125rem;
    margin-top: 1.25rem;
    white-space: nowrap;
}

.row .number {
    font-size: 1.875rem;
    font-weight: 300;
}

.row .item {
    margin: 20px;
    float: left;
}

.row a:hover {
    color: #0056b3
}

.bot1 {
    height: 160px;
    background: url(../../images/bot1.jpg) 0 0 repeat-x;
    margin-bottom: -3px;
}

.bot1_inner {
    position: relative;
}

.flowers1 {
    float: right;
    margin-right: 20px;
    height: initial !important;
}

.FooterMainDiv {
    /* background-color: #5f4d39; */
}

footer {
    position: relative;
    z-index: 1;
    background: #5e4d38;
}

.footer_inner {
    padding-top: 15px;
    padding-bottom: 20px;
}

.copyright {
    color: #a99d75;
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 20px;
    float: left;
    font-size: 12px;
}

.KgMenu {
    background: url(../../images/px1.jpg) #fcf4db;
    min-height: 340px;
}

.kgfooter {
    background: #5f4d39;
    margin-top: -1px;
}

    .kgfooter ~ table.FooterSecondDiv {
        background: #5f4d39 !important;
        color: #fff;
    }

        .kgfooter ~ table.FooterSecondDiv .low_text {
            color: #fcf5db;
        }

        .kgfooter ~ table.FooterSecondDiv .Version_text {
            color: #fcf5db;
        }

        .kgfooter ~ table.FooterSecondDiv a {
            color: #de6600;
        }


table.bootom_line ~ div > table {
    color: #fff;
    border-bottom: 3px solid #e09702;
}

.kgBg .linediv {
    background: url(../../images/hl1.png) no-repeat 50% 100%;
    background-size: contain;
    max-width: 70%;
    margin: 0 auto;
}

.receivedApp {
    font-weight: bold;
    color: #5e4d38;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
}

#KgBase .row {
    width: initial;
    margin-left: auto;
}

.statisticName {
    text-align: center;
    display: block;
    color: #4e4e4e;
    font-size: 18px;
    font-weight: bold;
}

#ctl00_ContentPlaceHolder1_pnlStatistics {
    background: #c0bc8a;
    padding: 24px 0;
    border-radius: 40px 40px 40px 30px / 70px 60px 60px 40px;
    width: 60%;
    margin: 30px auto 60px;
    min-width: 660px;
}

.banners .banner {
    margin-bottom: 40px;
}

.banners .banner_inner {
    background: #fff;
    max-width: 440px;
}

.banners .banner_title {
    padding-top: 15px;
}

    .banners .banner_title .ic {
        float: left;
        padding-left: 0px;
        padding-right: 5px;
    }

    .banners .banner_title .txt1 {
        font-size: 26px;
        line-height: 26px;
        color: #fff;
        padding-top: 5px;
        word-break: break-all;
    }

.banners .banner_txt {
    padding: 15px 20px 0;
}

    .banners .banner_txt img {
        width: 100%;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .banners .banner_txt .txt2 {
        font-size: 14px;
        line-height: 20px;
        color: #fff;
        text-align: left;
        padding-top: 15px;
    }

    .banners .banner_txt .banner_link {
        text-align: right;
        height: 80px;
    }




.banners .banner1 .banner_inner {
    background: url(../../images/banner1_bg.jpg) 0 0 no-repeat #efc043;
    border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
    -moz-border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
    -webkit-border-radius: 20px 70px 30px 70px / 30px 40px 70px 40px;
}

.banners .banner1 .button1 {
    border-color: #efc043;
    color: #efc043;
}

    .banners .banner1 .button1:hover {
        border-color: #fcf4db;
        color: #fcf4db;
        background: #efc043;
    }

.banners .banner2 .banner_inner {
    background: url(../images/banner2_bg.jpg) 0 0 no-repeat #d5c651;
    border-radius: 40px 40px 140px 30px / 20px 70px 30px 80px;
    -moz-border-radius: 40px 40px 140px 30px / 20px 70px 30px 80px;
    -webkit-border-radius: 40px 40px 140px 30px / 20px 70px 30px 80px;
}

.banners .banner2 .button1 {
    border-color: #d5c651;
    color: #d5c651;
}

    .banners .banner2 .button1:hover {
        border-color: #fcf4db;
        color: #fcf4db;
        background: #d5c651;
    }

.banners .banner3 .banner_inner {
    background: url(../images/banner3_bg.jpg) 0 0 no-repeat #eb7400;
    border-radius: 20px 90px 70px 170px / 70px 40px 30px 40px;
    -moz-border-radius: 20px 90px 70px 170px / 70px 40px 30px 40px;
    -webkit-border-radius: 20px 90px 70px 170px / 70px 40px 30px 40px;
}

.banners .banner3 .button1 {
    border-color: #eb7400;
    color: #eb7400;
}

    .banners .banner3 .button1:hover {
        border-color: #fcf4db;
        color: #fcf4db;
        background: #eb7400;
    }

.banners .banner4 .banner_inner {
    background: url(../images/banner4_bg.jpg) 0 0 no-repeat #816d53;
    border-radius: 40px 40px 140px 30px / 20px 70px 30px 80px;
    -moz-border-radius: 40px 40px 140px 30px / 20px 70px 30px 80px;
    -webkit-border-radius: 40px 40px 140px 30px / 20px 70px 30px 80px;
}

.banners .banner4 .button1 {
    border-color: #816d53;
    color: #816d53;
}

    .banners .banner4 .button1:hover {
        border-color: #fcf4db;
        color: #fcf4db;
        background: #816d53;
    }

.button1 {
    margin-top: 10px;
    display: inline-block;
    min-width: 80px;
    height: 80px;
    border: 5px solid #efc043;
    line-height: 73px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    color: #efc043;
    white-space: nowrap;
    letter-spacing: 0px;
    background: #fcf4db;
    border-radius: 40px;
    transition: all 0.3s ease-out;
    text-decoration: none !important;
}

    .button1:hover {
    }

.ul0 {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .ul0 > li {
        padding: 10px 0px 10px 25px;
        margin: 0px 0px 0px 0px;
        border-bottom: 1px solid #c9ba47;
        line-height: 20px;
        font-size: 16px;
        font-weight: 700;
        color: #fff;
    }

        .ul0 > li span {
            padding-right: 30px;
            font-size: 20px;
            color: #938624;
        }

.ul1 {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .ul1 > li {
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 10px 0px;
    }

        .ul1 > li .txt1 {
            display: block;
            float: left;
            width: 60px;
            height: 60px;
            background: #efc043;
            text-align: center;
            line-height: 60px;
            font-size: 26px;
            font-weight: 400;
            color: #fff;
            border-radius: 30px;
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;
        }

        .ul1 > li .txt2 {
            display: block;
            float: none;
            margin-left: 85px;
        }

.button2 {
    display: inline-block;
    line-height: 20px;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #fcf4db;
    white-space: nowrap;
    letter-spacing: 0px;
    background: #bebc3e;
    padding: 11px 35px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

    .button2:hover {
        background: #eb7400;
        color: #fff;
    }


/**responsive************/
@media (min-width: 768px) and (max-width: 979px) {
    .banners .banner_title .txt1 {
        font-size: 16px;
        line-height: 26px;
        color: #fff;
        padding-top: 5px;
    }
}

@media (min-width: 1200px) {
    .row {
        margin-left: -30px;
        *zoom: 1;
    }

        .row:before,
        .row:after {
            display: table;
            line-height: 0;
            content: "";
        }

        .row:after {
            clear: both;
        }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 1170px;
    }

    .span12 {
        width: 1170px;
    }

    .span11 {
        width: 1070px;
    }

    .span10 {
        width: 970px;
    }

    .span9 {
        width: 870px;
    }

    .span8 {
        width: 770px;
    }

    .span7 {
        width: 670px;
    }

    .span6 {
        width: 570px;
    }

    .span5 {
        width: 470px;
    }

    .banners .banner.span4 {
        width: 370px;
        float: left;
        margin-left: 12px;
    }

    .span3 {
        width: 270px;
    }

    .span2 {
        width: 170px;
    }

    .span1 {
        width: 70px;
    }
}

@media (max-width: 1199px) and (min-width: 979px) {
    .banners .banner.span4 {
        width: 290px;
        float: left;
        margin-left: 10px;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
        *zoom: 1;
    }
}

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

    .row {
        margin-left: -20px;
        *zoom: 1;
    }

        .row:before,
        .row:after {
            display: table;
            line-height: 0;
            content: "";
        }

        .row:after {
            clear: both;
        }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 20px;
    }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 724px;
    }
}




@media (min-width: 768px) and (max-width: 979px) {
    #KgBase .row .container {
        min-width: 764px;
    }

    #KgBase .row {
        margin-left: auto;
        margin-right: auto;
        zoom: 1;
    }

    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .row:after {
        clear: both;
    }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 10px;
    }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 760px;
    }

    .span12 {
        width: 724px;
    }

    .span11 {
        width: 662px;
    }

    .span10 {
        width: 600px;
    }

    .span9 {
        width: 538px;
    }

    .span8 {
        width: 476px;
    }

    .span7 {
        width: 414px;
    }

    .span6 {
        width: 352px;
    }

    .span5 {
        width: 290px;
    }

    .banners .banner.span4 {
        /* width: 238px; */
        /* float: left; */
        /* margin-left: 10px; */
        /* width: auto; */
    }

    .span3 {
        width: 166px;
    }

    .span2 {
        width: 104px;
    }

    .span1 {
        width: 42px;
    }
}

@media (max-width: 767px) {
    .BaseDiv .BaseDiv {
        padding: 0;
    }

    div#ctl00_ContentPlaceHolder1_pnlChildList div#ctl00_ContentPlaceHolder1_pnlNavBar {
        margin: auto;
    }

    div#ctl00_ContentPlaceHolder1_pnlChildList div#ctl00_ContentPlaceHolder1_Form {
        margin: 0;
    }

    .container {
        /* width: 440px; */
        width: auto;
    }

    #KgBase .row {
        margin: 0;
    }

    .banners .banner.span4 {
        /* width: auto; */
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 96%;
        max-width: 440px;
    }

    .banners .banner_title .txt1 {
        font-size: 16px;
        word-break: normal;
        line-height: 20px;
        float: left;
    }

    .kgfooter ~ .FooterSecondDiv,
    .kgfooter ~ .FooterSecondDiv tr {
        margin-top: -1px;
    }

    .FooterMainDiv {
        display: none;
        margin: 19px;
    }

    .kgfooter ~ .FooterSecondDiv td {
        display: block;
        width: 96% !important;
        height: auto !important;
        text-align: center;
        float: none !important;
    }

        .kgfooter ~ .FooterSecondDiv td > div,
        .kgfooter ~ .FooterSecondDiv td .copyright {
            float: none;
        }

    #ctl00_Footer_HyperLink3 {
        float: none;
        margin: auto;
    }

    .kgfooter ~ .FooterSecondDiv td:last-child > div {
        width: 100% !important;
    }
}

#waitDiv {
    opacity: 0.5;
    background-color: gray;
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 10;
}

    #waitDiv img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 300px;
    }



@media (max-width: 700px) {

    #ctl00_ContentPlaceHolder1_pnlStatistics {
        /* width: 480px; */
        min-width: initial;
        text-align: center;
        width: 96%;
    }

    table.statisticTableKindergarden td {
        display: block;
        float: left;
        width: 49%;
        padding: 14px 0;
        text-align: right;
    }

        table.statisticTableKindergarden td div {
            float: none;
        }
}


@media (max-width: 992px) {
    .FooterSecondDiv td {
        display: block;
        width: 96% !important;
        height: auto !important;
        text-align: center;
        float: none !important;
    }

    .FooterMainDiv {
        display: none;
        margin: 19px;
    }

    div#SearchMDiv {
        display: none;
    }

    .BaseDiv.support {
        padding: 0 10px;
    }

    .support ul.nav.nav-tabs {
        border-spacing: 0;
    }

    .support .nav > li {
        float: left;
        margin: 0;
    }

        .support .nav > li > a {
            padding: 15px;
        }

    .BaseDiv.support .Form {
        padding: 14px 6px;
    }

    .BaseDiv.support span {
        font-size: 14px;
    }

    .BaseDiv.support .container {
        padding: 0;
    }

    td.main-section {
        width: 94vw !important;
        display: inline-block;
        margin: 0 3vw;
        float: left;
    }

    .support .cardDiv {
        width: 80%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .BaseDiv.support .Title span {
        word-break: break-all;
        display: inline-block;
        font-size: 16px;
    }

    td#tcRightcontrol {
        position: absolute;
        right: 0;
    }

        td#tcRightcontrol label#overlay-button1 {
            float: right;
        }

    .mobile-menu-home input[type=checkbox]:checked ~ table {
        right: 0;
        top: 50px;
    }

    div#ctl00_ContentPlaceHolder1_Suport_FsAttachment_pnlEdit td {
        display: inline-block;
    }

    div#ctl00_ContentPlaceHolder1_Suport_FsAttachment input[type="text"] {
        margin: 0 4px;
    }

    table.FooterSecondDiv {
        overflow: hidden;
        display: block;
        text-align:center;
    }

    .linediv span {
        font-size: 16px !important;
    }

    .linediv {
        width: 94%;
        background-size: contain;
        margin: 10px auto 0;
    }

    div#ctl00_ContentPlaceHolder1_PnlKinderGartenCategory {
        margin: 0px auto 40px;
    }

    div#ctl00_ContentPlaceHolder1_pnlNavBar, div#ctl00_ContentPlaceHolder1_Panel1 {
        margin-bottom: 10px;
    }

    .BaseDiv {
        padding: 0 0px;
    }

    .kgForm.Form {
        width: 92% !important;
        padding: 0;
        margin:0 auto ;
    }
    div#ctl00_ContentPlaceHolder1_FormContent {
        width: max-content !important;
    }
    table.FooterSecondDiv > tbody {
        margin: 0 auto;
        display: inline-block;
    }
}