#top1{}
#top2{background: url('../../new_assets/bg.jpg') center top no-repeat;background-size:cover;position: relative;}
.new_section{width: 100%;}
button.close {
    font-size: 39px;
    margin-right: 20px;
}
.top_banner{width: 100%;position: relative;}
.top_banner img{width: 100%;}
.top_banner div.fora{
    position: absolute; bottom: 6%;left: 5%;
}
.top_banner a{
    background: rgba(198,159,76,0.9);
    color: #fff;font-size: 30px;padding: 3px 59px;border-radius: 15px;
}
.top_banner a:hover{
    color: rgb(198,159,76);
    background: rgba(255,255,255,0.9);
}
.top_2_up{
    padding: 7% 0 4%;
    width: 90%;
    margin: auto;
}
.top_2_up #top_2_up_left{}
.top_2_up #top_2_up_left img{width: 99%;}
.top_2_up #top_2_up_right{text-align:center}
.top_2_up #top_2_up_right h2{
    font-size: 60px;
    margin-top: 5%;
}

.top_2_mid_inside{
    margin-top: 5%;
    text-align: center;
}
.top_2_mid_inside a{
    background: rgb(198,159,76);
    color: #fff;
    font-size: 27px;
    padding:1% 8%;
    border-radius: 15px;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.top_2_mid_inside a:hover{
    color: rgb(198,159,76);
    background: #fff;
}
.top_2_bottom{padding-bottom: 3%;}
.top_2_bottom_inside{
    width: 91%;
    margin: auto;
}
.top_2_b_content{
    padding-top: 3%;
    width: 100%;
}
.top_2_b_content .img{
    width: 95%;
    position: relative;
}
.top_2_b_content .img img{width: 100%;}
.top_2_b_content h3{
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 36px;
    text-shadow: 0px 1px 2px #000;
    display: inline-table;
    font-weight: bold;*/
    text-align: center;
    font-weight: bold;
    margin-top: 16px;
}
.top_2_b_content .text{
    margin-top: 20px;
    font-size: 20px;
}
.top_2_b_content .text p{}
.top_2_b_content .action{
    text-align: center;
    margin-top: 20px;
}
.top_2_b_content .action a{
    background: rgb(198,159,76);
    color: #fff;
    font-size: 23px;
    border-radius: 10px;
    padding: 6px 20px;
}
.top_2_b_content .action a:hover{
    color: rgb(198,159,76);
    background: #fff;
}

.top_2_faq{padding: 4% 0 8%;  }
.top_2_topic{text-align: center;}
.top_2_topic h2 {
    font-size: 45px;
}
section#faq {
    margin-top: 50px;
}
.faq_line{margin-bottom: 4%;}
.faq_col{
    text-align: center;
    display: block;
    margin: 5px 0;
}
.faq_col a{
    font-size: 28px;
    color: #fff;
}
.faq_col a:hover{
    text-decoration:underline;
}
.popup_image{width: 100%;text-align: center}
.popup_image img{width: 90%}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 800px;
        margin: 1.75rem auto;
    }
}
.mpass_info_inside_faq{
    color: #000;
    font-size: 20px;line-height: 28px;
}
@media (max-width: 768px){
    .top_banner a{font-size: 23px;padding: 1px 27px;bottom:4%;border-radius: 10px}
    .top_2_up #top_2_up_right h2{font-size: 49px}
    .top_2_mid a {font-size:30px; padding: 1% 8%;border-radius: 15px;margin-right: 7px; display: inline-block;}
    .top_2_b_content .img h3{font-size: 34px}
    .top_2_b_content .text{font-size: 21px;text-align: center;}
    .top_2_b_content .action a{font-size: 24px; border-radius: 7px;}

    .top_2_faq {padding: 3% 0 5%;}
    .faq_line {margin-bottom: auto;}
    .top_2_mid{text-align: center}
    button.close {
        font-size: 40px;
        position: absolute;
        right: 30px;
    }
    .mpass_info_inside ul {
        margin-left: -5%;
    }
    .top_2_b_content{margin-bottom: 5%}
    .top_2_b_content .img{width:100%;}
    .top_2_mid_inside a{
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }

}

@media (max-width:480px){
    .top_banner a {bottom: 5%;left: 5%;font-size: 13px;padding: 1px 19px;border-radius: 7px;}
    .top_2_up #top_2_up_right h2{font-size: 36px;}
    .top_2_mid{text-align: center}
    .top_2_mid a{font-size: 22px;padding: 8px 62px;display: inline-block;margin-bottom: 21px;margin-right: auto;margin-left:auto}
    .top_2_b_content{margin-bottom: 5%}
    .top_2_b_content .text{text-align: center;font-size:20px;}
    .top_2_b_content .action a{font-size: 22px}

    /*.faq_col a {font-size: 36px;}*/
    .faq_line{margin-bottom: auto}
    .modal-dialog{
        margin-left: auto;
        width: 98%;
        margin-right: auto;
    }
    button.close {
        font-size: 40px;
        position: absolute;
        right: 10px;
    }
    .mpass_info h2{font-size:26px}
    section#faq {
        margin-top: 10px;
        padding-bottom: 40px;
    }
}