body{
    font-family: 'Prompt', sans-serif;
    overflow: hidden;
}
.backG{
    background-image: url('img/DJI_0146.JPG');
    width: 101%;
    height: 102%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    margin-left: -1%;
    margin-top: -1%;
}
.BG2{
    width: 101%;
    height: 102%;
    /* background: rgba(218, 218, 218, 0.61); */
    position: absolute;
    margin-left: -1%;
    margin-top: -1%;
}
.boxback{
    position: absolute;
    width: 24%;
    height: 101%;
    background: rgba(0,0,0,0.5);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
    z-index: 1;
}
.boxJOB{
    position: absolute;
    background: rgba(225,225,225,0.8);
    width: 76%;
    height: 86%;
    margin-top: 4%;
    margin-left: 24%;
    display: block;
    overflow: hidden;
}
.boxlogo{
    position: absolute;
    width: 100%;
    height: 33%;
    overflow: hidden;
    display: block;
}
.imlogo{
    position: absolute;
    width: 42%;
    margin-top: 24%;
    margin-left: 31%;
}
.boxicon{
    position: absolute;
    width: 49%;
    height: 15%;
    margin-left: 21%;
    margin-top: 90%;
    display: block;
    overflow: hidden;
}
.iconhome{
    position: absolute;
    width: 40%;
    margin-left: 39%;
    margin-top: 17%;
}
.textback{
    position: absolute;
    color: white;
    font-size: 18px;
    margin-top: 50%;
    margin-left: 31%;
    font-weight: bold;
}
.boxtextwel{
    position: absolute;
    width: 94%;
    height: 26%;
    margin-left: 6%;
    margin-top: 56%;
}
.textlet{
    position: absolute;
    margin-top: 10%;
    margin-left: 12%;
    font-size: 20px;
    font-weight: bold;
    color: rgba(225,225,225,0.9);
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.subjectjob{
    position: absolute;
    width: 100%;
    height: 7%;
    z-index: 1;
    margin-left: 0.%;
    margin-top: 0%;
    border-bottom: 0.5px solid #929292bf;
    background: white;
}
.textjobva{
    position: absolute;
    font-size: 22px;
    margin-top: 1%;
    margin-left: 1%;
    font-weight: bold;
    color: #005198;
}
.boxdata{
    position: absolute;
    margin-top: 5%;
    margin-left: 0%;
    width: 100%;
    overflow-y: hidden;
}
.boxdata:hover{
    overflow-y:auto;
}
.boxdetail{
    margin-top: 2%;
    margin-left: 2%;
   
}
.hoverscooll {
    border: 1px solid rgba(0, 0, 0, 0.19);
    height: 92%;
    width: 100%;
    overflow: hidden;
    margin-top: 3%;
    display: inline-block;

}
.hoverscooll:hover {
    overflow-y:auto;
    padding-right: 0px;
}
.hoverscooll p {
  padding-right: 0;
}
.hoverscooll :hover p{
     padding-right:0px;
     padding-top:0px;
}
.contactscooll {
    border: 1px solid rgba(0, 0, 0, 0.19);
    height: 86%;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    margin-top: 6%;
    display: inline-block;

}
.contactscooll:hover {
    overflow-y:auto;
    padding-right: 0px;
}
.contactscooll p {
   
  padding-right: 0;
}
.contactscooll :hover p{
     padding-right:0px;
     padding-top:0px;
}
.divHQ{
        /* border-right: 0.5px solid #ccc; */
    /* border-bottom: 0.5px solid #ccc; */
    width: 27%;
    height: 4vh;
    /* background: rgba(109, 67, 4, 0.5); */
    font-size: 21px;
    color: #022254;
    margin-left: 3%;
    font-weight: bold;
    margin-top: 1%;
    
}

.textSCon{
    position: absolute;
    margin-left: 30%;
    margin-top: 4%;
    font-size: 20px;
    font-weight: bold;
    color: #676400;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}


.DDcon{position: absolute;
    margin-top: 10vh;
    width: 19vh;
}
.f1{margin-left: 11Vh;
    color: #676400;
    /* font-weight: bold; */}
.f2{    font-size: 17px;
    font-weight: bold;
    color: #00274a;}
.f3{
    margin-left: 50vh;
    margin-top: -5%;
    width: 53%;}
.f4{
    margin-left: 70vh;
    margin-top: -5%}
.f5{
    margin-left: 91vh;
    width: 30%;
    margin-top: -5%;}

.boxgray
{   position: absolute;
    width: 92%;
    height: 27vh;
    background: rgba(90, 90, 90, 0.5);
    margin-top: 131%;
    margin-left: 8%;
    color: #d2d2d2;
}
.iconface {
    position: absolute;
    width: 8%;
    margin-top: 1%;
    margin-left: 10%;
    }
    .nameFACE {
        position: absolute;
        margin-top: 3%;
        margin-left: 22%;
        font-size: 13px;
    }
    .subjob{
        margin-top: 15%;margin-left: 10%;font-size: 18px;
    }
    .subname{
        margin-top: 2%;margin-left: 10%; font-size: 15px;
    }
    .subE{
        margin-left: 10%; font-size: 15px;
    }
    .iconTel{
        position: absolute;
        width: 8%;
        margin-top: 12%;
        margin-left: 10%;   

    }
    .subtel{
        position: absolute;
        margin-top: 14%;
        margin-left: 24%;
        font-size: 12px;
    }
    @media screen and (min-width: 300px) and (max-width:800px) { 
        .boxdetail {
            margin-top: 2%;
            margin-left: 2%;
            font-size: 11px;
        }
        .detailbox,.regitjob{
            font-size: 11px;
        }
        .imlogo {width: 54%;margin-top: 24%;margin-left: 26%;}
        .textjobva {font-size: 14px;}
        .textlet { font-size: 8px;}

        .subtel {margin-top: 14%;margin-left: 24%;font-size: 5px;}
        .subjob {margin-top: 15%;margin-left: 10%;font-size: 8px;}
        .subname {margin-top: 2%;margin-left: 10%;font-size: 7px;}
        .nameFACE { margin-top: 3%;margin-left: 22%;font-size: 5px;}
        .subtel {margin-top: 14%;margin-left: 24%;font-size: 5px;}
        .boxgray {width: 92%;height: 12vh;margin-top: 262%;margin-left: 8%;}
        .textback {font-size: 5px;margin-top: 128%;margin-left: 25%;}
        .iconhome {width: 67%;margin-left: 24%;margin-top: 71%;}
        .subE {margin-left: 10%;font-size: 5px;}
        .hoverscooll {height: 92%;width: 100%; margin-top: 10%;}
        .subjectjob {width: 100%;height: 5%;}

        .divHQ {font-size: 10px;}
        .f2 {font-size: 10px;}
        .f1 { font-size: 5px;}
        .contactscooll {width: 99%; overflow-y: auto;}
    }
    @media screen and (min-width: 500px) and (max-width:750px) { 
        .boxdetail {
            margin-top: 2%;
            margin-left: 2%;
            font-size: 11px;
        }
        .detailbox,.regitjob{
            font-size: 11px;
        }
        .imlogo {width: 54%;margin-top: 24%;margin-left: 26%;}
        .textjobva {font-size: 14px;margin-top: 3%;}
        .textlet { font-size: 8px;}

        .subtel {margin-top: 14%;margin-left: 24%;font-size: 5px;}
        .subjob {margin-top: 2%;margin-left: 10%;font-size: 8px;}
        .subname {margin-top: 2%;margin-left: 10%;font-size: 7px;}
        .nameFACE { margin-top: 3%;margin-left: 22%;font-size: 5px;}
        .subtel {margin-top: 14%;margin-left: 24%;font-size: 5px;}
        .boxgray {width: 92%; height: 29vh;margin-top: 114%; margin-left: 8%;}
        .textback {font-size: 5px;margin-top: 52%;margin-left: 35%;}
        .iconhome {width: 59%;margin-left: 28%;margin-top: -1%;}
        .subE {margin-left: 10%;font-size: 5px;}
        .hoverscooll {height: 92%;width: 100%; margin-top: 10%;}
        .subjectjob {width: 100%;height: 23%;margin-left: 0.5%;}

        .divHQ {font-size: 10px;}
        .f2 {font-size: 10px;}
        .f1 { font-size: 5px;}
        .contactscooll {width: 99%; overflow-y: auto;}
        .boxlogo {height: 38%;}
        .boxicon { width: 41%;height: 38%;margin-left: 28%;margin-top: 86%;}

    }