
@font-face {
	font-family: UTM Windsor BT;
	src: url(UTMWindsorBT.ttf);
	src: url(UTMWindsorBT.ttf) format("truetype");
	font-display: swap
}
@font-face {
	font-family: iCiel Rukola;
	src: url(iCielRukola.otf);
	src: url(iCielRukola.otf) format("truetype");
	font-display: swap
}
@font-face {
	font-family: Zetafonts-AntipastoIcons-DemiBold;
	src: url(Zetafonts-AntipastoIcons-DemiBold.otf);
	src: url(Zetafonts-AntipastoIcons-DemiBold.otf) format("truetype");
	font-display: swap
}
:root
{
	--menubg:#12A1B0;
}
ol,ul
{
	list-style: none;
	padding: 0;
	margin: 0 !important;
}
p
{
	text-align: justify;
}
a
{
	text-decoration: none !important;
}
a:hover
{
	text-decoration: none !important;
}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}
body {
	line-height: normal;
	color: #333;
	font-size: 15px !important;
	font-family: Tahoma;
	max-width: 650px;
	margin: auto !important;
}
b,strong {
	font-weight: normal;
	font-family: 'Tahomabd'
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: '';
	content: none
}

:focus {
	outline: 0
}

ins {
	text-decoration: none
}

del {
	text-decoration: line-through
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	text-decoration: none;
	font-family: Tahoma
}
img {
	display: inline-block;
	max-width: 100%;
	height: auto
}
.inner-wp {
	width: 1000px;
	margin: 0 auto
}

.fl-left {
	float: left
}

