/* ============ Basic ============ */
body {
		color: #3f3f3f;
		background-color: #93d3c7;
		padding-top: 0;
}
html, body {
		overflow: visible;
}
a {
		color: #3f3f3f;
}
a:hover, a:focus {
		color: #007587;
		text-decoration: none;
}
.hidden {
		display: none;
}
.detail-text a:hover {
		color: #ff7841;
		text-decoration: underline;
}
.has_link a:hover {
		color: #ff7841;
		text-decoration: underline;
}
.none_page .main_logo {
		max-width: 200px;
		width: 25vw;
}
.none_page .contact-block {
		max-width: 80%;
}
.none_page .contact-block::before {
		content: '';
		width: 5px;
		height: 100%;
		display: block;
		left: -.75rem;
		top: 0;
		background-color: #ddd;
		position: absolute;
}
.bg_l_gray {
		background-color: #f8f9fa;
}
.bg_b_gray {
		background-color: #d6ecf0;
}
.txt_d_green {
		color: #007587;
}
.txt_d_yellow {
		color: #fcbc38;
}
.h-100-v {
		height: calc(100% + 1.5rem);
		padding-top: 100%;
}
.h-50-v {
		height: calc(50% - 0.75rem);
		padding-top: 50%;
}
.bg-gray {
		background-color: #f1f1f1
}
#fakeloader-overlay {
		background-color: #93d3c7;
}
#fakeloader-overlay .loader {
		border-top: 3px solid rgba(255, 255, 255, 0.5);
		border-right: 3px solid rgba(255, 255, 255, 0.5);
		border-bottom: 3px solid rgba(255, 255, 255, 0.5);
		border-left: 3px solid #0092a9;
}
#sitemap-close {
		margin-top: -2.5rem;
}
#scaleboard {
		min-height: 450px;
}
.main_link {
		background-color: #ececec;
		padding: 0.25rem;
		left: 0;
		top: 0;
		display: block;
		text-align: center;
}
.photo-card h6 {
		background-color: #007587;
}
.photo-card:hover h6 {
		background-color: #fc9223;
}
.btn-dw {
		padding: .5rem 1rem;
		border-radius: 5rem;
		letter-spacing: 5px;
}
.img-circle {
		border-radius: 100%;
}
.icon-content ul, .icon-content p {
		margin-bottom: 0;
}
.icon-nav {
		top: 2rem;
		z-index: 3;
		border-bottom: 2px dotted rgba(0, 0, 0, 0.2);
		margin: auto;
}
.icon-hover.view {
		max-width: 70%;
		margin: auto;
}
.icon-hover.view .img-circle {
		padding: 3px;
		border: 2px solid #009ab2;
		-webkit-transition: ease-in-out all 150ms;
		-o-transition: ease-in-out all 150ms;
		transition: ease-in-out all 150ms;
}
.icon-check-block:hover .img-circle {
		padding: 2px;
		border: 5px solid #f79f71
}
/* ============ accesskey ============ */
.accesskey {
		opacity: .5;
}
.accesskey:hover, .accesskey:focus {
		opacity: 1 !important;
}
.index-promote .accesskey {
		padding-top: 1.5rem !important;
}
.accesskey-c {
		z-index: 3;
		left: 0;
		top: 0;
		padding-top: 4rem !important;
}
a.link-w {
		color: #ffffff;
}
a.link-w:hover, a.link-w:focus {
		color: #ffffff;
		text-decoration: none;
}
.sub-tabs.nav-tabs .nav-item .nav-link.doc-dw-btn, .sub-tabs.nav-tabs .nav-link.doc-dw-btn {
		background-color: #fff;
}
/* ============ Space ============ */
.sidebar {
		width: 20%;
		z-index: 1202;
		top: 0;
}
.sidebar-menu {
		width: 20%;
		z-index: 1202;
		top: 0;
		height: 100%;
}
.main-content {
		width: 80%;
		margin-left: auto;
}
footer .badge-block {
		padding-top: 1rem;
		text-align: center;
}
.main-content > main {
		min-height: calc(100vh - 230px); /* 230px Footer Height */
		background-color: #fff;
}
/* ============ toast ============ */
.toast {
		bottom: 0;
		margin-bottom: 0 !important;
		min-width: 200px;
		background-color: rgba(0, 0, 0, .8);
		color: #fff;
		text-align: center;
		border: 0;
		border-radius: 0;
}
/* ============ Columns  Masonry ============ */
.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		overflow: hidden;
		-webkit-column-gap: normal;
		-moz-column-gap: normal;
		column-gap: normal;
		-webkit-column-fill: balance;
		-moz-column-fill: balance;
		column-fill: balance;
}
/* ============ heading ============ */
.heading::before {
		content: '/';
		position: relative;
		left: -1.1rem;
		opacity: .3;
}
.heading::after {
		content: '/';
		position: relative;
		right: -1.1rem;

		left: auto;
		opacity: .3;
}
.heading-txt {
		opacity: .7;
}
/* ============ search box ============ */
.search-box_m, .search-box {
		top: 0;
		left: auto;
		margin: auto;
		z-index: -1;
		visibility: hidden;
		width: 100%;
}
.search-box {
		right: 3rem;
		border-radius: .5rem;
		max-width: 500px;
}
.search-box_m.show, .search-box.show {
		top: 60px;
		z-index: 2;
		visibility: visible;
}
.search-box.show {
		top: 60px;
}
.search-box_m {
		right: 1rem;
		max-width: 400px;
		border-radius: .25rem;
}
.search-box_m.show {
		top: 65px;
}
.is-search.show {
		background-color: #0092a9;
		color: #ffffff !important;
		border-radius: .25rem;
}
.is-search_m.show {
		color: #0092a9;
}
.btn-serach {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
}
/* ============ custom switch ============ */
.box-switch {
		width: 50px;
		height: 20px;
		background-color: #0092a9;
		border-radius: 30px;
		position: relative;
		cursor: pointer;
}
.box-switch .switch {
		width: 14px;
		height: 14px;
		background-color: #93d3c7;
		border-radius: 100%;
		position: absolute;
		top: 3px;
		left: 4px;
		-webkit-transition: 0.5s all ease;
		-o-transition: 0.5s all ease;
		transition: 0.5s all ease;
}
.box-switch i {
		color: #fff;
}
.box-switch i.light {
		margin-top: -3px;
}
.box-switch i.dark {
		margin-top: -1px;
}
.box-switch i.dark {
		display: none;
}
/* ============ breadcrumb ============ */
.breadcrumb {
		padding: 0;
		margin-bottom: 0;
		background-color: transparent;
		border-radius: 0;
}
.breadcrumb a {
		color: #0092a9;
}
.breadcrumb a:hover, .breadcrumb a:focus {
		color: #fc9223;
}
.breadcrumb-item + .breadcrumb-item::before {
		color: #ccc;
		content: "＞";
		padding: 0 .5rem 0 .2rem;
}
/* ============ pagination  ============ */
.pagination {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.pagination .page-item.disabled .page-link {
		border-color: transparent;
}
.pagination .page-link {
		border: 0;
		border-radius: .25rem;
		color: #666666;
		box-shadow: none !important;
}
.pagination .page-item.active .page-link {
		background-color: #0092a9;
		border-color: transparent;
}
/* ============ page NAV ============ */
.page-nav {
		padding: 0;
		margin-bottom: 0;
		list-style: none;
		border-bottom: 1px solid #009ab2;
}
.page-nav .pagenav-item {
		margin-right: 1.5rem;
		position: relative;
}
.page-nav.nav-large .pagenav-item {
		margin-right: .125rem;
}
.page-nav .pagenav-item:last-child {
		margin-right: 0;
}
.page-nav .pagenav-item a {
		text-align: center;
		padding: .5rem 1rem;
		display: block;
		color: #007587;
		text-decoration: none;
		background-color: transparent;
		height: 100%;
		position: relative;
		z-index: 2;
		border-bottom: 2px solid transparent
}
.page-nav .pagenav-item a:hover, .page-nav .pagenav-item a:focus, .page-nav .pagenav-item.active a {
		border-bottom-color: #007587
}
.page-nav .pagenav-item.active a:hover, .page-nav .pagenav-item.active a:focus, .page-nav .pagenav-item.active a {
		color: #ffffff;
		background-color: #f3703b;
}
.page-nav .pagenav-item a:hover, .page-nav .pagenav-item a:focus {
		color: #000;
		text-decoration: none;
		background-color: #fcb53e;
}
/* ============ report ============ */
.sub-tabs.nav-tabs {
		border-bottom: 0;
}
.sub-tabs.nav-tabs .nav-item .nav-link, .sub-tabs.nav-tabs .nav-link {
		border-radius: 1rem;
		border: 1px solid #93d3c7;
		color: #007587;
		background-color: #effaf8;
		padding: 0.25rem 1.5rem;
		margin: 0 .5rem;
}
.sub-tabs.nav-tabs .nav-item .nav-link:hover, .sub-tabs.nav-tabs .nav-link.active:hover, .sub-tabs.nav-tabs .nav-item.show .nav-link, .sub-tabs.nav-tabs .nav-link.active {
		background-color: #0092a9;
		color: #fff;
		text-decoration: none;
		border-color: #0092a9;
}
.just-grid .card.report-card {
		-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
		box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
		background-color: #f8f9fa;
}
.just-grid .card.report-card:hover {
		-webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
		background-color: #f3703b;
		color: #fff;
}
.just-grid .card.report-card:hover a, .just-grid .card.report-card:hover .card-title {
		color: #fff;
		border-bottom-color: #fff;
}
.just-grid .card.report-card .card-title {
		padding-bottom: 1rem;
		border-bottom: 1px solid #ccc;
		margin-bottom: .5rem;
		color: #007587
}
.just-grid .card.report-card .date {
		color: #aaa;
		margin-bottom: .25rem;
		letter-spacing: 2px;
}
.just-grid .card.report-card .card-body {
		padding-right: .5rem;
		padding-left: .5rem;
}
.just-grid .card.report-card:hover .date {
		color: #f1f1f1;
}
.report-card .table {
		margin-bottom: 0;
}
.report-card .table td, .report-card.table th {
		padding: 0.5rem 0;
		border-top: 0;
		text-align: center;
}
.report-card .table td a, .report-card.table th a {
		padding: .25rem .8rem;
		border-radius: 1rem;
		width: 100%;
}
.report-card .table td a:hover, .report-card .table th a:hover {
		background-color: #fff;
		color: #333 !important;
}
.report-card .card-text ul {
		list-style: none;
		margin: 0 auto;
		text-align: center;
		padding: 0;
}
.report-card .card-text ul li {
		display: inline-block;
		padding: .5rem 0;
		text-align: center;
}
.report-card .card-text ul li a {
		padding: .25rem .8rem;
		border-radius: 1rem;
}
.report-card .card-text ul li a:hover {
		background-color: #fff;
		color: #333 !important;
}
/* ============ switch ============ */
.switch {
		position: relative;
		display: inline-block;
		width: 60px;
		height: 34px;
}
.switch input {
		opacity: 0;
		width: 0;
		height: 0;
}
.switch .slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		-o-transition: .4s;
		transition: .4s;
}
.switch .slider:before {
		position: absolute;
		content: "";
		height: 26px;
		width: 26px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		-o-transition: .4s;
		transition: .4s;
}
.switch input:checked + .slider {
		background-color: #2196F3;
}
.switch input:focus + .slider {
		-webkit-box-shadow: 0 0 1px #2196F3;
		box-shadow: 0 0 1px #2196F3;
}
.switch input:checked + .slider:before {
		-webkit-transform: translateX(26px);
		-ms-transform: translateX(26px);
		transform: translateX(26px);
}
/* Rounded sliders */
.switch .slider.round {
		border-radius: 34px;
}
.switch .slider.round:before {
		border-radius: 50%;
}
/* ============ Appeal Page ============ */
.btn-appeal {
		background-color: #ffaf07;
		border-color: #ffaf07;
		color: #ffffff;
}
.btn-appeal:hover, .btn-appeal:focus {
		background-color: #f3703b;
		border-color: #f3703b;
		color: #ffffff;
}
/* ============ Academic Page ============ */
.filter-block {
		margin-right: -1rem;
}
.filter-block .item {
		max-width: calc(50% - 1rem);
		margin-right: 1rem;
		width: 100%;
		margin-bottom: 1rem;
}
/* ============ Top Menu ============ */
.top-menu {
		background-color: #93d3c7;
		text-align: right;
		padding: .5rem .25rem !important;
}
.top-menu .navbar-nav .nav-item .nav-link:hover {
		background-color: #0092a9;
		color: #fff;
		border-radius: .25rem;
}
.top-menu .navbar-nav .nav-item .nav-link {
		padding: .25rem .8rem;
}
.top-menu .navbar-nav .nav-item {
		position: relative;
		margin: 0 .25rem;
}
.top-menu .navbar-nav .nav-item:last-child {
		margin-right: 0;
}
.top-menu .navbar-nav .nav-item::after {
		content: '';
		width: 1px;
		height: 50%;
		display: block;
		background-color: #333;
		position: absolute;
		right: -.25rem;
		top: 25%;
}
.top-menu .navbar-nav .nav-item:last-child::after {
		display: none;
}
.top-menu .controlsize .boxCtrl a:hover {
		text-decoration: none;
}
.top-menu .controlsize .boxCtrl a.increase {
		color: #000;
}
.top-menu .controlsize .boxCtrl a.decrease {
		color: #000;
}
/* ============ Sidebar ============ */
.sidebar > ul.nav, .sidebar {
		background-color: #0092a9;
}
.sidebar .navbar-brand {
		background-color: #ececec;
		padding: 0;
}
.sidebar .submenu {
		background-color: #007587;
}
.sidebar a.nav-link {
		text-align: center;
}
.sidebar > ul.nav > li > a.nav-link, .sidebar > ul.nav > li > a.nav-link:hover, .sidebar ul.submenu li a.nav-link {
		color: #fff;
}
.sidebar > ul.nav > li > a.nav-link:hover {
		color: #fff;
		background-color: #007587;
}
.sidebar > ul.nav > li > a.nav-link.active {
		color: #fcb53e;
}
.sidebar ul.submenu li a.nav-link.active, .sidebar ul.submenu li a.nav-link:hover, .sidebar ul.submenu li a.nav-link:hover {
		color: #fcb53e;
		background-color: #007587;
}
.sidebar li:hover {
		background-color: #007587;
}
.sidebar > ul.nav {
		padding: 0 0 6rem 0;
}
.sidebar > ul.nav > li > a.nav-link .subicon {
		position: absolute;
		right: 1rem;
}
.sidebar .navbar-brand .brand-logo {
		padding: 1.5rem 2rem 1.25rem 2rem;
}
.sidebar .navbar-brand .contact-info {
		padding: 0 1rem 1rem 1rem;
}
.sidebar li {
		position: relative;
}
.sidebar li .submenu {
		display: none;
		position: absolute;
		left: 100%;
		top: -7px;
		min-width: 260px;
}
.sidebar li .submenu.dropdown-menu {
		border-radius: 0;
		border: 0;
		top: -2px;
		padding: 0;
}
.sidebar li:last-child:hover > .submenu {
		top: auto;
		bottom: -20%;
}
[dir=rtl] .sidebar li .submenu {
		right: 100%;
		left: auto;
}
.sidebar li:hover > .submenu {
		display: block;
}
.sidebar-menu.offcanvas-collapse {
		background-color: transparent;
}
/* ============ Mobile Header ============ */
header {
		background-color: #ececec;
}
header .navbar-toggler span {
		display: block;
		width: 30px;
		height: 2px;
		margin: 6px auto;
		background: #007587;
}
header .navbar-toggler:hover span, header .navbar-toggler:focus span {
		background: #007587;
}
/* ============ Index AD ================ */
#index-ad {
		background-image: url("../../img/banner/index_ad_bg.png");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
}
/* ============ Swiper Slider ================ */
.swiper-player {
		z-index: 2;
		bottom: 1rem;
		left: auto;
		right: 0;
		border-radius: 50% 0 0 50%;
		padding: 5px 15px 5px 5px;
}
.swiper-player .btn {
		padding: 0;
		width: 35px;
		height: 35px;
}
.swiper-player .btn:hover, .swiper-player .btn:focus, .swiper-player .btn {
		background-color: #0092a9;
		color: #fff;
		border-radius: 100%;
}
.swiper-player .btn:hover, .swiper-player .btn:focus, .swiper-player .btn {
		color: #fff;
		border-radius: 100%;
		box-shadow: none !important;
}
.swiper-player .btn {
		background-color: #0092a9;
}
.swiper-player .btn.play:hover, .swiper-player .btn.play:focus {
		background-color: #007587;
}
.swiper-player .btn.pause {
		background-color: #fc9223;
}
.swiper-player .btn.pause:hover, .swiper-player .btn.pause:focus {
		background-color: #f98106;
}
.swiper-pagination {
		z-index: 1 !important;
}
.swiper-button-prev, .swiper-button-next {
		color: #fff;
		width: 45px;
		height: 100px;
		background: none;
		border: none;
}
.swiper-button-prev {
		left: 0;
}
.swiper-button-next {
		right: 0;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
		color: #000;
}
.swiper-button-prev:after, .swiper-button-next:after {
		font-size: 170%;
}
.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 5px 7px !important;
		background: #D6D6D6;
		opacity: 1;
}
.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {
		background: #0092a9;
		opacity: 1;
}
/* ============ Slider ================ */
.owl-player {
		z-index: 2;
		bottom: 1rem;
		left: auto;
		right: 0;
		border-radius: 50% 0 0 50%;
		padding: 5px 15px 5px 5px;
}
.owl-player .btn {
		padding: 0;
		width: 35px;
		height: 35px;
}
.owl-player .btn:hover, .owl-player .btn:focus, .owl-player .btn {
		background-color: #0092a9;
		color: #fff;
		border-radius: 100%;
}
.owl-player .btn:hover, .owl-player .btn:focus, .owl-player .btn {
		color: #fff;
		border-radius: 100%;
		box-shadow: none !important;
}
.owl-player .btn {
		background-color: #0092a9;
}
.owl-player .btn.play:hover, .owl-player .btn.play:focus {
		background-color: #007587;
}
.owl-player .btn.pause {
		background-color: #fc9223;
}
.owl-player .btn.pause:hover, .owl-player .btn.pause:focus {
		background-color: #f98106;
}
.custom-nav {
		position: absolute;
		top: 45%;
		left: 0;
		right: 0;
		margin: auto;
}
.custom-nav .owl-prev, .custom-nav .owl-next {
		position: absolute;
		height: 100px;
		color: inherit;
		background: none;
		border: none;
		z-index: 100;
}
.custom-nav .owl-prev i, .custom-nav .owl-next i {
		color: #fff;
}
.custom-nav .owl-prev:hover i, .custom-nav .owl-next:hover i {
		color: #000;
}
.has-slider {
		overflow-x: hidden;
}
.has-slider .custom-nav .owl-prev {
		left: 0;
}
.has-slider .custom-nav .owl-next {
		right: 0;
}
.owl-theme .owl-dots {
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		bottom: .5rem;
		max-width: -webkit-max-content;
		max-width: -moz-max-content;
		max-width: max-content;
		margin: auto;
}
.owl-dots .owl-dot {
		display: inline-block;
		zoom: 1;
}
.owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
		border-radius: 100%;
		margin: 3px;
		display: block;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #0092a9;
}
/* ============ Index News ================ */
.index-news .card {
		height: 100%;
		padding-bottom: 3.5rem;
}
.index-news .card .card-body {
		padding: 1.25rem;
}
.index-news .card .card-text p {
		margin-bottom: 0;
}
.index-news .card .card-footer {
		padding: 1.25rem;
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
}
.index-news .tab-content .row > * a {
		text-decoration: none;
}
.index-news .tab-content .row > * a .card-title {
		color: #007587;
}
.index-news .tab-content .row > * a .card-text {
		color: #666;
}
.index-news .tab-content .row > * a .card-date {
		color: #666;
}
.index-news .tab-content .row > * a:hover .card-title, .index-news .tab-content .row > * a:focus .card-title, .index-news .tab-content .row > * a:hover .card-text, .index-news .tab-content .row > * a:focus .card-text, .index-news .tab-content .row > * a:hover .card-date, .index-news .tab-content .row > * a:focus .card-date {
		color: #000;
}
.index-news .nav-tabs .nav-link, .index-news .nav-tabs {
		border: 0;
		position: relative;
}
.index-news .nav-tabs::after {
		content: '';
		width: 100%;
		height: 40px;
		display: block;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		position: absolute;
		z-index: 1;
		background: -o-linear-gradient(top, rgba(204, 213, 213, 0) 0%, rgba(204, 213, 213, 0.3) 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(204, 213, 213, 0)), to(rgba(204, 213, 213, 0.3)));
		background: linear-gradient(to bottom, rgba(204, 213, 213, 0) 0%, rgba(204, 213, 213, 0.3) 100%);
}
.index-news nav {
		position: relative;
}
.index-news nav::before {
		content: '';
		width: 20%;
		height: 40px;
		display: block;
		bottom: 0;
		left: auto;
		right: 0;
		position: absolute;
		z-index: 2;
		background: -o-linear-gradient(right, rgba(248, 249, 250, 1) 0%, rgba(248, 249, 250, 0) 100%);
		background: -webkit-gradient(linear, right top, left top, from(rgba(248, 249, 250, 1)), to(rgba(248, 249, 250, 0)));
		background: linear-gradient(to left, rgba(248, 249, 250, 1) 0%, rgba(248, 249, 250, 0) 100%);
}
.index-news nav::after {
		content: '';
		width: 20%;
		height: 40px;
		display: block;
		bottom: 0;
		left: 0;
		right: auto;
		position: absolute;
		z-index: 2;
		background: -o-linear-gradient(left, rgba(248, 249, 250, 1) 0%, rgba(248, 249, 250, 0) 100%);
		background: -webkit-gradient(linear, left top, right top, from(rgba(248, 249, 250, 1)), to(rgba(248, 249, 250, 0)));
		background: linear-gradient(to right, rgba(248, 249, 250, 1) 0%, rgba(248, 249, 250, 0) 100%);
}
.index-news .nav-tabs .nav-link {
		background-color: #0092a9;
		color: #ececec;
		margin: 0 13px;
		position: relative;
		border-radius: 20px 20px 0 0;
		z-index: 2;
}
.index-news .nav-tabs .nav-link::before {
		content: '';
		display: block;
		width: 20px;
		height: 100%;
		border-radius: 20px 0 0 0;
		background-color: #0092a9;
		position: absolute;
		left: -10px;
		top: 0;
		-webkit-transform: skew(-.312rad);
		-ms-transform: skew(-.312rad);
		transform: skew(-.312rad);
}
.index-news .nav-tabs .nav-link::after {
		content: '';
		display: block;
		width: 20px;
		height: 100%;
		border-radius: 0 20px 0 0;
		background-color: #0092a9;
		position: absolute;
		right: -10px;
		top: 0;
		-webkit-transform: skew(.312rad);
		-ms-transform: skew(.312rad);
		transform: skew(.312rad);
}
.index-news .nav-tabs .nav-item.show .nav-link:hover, .index-news .nav-tabs .nav-item.show .nav-link::after, .index-news .nav-tabs .nav-item.show .nav-link::before, .index-news .nav-tabs .nav-item.show .nav-link:hover::after, .index-news .nav-tabs .nav-item.show .nav-link:hover::before, .index-news .nav-tabs .nav-item.show .nav-link:focus, .index-news .nav-tabs .nav-item.show .nav-link:focus::after, .index-news .nav-tabs .nav-item.show .nav-link:focus::before, .index-news .nav-tabs .nav-link.active, .index-news .nav-tabs .nav-link.active::after, .index-news .nav-tabs .nav-link.active::before, .index-news .nav-tabs .nav-link.active:hover, .index-news .nav-tabs .nav-link.active:hover::after, .index-news .nav-tabs .nav-link.active:hover::before, .index-news .nav-tabs .nav-link.active:focus, .index-news .nav-tabs .nav-link.active:focus::after, .index-news .nav-tabs .nav-link.active:focus::before {
		color: #fff;
		background-color: #fc9223;
		z-index: 3;
		border-color: #fc9223;
}
.index-news .nav-tabs .nav-link:hover, .index-news .nav-tabs .nav-link:focus, .index-news .nav-tabs .nav-link:hover::after, .index-news .nav-tabs .nav-link:hover::before, .index-news .nav-tabs .nav-link:focus::after, .index-news .nav-tabs .nav-link:focus::before {
		color: #ececec;
		background-color: #007587;
		z-index: 2;
		border-color: #007587;
}
.index-news .tab-content .row > * {
		margin: 0;
}
.btn-more {
		border-radius: 35px;
		padding-left: 1.5rem;
		padding-right: 2rem;
		color: #0092a9;
		border-color: #0092a9;
		box-shadow: none !important;
}
.btn-more:hover, .btn-more:focus {
		color: #fff;
		border-color: #007587;
		background-color: #007587 !important
}
/* ============ About =============== */
.about-topic {
		z-index: 2;
		top: 30%;
		left: 5%;
}
.about-topic .heading-txt {
		opacity: 1;
		margin-left: 1.25rem;
}
.about-mission .content > [class^='col-'] .card {
		border: 0;
		-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
		box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
		overflow: hidden;
}
.about-mission .content > [class^='col-'] .card-header i {
		width: 50px;
		height: 50px;
		display: block;
		background-color: #0092a9;
		color: #fff;
		border-radius: 100%;
		padding: 5px;
		text-align: center;
}
.about-mission .content > [class^='col-'] .card-header {
		background-color: transparent;
		border-bottom: 0;
		padding: 2rem 2rem 1.5rem 2rem;
}
.about-mission .content.just-grid .card .card-body {
		padding: 0 1.5rem 2rem 2rem;
}
.about-mission .content .card .card-cover {
		top: 0;
		right: auto;
		width: 100%;
		height: 100%;
		z-index: 2;
		background-color: #0092a9;
		padding: 1.5rem;
		color: #fff;
}
.about-mission .content [class^='col-']:first-child .card .card-cover {
		left: -100%;
}
.about-mission .content [class^='col-']:first-child .card:hover .card-cover {
		left: 0;
}
.about-mission .content [class^='col-']:nth-child(2) .card .card-cover {
		right: auto;
		left: auto;
		top: auto;
		bottom: -100%;
}
.about-mission .content [class^='col-']:nth-child(2) .card:hover .card-cover {
		bottom: 0;
}
.about-mission .content [class^='col-']:last-child .card .card-cover {
		right: -100%;
		left: auto
}
.about-mission .content [class^='col-']:last-child .card:hover .card-cover {
		right: 0;
}
.about-organization .icon {
		color: #007587;
}
.about-organization .heading {
		color: #007587;
}
.about-timeline .title {
		top: 20%;
		padding-top: 15%;
		padding-bottom: 50%;
}
.about-timeline .heading {
		color: #007587;
}
.about-timeline .icon {
		color: #007587;
}
.about-timeline .timeline-list {
		list-style: none;
		padding-left: 0;
}
.about-timeline .timeline-list > .item:not(.year) > .row > [class^='col-']:first-child .date {
		border: 2px solid #93d3c7;
		border-right: 0;
		background-color: #effaf8;
		color: #0092a9;
}
.about-timeline .timeline-list > .item:not(.year) > .row > [class^='col-']:first-child {
		border-right: 2px solid #93d3c7;
		padding-right: 0;
}
.about-timeline .timeline-list > .item:not(.year) > .row > [class^='col-']:last-child {
		padding-left: 3rem;
		padding-bottom: 2rem;
}
.about-timeline .timeline-list > .item:not(.year):hover > .row > [class^='col-']:first-child .date {
		border-color: #0092a9;
		background-color: #0092a9;
		color: #fff;
}
.about-timeline .timeline-list > .item:not(.year):hover > .row > [class^='col-']:first-child {
		border-right-color: #0092a9;
}
.about-timeline .timeline-list > .item:not(.year) > .row > .content h5 {
		color: #0092a9;
		position: relative
}
.about-timeline .timeline-list > .item:not(.year) > .row > .content p {
		color: #4a545e;
}
.about-timeline .timeline-list > .item:not(.year) > .row > .content h5::before {
		content: '';
		width: 11px;
		height: 11px;
		display: block;
		border-radius: 100%;
		background-color: #FF6B6B;
		border: 2px solid #FF6B6B;
		left: -27px;
		top: 10px;
		position: absolute;
}
.about-timeline .timeline-list > .item:not(.year):hover > .row > .content h5::before {
		background-color: #ffffff;
}
.about-timeline .timeline-list > .item.year {
		margin-bottom: 2rem;
		left: .5rem;
}
.about-timeline .timeline-list > .item.year small {
		margin-bottom: 0;
}
/* ============ Masonry =============== */
.masonry-grid {
		width: 100%;
		margin: 0px auto;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
}
.masonry-grid .item {
		padding: 5px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto 5px;
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		break-inside: avoid;
		/*break-inside: auto; choose*/
}
.masonry-grid .item img {
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: 50% 50%;
		object-position: 50% 50%;
}
/* ============ Grid =============== */
.just-grid .card {
		min-height: 100%;
		display: block;
}
.just-grid .card .card-title {
		margin-bottom: 1.5rem;
}
.just-grid .card .card-text {
		margin-bottom: 0;
}
.just-grid .card .card-text p:last-child {
		margin-bottom: 0 !important;
}
.just-grid div.col-lg-3 > a {
		display: block;
}
.just-grid .card-img, .just-grid .card-img-bottom, .just-grid .card-img-top {
		margin: 0 auto !important;
}
/* ============ Font Indent =============== */
.font-indent {
		max-width: 100%;
		margin-left: 2em;
		text-indent: -2em;
		margin-bottom: 0.5rem;
}
/* ============ Chart =============== */
.ad-chart .owl-theme .owl-dots {
		bottom: 1.125em;
}
.chat_pie canvas {
		width: 160px !important;
		height: 160px !important;
		margin: auto;
}
.legend_item {
		margin-bottom: .25em;
}
.legend_item .color_block {
		min-width: 15px;
		min-height: 15px;
		width: 15px;
		height: 15px;
		border-radius: 100%;
		display: inline-block;
		position: relative;
		top: 5px;
}
.legend_value {
		color: #007587;
}
.legend_title {
		white-space: nowrap;
}
.total_block {
		color: #007587
}
.total_block .title {
		color: #333;
}
.total_block h3 {
		position: relative;
		padding-bottom: 1rem;
}
.chat_pie .total_block h3::after {
		content: "";
		position: absolute;
		width: 50%;
		height: 3px;
		left: 0;
		bottom: 0;
		background-color: #f8af08;
}
.chat_bar canvas {
		width: auto !important;
		height: 300px !important;
}
.chat_text .item {
		width: 200px;
		height: 200px;
		border: 3px solid #007587;
		color: #007587;
		text-align: center;
		border-radius: 100%;
		margin: auto;
		background-color: #f8f9fa;
}
.chat_text .row.space {
		max-width: 70%;
		margin: auto;
}
.chat_text .item .small {
		padding: .5rem 0;
}
.chart1, .chart2 {
		-ms-flex: 0 0 22%;
		-webkit-box-flex: 0;
		flex: 0 0 22%;
		max-width: 22%;
}
.chart3 {
		-ms-flex: 0 0 26%;
		-webkit-box-flex: 0;
		flex: 0 0 26%;
		max-width: 26%;
}
/* ============ Page =============== */
.page h2.heading {
		color: #0092a9;
}
.page h3.heading {
		color: #0092a9;
}
/* ============ Law =============== */
.law-items {
		letter-spacing: 1px;
}
.law-items .law-item-title {
		width: 35%;
}
.law-items ul.law-list {
		list-style: none;
		padding-left: 0;
		margin-bottom: 0;
}
.law-items ul.law-list li {
		display: inline-block;
}
.law-items ul.law-list li a {
		display: block;
		padding: 0 6px;
		color: #0092a9;
}
.law-items ul.law-list li a:hover {
		color: #ff7841;
		text-decoration: underline;
}
.law-items td, .law-items th {
		padding: 1rem;
		vertical-align: top;
		border-top: 1px solid #dee2e6;
}
/* ============ Sitemap Btn =============== */
.sitemap-btn {
		display: block;
		width: 34px;
		height: 34px;
		line-height: 34px;
		margin: -14px auto 0 auto;
		text-align: center;
		left: 0;
		right: 0;
}
.sitemap-btn a i {
		position: relative;
		z-index: 2;
		color: #212529;
}
.sitemap-btn a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		z-index: 2;
}
.sitemap-btn a span {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #f8f9fa;
		border-radius: 5px;
}
.sitemap-btn.open a span {
		background-color: #FDD796
}
/* ============ Bottom Sitemap ============ */
.bottom-sitemap {
		background-color: #FDD796;
}
.bottom-sitemap .list-group {
		border-radius: 0;
		border: 0;
}
.bottom-sitemap .list-group-item.title {
		padding: 0.5rem 0;
		margin-bottom: .5rem;
		position: relative;
}
.bottom-sitemap .list-group-item.title a::after {
		content: '';
		display: block;
		position: absolute;
		width: 80%;
		height: 1px;
		background-color: #212529;
		left: 0;
		right: 0;
		top: auto;
		bottom: 0;
		margin: auto;
}
.bottom-sitemap .list-group-item.title a {
		color: #212529;
		cursor: default;
}
.bottom-sitemap .list-group-item {
		padding: 0.1rem 0;
		background-color: transparent;
		border: 0;
		text-align: center;
}
.bottom-sitemap .list-group-item a {
		color: #4a545e;
		text-decoration: none;
}
.bottom-sitemap .list-group-item a:hover, .bottom-sitemap .list-group-item a:focus {
		color: #000;
}
/* ============ Footer ============ */
footer .service {
		background-color: #f8f9fa;
}
footer .copyright {
		background-color: #333;
		color: #959595;
}
/* ============ Index Promote ============ */
.index-promote .photo-card {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
}
.index-promote .photo-card.large {
		min-height: 400px;
}
.index-promote .photo-card a {
		display: block;
}
/*= accordion  ===========================*/
.has-accordion .title {
		padding: 1rem;
		background-color: #3398cc;
		color: #fff;
}
.has-accordion .card {
		border: 0;
		margin-bottom: 1rem;
}
.has-accordion .card .card-header {
		padding: 0 0 10px 0;
		background-color: transparent;
		border: 0;
}
.has-accordion .card .card-header button {
		border-radius: 15px;
		border: 1px solid #93d3c7;
		color: #007587;
		background-color: #effaf8;
		padding: 0.5rem 1.5rem;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		text-align: left;
}
.has-accordion .card .card-header button:hover, .has-accordion .card .card-header.active button:hover, .has-accordion .card .card-header button:focus, .has-accordion .card .card-header.active button:focus, .has-accordion .card .card-header.active button {
		background-color: #0092a9;
		color: #fff;
		text-decoration: none;
		border-color: #0092a9;
		box-shadow: none !important;
}
.has-accordion .card .card-body {
		background-color: #ffffff;
		padding: 1rem .5rem;
}
/* ============ Quick NAV ============ */
.quick-nav {
		top: 0;
		bottom: 0;
		margin: auto;
		z-index: 1021;
		display: block;
		/*-webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;*/
		height: 200px;
		border-radius: 0 1rem 1rem 0;
		color: #fff;
		width: 45px;
		background-color: #f3703b;
}
.quick-nav i {
		position: relative;
		margin-bottom: .25rem;
		margin-left: -2px;
}
.quick-nav a {
		height: 100%;
		color: #fff;
		flex-direction: column;
		width: 25px;
		text-align: center;
		margin: auto;
		line-height: 1.25;
}
.quick-nav:hover {
		background-color: #007587;
}
/* ============ Help NAV ============ */
.help-nav {
		width: 55px;
		height: 348px;
		top: 0;
		bottom: 0;
		margin: auto;
		z-index: 1021;
		display: block;
}
.help-nav .list-group .list-group-item {
		padding: 0;
		border: 0;
		border-radius: 0;
		height: 58px;
		width: 100%;
}
.help-nav .list-group .list-group-item a {
		text-decoration: none;
}
.help-nav .list-group .list-group-item a i {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background-color: #007587;
		color: #fff;
}
.help-nav .list-group .list-group-item a:hover i {
		background-color: #fc9223;
}
.help-nav .list-group .list-group-item .text {
		right: 60px;
		display: none;
}
.help-nav .list-group .list-group-item a:hover .text {
		display: block;
}
/* ============ Help NAV ============ */
.help-nav_m.position-fixed {
		right: 10px;
		bottom: 20px;
		top: auto;
		left: auto;
		z-index: 1201;
}
.help-nav_m.position-fixed .btn {
		width: 40px;
		height: 40px;
		line-height: 40px;
		background-color: #007587;
		border-radius: 100%;
		padding: 0;
		box-shadow: none !important;
}
.help-nav_m.position-fixed .btn i {
		color: #fff;
}
.help-nav_m.position-fixed .btn.showtop {
		display: block !important;
}
.help-nav_m.position-fixed .gototop_m {
		opacity: 0;
}
.help-nav_m.position-fixed .gototop_m.showtop {
		opacity: 1;
}
.help-nav .list-group {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.help-nav {
		width: 80%;
		max-width: 400px;
		height: auto;
		right: -100%;
		top: auto;
		bottom: 120px;
		border-radius: 15px;
		background-color: #f1f1f1;
		-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
		overflow: hidden;
}
.help-nav.show {
		right: 10px;
		bottom: 20px;
}
.help-nav .head {
		padding: 15px 18px 10px 18px;
		position: relative;
		color: #fff;
}
.help-nav .head::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 160%;
		background-color: #fc9223;
		left: 0;
		top: 0;
		z-index: -1;
}
.help-nav .list-group {
		width: 88%;
		position: relative;
		border-radius: 10px;
		margin: 0 auto 1rem auto;
		overflow: hidden;
}
.help-nav .list-group .list-group-item {
		height: auto;
		padding: 0px 25px 2px 25px;
}
.help-nav .list-group .list-group-item:first-child {
		padding-top: 10px;
}
.help-nav .list-group .list-group-item:last-child {
		padding-bottom: 10px;
}
.help-nav .list-group .list-group-item a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #666;
		border-bottom: 1px dotted #ccc;
		background-color: #fff;
		padding-top: 1px;
}
.help-nav .list-group .list-group-item a:hover i, .help-nav .list-group .list-group-item a:focus i, .help-nav .list-group .list-group-item a:hover, .help-nav .list-group .list-group-item a:focus {
		color: #333;
		background-color: #fff;
}
.help-nav .list-group .list-group-item:last-child a {
		border-bottom: 0;
}
.help-nav .list-group .list-group-item a i {
		width: 40px;
		height: 40px;
		display: inline-block;
		background-color: transparent;
		color: #666;
}
/* ============ Post Card ============ */
.msg-card:hover a .card-title, .msg-card:focus a .card-title {
		text-decoration: underline
}
.msg-card .card-img-top {
		margin-bottom: 0;
}
.news-card:hover a .card-title, .news-card:focus a .card-title {
		text-decoration: underline
}
.news-card.card .card-body {
		padding: 1.125rem;
}
.logo-card:hover a .card-title, .logo-card:focus a .card-title {
		text-decoration: underline
}
.logo-card .card-img-top {
		max-height: 150px;
}
/* ============ Tag Card ============ */
.tag-card {
		background-color: #f8f9fa;
}
.tag-card .tag {
		color: #aaa;
}
.tag-card .tag span {
		padding: 0 .25rem;
}
.tag-card:hover {
		border-color: #aaa;
		box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .125)
}
.tag-card:hover .card-body {
		background-color: #fff;
}
.tag-card:hover .card-body a {
		text-decoration: underline;
}
.tag-card .card-footer {
		border: 0;
		background-color: transparent;
}
.tag-card .card-footer .btn {
		border-radius: 2px;
		box-shadow: none !important
}
/* ============ Icon Card ============ */
.icon-card.msg {
		background-color: #f8f9fa;
}
.icon-card .card-header {
		border: 0;
		background-color: transparent;
		position: relative;
		color: #212529;
}
.icon-card a .card-title {
		color: #212529;
}
.icon-card:hover a .card-title {
		text-decoration: underline
}
.icon-card .card-body > a {
		display: block !important;
}
.icon-card .card-text {
		color: #6c757d;
		text-align: left;
}
.icon-card .card-header i {
		position: absolute;
		padding: .5rem;
		width: 60px;
		height: 60px;
		background-color: #fff;
		left: 0;
		right: 0;
		top: -2rem;
		margin: auto;
		max-width: 25%;
		color: #f3703b;
		border-radius: 100%;
}
.icon-card.msg .card-header i {
		border-radius: 0;
		padding: 0;
		position: relative;
		background-color: transparent;
		top: 0;
}
.icon-card.msg .card-header {
		padding: 1rem .5rem 0 .5rem;
}
.icon-card.msg .card-body {
		padding-top: .5rem;
}
.icon-card:focus a, .icon-card:hover a {
		color: #fff;
}
.icon-card:focus, .icon-card:hover {
		color: #fff;
		background-color: #17a2b8;
}
.icon-card:focus a .card-title, .icon-card:focus .card-text, .icon-card:hover a .card-title, .icon-card:hover .card-text {
		color: #ffffff;
}
.icon-card.msg:focus .card-header i, .icon-card.msg:hover .card-header i {
		color: #ffca00;
}
.icon-card {
		border-radius: 1rem;
}
.icon-card p {
		margin-bottom: 0;
}
/* ============ wide card ============ */
.wide-card {
		border: 0;
		padding-bottom: 2.5rem;
}
.wide-card .card-body {
		padding-left: 5px;
		padding-right: 5px;
}
.wide-card a .card-title {
		color: #212529;
}
.wide-card a:hover .card-title {
		color: #007587;
		text-decoration: underline;
}
.wide-card .card-footer {
		padding-left: 5px;
		padding-right: 5px;
		background-color: transparent;
		border-top-style: dotted;
		border-top-width: 2px;
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 0;
}
/* ============ full card ============ */
.card-full {
		border: 1px solid rgba(0, 0, 0, .125);
}
.card-full .card-photo {
		width: 30%;
		border-right: 1px solid rgba(0, 0, 0, .125);
}
.card-full .card-body {
		width: 70%;
		padding: 1.5rem 2rem !important;
}
/* ============  brand card ============ */
.brand-card img {
		padding: 1rem 2rem 0 2rem;
		margin: auto;

		width: auto;
}
.brand-card {
		border: 1px solid transparent;
		text-align: center;
		border-radius: 0;
}
.brand-card:hover {
		border-color: #ccc;
}
.brand-card .card-body {
		padding-left: 0;
		padding-right: 0;
}
a .brand-card .card-title {
		color: #212529;
}
a:hover .brand-card {
		color: #212529;
		text-decoration: underline;
}
/* ============ Desktop view ============ */
.container-max {
		max-width: 100%;
}
/* ============ Page Detail ============ */
.font-control .f-btn {
		padding: .125rem .5rem;
		border-radius: .25rem;
		font-weight: 600;
}
.font-control .f-btn.selected {
		background-color: #0092a9;
		color: #fff;
		font-weight: 400;
}
.font-control .f-btn.f-default {
		font-size: 100%;
}
.font-control .f-btn.f-medium {
		font-size: 120%;
}
.font-control .f-btn.f-large {
		font-size: 140%;
}
.detail-block .main-photo {
		text-align: left !important;
}
.detail-block .detail-text img {
		max-width: 100%;
		height: auto;
}
/* ============ Addiction Page ============ */
.addiction-ad {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left bottom;
		background-image: url(../../img/addiction/top_bg.png);
		background-color: #C2E7E9;
}
.addiction-bottom-bg {
		min-height: 400px;
		width: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left bottom;
		background-image: url(../../img/addiction/bottom_bg.png);
}
.addiction-bg {
		background-color: #e4e4e4;
}
.addiction-ad .info .content {
		padding-bottom: 3rem;
}
.page-addiction .owl-theme .owl-dots {
		bottom: -2rem;
}
.onlinetest-bg {
		background-color: #c2e7e9;
}
.page-addiction .btn-dw {
		width: 90px;
		height: 90px;
		padding: .5rem;
}
.page-addiction .btn-link {
		color: #34b9b7;
}
.page-addiction .btn-link:hover, .page-addiction .btn-link:focus {
		color: #ffaaad;
}
.page-onlinetest .breadcrumb-item + .breadcrumb-item::before, .page-addiction .breadcrumb-item + .breadcrumb-item::before {
		color: #333;
}
.page-onlinetest .breadcrumb-item.active, .page-addiction .breadcrumb-item.active {
		color: #6c757d;
}
.container.sp > .row {
		margin-left: 0;
		margin-right: 0;
}
#all-total-view {
		padding-top: 2.5rem;
}
/* ============ Social ============ */
.social-group .btn {
		height: 35px;
		width: 35px;
		padding: 0;
		text-align: center;
		border: 0;
		border-radius: 100%;
}
.social-group .list-group {
		margin: auto;
}
.social-group .list-group-item {
		border: 0;
		background-color: transparent;
		text-align: center;
		padding: 0;
		color: #fff;
		margin: 0 .75rem;
}
.social-group .list-group-item:hover {
		color: #0092a9;
}
.footer-nav {
		background-color: #333;
}
.footer-nav a {
		color: #f1f1f1;
}
.footer-nav a:hover {
		color: #fff;
}
.footer-nav .navbar-nav .nav-link {
		padding: .5em .75rem;
		position: relative;
}
.footer-nav .navbar-nav .nav-link::after {
		content: '|';
		display: block;
		position: absolute;
		right: -1px;
		top: 5px;
		opacity: .4;
}
.footer-nav .navbar-nav .nav-item:last-child .nav-link::after {
		display: none;
}
.about-mission .content > [class^='col-'] {
		margin-top: -4.75rem;
		margin-bottom: 0 !important;
}
@media (min-width: 1200px) {
		.help-nav_m.position-fixed .btn {
				width: 50px;
				height: 50px;
				line-height: 50px;
		}
		.page .offset-sm-1.col-sm-10 {
				max-width: 800px;
				margin: auto;
		}
}
@media (min-width: 1366px) {
		.container-max {
				max-width: 1366px;
		}
		.help-nav {
				margin-left: 1366px;
				right: auto;
		}
		.quick-nav {
				margin-left: 1110px;
				right: auto;
		}
		.help-nav_m.position-fixed {
				margin-left: 1376px;
				right: auto;
		}
		.help-nav.chat-mode {
				margin-left: 950px;
				right: auto;
		}
		.toast {
				margin-left: 1166px;
				right: auto;
		}
		.sidebar, .sidebar-menu {
				width: 256px;
		}
		.main-content {
				width: 1110px;
		}
}
/* ============ tablet view ============ */
@media (max-width: 1495px) {
		.toast, .help-nav, .help-nav_m.position-fixed {
				margin-left: 0;
				right: 0;
		}
		.quick-nav {
				left: auto;
				right: 0;
				border-radius: 1rem 0 0 1rem;
				width: 40px;
				height: 180px;
		}
}
@media (max-width: 1199px) {
		.table-responsive .table-wide-sm {
				min-width: 170%;
		}
		.none_page .main_logo {
				max-width: inherit;
				width: 20vw;
		}
		.container-max, .container-max .container {
				max-width: 100%;
		}
		.sidebar > ul.nav {
				padding: 0 0 6rem 0;
		}
		.help-nav, .help-nav_m.position-fixed {
				right: .5rem;
		}
		.index-promote .accesskey {
				padding-top: 1rem !important;
		}
		.index-promote .col-md-6 {
				padding: 0 !important
		}
		.index-promote .col-lg-6 {
				padding: 0 0 0 .5rem !important
		}
		.index-promote .col-md-6:first-child {
				padding-right: 1rem !important
		}
		.index-promote .col-md-6:nth-child(2) {
				padding-right: 1rem !important
		}
		.index-news .tab-content .row > .col-lg-4 {
				-ms-flex: 0 0 100%;
				-webkit-box-flex: 0;
				flex: 0 0 100%;
				max-width: 100%;
		}
		.index-news .card {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				-ms-flex-direction: row;
				flex-direction: row;
				margin-bottom: 2rem;
				height: auto;
		}
		.index-news .card > a {
				min-width: 30%;
				width: 30%;
		}
		.index-news .card, .index-news .card .card-body {
				padding-bottom: 0;
		}
		.index-news .card .card-footer {
				position: absolute;
				bottom: 0;
				right: 0;
				border-top: 0;
				padding-top: 0;
				padding-bottom: .5rem;
				width: auto;
				left: auto;
		}
		.index-news .btn-more {
				margin-top: 1rem !important;
		}
		.chat_pie canvas {
				width: 110px !important;
				height: 110px !important;
		}
		.chat_text .row.space {
				max-width: 100%;
		}
		.chart1, .chart2 {
				-ms-flex: 0 0 22%;
				-webkit-box-flex: 0;
				flex: 0 0 22%;
				max-width: 22%;
		}
		.chart3 {
				-ms-flex: 0 0 31%;
				-webkit-box-flex: 0;
				flex: 0 0 31%;
				max-width: 31%;
		}
		.chat_bar canvas {
				height: 250px !important;
		}
		.chat_text .item {
				width: 180px;
				height: 180px;
		}
		.chart2 .col-sm-6 {
				-ms-flex: 0 0 55%;
				-webkit-box-flex: 0;
				flex: 0 0 55%;
				max-width: 55%;
		}
		.bottom-sitemap .list-group-item.title {
				padding: 0.25rem 0;
				margin-bottom: 0.5rem;
		}
		footer .badge-block {
				padding-left: .25rem;
				padding-right: .25rem;
				padding-top: 0;
		}
		.about-mission .content > [class^='col-'] .card-header {
				padding: 2rem 1rem 1rem 1rem;
		}
		.about-mission .content.just-grid .card .card-body {
				padding: 0 1rem 2rem 1rem;
		}
		.about-mission .content.just-grid .card .card-subtitle {
				margin-bottom: 0 !important;
		}
		.about-mission .content.just-grid .card .card-subtitle br, .about-mission .content.just-grid .card .card-title br {
				display: none;
		}
		.about-mission .content > [class^='col-'] {
				margin-top: -3.75rem;
				margin-bottom: 0 !important;
		}
		.about-mission .content .card .card-cover {
				padding: .8rem
		}
		.about-mission .content > [class^='col-'] .card-header i {
				width: 45px;
				height: 45px;
		}
		.about-organization {
				overflow: hidden;
		}
		.about-organization .heading-txt br {
				display: none;
		}
		.about-organization .heading-txt {
				margin-bottom: 1rem !important;
		}
		.about-timeline .col-4 {
				-ms-flex: 0 0 25%;
				-webkit-box-flex: 0;
				flex: 0 0 25%;
				max-width: 25%;
				padding: 4rem 0 !important;
		}
		.about-timeline .col-8 {
				-ms-flex: 0 0 75%;
				-webkit-box-flex: 0;
				flex: 0 0 75%;
				max-width: 75%;
		}
		.about-timeline .timeline-list > .item:not(.year) > .row > [class^='col-']:first-child {
				-ms-flex: 0 0 20%;
				-webkit-box-flex: 0;
				flex: 0 0 20%;
				max-width: 20%;
		}
		.about-timeline .timeline-list > .item:not(.year) > .row > [class^='col-']:first-child .date {
				padding-left: .5rem !important;
				padding-right: .5rem !important;
		}
		.about-timeline .timeline-list > .item:not(.year) > .row > [class^='col-']:last-child {
				-ms-flex: 0 0 80%;
				-webkit-box-flex: 0;
				flex: 0 0 80%;
				max-width: 80%;
		}
		.about-timeline .timeline-list > .item.year h2 {
				margin-bottom: 0 !important;
		}
		.just-grid .card .card-title {
				margin-bottom: .5rem !important;
		}
		.icon-card.msg .card-body {
				padding-bottom: 0;
		}
		.wide-card.card-full .card-body {
				padding: 1rem !important;
		}
		.wide-card.card-full .card-title {
				margin-bottom: .5rem !important;
		}
		.wide-card.card-full .card-photo {
				width: 40%;
		}
		.wide-card.card-full .card-body {
				width: 60%;
		}
		.index-news .col-12 {
				padding: 0;
		}
		.sub-tabs.nav-tabs .nav-item .nav-link, .sub-tabs.nav-tabs .nav-link {
				padding: 0.25rem 0.5rem;
		}
		.page-enterprise .icon-hover.view {
				max-width: 7vw;
		}
		.page-enterprise .icon-nav {
				top: 3rem;
		}
}
/* ============ Mobile view ============ */
@media (min-width: 992px) {
		.navbar-brand {
				position: relative;
		}
		.sidebar > ul.nav {
				position: -webkit-sticky;
				position: sticky;
				top: 20px;
		}
		.sidebar {
				position: absolute;
				top: 0;
				height: calc(100%);
		}
}
@media (max-width: 991px) {
		.none_page .main_logo {
				width: 15vw;
		}
		.card-columns {
				-webkit-column-count: 2;
				-moz-column-count: 2;
				column-count: 2;
		}
		.sidebar-menu {
				width: 100%;
				height: calc(100% - 56px);
				position: fixed !important;
				top: 0;
				bottom: 0;
				left: 100%;
				visibility: hidden;
		}
		.sidebar-menu.offcanvas-collapse.left.open {
				background-color: rgba(0, 0, 0, .3);
				overflow-y: auto;
				overflow-x: hidden;
				visibility: visible !important;
		}
		.sidebar > ul.nav {
				padding: 0 0 1rem 0;
		}
		.main-content {
				width: 100%;
				margin-left: inherit;
		}
		.sidebar {
				min-width: 260px;
				max-width: 260px;
				width: 260px;
				z-index: 1150;
				position: -webkit-sticky;
				position: sticky;
		}
		.sidebar-menu.offcanvas-collapse.left.open + .main-content {}
		.sidebar-menu.offcanvas-collapse {
				top: 56px;
		}
		.sidebar-menu.offcanvas-collapse.left {
				left: 0;
		}
		header .navbar-toggler span {
				display: block;
				width: 20px;
				height: 1px;
				margin: 6px auto;
				background: #007587;
				-webkit-transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
				-o-transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
				transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
		}
		header .navbar-toggler:hover span, header .navbar-toggler:focus span {
				background: #007587;
		}
		/* rotate first span */
		header .navbar-toggler.open span:first-of-type {
				-webkit-transform: rotate(45deg) translate(6px, 6px);
				-ms-transform: rotate(45deg) translate(6px, 6px);
				transform: rotate(45deg) translate(6px, 6px);
		}
		/* hide second span */
		header .navbar-toggler.open span:nth-of-type(2) {
				opacity: 0;
		}
		/* rotate third span */
		header .navbar-toggler.open span:last-of-type {
				-webkit-transform: rotate(-45deg) translate(5px, -5px);
				-ms-transform: rotate(-45deg) translate(5px, -5px);
				transform: rotate(-45deg) translate(5px, -5px);
		}
		header .navbar-toggler span {
				-webkit-transform: none;
				-ms-transform: none;
				transform: none;
				opacity: 1;
		}
		.sidebar-bg {
				width: 100%;
				height: 100%;
				position: fixed;
				left: 0;
				top: 0;
				z-index: 999;
		}
		header {
				height: 56px;
		}
		header .brand-logo {
				width: 150px;
		}
		header .navbar-toggler {
				width: 30px;
				height: 30px;
				padding: 5px;
		}
		.main-content {
				padding-top: 56px;
		}
		.ad-chart.has-slider {
				padding-top: 0;
		}
		.quick-nav {
				height: 150px;
				width: 35px;
		}
		.index-promote .accesskey {
				padding-top: 1rem !important;
		}
		.index-promote .col-md-6, .index-promote .col-lg-3 {
				-ms-flex: 0 0 33.3%;
				-webkit-box-flex: 0;
				flex: 0 0 33.3%;
				max-width: 33.3%;
				margin-bottom: 0 !important;
		}
		.index-promote .col-md-6, .index-promote .col-lg-6 {
				-ms-flex: 0 0 33.3%;
				-webkit-box-flex: 0;
				flex: 0 0 33.3%;
				max-width: 33.3%;
		}
		.index-promote .photo-card.large {
				min-height: 300px;
		}
		footer .badge-block > a {
				margin-left: auto;
				margin-right: 0;
				padding-top: 1rem;
		}
		footer .footer-brand.col-sm-4 {
				-ms-flex: 0 0 30%;
				-webkit-box-flex: 0;
				flex: 0 0 30%;
				max-width: 30%;
		}
		footer .contact-block .col-sm-8 {
				-ms-flex: 0 0 70%;
				-webkit-box-flex: 0;
				flex: 0 0 70%;
				max-width: 70%;
		}
		.chat_pie > div.col-sm-3 {
				padding-right: 0;
				padding-left: 0;
		}
		.page-nav .pagenav-item a {
				padding: 0.5rem 0.5rem;
		}
		.page-nav .pagenav-item {
				margin-right: .5rem;
		}
		.index-promote .col-md-6:first-child {
				padding-right: 0.75rem !important
		}
		.index-promote .col-md-6:nth-child(2) {
				padding-right: 0.75rem !important
		}
		.index-news .col-12 {
				padding-right: 15px;
				padding-left: 15px;
		}
		.page-enterprise .icon-hover.view {
				max-width: 9vw;
		}
		.page-addiction .btn-dw {
				width: 70px;
				height: 70px;
				padding: 0.5rem;
		}
		.help-nav .list-group .list-group-item {
				max-width: 50%;
		}
		.help-nav .list-group .list-group-item a i {
				width: 30px;
				height: 30px;
		}
		.help-nav .list-group .list-group-item:nth-child(2), .help-nav .list-group .list-group-item:first-child {
				padding-top: 15px;
		}
		.help-nav .list-group .list-group-item:nth-last-child(2) a {
				border-bottom: 0;
		}
		.help-nav.show {
				right: 10%;
				bottom: 5%;
		}
		.table-responsive .table-wide-md {
				min-width: 150%;
		}
		.table-responsive .table-wide-sm {
				min-width: 200%;
		}
		.has-accordion .card .card-header button {
				padding: 0.5rem 1.75rem 0.5rem 1rem;
		}
		.has-accordion .card .card-header button > span:last-child {
				position: absolute;
				right: 0.75rem;
				top: 0.5rem;
		}
}
@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
		.index-news .col-12 {
				padding: 0;
		}
		.none_page .main_logo {
				width: 25vw;
		}
		.help-nav .list-group .list-group-item {
				max-width: 100%;
		}
		.help-nav .list-group .list-group-item:nth-child(2) {
				padding-top: 3px;
		}
		.help-nav .list-group .list-group-item:nth-last-child(2) a {
				border-bottom: 1px dotted #ccc;
		}
		.help-nav.show {
				right: 10px;
				bottom: 10%;
		}
}
@media (max-width: 767px) {
		.none_page .main_logo {
				width: 20vw;
		}
		.index-news .card {
				margin-bottom: 2rem;
				height: auto !important;
		}
		.index-news .card .photo {
				width: 35%;
		}
		.index-promote .col-md-6:first-child {
				padding-right: 0.5rem !important
		}
		.index-promote .col-md-6:nth-child(2) {
				padding-right: 0.5rem !important
		}
		.page .sub-tabs.nav-tabs .nav-item, .page-enterprise .sub-tabs.nav-tabs .nav-item {
				text-align: center;
				margin-bottom: 0.75rem;
		}
		.page .sub-tabs.nav-tabs .nav-item .nav-link, .page .sub-tabs.nav-tabs .nav-link, .page-enterprise .sub-tabs.nav-tabs .nav-item .nav-link, .page-enterprise .sub-tabs.nav-tabs .nav-link {
				padding: 0.25rem 0.25rem;
		}
		.page-enterprise .icon-check-block {
				padding-left: 0;
				padding-right: 0;
		}
		.quick-nav {
				height: 110px;
				width: 25px;
				border-radius: .5rem 0 0 .5rem;
		}
		.social-group {
				padding-bottom: .5rem;
		}
		.about-mission .content > [class^='col-']:first-child {
				margin-top: -2.75rem;
		}
		.about-mission .content > [class^='col-']:not(:first-child) {
				margin-top: 1rem;
		}
		.swiper-button-prev, .swiper-button-next {
				width: 30px;
				height: 50px;
		}
		.swiper-button-prev:after, .swiper-button-next:after {
				font-size: 120%;
		}
		.filter-block .item {
				max-width: 100%;
				margin-right: 0;
		}
		.filter-block {

				margin-right: 0;
		}
		.page-nav {
				overflow-x: auto;
				overflow-y: hidden;
				-webkit-overflow-scrolling: touch;
				-ms-overflow-style: -ms-autohiding-scrollbar;
				-ms-overflow-style: none;
				overflow: -moz-scrollbars-none;
				margin-bottom: 1rem;
		}
		.page-nav::-webkit-scrollbar {
				display: none;
		}
		.page-nav .pagenav-item {
				margin-right: 0;
		}
		.page-nav.nav-large {
				-ms-flex-pack: start !important;
				justify-content: flex-start !important;
		}
}
@media (min-width: 568px) and (max-width: 599px) {
		.justify-content-sm-center {
				-ms-flex-pack: center !important;
				justify-content: center !important;
		}
		.none_page .main_logo {
				width: 20vw;
		}
		.sidebar > ul.nav {
				padding: 0 0 5rem 0;
		}
		.contact_block .d-sm-block {
				display: block !important;
		}
		.contact_block .d-sm-none {
				display: none !important;
		}
		.contact_block .col-sm-6, footer .footer-brand.col-sm-4 {
				-ms-flex: 0 0 50%;
				-webkit-box-flex: 0;
				flex: 0 0 50%;
				max-width: 50%;
		}
		footer .contact-block.col-sm-9 {
				-ms-flex: 0 0 70%;
				-webkit-box-flex: 0;
				flex: 0 0 70%;
				max-width: 70%;
		}
		footer .badge-block.col-sm-3 {
				-ms-flex: 0 0 20%;
				-webkit-box-flex: 0;
				flex: 0 0 30%;
				max-width: 30%;
		}
		footer .badge-block > a {
				width: 20vw;
				margin-left: auto;
				margin-right: 3rem;
				padding-top: 2rem;
		}
		.quick-nav {
				height: 110px;
				width: 30px;
				border-radius: .5rem 0 0 .5rem;
		}
		.addiction-ad {
				margin-top: 0;
				background-image: url(../../img/addiction/top_bg_m.png);
				background-size: contain;
		}
		.addiction-ad .info .content {
				padding-bottom: 8rem;
				padding-left: 12rem;
		}
		.total_block br.d-none.d-sm-block {
				display: block !important;
		}
		.chat_pie > div.col-sm-3:first-child {
				-ms-flex: 0 0 21%;
				flex: 0 0 21%;
				max-width: 21%;
		}
		.chart1, .chart2 {
				-ms-flex: 0 0 20%;
				flex: 0 0 20%;
				max-width: 20%;
		}
		.chart3 {
				-ms-flex: 0 0 29%;
				flex: 0 0 29%;
				max-width: 29%;
		}
		.legend_more .col-sm-6 {
				-ms-flex: 0 0 50%;
				flex: 0 0 50%;
				max-width: 50%;
		}
		.chat_pie canvas {
				width: 90px !important;
				height: 90px !important;
		}
		.legend_item .color_block {
				min-width: 10px;
				min-height: 10px;
				width: 10px;
				height: 10px;
		}
}
@media (max-width: 567px) {
		.help-nav .list-group .list-group-item {
				max-width: 100%;
		}
		.help-nav .list-group .list-group-item:nth-last-child(2) a {
				border-bottom: 1px dotted #ccc;
		}
		.help-nav.show {
				right: 10px;
				bottom: 10%;
		}
		.none_page .main_logo {
				width: 30vw;
		}
		.help-nav .list-group .list-group-item:nth-child(2) {
				padding-top: 3px;
		}
		.card-columns {
				-webkit-column-count: 1;
				-moz-column-count: 1;
				column-count: 1;
		}
		.table-responsive .table-wide-md {
				min-width: 200%;
		}
		.table-responsive .table-wide-sm {
				min-width: 300%;
		}
		.sidebar li .submenu, .sidebar {
				min-width: 180px;
				max-width: 180px;
				width: 180px;
		}
		.index-news nav::after, .index-news nav::before, .index-news .nav-tabs .nav-link::before, .index-news .nav-tabs .nav-link::after {
				display: none;
		}
		.index-news .tab-pane > .row {
				margin: 0;
		}
		.index-news .tab-pane > .row > div, .index-news > div > .row .col {
				padding-left: 0;
				padding-right: 0;
		}
		.index-news .card .card-body {
				padding: 1rem 1.5rem;
		}
		.index-news .card .photo, .index-news .card .card-body {
				width: 100%;
		}
		.index-news .card > a {
				min-width: 100%;
				width: 100%;
		}
		.index-news .card {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
		}
		.index-news .card .card-footer {
				position: relative;
				padding: 0 1.5rem 1rem 1.5rem;
				text-align: right;
				width: 100%;
		}
		.index-news .nav-tabs .nav-link {

				margin: 0 2px;
				border-radius: 15px 15px 0 0;
		}
		.index-promote .photo-card {
				height: 150px;
				margin-bottom: 1.5rem !important;
		}
		.index-promote .col-md-6 {
				-ms-flex: 0 0 50%;
				-webkit-box-flex: 0;
				flex: 0 0 50%;
				max-width: 50%;
		}
		.index-promote .col-lg-6 {
				-ms-flex: 0 0 100%;
				-webkit-box-flex: 0;
				flex: 0 0 100%;
				max-width: 100%;
		}
		.index-promote .photo-card.large {
				min-height: 200px;
		}
		.index-promote .col-md-6, .index-promote .col-lg-6 {
				padding: 0 !important;
		}
		.index-promote .col-md-6:first-child {
				padding-right: 0.25rem !important;
		}
		.index-promote .col-md-6:nth-child(2) {
				padding-left: 0.25rem !important;
		}
		.help-nav {
				max-width: 280px;
		}
		.help-nav .list-group {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
		}
		.help-nav .list-group .list-group-item {
				width: 100%;
		}
		.total_block h3 {
				text-align: center !important;
				margin-bottom: 0 !important;
		}
		.legend_item {
				margin-bottom: 0.25em;
		}
		.legend_item .color_block {
				min-width: 10px;
				min-height: 10px;
				width: 10px;
				height: 10px;
		}
		.chat_pie .total_block h3::after {
				display: none;
		}
		.total_block {
				text-align: center;
				margin-bottom: 2rem;
		}
		.chat_pie canvas {
				width: 70px !important;
				height: 70px !important;
		}
		.chat_text .row.space {
				max-width: 100%;
		}
		.legend_more .chart_data {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
				width: 75%;
		}
		.legend_more .chart_data .legend_value {
				padding-left: .5rem;
		}
		footer .badge-block > a {
				padding-top: 1.5rem;
				padding-left: 0;
				margin: auto;
				text-align: center;
		}
		footer .footer-brand img {
				width: 50vw;
		}
		footer .copyright {
				padding-left: 1rem !important;
				padding-right: 1rem !important;
		}
		footer .footer-brand.col-sm-4, footer .contact-block .col-sm-8 {
				-ms-flex: 0 0 100%;
				-webkit-box-flex: 0;
				flex: 0 0 100%;
				max-width: 100%;
		}
		.bottom-sitemap .list-group-item {
				padding: 0;
		}
		.bottom-sitemap > div > div .px-2 {
				padding-left: 0 !important;
				padding-right: 0 !important;
		}
		.legend_more .legend_item {
				padding-left: 1rem;
				margin-bottom: 0;
		}
		.chat_text .total_block h3 {
				margin-top: 3rem;
		}
		.chat_text .item {
				width: auto;
				height: auto;
				border: 0;
				border-radius: 0;
				margin: auto;
				background-color: transparent;
		}
		.chat_text .item .no {
				width: 85px;
				height: 85px;
				border: 3px solid #007587;
				color: #007587;
				text-align: center;
				border-radius: 100%;
				margin: auto;
				background-color: #f8f9fa;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
		}
		.chart1, .chart2 {
				-ms-flex: 0 0 32%;
				-webkit-box-flex: 0;
				flex: 0 0 32%;
				max-width: 32%;
		}
		.chart3 {
				-ms-flex: 0 0 36%;
				-webkit-box-flex: 0;
				flex: 0 0 36%;
				max-width: 36%;
		}
		.help-nav, .help-nav_m.position-fixed {
				right: 0.25rem;
				bottom: 5rem;
		}
		.toast {
				right: 0.25rem;
				bottom: 0.25rem;
		}
		.about-mission .content {
				padding-left: 1rem !important;
				padding-right: 1rem !important;
		}
		.about-mission .content > [class^='col-']:first-child {
				margin-top: -1.5rem !important;
		}
		.about-mission .content > [class^='col-']:not(:first-child) {
				margin-top: .5rem !important;
		}
		.about-topic {
				top: 40%;
		}
		.about-topic .heading-txt {
				display: none;
		}
		.about-mission .content > [class^='col-'] .card-header {
				padding: 1rem;
		}
		.about-organization .col-8 {
				margin: 0 auto !important;
				-ms-flex: 0 0 80%;
				-webkit-box-flex: 0;
				flex: 0 0 80%;
				max-width: 80%;
		}
		.about-timeline .col-4 {
				-ms-flex: 0 0 100%;
				-webkit-box-flex: 0;
				flex: 0 0 100%;
				max-width: 100%;
				padding: 1rem 0 !important;
		}
		.about-timeline .title {
				top: 0;
				padding-top: 0;
				padding-bottom: 0;
				position: relative !important;
		}
		.about-timeline .col-8 {
				-ms-flex: 0 0 100%;
				-webkit-box-flex: 0;
				flex: 0 0 100%;
				max-width: 100%;
				padding: 1rem !important;
		}
		.about-timeline .timeline-list > .item:not(.year) > .row > [class^='col-']:first-child {
				-ms-flex: 0 0 25%;
				-webkit-box-flex: 0;
				flex: 0 0 25%;
				max-width: 25%;
		}
		.about-timeline .timeline-list > .item:not(.year) > .row > [class^='col-']:last-child {
				-ms-flex: 0 0 75%;
				-webkit-box-flex: 0;
				flex: 0 0 75%;
				max-width: 75%;
		}
		.about-mission .content > [class^='col-'] .card-header {
				padding: 1.5rem 2rem;
		}
		.about-mission .content.just-grid .card .card-body {
				padding: 0 2rem 2rem 2rem;
		}
		.quick-nav {
				height: 130px;
				width: 30px
		}
		.page .container > div.row {
				max-width: 100%;
				margin: auto;
		}
		.sub-tabs.nav-tabs .nav-item .nav-link, .sub-tabs.nav-tabs .nav-link {
				padding: 0.25rem 0.8rem;
				margin: 0 0.5rem;
		}
		.wide-card.card-full .card-photo {
				width: 100%;
				border-right: 0;
		}
		.wide-card.card-full .card-body {
				width: 100%;
		}
		.swiper-pagination {
				bottom: 0 !important;
		}
		.custom-nav .owl-prev, .custom-nav .owl-next {
				height: 50px;
		}
		.custom-nav {
				top: 35%;
		}
		.page .sub-tabs.nav-tabs .nav-item, .page-enterprise .sub-tabs.nav-tabs .nav-item {
				min-width: 50%;
				text-align: center;
				margin-bottom: .75rem;
		}
		.nav-tabs.report .nav-item {
				min-width: 33.3%;
				text-align: center;
				margin-bottom: 0;
		}
		.page .sub-tabs.nav-tabs .nav-item:last-child > .doc-dw-btn, .page-enterprise .sub-tabs.nav-tabs .nav-item:last-child > .doc-dw-btn {
				width: 100%;
		}
		.page-enterprise .icon-hover.view {
				max-width: 10.5vw;
		}
		.page-enterprise .icon-check-block {
				padding-left: 0;
				padding-right: 0;
		}
		.page-enterprise .icon-hover.view + p {
				padding-bottom: 0 !important;
		}
		.page-enterprise .icon-nav {
				-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
				overflow: hidden;
				overflow-x: auto;
				-webkit-box-pack: start !important;
				-ms-flex-pack: start !important;
				justify-content: flex-start !important;
		}
		.footer-nav .navbar-nav .nav-link {
				padding: 0.5em 0.25rem;
		}
		.addiction-ad {
				margin-top: 0;
				background-image: url(../../img/addiction/top_bg_m.png);
				background-size: contain;
		}
		.addiction-ad .info .content {
				padding-bottom: 15rem;
		}
		.addiction-bottom-bg .url-block {
				text-align: center !important;
				padding-top: 3rem;
		}
		.breadcrumb-item.active {
				display: none;
		}
		.search-box_m {
				max-width: 90%;
				left: 0;
				right: 0;
		}
}
@media (max-width: 414px) {
		.chart1, .chart2 {
				-ms-flex: 0 0 30.5%;
				-webkit-box-flex: 0;
				flex: 0 0 30.5%;
				max-width: 30.5%;
		}
		.chart3 {
				-ms-flex: 0 0 39%;
				-webkit-box-flex: 0;
				flex: 0 0 39%;
				max-width: 39%;
				padding-left: 0 !important;
		}
}
@media (max-width: 320px) {
		.sidebar li .submenu, .sidebar {
				min-width: 150px;
				max-width: 150px;
				width: 150px;
		}
		.sidebar > ul.nav > li > a.nav-link .subicon {
				right: .5rem;
		}
		.sidebar > ul.nav {
				padding: 0 0 5rem 0;
		}
		.sidebar li .submenu.dropdown-menu {
				min-width: 180px;
				max-width: 180px;
				width: 180px;
		}
		.index-news .nav-tabs .nav-link {
				padding: .25rem .85rem;
		}
		.total_block {
				margin-bottom: 1rem;
		}
		.chat_pie canvas {
				width: 60px !important;
				height: 60px !important;
		}
		.chat_pie > div.col-sm-3 {
				padding-right: 0;
				padding-left: 0;
		}
		.chart1 .col-sm-6, .chart2 .col-sm-6 {
				-ms-flex: 0 0 100%;
				-webkit-box-flex: 0;
				flex: 0 0 100%;
				max-width: 100%;
		}
		.chat_text .item .no {
				width: 75px;
				height: 75px;
				border: 2px solid #007587;
		}
		.sub-tabs.nav-tabs .nav-item .nav-link, .sub-tabs.nav-tabs .nav-link {
				padding: 0.25rem 0.75rem;
				margin: 0 0.25rem;
		}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.sidebar-menu {
				position: absolute !important;
		}
		.has-checkboxfilter .logo-card, .index-news .card {
				display: block !important;
				height: 100%;
		}
		.container-max {
				background-color: #0092a9;
		}
		img {
				min-height: 1px;
				min-width: 1px;
		}
}