body{font-size: 16px;color: #333;}
*{margin:0;padding:0;line-height:1.5}
a{text-decoration:none;color:#181818;cursor:pointer;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a:active,a:hover{color: blue;}
ul{padding-left:0;}
img{max-width:100%;border:none;height:auto}
b,strong{font-weight: bold;}

.center{text-align:center}
.flex-align{display: flex;align-items: center;}
.flex-jus{display:flex;justify-content: center;}
.container{width:1170px}

.main_home a{color:rgba(3, 78, 161, 1)}

.head_home .container{width:100%}
.head_home{position:relative;padding-bottom:300px;padding-top:20px}
.head_home:before{content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: url(https://taiappbk8.com/wp-content/themes/codenew/images/93030741.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    will-change: transform;
    pointer-events: none;}
.head_home .logo_home img{width:300px;}
.head_home .banner_home img{max-width:90%;margin:auto}
.head_home .link_1{margin: 20px auto;}
.link_app a{display: block;
    width: 200px;
	text-align:center;
    margin: auto;
    padding: 15px;
    font-size: 25px;
    font-weight: bold;
	color:rgba(255, 255, 255, 1);
	border-radius:16px;
	background: rgba(255, 122, 0, 1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);}
.link_2{margin:50px auto}
.link_2 .link a{display: block;
	width:200px;
    margin: auto;
    padding: 20px 5px;
    font-size: 18px;
    font-weight: bold;
	color:rgba(255, 255, 255, 1);
	border-radius:16px;
	background: rgba(255, 122, 0, 1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);}
.link_2 .link_hd a{width:330px;background:rgba(102, 129, 226, 0.81)}


.main_home{position:relative;margin-bottom:-315px}
.main_home:before{    content: "";
    position: absolute;inset: 0;
    z-index: -1;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    will-change: transform;
    pointer-events: none;}
.box_main{padding:0 30px;border: 6px solid rgba(3, 78, 161, 1);border-radius:16px;background:rgba(255, 255, 255, 1);top:-315px;position:relative}
.main_home .box_main h2{color:rgba(3, 78, 161, 1);text-align:center;font-size:26px;font-weight:bold}
.main_home .box_main h3{color:rgba(3, 78, 161, 1);text-align:center;font-size:22px}
.main_home .box_main .sec{padding:20px 0;  text-align: justify;}
.sec ul{padding-left: 20px}
.sec .item .img_item{margin-bottom:10px}

.sapo h1{    color:rgba(3, 78, 161, 1);
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;font-weight:bold}

.box_main .sec table{border: 1px solid rgba(232, 232, 232, 1);margin:20px 0;width:100%}
.box_main .sec table tr{background:rgba(246, 250, 249, 1)}
.box_main .sec table tr:nth-child(even){background:rgba(255, 255, 255, 0.002)}
.box_main .sec table tr:first-child{background:rgba(212, 237, 255, 1);font-weight:bold;}
.box_main .sec table td{border: 1px solid rgba(232, 232, 232, 1);padding:10px}


footer{background:rgba(15, 15, 15, 1);color:#fff;padding:20px 0;margin-top:20px;position:relative;z-index:9;text-align: justify}
footer .logo_footer{margin-bottom:15px}
footer .logo_footer img{width:300px;}
footer a{color:rgb(242 187 68)}
footer ul{padding-left: 20px}
footer .widget-title{font-size:20px;color:rgb(242 187 68);margin-bottom:10px;font-weight:bold}


@media(max-width:768px) {

.container{width: 100%!important;
      padding: 0 10px;
      overflow: hidden;}
.row .col-xs-6{width:50%}		
	
	
.head_home{padding-bottom:0}
.head_home .banner_home img{max-width:100%}
.head_home .link_1{width:100%}
.head_home .link_1 .link_app a{width:350px;margin:10px auto 20px}
.link_2{margin:20px auto}
.link_2 .link a{margin: 10px auto;
    padding: 15px;
    width: 360px;}
.main_home{margin-bottom:0}
.box_main{position:unset;border:none;padding:0 15px}
.main_home .box_main .sec{padding:10px 0}
	

}