.fl-right {
	float: right
}
.imgcenters {
	display: table;
	margin: 0 auto
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.clearfix {
	clear: both;
	display: block
}

html[xmlns] .clearfix {
	display: block
}

* html .clearfix {
	height: 1%
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400
}
form
{
	margin: 0;
}
.gap-10{
	gap:10px;
}
.gap-15{
	gap:15px;
}
.gap-20{
	gap:20px;
}
.gap-100{
	gap:100px;
}
.pt-45{
	padding-top: 4.5rem !important;
}
.d-grid{
	display: grid;
	grid-gap: 10px;
}
.grid-template-2{
	grid-template-columns: repeat(2, 1fr);
}
.grid-template-4-23{
	grid-template-columns: repeat(4, 23%);
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
	scrollbar-width: auto;
	scrollbar-color: #383838 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 13px;
}

*::-webkit-scrollbar-track {
	background: #ffffff;
}

*::-webkit-scrollbar-thumb {
	background-color: #383838;
	border-radius: 10px;
	border: 3px solid #ffffff;
}

/*===============HEADER================*/
.top-header{
	color: #1BA37B;
	padding: 5px;
}
.top-header i{
	font-size: 50px;
	color: #fff;
}
.top-header img{
	width: 150px;
	height:37px;
}
.title_main{
	text-transform: uppercase;
	position: relative;
	font-size: 4vw;
	font-weight: 600;
	padding-bottom: 20px;
	text-align: center;
}
.title_main > span {
	display: block;
	font-size: 5vw;
	font-weight: 200;
}
.title_main.img_1{
	background: url(../img/tt_3.svg) no-repeat;
	background-size: 71px;
	background-position: center left;  
}
.bg_cat_1{
	background: #094716 !important;
	border:none !important;
}
.bg_cat_2{
	background: #43a628 !important;
	border:none !important;
}
.bg_cat_3{
	background: #76ba1b !important;
	border:none !important;
}
.bg_cat_4{
	background: #126537 !important;
	border:none !important;
}

.info-header {
	width: 200px;
}
.item-info-header {
	display: flex;
	gap: 6px;
}
.item-info-header img {
	width: 19px;
	height: 22px;
}
.menu-header {
	padding: 5px;
	background: #FFB701;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menu-header a {
	color: #fff;
	font-size: 2.1vw;
	font-weight: 580;
	line-height: ;
}
.title-index {
	font-size: 3.1vw;
	font-weight: 600;
	padding-left: 42px;
	background: url(../img/icon_1.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: 2px 0px;
	background-size: 36px;
	padding-top: 18px;
	color: #606060;
	padding-bottom: 10px;
	border-bottom: 1px solid #FF7900;
}
/*===============FORM GIF MỚI================*/
.form-phone_header {
    position: relative;
    box-shadow: 0 0 11px #666;
}
.form-phone_header form {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 11px;
    left: 26px;
    width: 58.2%;
    background: transparent;
}

.form-phone_header form input {
    border-radius: 25px;
    background: transparent;
    height: 23px;
    color: #333;
    border: 0;
    padding-right: 40px;
    font-size: 12px;
}
.form-phone_header form input::placeholder {
    color: #333;
}
.form-phone_header form input:focus {
    background: transparent;
    color: #333;
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: unset;
}
a.btn-menu-form {
    display: inline-block;
    height: 30px;
    width: 35px;
    position: absolute;
    top: 5px;
    right: 5px;
}
.form-phone_header form button {
	background: transparent;
    color: #fff;
    border-radius: 25px;
    padding: 4px 15px;
    position: absolute;
    right: 2px;
    height: 100%;
    width: 13%;
}
/*===============FORM GIF MỚI================*/

/*===============HEADER================*/
.title_benhnamkhoa {
	color: #1BA37B;
	font-size: 16px;
	border-left: 1px solid;
	padding-left: 10px;
	font-weight: bold;
}
/*===============LIST_CATE================*/

.form_bxh {
	padding: 5px;
	border: 1px solid #587597;
	border-radius: 5px;
}

.title_datlich {
	text-align: center;
	font-weight: bold;
	color: #1BA37B;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.form_bxh button {
	background: #1BA37B;
	text-transform: uppercase;
	color: #fff;
	border: none;
	width: 100%;
	padding: 10px;
	font-weight: bold;
	border-radius: 5px;
}

.form_bxh input {
	width: 100%;
	margin-bottom: 20px;
	padding-left:10px;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.form_bxh textarea {
	width: 100%;
	padding-left:10px;
	padding-top:10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 100px;
	margin-bottom: 20px;
}
.top_button_tintuc {
	display: block;
	width: 125px;
	height: 65px;
	text-align: center;
	color: #fff;
	padding: 5px 10px;
	border-radius: 10px;
}
.top_button_tintuc img{
	object-fit: cover;
}
.bottom_button_tintuc{
	width: 90px;
	text-align: center;
	color: #fff;
	padding: 5px 10px;
	border-radius: 10px;
	background: rgb(255,249,0);
	background: linear-gradient(180deg, rgba(255,249,0,1) 0%, rgba(255,193,0,1) 50%, rgba(255,249,0,1) 100%);
	font-size: 13px;
}

span.title_tintuc a {
	color: #1BA37B;
	font-weight: bold;
	text-transform: capitalize;
}
.item_tintuc > div:nth-child(1) {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
	gap:10px;
}
.item_tintuc {
	padding: 10px;
	margin-bottom: 20px;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
}
span.description_tintuc a {
	color: #000;
}
.top_button_tintuc a{color:#fff;}
.bottom_button_tintuc a{color:red;font-weight: bold;text-transform: uppercase}
.tab-wrapper > div:nth-child(2) > a:nth-child(2){
	min-width: 125px;
}
.title_tintuc {
	width: calc(100% - 125px);
}
.description_tintuc {
	width: calc(100% - 90px);
}
/*===============LIST_CATE================*/
.list_tuvan .row a.bg_tuvan_1{background: #1e5631;}
.list_tuvan .row a.bg_tuvan_2{background: #1b7223;}
.list_tuvan .row a.bg_tuvan_3{background: #40902f;}
.list_tuvan .row a.bg_tuvan_4{background: #68bb59;}
/*===============CONTENT_INDEX================*/
.content_index_list {
	background: #339DF1;
	color: #fff;
	padding: 25px 0;
}
.des_ctnin {
	margin: auto;
	text-align: center;
	font-size: 10px;
}
.list_ctind {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 20px;
	margin-bottom: -46px;
	margin-top: 27px;
}
.item_child {
	background: #fff;
	color: #262626;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #22B6CD;
	font-size: 10px;
	text-align: center;
	display: flex;
	align-items: center;
}
/*===============CONTENT_INDEX================*/

/*===============FORMINDEX================*/
.title_form_index {
	padding: 10px;
	background: #1B2B63;
	border-radius: 8px 8px 0 0;
	color: #fff;
	font-weight: bold;
}

.body_form_index {
	padding: 10px 26px;
	background: url(../img/bg_form_md.png) #339DF1 center center no-repeat;
	color: #fff;
	border-radius: 0 0 8px 8px;
}

span.note {
	font-size: 10px;
	display: block;
}

.title_group {
	font-size: 14px;
	padding-left: 17px;
	position: relative;
	margin-bottom: 0.8rem;
}

.title_group:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
}
.list_time_group {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.list_time_group .item_time {
	flex: 1;
	padding: 10px;
	text-align: center;
	background: #FFBA22;
	font-size: 10px;
	box-shadow: -2px 2px 0px #1D255D;
}

.item_time.active {
	background: #3F8BD1;
	box-shadow: -2px 2px 0px #1D255D, inset 0 0px 11px 0px #1D255D;
}
.item_group_formindex select.form-control {
	height: 29px;
	padding: 0 0.75rem;
	font-size: 12px;
}

.dk_input_butotn {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-direction: column;
}

.dk_input_butotn :is(input, button) {
	height: 29px;
	font-size: 12px;
	padding: 0 0.75rem;
	border-radius: 25px;
	text-align: center;
}
button.btn.btn_frm_index {
	background: #0281BA;
	color: #fff;
	box-shadow: 3px 3px 3px rgba(0,0,0,.8);
}
.item_group_formindex.img_bs {
	justify-content: space-between;
	display: flex;
	align-items: center;
}

.img_form_middle {
	width: 120px;
}
/*===============FORMINDEX================*/
/*===============INTRO INDEX================*/
.content_intro_index {
	font-size: 14px;
}
/*===============INTRO INDEX================*/
/*===============FORM INDEX================*/

.form_index {
	position: relative;
}
.form_index form {
	position: absolute;
	top: 10px;
	right: 5px;
	width: 69%;
}
.form_index .form-group {
	margin-bottom: 3px;
	padding-left: 5px;
	display: flex;
	justify-content: flex-end;
}
.form_index input {
	background: transparent;
	width: 100%;
	border: 1px ;
	color: #fff;
}
.form_index input::placeholder {
	color: #fff;
}
.form_index input::-ms-input-placeholder {
	color: #fff;
}
.form_index button {
	width: 48px;
	height: 29px;
	background: transparent;
}
/*===============FORM INDEX================*/

/*===============POST-INDEX================*/
.menu-left-index {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.item-menu-index {
	background: #FDBF46;
	color: #fff;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	font-size: 0.8rem;
}
.item-menu-index.active {
	background: #FBE84E;
}
.title-index.tieudepost {
	background: url(../img/icon_2.png) no-repeat;
	background-size: auto;
	background-position: 10px 0;
	padding-top: 0;
}
.name-post-index{
	color: #FFB701;
	margin-bottom: 5px;
}
.des-post-index{
	color: #606060;
}
.list-subpost a{
	display: block;
	margin-bottom: 10px;
	padding: 15px 0;
	color: #606060;
	border-bottom: 1px solid #FF7900;
	font-size: 0.8rem;
}
.btn-them {
	width: 145px;
	display: block;
	background: #FFB701;
	color: #fff;
	text-align: center;
	padding: 7px;
	margin: auto;
}
.cover-2post{
	display: grid;
	grid-gap: 15px;
}
.item-post-index img {
	object-fit: cover;
	height: 90px;
}
.item-post-index a {
	display: grid;
	grid-template-columns: 32% 1fr;
	grid-gap: 10px;
}
/*===============POST-INDEX================*/
/*===============POST-LEFT-INDEX================*/
.title-list-tin-noibat {
	color: #fff;
	text-align: center;
	background: #FFB701;
	font-size: 1.3rem;
}
.list-tin-noibat {
	border: 1px solid #FFB701;
	padding: 8px;
}
.list-tin-noibat > a{
	display: grid;
	grid-template-columns: 35% 60%;
	grid-gap: 10px;
	color: #606060;
	font-size: 0.8rem;
}
/*===============POST-LEFT-INDEX================*/
/*===============FORM-LEFT-INDEX================*/
.title-form {
	color: #000;
	font-weight: bold;
	text-align: center;
	font-size: 1.2rem;
}
.title-form p {
	font-weight: 600;
	color: #606060;
	text-align: center;
	font-size: 0.8rem;
}
.form-left-index {
	border: 1px solid #dddd;
}
.form-left-index label {
	color: #606060;
}
.form-left-index .form-group {
	margin-bottom: 0.6rem;
}
.form-left-index .form-group input[name='name'] {
	background: url('../img/icon_input1.png') center center no-repeat;
	background-position-x:10px;
}
.form-left-index .form-group input[name='sodienthoai'] {
	background: url('../img/icon_input2.png') center center no-repeat;
	background-position-x:10px;
}
.form-left-index button {
	background: #1BA37B;
	border: 2px solid #fff;
	box-shadow: -1px 4px 5px rgba(0,0,0,.5);
	color: #fff;
	padding: 5px 10px;
}
/*===============FORM-LEFT-INDEX================*/
/*===============UU-THE================*/
.uuthe .container {
	background: #FFB701;
	padding: 25px 0;
}
.title-uuthe {
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	margin-bottom: 20px;
}
.item-uuthe {
	display: grid;
	grid-template-columns: 20% auto;
	grid-gap: 6px;
}

.list-content-uuthe {
	color: #fff;
	list-style: disc;
	padding-left: 15px;
	font-size: 0.7rem;
}
.name-uuthe {
	font-size: 0.8rem;
	font-weight: 600;
}
/*===============UU-THE================*/

/*===============LOAI_RIGHT================*/
.ic_social img{
	width: 55px;
}
.cate-menu .cate-hidden{
	position: absolute; height: 50px; width: 100%; top: 0px; left: 0px;
}
.info_title_trangloai img{	
	float: left;
}
.info_title_trangloai{	
	clear: both;
}
.info_title_trangloai{
	margin: 0 25px;
	text-align: justify;
}
.title_trangloai {
	color: #078493;
	font-size: 25px;
	font-weight: bold;
	padding-left: 60px;
	padding-bottom: 25px;
	background: url(../img/clover.png) no-repeat;
	background-position: 16px 4px;
	background-size: 37px;
}
.des_title_trangloai {
	font-weight: 400;
	color: #333;
	font-size: 20px;
}
#errorContainer_sidebar {
	width: 100%;
	display: none;
	overflow: auto;
	margin: 20px 0;
}
#errorContainer_sidebar li {
	text-align: center;
	color: #cc4747;
	padding: 2px 0;
}
/* Add css page category */
.sidebar #section-cate,.sidebar #section-date,.sidebar #section-contact,.sidebar #section-register {
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 5px
}

#guide-page-wp #section-01 .slider-hidden {
	display: none
}

.sidebar {
	height: auto;
	min-height: 1380px;
	width: 97%;
}

.sidebar #section-cate .title {
	position: absolute;
	content: '';
	top: 16px;
	left: 0;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: 0 -587px;
	width: 246px;
	height: 51px
}

.sidebar #section-cate .box-cate {
	padding-top: 68px
}

.cate-menu {
	background: #f2f2f2
}

.cate-menu li {
	position: relative;
	padding: 16px 0 16px 55px;
	border-bottom: 1px solid #ccc
}

.cate-menu li:nth-child(1):before {
	position: absolute;
	content: '';
	top: 7px;
	left: 20px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -519px -710px;
	width: 13px;
	height: 36px;
	position: absolute;
	top: 7px;
	left: 20px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -519px -710px;
	width: 13px;
	height: 36px
}

.cate-menu li:nth-child(2):before {
	position: absolute;
	content: '';
	top: 7px;
	left: 20px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -400px -830px;
	width: 17px;
	height: 37px
}

.cate-menu li:nth-child(3):before {
	position: absolute;
	content: '';
	top: 7px;
	left: 10px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -315px -549px;
	width: 33px;
	height: 33px
}

.cate-menu li:nth-child(4):before {
	position: absolute;
	content: '';
	top: 7px;
	left: 16px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -511px -542px;
	width: 20px;
	height: 38px
}

.cate-menu li:nth-child(5):before {
	position: absolute;
	content: '';
	top: 7px;
	left: 13px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -349px -547px;
	width: 29px;
	height: 35px
}

.cate-menu li:nth-child(6):before {
	position: absolute;
	content: '';
	top: 7px;
	left: 16px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -512px -506px;
	width: 20px;
	height: 34px
}

.cate-menu li:last-child {
	border-bottom: none
}

.cate-menu li a {
	color: #4b4b4b
}

.cate-menu li a:hover {
	color: #388669
}

.cate-menu li a .m-icon {
	position: absolute;
	content: '';
	top: 21px;
	right: 10px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -493px -399px;
	width: 11px;
	height: 11px
}

.sub-cate-menu {
	display: none;
	background: #fffaee;
	margin-top: 20px;
	margin-left: -55px !important;
}

.sub-cate-menu li {
	position: relative;
	padding: 12px 0 12px 45px;
	border-bottom: none
}

.sub-cate-menu li:before {
	display: none
}

.sub-cate-menu li:after {
	position: absolute;
	content: '';
	top: 16px;
	left: 25px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -504px -398px;
	width: 9px;
	height: 11px
}

.sub-cate-menu li:hover a {
	color: #388669
}

li.selected .sub-cate-menu {
	display: block
}

.sidebar #section-date {
	background: #f2f2f2;
	height: 300px
}

.sidebar #section-date .title {
	position: absolute;
	content: '';
	top: -13px;
	left: 0;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: 0 -639px;
	width: 246px;
	height: 54px
}

.sidebar #section-date .box-date {
	position: absolute;
	content: '';
	top: 60px;
	left: 32.5px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -8px -692px;
	width: 181px;
	height: 175px
}

