#pages_join {}

#pages_join h2 {
    font-size: calc(1.5rem + 0.75vw);
    letter-spacing: -.1rem;
    opacity: .95;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    margin: 1rem 0;
}

#pages_join .tt { font-weight:500; font-size: 1.35rem; padding: 30px 0 15px; }
#pages_join .msg {
    padding: 1.5rem 2rem;
    line-height: normal;
}

#pages_join .tab { }
#pages_join .tab ul {
    position: relative;
    top: 1px;
}
#pages_join .tab li {
    float: left;
    width: auto;
    border-top: #dfdfdf solid 1px;
    border-right: #dfdfdf solid 1px;
    padding: 0.5rem 1rem;
    font-size: .85rem;
    color: #666666;
    background: #f1f1f1;
    cursor: pointer;
}

#pages_join .tab .selected {
    border-bottom: #ffffff solid 1px;    
    color: #000000;
    background: #ffffff;
}

#pages_join .tab .br-left {
    border-left: #dfdfdf solid 1px;
}

#pages_join .agreebox {background:#ffffff;/*border-left:#eeeeee solid 1px;border-right:#eeeeee solid 1px;border-bottom:#eeeeee solid 1px;*/ padding: 10px;}
#pages_join .agreebox textarea {background:none;border:0;width:100%;height:160px;overflow-x:hidden;overflow-y:auto; line-height:1.4; color:#666; font-size: .9em;}
#pages_join .agreebox .ag1 {height:250px;}
#pages_join .hide {display:none;}


#pages_join .agreecheck {text-align:center;margin-top:50px;}
#pages_join .topline {border:#dfdfdf solid 1px;}

#pages_join .submitbox { margin: 30px 0; text-align: center; }
#pages_join .submitbox input { width: calc(100% / 2 - 2px); height: 60px; font-size: 1.15rem; border: none; }
#pages_join .submitbox input.btn__gray { background:#b5b5b5; }
#pages_join .submitbox input.btn__join { background:#3685bb; }

#pages_join .agreecheck .chk {width:20px;height:20px;vertical-align:middle;margin-right:10px;}


/* ***** Extra small devices (portrait phones, less than 576px) ***** */
@media (max-width: 575.98px) {

    #pages_join .tab li {
        width: 100%!important;
        border-left: #dfdfdf solid 1px;
    }

    #pages_join .tab .br-bottom { border-bottom: #dfdfdf solid 1px; }

}


/* ***** Large devices (desktops, less than 1200px) ***** */
@media (max-width: 1199.98px) {

    #pages_join .tab li {
        width: 20%;
    }

}