@charset "utf-8";

/* CSS Document */

*{ margin: 0; padding: 0;}


body { width: 100%; max-width: 800px; min-height: 100vh; margin: 0 auto; line-height: 1.75; font-size: 18px; font-family: "????"; word-break: break-all; word-wrap: break-word;}

input, select, button, textarea { margin: 0; padding: 0;color: inherit; border: 0; font-family: inherit; outline: none; resize: none;}

input[type="text"] { -webkit-appearance: none;}

ol, ul {list-style: none;}

img { vertical-align: middle;}

a {text-decoration: none; color: inherit;}

:focus { outline: 0;}


.h10 { height: 10px; font-size: 0; line-height: 0; clear: both; background: #f5f5f5;}

.clear { clear: both;}


@media screen and (max-width:750px){ 

body { font-size: 18px; border: 0;}

.h10 { height: 6px;}

}  



.nav1 { padding: 5px 0; text-align: center;}

.nav1 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}

.nav1 ul li { width: 25%; padding: 5px 0;}

.nav1 ul li img { width: 60px; height: 60px;}

.nav1 ul li p { padding-top: 5px;}

@media screen and (max-width:750px){ 

.nav1 ul li img { width: 40px; height: 40px;}

}



.nav2 { width: 100%; max-width: 800px; padding: 4px; box-sizing: border-box; text-align: center; background: #fff;}

.nav2 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}

.nav2 ul li { width: 20%; padding: 4px; box-sizing: border-box;}

.nav2 ul li a { display: block; height: 36px; line-height: 36px; color: #fff; border-radius: 36px; background: #2a5caa;}

#nav2[data-fixed="fixed"]{ box-shadow: 0 5px 10px rgba(0,0,0,.05); position: fixed; top:0; left: 0; right: 0; z-index: 9; margin: auto;}

@media screen and (max-width:750px){

.nav2 ul li { padding: 2px;}

.nav2 ul li a { height: 26px; line-height: 26px; font-size: 13px;}

}


header { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 800px; height: 50px; padding: 0 10px; box-sizing: border-box; color: #fff; background: linear-gradient(to top, #603400, #2a5caa); position: fixed; left: 0; right: 0; top: 0; margin: auto; z-index: 9;}

header .header-back { width: 22px; height: 22px;}

header h1 { flex: 1; font-size: 16px;}

header .header-r { width: 22px; height: 22px;}

header img { width: 100%; height: 100%; vertical-align: top;}

.header-blank { clear: both; height: 50px;}

@media screen and (max-width:750px){ 

header {  height: 40px;}

header h1 { font-size: 16px;}

.header-blank { clear: both; height: 40px;}

}

.khungvien {
    width: 96%;
    margin: 0 auto;
    text-align: center;
    background-color: rgb(249, 246, 213);
}

.border_bottom {
    background: url(https://vhimg1.ptallenvery.com/772037/khungvien_bottom.jpg) no-repeat;
}

.khungvien_top {
    background: url(https://vhimg1.ptallenvery.com/772037/khungvien_top.jpg) no-repeat center;
}

.khungvien_center {
    background-size: 100% 100% !important;
    background: url(https://vhimg1.ptallenvery.com/772037/khungvien_center.jpg) repeat-y;
}
.border_head, .border_head, .border_bottom, .khungvien_bottom, .khungvien_top {
    background-size: 100% 100%;
    height: 07px;
}