.sidebar #section-date .tit {
	position: absolute;
	width: 100%;
	bottom: 15px
}

.sidebar #section-date p {
	display: block;
	font-family: Tahoma;
	font-size: 15px;
	color: #505050;
	text-align: center;
	margin: 0;
}

.sidebar #section-date p:last-child {
	color: #c27575
}

.sidebar #section-contact {
	width: 100%;
	height: 246px
}

.sidebar #section-contact .item-1 {
	position: absolute;
	content: '';
	top: 10px;
	left: 0;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -358px -290px;
	width: 120px;
	height: 120px
}

.sidebar #section-contact .item-2 {
	position: absolute;
	content: '';
	top: 10px;
	left: 126px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -189px -830px;
	width: 120px;
	height: 120px
}

.sidebar #section-contact .item-3 {
	position: absolute;
	content: '';
	top: 136px;
	left: 0;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -189px -710px;
	width: 120px;
	height: 120px
}

.sidebar #section-contact .item-4 {
	position: absolute;
	content: '';
	top: 136px;
	left: 126px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -310px -709px;
	width: 120px;
	height: 120px
}

.sidebar #section-register {
	width: 100%;
	height: 360px;
	background: #f2f2f2;
	margin-top: 30px
}

.sidebar #section-register .title {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -247px -586px;
	width: 246px;
	height: 54px
}

