/*Phần đầu trang*/
.banner{
    background: url("Photo/bg.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 12rem;
    padding-bottom: 12rem;
    text-align: center !important;
    color: #fdfaa4;
    text-shadow: 3px 3px 5px black;
    font-size: 160%;
}
.slogan{
    background-color: rgb(248, 249, 250) !important;
    text-align: center !important;
    width: 100%;
    padding-right: 0.5rem;
    padding-left: 3rem;
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.row{
    display: flex;
    flex-wrap: wrap;
    margin-top: -1;
    max-width: 100%;
    padding-right: 3rem;
    padding-left: 3rem;
    font-size: 110%;
    margin-right: 5rem;
}
.block_3{
    flex: 0 0 auto;
    width: 33.3333333333333%;
    font-size: 120%;
}
.block_3:hover{
    color: red;
}

/*Phần đuôi trang*/
footer {
	background-color: lightgrey; 
	margin: 1px; 
	padding: 10px;
}
a{
    text-decoration: none;
    color: black;
}
.link{
    text-align: left;
    color: navy; 
}
.link:hover{
    text-decoration: underline;
}

/*Nội dung ở trang chủ*/
.content{
    background-color: rgb(248, 249, 250) !important;
    text-align: center !important;
    width: 100%;
    padding-right: 0.5rem;
    padding-left: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.table{
    margin-right: 1rem;
    margin-left: 1rem;
}
.photo{
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
}
.ct_photo{
    width: 430px;
	height: 300px;
    object-fit: cover;
}
.ct_photo:hover{
    box-shadow: 0px 0px 10px 5px black;
}
.ct_text{
    font-weight: bold;
    font-family: sans-serif;
    font-size: 120%;
}
.ct_text:hover{
    color: rgb(255, 81, 0);
}

/*Phần giới thiệu của 4 trang*/
table{
    width: 90%;
    margin: 0 auto;
}
.text{
    width: 50%;
    padding-left: 5rem;
    padding-right: 5rem;
}
.noidung_h1{
    font-size: 210%;
}
.noidung_p{
    font-size: 140%;
}
.img{
    width: 50%;
}
.img1{
    width: 100%;
    height: 100%;
}

/*don.html*/
.dontext1{
    background-color: rgb(195, 228, 255);
    width: 50%;
    padding-left: 5rem;
    padding-right: 5rem;
}
.dontext2{
    background-color: rgb(231, 231, 231);
    width: 50%;
    padding-left: 5rem;
    padding-right: 5rem;
}
.dontext3{
    background-color: rgb(255, 207, 207);
    width: 50%;
    padding-left: 5rem;
    padding-right: 5rem;
}

/*doi.html*/
.doitext1{
    background-color: #b0c4ff;
    width: 50%;
    padding-left: 5rem;
    padding-right: 5rem;
}
.doitext2{
    background-color: rgb(177, 253, 177);
    width: 50%;
    padding-left: 5rem;
    padding-right: 5rem;
}
.doitext3{
    background-color: rgb(255, 193, 193);
    width: 50%;
    padding-left: 5rem;
    padding-right: 5rem;
}

/*dongdoi.html*/
.dongdoitext1{
    background-color: #b0daff;
    width: 50%;
    padding-left: 5rem;
    padding-right: 5rem;
}
.dongdoitext2{
    background-color: rgb(248, 253, 177);
    width: 50%;
    padding-left: 5rem;
    padding-right: 5rem;
}
.dongdoitext3{
    background-color: rgb(255, 220, 193);
    width: 50%;
    padding-left: 5rem;
    padding-right: 5rem;
}

/*Tiêu đề "Nội dung" cho cả 3 trang con*/
.noidung{
    background-color: rgb(230, 230, 230) !important;
    text-align: center !important;
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/*Form link*/
.form_link{
    background: url("Photo/cuocthi.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 12rem;
    padding-bottom: 12rem;
}
.form_link_text{
    text-align: center !important;
    color: white;
    text-shadow: 2px 4px 3px black;
    box-shadow: 0px 0px 10px 5px black;
    backdrop-filter: blur(15px);
    font-family: sans-serif;
    font-size: 250%;
    font-weight: bold;
    border: 4px solid white;
    margin-left: 17rem;
    margin-right: 17rem;
    padding-top: 12px;
    padding-bottom: 12px;
}
.form_link_text:hover{
    color:  rgb(255, 106, 37);
    border: 4px solid rgb(255, 106, 37);
}

/*Form banner*/
.form_banner{
    background: url("Photo/cuocthi.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 12rem;
    padding-bottom: 12rem;
}
.form_bannertext{
    text-align: center !important;
    color: white;
    text-shadow: 2px 4px 3px black;
    box-shadow: 0px 0px 10px 5px black;
    backdrop-filter: blur(15px);
    font-family: sans-serif;
    font-size: 250%;
    font-weight: bold;
    border: 4px solid white;
    margin-left: 17rem;
    margin-right: 17rem;
    padding-top: 12px;
    padding-bottom: 12px;
}

/*Form giới thiệu*/
.form_gioithieu{
    background-color: rgb(255, 242, 224);
}
.form_tieude{
    text-align: center;
}
.form_noidung{
    font-size: 140%;
}
.video{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Biểu mẫu*/
.form_div{
    background-color: #9CD3D8;
}
.form_tieude2{
    text-align: center;
    color: #ffffff;
    text-shadow: 2px 2px 10px black;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 3rem;
    margin-right: 3rem;
    background-color: #0396A6;
    box-shadow: 5px 10px 20px 1px #094e67;
}
.form{
    display: flex;
    justify-content: center;
    align-items: center; 
    height: 100vh;
    font-size: 150%;
    font-family: sans-serif;
}
form{
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    width: 400px;
}
.form_table{
    width: 100%;
    border-collapse: collapse;
}
.form_td{
    padding: 10px;
    font-size: 16px;
}
label{
    font-weight: bold;
}
.xacnhan{
    text-align: center;
} 

input[type="text"],
input[type="date"],
input[type="file"]{
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}
  
input[type="submit"]{
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #0B698B;
    color: white;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

input[type="submit"]:hover{
    background-color: #094e67;
}