@charset "utf-8";


/*VU*/
.ser3-blk01-area{
    width: 100%;
    background: url(../../img/ser3/ser3_banner1.png) top center no-repeat;
    position: relative;
    z-index: 10;
    height: 291px;
}

.ser3-blk01{
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    box-sizing: border-box;
}


.ser3-blk02-area{
    width: 100%;
    height: auto;
    background: url(../../img/ser3/ser3_bg.png) top center no-repeat;
    position: relative;
    z-index: 20;
    margin-top: -55px;
}

.ser3-blk02{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 55px;
}

.ser3-blk02-tit01{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
    padding-top: 5%;
}

.bar_tit02{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    border-bottom: solid 1px #1D2387;
    padding-top: 3%;
}

.ser3-blk02-img{
    width: 100%;
    padding-top: 5%;
}

.ser3-blk02-tit01 img{
   max-width: 392px;
}

.ser3-blk02-text{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 1px;
    padding-top: 4%;
}

.ser3-blk02-btn{
    width: 100%;
    text-align: center;
    padding-top: 5%;
}

.ser3-blk03{
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
}

.ser3-blk03-title{
    padding-top: 4%;
    text-align: left;
    font-size: 15px;
}

.ser3-blk04{
    width: 100%;
    height: auto;
    border: solid 3px #57A3D3;
    padding: 40px 20px;
    box-sizing: border-box;
  
}

.ser3-blk04-cnt01{
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 180%;
}

.ser3-blk04-cnt02{
    width: 100%;
    height: auto;
}

.table-sty03{
    margin-top: 20px;
}

.table-sty03 tr{
    border-left:solid 1px #000;
    border-bottom:solid 1px #000
}

.table-sty03 tr td{
    border-right:solid 1px #000;
    border-top:solid 1px #000;
    padding: 15px 15px;
    box-sizing: border-box;
}

.table-sty03-row1{
    background-color: #CDECFB;
}

.table-sty03-row1 td{
   text-align: center;
   padding: 20px 20px;
   box-sizing: border-box;
}

.table-sty03-col1{
   width: 22%;
}

.table-sty03-col2{
    width: 16%;
 }

 .table-sty03-col3{
    width: 8%;
 }

 .table-sty03-col4{
    width: 8%;
 }

 .table-sty03-col5{
    width: 46%;
 }

 .ser3-blk03-title-big{
     width: 100%;
     text-align: center;
     font-size: 30px;
     color: #1D2286;
     padding-top: 8%;
 }


 .table-sty04-col1-plus{
     padding-left: 8%!important;
     box-sizing: border-box;
 }


 /*****/
.table-sty04{
    width: 100%;
}

 .table-sty04 tr{
    border-left:solid 1px #000;
    border-bottom:solid 1px #000
}

.table-sty04-row1 td{
    text-align: center;
    padding: 20px 20px;
    box-sizing: border-box;
 }
 

.table-sty04 tr td{
    border-right:solid 1px #000;
    border-top:solid 1px #000;
    padding: 15px 15px;
    box-sizing: border-box;
}

.table-sty04-row1{
    background-color: #CDECFB;
}

.table-sty04-col1{
    width: 30%;
 }
 
 .table-sty04-col2{
     width: 40%;
  }
 
  .table-sty04-col3{
     width: 30%;
  }


/**************************************/
.ser2-blk01-area{
    width: 100%;
    height: auto;
    background: url(../../img/ser_flow/ser2_bg.png) top center no-repeat;
}

.ser2-blk01{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 5%;
    box-sizing: border-box;
   
}

.ser2-blk01-tit01{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: center
}

.bar_tit01{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    border-bottom: solid 1px #1D2387;
    padding-top: 3%;
}

.ser2-blk01-tit02{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding-top: 4%;
    text-align: center
}

.ser2-blk01-cnt{
    width: 100%;
    max-width: 790px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 180%;
    padding-top: 4%;
}

.ser2-blk01-img{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 4%;
}


/**/
.ser2-blk02-area{
    width: 100%;
    height: auto;
    background: url(../../img/ser_flow/ser2_bg02.png) top center no-repeat;
}

.ser2-blk02{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 5%;
    box-sizing: border-box;
   
}

.ser2-blk02-tit01{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: center
}

.bar_tit01{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    border-bottom: solid 1px #1D2387;
    padding-top: 3%;
}

.ser2-blk02-tit02{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding-top: 4%;
    text-align: center
}

.ser2-blk02-cnt{
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 180%;
    padding-top: 4%;
}

.ser2-blk02-img{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 4%;
}

/**/

.ser2-blk03-area{
    width: 100%;
    height: 291px;
    background: url(../../img/ser_flow/ser2_sec3_img.png) top center no-repeat;
}

/**/
.ser2-blk04-area{
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
}

.ser2-blk05{
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

/**/
.ser2-blk05{
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
}

.ser2-blk05-row{
   
    box-sizing: border-box;
}

.ser2-blk05-item{
    text-align: center;
    padding-top: 5%;
}

.ser2-blk05-item img{
    max-width: 490px
}

/**/

.ser2_blk06_area{
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
}

.ser2_blk06{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.ser2_tab01{
    width: 100%;
    height: auto;
}

.ser2_tab01 .col1{
    width: 30%;
    background-color: #1D2387;
    font-size: 22px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    
    line-height: 160%;
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box
}

.ser2_tab01 .col2{
    width: 70%;
    background-color: #CCEAFA;
    font-size: 16px;
    vertical-align: middle;
    line-height: 160%;
    padding-left: 3%;
    padding-right: 3%;
    box-sizing: border-box
}

.ser2_tab01 tr td{
   padding-top: 3%;
   padding-bottom: 3%;
   box-sizing: border-box;
}



/*End VU*/

/*Truong*/
/*End Truong*/

@media screen and (max-width:767px) {
    /*VU*/
    .ser2_tab01 .col1{
        font-size: 16px;   
    }

    /* .ser3-blk01 {
        padding-top: 8%;
    } */

    .ser3-blk01-area {
        height: 228px;
    }

    .table-sty03 tr td {
        padding: 5px 5px;
    }

    .table-sty04 tr td {
      
        padding: 5px 5px;
   
    }
    
    /*End VU*/
}

@media screen and (max-width:480px) {
     /*VU*/
    .ser3-blk01-area {
        height: 180px;
    }
     /*End VU*/
}