.sidebar #section-register .box-register {
	position: absolute;
	top: 70px;
	padding: 0 20px
}

.sidebar #section-register .box-register input,.sidebar #section-register .box-register textarea,.sidebar #section-register .box-register button {
	width: 100%;
	padding: 10px 0 10px 20px;
	margin-bottom: 10px
}

.sidebar #section-register .box-register input[type="date"] {
	padding: 7px 0 7px 20px
}

.sidebar #section-register .box-register button {
	position: relative;
	border-radius: 4px;
	border: none;
	background: #59a388;
	color: #fff;
	font-family: 'UTM HelvetIns';
	font-size: 17px;
	text-transform: uppercase
}

.breadcrumb .title-cate {
	display: block;
	font-family: 'UTM HelvetIns';
	font-size: 22px;
	color: #212121;
	margin: 15px 0;
	line-height: 25px
}

.breadcrumb .title-cate span {
	color: #c66262
}

.main-content .list-item .item {
	padding-bottom: 20px
}

.main-content .list-item .item .thumb {
	width: 34%
}

.main-content .list-item .item .info {
	width: 64%
}

.main-content .list-item .item .info-hidden {
	width: 100%;
	display: none
}

.main-content .list-item .item .info .title {
	display: block;
	font-family: 'UTM HelvetIns';
	font-size: 20px;
	color: #212121;
	margin-bottom: 5px;
	line-height: 25px
}

