@media only screen and (max-width: 480px) {
    .MemberInfo {
        width:300px;
    }
}
/*@media only screen and (max-width: 480px) {
    .MemberDemo {
        width:300px;
    }
}*/
/*.MemberInfo {
    width:500px;

}*/




.lfevents{
    text-align:center;
    background:#E7EBEF;
    height:110px;
 
}
.lfevents img{
    margin-left:auto;
    margin-right:auto;
    width:25%;
    
}
.lfevents h4{
    padding-top:5px;
    font-size:12px;
    font-weight:bolder;

}
.headerbox{
    background:#edb01c;
}
.headerbox h3{
    color:#fff;
    text-align:center;
    padding:5px;
}
.download{
    text-align:center;
  

}
.download img{
      
}
.hypeLink a{
     color:#17375E;
     font-weight:bolder;
     text-decoration:underline;
}
.verticalLine {
border-left: thick solid #b1b1b1;
}
.login_box_default {
    width: 50%;
    padding-bottom:20px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99999;
    background-color: white;
    /*border-style: solid;*/
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .6);
    border-radius: 30px;
}
.login_box {
    width: 90%;
    padding-bottom:20px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99999;
    background-color: white;
    border-style: solid;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .9);
    border-radius: 30px;
}
.login_box_reg {
    width: 90%;
    padding-bottom:20px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99999;
    background-color: white;
    /*border-style: solid;*/
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .6);
    border-radius: 30px;
}
.login_box_pwChange{
    width: 90%;
    padding-bottom:20px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99999;
    background-color: white;
    /*border-style: solid;*/
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .6);
    border-radius: 30px;
    margin-bottom:450px;
}
.login_box_main_content {
    width: 100%;
    padding:20px;
    padding-bottom:20px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    /*background-color: white;*/
    /*border-style: solid;*/
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .8);
    border-radius: 30px;
    position:relative;
    /*top:-50px;*/
}
.login_box_contact{
    width: 100%;
    padding:20px;
    padding-bottom:20px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    /*background-color: white;*/
    /*border-style: solid;*/
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .7);
    border-radius: 30px;
    position:relative;
    margin-bottom:220px;
    /*top:-50px;*/
}
/*! Mobile Phone  */
@media only screen and (max-width: 320px) {
    .login_box_default {
    width: 90%;
    padding-bottom:20px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99999;
    background-color: white;
    border-style: solid;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .9);
    border-radius: 30px;
    }
}

/*! Tablet Portrait  */
@media only screen and (max-width: 480px) {
    .login_box_default {
    width: 90%;
    padding-bottom:20px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99999;
    background-color: white;
    border-style: solid;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .9);
    border-radius: 30px;
    }
    .icon .col-sm-3 {
        width:100% !important;
    }
    
}
@media only screen and (min-width: 1200px) {
    .login_box_reg {
        width: 700px;
      
    }
    .login_box_pwChange {
        width: 500px;
      
    }
    .login_box_reg .container {
        width:600px;
    }
    .login_box_pwChange .container {
        width:600px;
    }
}