﻿.snsbtn {
    margin-bottom: 5px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.snsbtn button {
    display: inline-flex;
    position: relative;
    display: block;
    width: 297px;
    height: 43px;
    margin: 5px;
    cursor: pointer;
    /*outline: none;*/
    border: none;
    transition-duration: .3s;
}
    .snsbtn button:hover {
        opacity: .7;
    }

@media only screen and (max-width: 830px) {
.snsbtn {
    flex-flow: column;
    padding: 0 10%;
}
    .snsbtn button {
        width: 100%;
        margin: 5px auto;
    }
}
.snsbtn button span {
    position: absolute;
    display: block;
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
    line-height: 48px;
    text-align: center;
    vertical-align: middle;
    color: white;
    font-weight: bold;
    font-size: 1.5em;
    font-style: normal;
    user-select: none;
    height: 42px;
}
.snsbtn button i {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 43px;
    height: 41px;
    bottom:1px;
}
.btnFacebook {
    background: #3b5998; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #718abd , #3b5998); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #718abd, #3b5998); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #718abd, #3b5998); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #718abd , #3b5998); /* Standard syntax */
}
.btnGoogle {
    background: #4285f4; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #73a6fa , #4285f4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #73a6fa, #4285f4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #73a6fa, #4285f4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #73a6fa , #4285f4); /* Standard syntax */
}
.btnYahoo {
    background: #ff0033; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #fe3860 , #ff0033); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #fe3860, #ff0033); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #fe3860, #ff0033); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fe3860 , #ff0033); /* Standard syntax */
}
.btnFacebook i {
    background: url(CP1015/images/ico_facebook.jpg);
    background-size: cover;
}
.btnGoogle i {
    background: url(CP1015/images/ico_google.jpg);
    background-size: cover;
}
.btnYahoo i {
    background: url(CP1015/images/ico_yahoo.jpg);
    background-size: cover;
}

/*DuyHN1 F_MNT_KURUKONE-6370 2018/01/16 Begin*/
.login-area {
    display: flex;
    justify-content: center;
}
.btnloginContainer {
    width: 400px;
    padding: 10px 0;
    text-align: center;
    background-color: rgb(217, 234, 211);
    font-size: 30px;
    margin-left: 50px;
    margin-top: 0px;
}
.btnloginContainer:nth-child(1) {
    margin-left: 0;
}
.btnloginContainer span {
    display: block;
    color: #38761d;
    margin-bottom: 5px;
}
.img1{
    width: 342px;
    height: 55px;
}
.img2{
    width: 342px;
    height: 55px;
    margin-top: 5px;
}
.main-blue{
    background: #008442;
    height: 120px;
}
.main-yellow{
    background: #f7ffde;
    height: 620px;
}
/*Begin - NguyenNT7 - F_MNT_KURUKONE-8844 - 2018-07-05*/
.f_5em {
    font-size: 10px ;
    text-align: center;
}
.main-yellow-space {
    background: #f7ffde;
    height: 39px;
    width: 100%;
}
.ma_t_50 {
    margin-top: 50px !important;
}
.pa-b-10{
    padding-bottom:10px;
}
.main-brown{
    background: #f0ede6;
    width: 342px;
    margin-left: -20px;
    margin-right: 5px;
    /*height: 592px;*/
    height: 630px;
    margin-top: 1px;
}

.add-height-form_area {
    height: 220px !important;
}
/*End - NguyenNT7 - F_MNT_KURUKONE-8844 - 2018-07-05*/
.form-input1{
    background: #fffffd;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 5px;
}
.form-input2{
    background: #fffffd;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 5px;
}
.btnloginContainer a {
    text-decoration: none;
    display: block;
    margin: auto;
    font-weight: bold;
    color: white;
    width: 80%;
    border-radius: 8px;
    font-size: 28px;
    cursor: pointer;
}
#btnRegister a {
    background-color: #FF0000;
}
#btnLogin a {
    background-color: #0000FF;
}

@media screen and (max-width: 480px) {
    .login-area {
        flex-direction: column;
    }
    .btnloginContainer {
        width: 90%;
        padding: 10px 0;
        text-align: center;
        background-color: rgb(217, 234, 211);
        font-size: 24px;
        margin: auto;
        margin-top: 15px;
    }
    .btnloginContainer:nth-child(1) {
        margin: auto;
        margin-top: 0;
    }
}
/*DuyHN1 F_MNT_KURUKONE-6370 2018/01/16 End*/
/*BEGIN - PhucNH13 - 2018-05-30 - F_MNT_KURUKONE-6370*/
#adviser .inner .login-fb > p{
    font-size : 1.3rem;
    margin-bottom: 1.85%;
    margin-top: 5px;
}
.faq .fb-text{
    margin: 0 auto;
    text-align : center;
    font-size : 1.3rem;
}
.group_border{
    border: 0.5px solid #e6e6e6;
}
.group_title{
        text-align: center;
}
/*END - PhucNH13 - 2018-05-30 - F_MNT_KURUKONE-6370*/