.main-content .list-item .item .info .title:hover {
	color: #388669
}

.main-content .list-item .item .info .tit,.main-content .list-item .item .info p {
	display: block;
	font-family: 'Tahoma';
	font-size: 15px;
	color: #505050;
	line-height: 25px
}

.main-content .list-item .item .info p {
	height: 50px;
	overflow: hidden
}

.main-content .list-item .item .info .tit {
	font-size: 13px;
	margin-bottom: 13px
}

.main-content .list-item .item .info .tit span {
	color: #bd5c5c
}

.main-content .list-item .item .btn-bot {
	margin-top: 13px
}

.main-content .list-item .item .btn-bot a {
	position: relative;
	font-family: 'UTM HelvetIns';
	font-size: 15px;
	border-radius: 4px
}

.main-content .list-item .item .btn-bot a:nth-child(1) {
	padding: 7px 25px 7px 35px;
	border: 1px solid #565bbf;
	border-radius: 5px;
	color: #565bbf
}

.main-content .list-item .item .btn-bot a:nth-child(2) {
	padding: 7px 35px 7px 25px;
	margin-left: 15px;
	border: 1px solid #c66262;
	border-radius: 5px;
	color: #c66262
}

.main-content .list-item .item .btn-bot a:nth-child(1):before {
	position: absolute;
	content: '';
	top: 11px;
	left: 15px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -518px -230px;
	width: 14px;
	height: 14px
}

