*{
	box-sizing:border-box;
}
html, body {
	height: 100%;
	margin:0;
}

a:link {
	color:#0066cc;
	text-decoration:none;
}

a:visited {
	color:#0066cc;
	text-decoration:none;
}

body{
	background:#dcdcdc;
	padding:5px;
	font-family:'Be Vietnam Pro',sans-serif;
}

.page {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.main {
	flex: 1;
}

.calendar {
	height:max-content;
	width:100%;
	max-width:400px;
	margin: 0 auto;
	background:linear-gradient(to bottom,#fffbbe 0%,#ffffff 40%,#fffacf 62%,#79201b 70%,#8b0000 80%,#8b0000 100%);
	border:1px solid #d5c382;
	box-shadow:0 10px 30px rgba(0,0,0,0.25);
	position:relative;
	overflow:hidden;
}

.thang_duong {
	display: flex;
	justify-content: space-evenly;
    align-items: center;
	background-image: url('images/topbar.png');
	background-size: cover;
	color:#e7c583;
	text-align: center;
    padding: 5px 0;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 1px;
}

.thang_duong span{
    margin:0 10px;
}

.nam_duong {
	font-size:26px;
	font-weight:900;
}

.ngay_duong {
    text-align:center;
    font-size:160px;
    font-weight:900;
	transform:scaleY(1.1);
    color:#79201b;
    line-height:1;
	margin-top:16px;
	text-shadow:
		-1px -1px 0 #fff,
         1px -1px 0 #fff,
        -1px  1px 0 #fff,
         1px  1px 0 #fff,
         0px  6px 10px rgba(0,0,0,0.2);
}

.ngay_le {
	text-align:center;
	color: #ff0000;
	line-height: 2;
}

.thu_duong {
	display: flex;
	justify-content: space-evenly;
	text-align:center;
	font-size: 20px;
    font-weight: 600;
	border-bottom: 1px solid #c69e5b;
}

.am_lich {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	margin-top: 10px;
    margin-bottom: 10px;
}

.am_lich_left {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
}

.am_lich_right {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.5;
}

.ngay_am {
	font-size: 40px;
	font-weight:700;
	transform: scaleY(1.1);
}


/* BẢNG LỊCH THÁNG */
.lich_thang {
	font-size:15px;
	table-layout:fixed;
	background-color:#8b0000;
}

tr.ten_thu_m td {
	width:14%;
	text-align:center;
	font-weight:bold;
	font-size:110%;
	line-height:100%;
	color:#330033;
	background-color:#edddb7;
}

.row_ngay_m {
	vertical-align:top;
	line-height:100%
}

.cell_ngay_m {
	background-color:#f1e9bd
}

.dl {
	text-align:left;
	font-size:110%;
	color:#000000;
}

.dl_t7 {
	text-align:left;
	font-size:110%;
	line-height:100%;
	color:#008000;
}
.dl_cn {
	text-align:left;
	font-size:110%;
	line-height:100%;
	color:#ff0000;
}

.al {
	text-align:right;
	font-size:80%;
	line-height:80%;
	color:#000087;
}

.al_t7 {
	text-align:right;
	font-size:80%;
	line-height:80%;
	color:#008000;
}

.al_cn {
	text-align:right;
	font-size:80%;
	line-height:80%;
	color:#ff0000;
}

.al-nhuan {
	text-align:right;
	font-size:80%;
	line-height:80%;
	color:#004080
}

.hom_nay {
	background-color:#FFF000
}

.TetNguyenDan {
	background-color:#FFCC99
}

.nav-bot {
	display: flex;
	align-items: center;
    justify-content: space-evenly;
	font-size: 20px;
	color:#894f4f;
	background-color: #8b0000;
}

.footer {
	text-align: center;
	padding: 10px;
	font-size: 14px;
	color: #666;
	border-top: 1px solid #b5b5b5;
}



/* Mobile tối ưu */
@media (max-width: 768px) {
	body{
		padding:1px;
	}

    .main {
        max-width: 100%;
        border: none;
    }

    .ngay_duong {
        font-size: 24vw;
		line-height:0.9;
    }

    .thang_duong {
        font-size: 5vw;
		padding: 0px 0px;
    }

    .ngay_am {
        font-size: 8vw;
    }
	.am_lich_right {
		line-height:unset;
	}
}