body {margin:0;padding:0;background-color: #245294;/*background-image: linear-gradient(to bottom right,  #043e90,rgba(255, 255, 255, 0.70))*/}

.section{width:100%;/*height:300px;*/display:flex;/*justify-content: center;align-items: center;*/}
.mainTop{height:400px;padding-top:100px;/*border-bottom:20px solid #284f91;*/}
.mainMiddle{/*border-bottom:20px solid #284f91;*/height:20px;}

/********MAIN TOP********/
.mainFrame{width:110%;/*width:1036px;*/margin-top: 0px;margin-left:auto;margin-right:auto; margin-bottom: 20px;/*padding-left:15px;padding-right:15px;*/ border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;letter-spacing:0.8px;background-color: #fffff3}
.mainBox{width: 100%;}
.mainBoxTitle{ width: 90%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;  padding-left:15px ; font-size: 24px; font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; }
.mainBoxText{width: 96.9%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 45px; font-size: 12px; font-weight: bold; font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color: #D23F34;}
.mainBlock{width: 100%; margin-top: 10px;}
.mainBlockLabel{padding: 5px; font-size: 14px; margin-top: 10px;}
.mainBlockItem{margin-top: 10px; display:inline-block; vertical-align:top; font-size: 14px; font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.mainBlockItem2{display: inline-block;}
.itemText1{resize: none; padding: 5px; border-radius: 4px; font-size: 12px; width:430px; height:20px; background-color: #f9f9f9; border: 1px solid #676767; width:430px ; height:30px; font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.itemText2{padding: 5px; border-radius: 4px; font-size: 13px; width:200px; height:20px; border: 1px solid #676767; height:30px; background-color: #f9f9f9; font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.itemText3{padding: 5px; border-radius: 4px; font-size: 12px; height:20px; border: 1px solid #676767; height:30px; background-color: #f9f9f9; font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.mainContainer{margin-top: 0px ; font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.masterMain{/*max-*/width:110%;margin-left:auto;margin-right:auto;margin-top: 20px;letter-spacing: 3px; }
.mainHeader{background-color: #fffff3 ; border-top-left-radius: 8px; border-top-right-radius: 8px;  padding-top: 8px; padding-bottom: 8px; width: 100%; margin-left: auto; margin-right: auto; text-align: center; font-family: "Mona Sans", sans-serif; font-optical-sizing: auto; font-style: normal; font-variation-settings: "wdth" 100;}
.mainHeaderCont{ width: 540px; border-bottom: 4px solid #043e90; margin-left: auto; margin-right: auto;  font-weight: bold; font-size: 34px; letter-spacing: 5px;  padding-bottom: 5px;}
.mainHeaderText{ margin-top: 15px; font-size: 14px; letter-spacing: 2px; font-weight: 500; }
.mainHeaderImage{ background-color: #fffff3 ; opacity: 0.8; padding-top: 5px;width: 100%; margin-left: auto; margin-right: auto; }
.masterSide{width:1000px;padding-top:65px;margin-left:auto;margin-right:auto;background-color:rgba(255, 255, 255, 0.65);}
#backImgBox{position:fixed;width:100%;height:100%;z-index:-1;}
.backImg{width:100%;height:100%;/*position:absolute;opacity:0.4;*/}
.btnClass{vertical-align: top;}
.btn-class-view{background: none; border-style: none;  width: 22px; height: 22px;}


    .btnClear {
    width: 150px;
    height: 40px;
    cursor: pointer;
    border: none;
    padding: 7px 10px;
    background-color: #D23F34;
    color: #e2e2e2;
    border-radius: 8px;
    margin-right: 5px;
}
    .btnClear:hover {
        color: black;
        background-color: #d27c75;
    }

        .btnSub {
    width: 150px;
    height: 40px;
    cursor: pointer;
    border: none;
    padding: 7px 10px;
    background-color: #559B2D;
    color: #e2e2e2;
    border-radius: 8px;
    margin-right: 5px;
}
    .btnSub:hover {
        color: black;
        background-color: #6eb446;
    }

/* ENROLL FORM */

/* ENROLL FORM */


.regImg {
    width: 990px;
    height: 250px;
}
.regHeaderImg {
    width: 990px;
    height: 250px;
    background-color: #2c4574;
}
.regMainframe {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial;
    height: 860px;
}
.regHeader {
    width: 480px;
    /*background-color: #3e61a5;*/
}
.regHead {
    width: 100%;
    height: 15px;
    /*border-bottom: 1px solid #ffffff;
    border-left: 5px solid #3e61a5;*/
    background-color:#3e61a5;
    color: #fff;font-family:Arial;font-weight:600;
    letter-spacing: 3px;
    width: 460px; 
    padding: 10px;
}
.regHeadL {
    width: 300px;
    float: left;
}
.regHeadR {
    text-align: center;
    width: 450px;
    font-size: 0.7em;
    color: red;
    padding: 5px;
}

.regHeadInfoL {
    width: 800px;
    float: left;
}
.regHeadInfoR {
    width: 100px;
    border-radius: 50px;
    float: right;
    text-align: center;
    background-color: yellow;
    padding: 2px;
    letter-spacing: 0px;
}
.regLink {
    text-decoration: none;
    color: red;
}

.regMainBox {
    width: 1000px;
    padding-top: 20px;
}
.regBoxMain {
    width: 1030px;
    height: 850px;
}
.regBoxContainer{ width: 490px; 
height: 840px; display:inline-block;
}
.regBoxLeft {
    width: 480px;
    height: 400px;
    /*float: left;*/
margin-top: 10px;
}
.regBoxRight {
    width: 270px;
    display:inline-block;
}
.regScroll {
    width: 430px;
    height: 120px;
    overflow-y: auto;
    border-top: 2px solid #043e90;
    border-bottom: 2px solid #043e90;
}
.regBox {
    width: 550px;
    /*display: inline-block;*/
    float:left;
    padding-top: 2px;
    padding-left: 8px;
    font-size: 0.9em;
}
.regBox0 {
    width: 450px;
    /*display: inline-block;*/
    float:left;
    padding-top: 2px;
    padding-left: 15px;
    font-size: 0.9em;
}
.regBox1 {
    width: 210px;
    float: left;
    font-size: 0.9em;
    letter-spacing: 0;
}
.regBox2 {
    width: 400px;
    float: left;
    font-size: 0.9em;
    letter-spacing: 0;
}
.regLabel {
    width: 180px;
    float: left;
    text-align: right;
    padding-top: 5px;
    height: 25px;
}
.regLabel1 {
    width: 60px;
    float: left;
    text-align: right;
    padding-top: 5px;
    height: 20px;
}
.regField {
    width: 530px;
    float: left;
    padding-left: 10px;
    padding-bottom:5px;
}
.regField1 {
    width: auto;
    float: left;
    padding-left: 10px;
    padding-bottom:5px;
}
.regBoxBtn {
    width: 575px;
    display: inline-block;
    text-align: right;
}
.regBtn {
    width: 150px;
    cursor: pointer;
    border: none;
    padding: 7px 10px;
    background-color: #043e90;
    color: #e2e2e2;
    border-radius: 8px;
    margin-right: 5px;
}
    .regBtn:hover {
        color: #043e90;
        background-color: #bebebe;
    }

        /*.regBtn:hover{background-color:#043e90;color:white;}*/
.regRed {
    color: red;
    display: inline;
    text-align: center;
}
.regDesign {
    border: none;
    height: 15px;
    border: 1px solid #bebebe;
    border-bottom: 2px solid #bebebe;
    border-radius: 3px;
    padding: 5px;
}
    .regDesign:focus {
        border-bottom: 2px solid #043e90;
    }

.styled-select {
    width: 130px;
    height: 25px;
    overflow: hidden;
    border: none;
    border: 1px solid #bebebe;
    border-bottom: 2px solid #bebebe;
    border-radius: 3px;
}
    .styled-select:focus {
        border-bottom: 2px solid #043e90;
    }

.form-text {
    border: none;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #bdb9b9;
    border-bottom: 2px solid #bebebe;
    padding: 5px;
    height: 15px;
    font-size: 0.8em;
}

.form-textMulti {
    border: none;
    border-radius: 3px;
    border: 1px solid #bdb9b9;
    border-bottom: 2px solid #bebebe;
    padding: 5px;
    height: 15px;
    resize:none;
}

.form-text1{
    padding:5px;
    border-radius:5px;
    border:1px solid #bdb9b9;
    margin-top:7px;
    margin-left:4px;
    width:190px;
    height:18px;
    font-size :0.8em;text-align:center;
}
.form-cbo{
    padding:5px;
    border-radius:5px;
    border:1px solid #bdb9b9;
    border-bottom: 2px solid #bdb9b9;
    margin-top:7px;
    margin-left:3px;
    height:32px;
    font-size :0.9em;color:#555454;
}
.form-cbo:hover{border-bottom: 2px solid #043e90;}

.marquee {
    height: 50px;
    overflow: hidden;
    position: relative;
    /*background-image: linear-gradient(#043e90,#e2e2e2,#043e90);*/
    color: #000;font-size:1.5em;letter-spacing:3px;font-family:'Trebuchet MS';font-weight:800;
}

    .marquee p {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 50px;
        text-align: center;
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -moz-animation: scroll-left 2s linear infinite;
        -webkit-animation: scroll-left 2s linear infinite;
        animation: scroll-left 20s linear infinite;
    }

@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}