.main-content .list-item .item .btn-bot a:nth-child(2):before {
	position: absolute;
	content: '';
	top: 10px;
	right: 15px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -396px -568px;
	width: 16px;
	height: 17px
}

.main-content .list-item .item .btn-bot:hover a:nth-child(1) {
	background: #565bbf;
	color: #fff
}

.main-content .list-item .item .btn-bot:hover a:nth-child(2) {
	background: #c66262;
	color: #fff
}

.main-content .list-item .item .btn-bot:hover a:nth-child(1):before {
	position: absolute;
	content: '';
	top: 10px;
	left: 15px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -517px -214px;
	width: 15px;
	height: 16px
}

.main-content .list-item .item .btn-bot:hover a:nth-child(2):before {
	position: absolute;
	content: '';
	top: 11px;
	right: 15px;
	background: url(../img/all_zip1.png) no-repeat;
	background-position: -509px -274px;
	width: 15px;
	height: 15px
}

.view-add {
	margin-bottom: 30px
}

.view-add #btn-search {
	position: relative;
	display: block;
	font-family: Roboto;
	font-size: 17px;
	line-height: 23px;
	text-transform: uppercase;
	color: #00bc97;
	padding: 15px;
	text-align: center;
	width: 30%;
	height: 100%;
	margin: 0 auto;
	border: 1px solid #ddd
}

.view-add:hover #btn-search {
	border: 1px solid #00bc97
}
.img_camnhan div {
	margin: auto;
	height: 100%;
	padding-left: 43px;
}
span.top_button_tintuc.trangcon {
	background: #1BA37B;
	width: 101px;
	height: unset;
}
.title_tintuc.trangcon {
	width: calc(100% - 101px);
}
@media screen and (max-width: 414px) {
	#header-wp {
		display:none
	}

	#header-m-wp {
		display: block
	}

	#guide-page-wp #section-01,#guide-page-wp #section-02,#guide-page-wp #section-quick {
		padding-bottom: 20px;
		margin-bottom: 10px
	}

	#guide-page-wp #section-01 {
		margin-bottom: 5px;
		padding-bottom: 0
	}

	#guide-page-wp #section-01 .slider2 {
		display: none
	}

	#guide-page-wp #section-01 .slider-hidden {
		display: block
	}

	.sidebar {
		display: none
	}

	.breadcrumb ul {
		padding: 10px 15px
	}

	.main-content {
		width: 100%
	}

	.main-content .list-item {
		margin-top: 0
	}

	.main-content .list-item .item .thumb {
		width: 30%
	}

	.main-content .list-item .item .info {
		width: 67%
	}

	.main-content .list-item .item .info .title {
		font-size: 18px
	}

	.main-content .list-item .item .info p,.main-content .list-item .item .info .btn-bot {
		display: none
	}

	.main-content .list-item .item .info-hidden {
		display: block;
		margin-top: 3px
	}

	.main-content .list-item .item .info-hidden p {
		font-family: 'Tahoma';
		font-size: 15px;
		color: #505050;
		line-height: 25px
	}

	.main-content .list-item .item .info-hidden .btn-bot {
		margin-top: 18px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ddd
	}

	.main-content .list-item .item .btn-bot a {
		left: 13%;
		transform: translateX(-13%)
	}
}
.bg_or
{
	background: #009AAC ;
}
.breadcrumb{
	background: transparent !important;
}
h1.title_detail_post
{
	border-bottom: 2px solid #1BA37B;
	font-size: 1.8rem;
	padding-bottom: 5px;
	text-transform: uppercase;
	color: #1BA37B;
	font-weight: 700;
}
.post-main h2{
	font-size: 1.5rem;
	color: #1BA37B;
	border-bottom: 1px solid #1BA37B;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.right-khung {
	padding: 10px;
	border-radius: 5px;
	margin: 1rem 10px;
	box-shadow: 0px 0px 2px green;
	background: rgba(0, 77, 220, 0.1);
}
.title_lienquan{
	padding-bottom: 1px;
	font-size: 1.1rem;
	font-weight: 500;
	color: #1BA37B;
	border-bottom: 1px solid;
	margin-bottom: 10px;
}
.cover_img_post{
	position:relative;
	width: 120px;
}
/*.baiviet_lienquan .cover_img_post{
	width: 155px;
	padding: unset;
	}*/ 
	.content_post_loai
	{
		/*width: 65%;*/
		flex:1;
		/*padding:0 15px;*/
	}
	.content_post_loai > :is(.card-title, p){
		font-size: 12px;
		text-align: left;
	}
	.content_post_loai > h5.card-title{
		margin-bottom: 5px;
	}
	.xemthem_post {
		background: rgb(255,245,0);
		background: linear-gradient(90deg, rgba(255,245,0,1) 0%, rgba(255,196,0,1) 50%, rgba(255,245,0,1) 100%);
		color: red;
		text-transform: uppercase;
		text-align: center;
		padding: 5px;
		border-radius: 5px;
		font-style: italic;
	}
	.cl-or
	{
		color: #1BA37B;
	}
	.btn_gre_loai, .btn_or_loai{
		padding: 5px 10px;
		color: #fff;
		background: #009AAC ;
		border-radius: 5px;
	}
	.btn_gre_loai:hover, .btn_or_loai:hover{
		color: #fff;
	}
	.btn_or_loai{
		padding: 5px 10px;
		color: #fff;
		background: #1BA37B;
		border-radius: 5px;
	}
	.page-link{
		position: relative;
		display: block;
		padding: 0.5rem 0.75rem;
		margin-left: -1px;
		line-height: 1.25;
		color: #fff !important;
		background-color: #939393!important;
		border: none !important;
		border-radius: 50% !important;
		width: 38px;
		height: 38px;
		text-align: center;
		margin: 0px 3px;
	}
	.dangky_khambenh {
		margin: 0px 8px;
	}
	.page-item.active .page-link{
		background: #1BA37B !important;
		color: #fff !important;
		border-radius: 50% !important;
		width: 38px;
		height: 38px;
		text-align: center;
	}
	.count_online
	{
		background: #1BA37B;
		color: #fff;
	}
	.count_online .numbe_count
	{
		line-height: 0.5;
	}
	.main-breacrumd > .breadcrumb {
		border-bottom: 2px solid #1BA37B;
	}
	.main-breacrumd .breadcrumb-item > a{
		color: #1BA37B;
	}
	.title_dangkykhambenh {
		background: #2a6545;
		color: #fff;
		text-transform: uppercase;
		padding: 16px;
		font-size: 16px;
		font-weight: bold;
		border-radius: 10px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.bacsi_icon {
		bottom: 0px;
		right: 0px;
	}

	.bacsi_icon img {
		width: 150px;
	}
	.contain_dangkykhambenh form {
		width: 60%;
	}
	.contain_dangkykhambenh.form_trangloai form {
		width: 100%;
	}
	.contain_dangkykhambenh {
		background: url(../img/background_dangkykhambenh.png) no-repeat center center,#68bb59;
		padding: 10px 0px;
		background-size: 45%;
	}
	.list_cate_main.trangcon a {
		background: #005fc3 !important;
	}
	h1.trangtrong_tieude {
		background: url(../img/arrows_right_trangcon.png) no-repeat 0px center;
		padding-left: 15px;
		font-size: 23px;
		color: #587597;
		margin-bottom: 20px;
		margin: 0px 10px;
	}
	hr{margin: 0px 10px}
	.list_cate_main.trangcon .row:first-child a:first-child {
		background: #0e538c !important;
	}
	.text_luachon {
		color: #fff;
		font-style: italic;
	}

	.text_khunggiokham {
		margin: 10px 0px;
		font-weight: bold;
		color: #1BA37B;
	}

	ul.khunggio li.active {
		background: linear-gradient(90deg, rgba(255,194,0,1) 0%, rgba(255,215,0,1) 50%, rgba(255,194,0,1) 100%);
	}

	ul.khunggio li {
		box-shadow: inset 0 0 10px #284682;
		padding: 5px 10px;
		border: 1px solid #a0d497;
		box-shadow: -2px 2px 0px #587597;
		color: #fff;
		font-size: 12px;
		background: rgb(75,165,247);
		background: #81A3C8;
	}
	ul.khunggio {
		gap: 10px;
	}
	.form_dangkykhambenh {
		margin-top: 20px;
		gap: 10px;
	}
	.item_camnhan span {
		font-size: 16px;
		padding-bottom: 7px;
		color: #587597;
	}

	.item_camnhan {
		padding: 10px 0px;
		border: 1px solid #587597;
		border-radius: 8px;
		margin-bottom: 86px;
		position: relative;
	}
	.item_camnhan:last-child{
		margin-bottom: 0;
	}
	.img_camnhan {
		text-align: center;
		border-radius: 10px;
	}
	.img_camnhan img {
		position: absolute;
		top: -50px;
		left: 6px;
	}
	.cover_camnhan {
		border-radius: 10px;
		color: #146a4f;
	}
	.item_camnhan:last-child {
		border-bottom: 0px;
	}
	.content_camnhan {
		text-align: justify;
		font-size: 12px;
		padding: 10px;
		border-radius: 10px;
	}
	.item_bacsi {
		text-align: center;
		background: #fff;
		padding: 10px;
		border-radius: 5px;
		width: 50%;
	}
	.content_bacsi {
		margin-top: -40px;
		background: url(../img/bg_namebs.png) no-repeat top center;
		background-size: 100% 100%;
		color: #fff;
		height: 40px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.item_bacsi a {
		background: linear-gradient(180deg, rgba(255,240,0,1) 7%, rgba(255,193,0,1) 50%, rgba(255,240,0,1) 96%);
		padding: 6px 15px;
		display: block;
		width: max-content;
		margin: auto;
		border-radius: 5px;
		color: #000;
		margin-top: 15px;
	}
	ul.khunggio {
		gap: 10px;
	}

	.form_dangkykhambenh button {background: #005fc3 !important;
		border-radius: 30px;
		text-transform: uppercase;
		width: 60%;}

		.form_dangkykhambenh input {
			border-radius: 30px;
		}
		.luuy_dangkykhambenh {
			font-style: italic;
			color: #fff;
			margin-top: 20px;
			width: 60%;
			font-size: 10px;
		}
		.form_dangkykhambenh {
			margin-top: 20px;
		}
		.left_content_newpost img {
			max-height: 200px;
		}

		.content_ttpks2_post1 > a > .d-flex {
			gap: 10px;
			align-items: center;
		}
		ul.list-bottom-menu {
			gap: 10px;
		}
		.item_tintuc > div:nth-child(2) {
			gap: 10px;
		}
		/*===============LOAI_RIGHT================*/
		ul.pagination {
			gap: 5px;
		}
		@media (max-width:414px){
			.background_orange {
				font-size: 11px;
			}
			.item_lpudf a{
				font-size: 8px;
			}
			.item_child{
				font-size: 7px;
				padding: 5px 1px;
			}
			.list_ctind{
				margin-bottom: -34px;
			}
		}

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

			.list_tuvan a .name_lc{height: 54px;}
			.form_index form{
				top: 6px;
			}
			.form_index .form-group{
				margin-bottom: 0;
			}
		}
		@media screen and (max-width: 320px) {

			.top-header img{
				width: 40px;
				height:40px;
			}
			.top-header i{font-size:40px;}
			
		}