/* color */
/* ===== root color ===== */
:root {
	--color-primary: #d0b2ab;
	--color-secondry: #ede1d4;
	--color-yellow: #ffc107;
	--color-red: #FF6670;
	--color-dark: #333;
	--color-gray: #666;
	--color-light: #999;
	--color-white: #fff;
	--color-hover: #FF6670;
	--color-primary-trans: rgb(212 190 185 / 90%);
	--color-secondry-trans: rgb(245 215 207 / 90%);
	--color-footer-text: #544d4d;
}

/* ===== selection ===== */
::-moz-selection { /* Code for Firefox */
  background: var(--color-primary);
  color: var(--color-white);
}
::selection {
  background: var(--color-primary);
  color: var(--color-white);
}
a, .btn { transition: 0.15s; }
a:hover { color: var(--color-primary); }

.name-color { color: #000099; }
.name-color:hover { color: #3463af; }
img{
	max-width: 100%;
}
p{
	line-height: 1.75;
}
.main-title{
	position: relative;
    margin-bottom: 30px;
}
.main-title h3{
	display: inline-block;
    font-size: 26px;
    margin-bottom: 10px;
}
body{
	color: #333;
	line-height: 1.75;
}
#toTop {
    position:fixed;
    z-index:90;
    right:30px;
    bottom:31px;
    display:none;
    width:50px;
    height:50px;
    color: var(--color-white);
    line-height:50px;
    border-radius:50%;
    transition:all 0.5s;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

header{
	padding: 0;
	box-shadow: 0 10px 10px rgba(0,0,0,0.25);
	position: sticky;
	z-index: 3;
	top: 0;
}
.list-block li{
	display: block;
}
/*------------------------------top header-----------------------------------*/
.header-top-box{
	padding: 8px 0;
	background: var(--color-primary);
}
.header_top_contact{

}
.header_top_contact li{
	display: inline-block;
	margin-right: 10px;
}
.header_top_contact li i{
	color: #fff;
	margin-right: 2px;
}
.header_top_contact li a:hover{
	text-decoration: underline;
}
.header_top_contact .lang-box{

}
.lang-box .selectpicker{
	margin-bottom: 0;
	background: transparent;
	border: 0;
	color: #fff;
}
@media (max-width:768px) {
	.header_top_contact .add{
		display: none;
	}
}
/*------------------------------header-----------------------------------*/
	#logo a { 
		display: block; 
		height: 100%; 
		margin: 0;
		padding: 20px 0;
	}
	#logo a:after { 
		content: ''; 
		display: block; 
		clear: both; 
	}
	#logo img { 
		float: left;
	}
	.logo { 

	}
	.logo-after { 
		height:45px;
		margin-top: 16px;
	    margin-left: 10px; 
	}
	.logo-footer { 
		width:200px; 
	}
	.button.lang-en { 
	    line-height: 28px!important;
	    height: auto;
	    padding: 0 10px;
	    margin: 0 7px 0 0;
	    border: 1px solid #A83431;
		 }
	@media (max-width:1199px) and (min-width:992px) {
		.logo {/*height:60px;*/ }
		#logo{
			text-align: center;
		}
		#logo a{
			display: inline-block;
			text-align: center;
		}
		#logo img{
			height: 50px;
		}
		.logo-after { 
			height:30px;
			margin-top: 18px;
		    margin-left: 10px; 
		}
		.button.lang-en { padding:0 10px; }
		/*.megamenu > li a.drop-down { padding-right:0; }*/
		.megamenu > li { padding:15px 8px; }
		nav{
			text-align: center;
		}
		.megamenu > li a.drop-down, .megamenu > li a.nodrop-down{
			padding: 40px 5px !important;
		}
		.megamenu > li .drop-down-container.normal{
			top: 50px;
		}
	}
	@media (min-width:992px) {
		div#google_translate_element {
	    float: right;
		}
		.button.lang-en { 
		    float: right;
		    clear: right;
			top: 6px;
			position: relative;
			margin-right: 0;
			margin-left: 6px;
			padding: 0 13px;
		 }
		.button.lang-en.home { clear: none; }
		.megamenu > li .drop-down-btn {
			display: none;
		}
		/*.megamenu > li .drop-down-container.normal { display: block!important }*/
		.megamenu > li .drop-down-container.normal { top:46px; padding-top:6px; }
		.megamenu > li .drop-down-container.normal:hover, 
		.megamenu > li a.drop-down:hover + .drop-down-container.normal { display: block!important; }

		.megamenu > li li { position: relative; }
		.megamenu > li li:hover .drop-down-level2 { display: block; }
		.drop-down-level2 { 
			display: none; 
			position: 
			absolute; 
			right: -100%; 
			top: 0; 
			box-shadow: 0 1px 40px 0 rgba(0,0,0,.1);
			box-shadow: 0 2px 8px rgba(0,0,0,0.5);
		}
		.megamenu > li .drop-down-level2 li a { background: #ccc; color: #222; }
		.megamenu > li .drop-down-container{
			border-radius: 0 0 5px 5px;
		}
		.megamenu > li .drop-down-container{
			margin-bottom: 0;
		}
		.drop-down-container.normal ul{
			border-radius: 5px;
		}

	}
	@media (max-width:991px) {
		.logo { height:60px; }
		.logo-after { 
			height:30px;
			margin-top: 18px;
			margin-bottom:20px;
		    margin-left: 10px; 
		}
		#logo {text-align: center;}
		div#google_translate_element {
	    float: right;
		}
		.button.lang-en { 
		    float: left;
		}
		nav{
			background: var(--color-primary) !important;
		}
		a#megamenu-button-mobile{
			text-align: left;
    		color: #fff;
    		text-shadow: none;
    		padding: 10px 10px;
		}
		.megamenu > li a.drop-down{
			color: #fff !important;
		}
		.megamenu > li a.drop-down:hover{
			background: var(--color-primary);
		}
		.megamenu > li a.drop-down, 
		.megamenu > li a.nodrop-down{
			padding: 15px 10px !important;
		}
		.drop-down-container.normal ul li a{
			background: #f1f1f1;
		}
		.megamenu > li .drop-down-container.normal{
			top: 0  !important;
		}
		.megamenu > li a.drop-down i, .megamenu > li a.nodrop-down i{
			display: none;
		}
		.megamenu > li { 
			position: relative; 
			border-top: 1px solid #ebbdf5; 
		}
		.megamenu > li .drop-down-btn {
			z-index: 9999;
			content:'';
			display: block;
			width:40px;
			height:40px;
			position: absolute;
			right:0;
			top:0;
		    background: url(../img/arrow-down-white.png) no-repeat 97.7% 12px;
		    background: url(../img/arrow-down-white.png) no-repeat center center;
    		background-size: auto 15px;
		}
		.megamenu > li .drop-down-level2 li { 
			margin-left: 14px; 
			border-left: 0 !important;
			margin-left: 0;
			padding-left: 15px;
    		background: #f1f1f1;
		}
		.drop-down-container.normal ul li a{
			
		}
		.drop-down-container.normal ul li {
			border-color:#d9c0e0; 
		}
		.drop-down-container.normal ul li a { background: #2E1410; }
		.drop-down-container.normal ul li a:hover { background: #4C3F3C; }
		.drop-down-container .drop-down-level2 ul li a{
			background: #f1f1f1 !important;
		}

	}
	@media (max-width:767px) {
		#logo { 
			background: none; 
			height: auto; 
			margin-bottom: 0;
		}
		#logo:after { 
			content: ''; 
			display: block; 
			clear: both; 
			margin-bottom: 10px; 
		}
		#logo img { 
			display: inline-block; 
			float: none; 
			visibility: visible; 
			max-width: 100%; 
			width: 250px; 
			height: auto; 
		}
		#logo img.logo-after { 
			display: none; 
		}
		#logo a { 
			height: auto; 
		}
	}
/*------------------------------nav-----------------------------------*/
nav{
	background: transparent;
	margin-bottom: 0;
}
ul.megamenu{
	float: right;
}
.megamenu_container{
	width: auto;
}
.megamenu > li{
	padding:0;
}
.megamenu > li a.drop-down{
	color: #fff;
}
.megamenu > li:hover{
	background: transparent;
	box-shadow: none;
}
.megamenu > li a.drop-down:hover{
	color: #fff;
}
.megamenu > li a.drop-down, 
.megamenu > li a.nodrop-down{
	text-shadow: none;
	font-size: 17px;
	line-height: 20px;
	padding: 40px 10px;
	display: block;
	font-weight: 400;
}
.megamenu > li a.drop-down i, 
.megamenu > li a.nodrop-down i{
	margin-left: 3px;
}
.drop-down-container.normal ul{
	background: #fff;
}
.drop-down-container.normal ul li a{
	background: #fff;
	color: #333;
	font-size: 14px;
	padding: 10px 15px;
    border-bottom: 1px solid #dddd;
    margin-bottom: 0;

}
.drop-down-container.normal ul li a:hover{
	background: #fff;
	color: var(--color-primary);
}
.megamenu > li .drop-down-container.normal{
	background: #fff;
	box-shadow: 0 1px 40px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 8px rgba(0,0,0,0.5);
	top: 100px;
	padding: 0;
}

@media (max-width: 991px){
	ul.megamenu{
		float: none;
	}
	.megamenu > li .drop-down-container.normal{
		width: 100%;
	}
	.megamenu_container{
		width: 100%;
    	text-align: center;
    	display: inline-block;
	}
	ul.megamenu{
		float: none;
	}
}
@media (max-width: 768px){
	.megamenu_container{
		text-align: left;
	}
}
/*------------------------------idnex-about-----------------------------------*/
.index-about-box{
	background: #f1f1f1;
	padding: 40px 0;
}
.index-about-box .bottom-info{

}
.index-about-box .bottom-info ul{
	margin: 0;
	padding: 0;
}
.index-about-box .bottom-info ul li{
	overflow: hidden;
}
.index-about-box .bottom-info ul li .img{
	float: left;
	background: var(--color-primary-trans);
	border-radius: 50%;
	width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-right: 15px;
}
.index-about-box .bottom-info ul li:nth-of-type(even) .img{
	background: var(--color-primary);
}
.index-about-box .bottom-info ul li .img img{
	margin-bottom: 0;
}
.index-about-box .bottom-info ul li .text{
	float: left;
}
.index-about-box .bottom-info ul li .text h3{
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
.index-about-box .bottom-info ul li .text p{

}

@media (max-width:768px) {
	.index-about-box .bottom-info ul li .img{
		float: none;
		margin-right:0;
	}
	.index-about-box .bottom-info ul li .text{
		float: none;
	}
}
/*------------------------------idnex-news-----------------------------------*/
.index-news-box {
	padding: 0;
}
.index-news-box .item{	
    margin-bottom: 30px;
}
.blog_post_home4{
	position: relative;
	box-shadow: 0 5px 20px 0 rgba(0,0,0,.05);
}
.blog_post_home4 .details p{
	margin-bottom: 0;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
}
.blog_post_home4 .details h5{
	color: #8a1580;
}
.blog_post_home4 .bph4_thumb{
	overflow: hidden;
	background: #f3f3f3;
}
.blog_post_home4 .bph4_thumb img{
	transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
}
.blog_post_home4:hover .bph4_thumb img{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.index-news-box .blog_post_home4 .bph4_thumb .bph4_date_meta{
	border-radius: 4px;
    left: 30px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    text-align: center;
}
.blog_post_home4 .bph4_thumb .bph4_date_meta .year, 
.blog_post_home4 .bph4_thumb .bph4_date_meta .date{
	margin-bottom: 0;
}
.blog_post_home4 .bph4_thumb .bph4_date_meta .year{
	background-color: #dab4ec;
    color: #221f1f;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 20px 3px;
}
.blog_post_home4 .bph4_thumb .bph4_date_meta .date{
	background-color: #ffffff;
    color: #221f1f;
    font-size: 15px;
    font-weight: normal;
    padding: 3px 13px 5px;
}
.blog_post_home4 .details{
	padding: 15px;
	background: #fff;
}
.blog_post_home4 .details h4{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.blog_post_home4 .details h4 a{
	
}
.blog_post_home4 .details h4 a:hover{
	text-decoration: underline;
}
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev{
	position: absolute;
	top: 50%;
	font-size: 40px;
}
.owl-carousel .owl-nav button.owl-next i,
.owl-carousel .owl-nav button.owl-prev i{
	color: #333;
    font-size: 24px;
}
.owl-carousel .owl-nav button.owl-prev{
	left: -75px;
}
.owl-carousel .owl-nav button.owl-next{
	right: -75px;
}
/*------------------------------index-link-----------------------------------*/
.index-link-box{
	padding: 40px 0;
	background: #f9f9f9;
}
.index-link-box .img_hvr_box{
	margin-bottom: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.index-link-box .img_hvr_box:hover{
	cursor: pointer;
   	opacity: .8;
}
/*------------------------------footer-----------------------------------*/
	#toTop {
		cursor: pointer;
		z-index: 50;
		font-size: 24px;
		background: var(--color-primary);
		transition: 0.15s;
	}
	#toTop:hover, #toTop:focus { background: var(--color-secondry); color: var(--color-primary); }
	.oz { font-size: 12px; color:#A4A4A4; margin-left:5px; display: inline-block; }
	.oz:hover { color:#941713; }
	#quick-links ul li {     width: 50%; float: left; }
	#contacts-footer .info {
	    color: #3D3D3D;
	}
	.map-wrap iframe{ width:50%; height:100%; float:left; }
	#contacts-footer ul { width:50%; float:left; padding:0 0 0 15px; }
	#contacts-footer ul li {     text-indent: -1.1em; margin-left: 1.1em; }
	#contacts-footer ul li i {
	    text-indent: 0;
	}
	footer { 
		font-size: 14px;
		color: var(--color-dark);
	}
	footer .footer-top { padding: 40px 0; background: var(--color-secondry);}
	footer .footer-bottom { padding: 15px 0; background: var(--color-footer-text); line-height: 20px; text-align: center;}
	footer a{
		color: var(--color-footer-text);
	}
	footer a:hover{
		color: var(--color-footer-text);
		text-decoration: underline;
	}
	footer .footer-bottom,
	footer .footer-bottom a { color: var(--color-secondry); }
	.footer-top h5 { font-size: 20px; font-weight: bold; line-height: 40px; }
	.footer-top .list.list-icons li { position: relative; margin-bottom: 15px; padding-left: 40px; font-size: 16px; }
	.footer-top .list.list-icons li:last-child { margin-bottom: 0; }
	.footer-top .list.list-icons li .fa { position: absolute; left: 0; top: 0; font-size: 24px; color: var(--color-red); }
	.footer-top .list.list-icons li,
	.footer-top .list.list-icons li a { color: var(--color-footer-text); }
	.footer-top .list.list-dot { display: flex; flex-wrap: wrap; padding-left: 24px; list-style: unset; color: var(--color-secondry); }
	.footer-top .list.list-dot li { flex: 0 0 50%; margin-bottom: 10px; }
	.footer-top .list.list-dot li,
	.footer-top .list.list-dot a { font-size: 16px; color: var(--color-footer-text); }

	.border-title:after { display: block; content: ""; margin: 5px 0 20px 0; width: 20px; height: 2px; background: var(--color-red); }
	@media (max-width:991px) {
		#quick-links { margin-bottom:30px; }
		footer #brand-footer { padding-top:60px; }
		#quick-links ul li {     width: 25%; float: left; }
		.map-wrap iframe{ width:100%; height:100%; float:none; }
		#contacts-footer ul { width:100%; float:none; padding:0; }
	}
	@media (max-width:767px) {
		#quick-links { margin-bottom:0px; }
		#quick-links ul li {     width: 33%; float: left; }
		footer #quick-links ul { border-bottom:1px solid #eee;padding-bottom:15px; margin-bottom:20px; }
		footer #contacts-footer {  }
		footer #contacts-footer ul {border-bottom:1px solid #eee;padding-bottom:15px; margin-bottom:20px; }
		footer #brand-footer hr { display: none; }
		footer #brand-footer .oz { display: block; }
	}
/*------------------------------header-banner-----------------------------------*/
.page-content{
	background: url('../img/in-banner/in-banner.jpg') center center no-repeat;
	background-size: cover;
}
.dlab-bnr-inr-entry.align-m{
	vertical-align: middle;
	height: 200px;
	text-align: center;
	display: table-cell;
}
.dlab-bnr-inr h1{
	font-weight: 600;
    font-size: 40px;
    margin-bottom: 10px;
    color: #fff;
}
.breadcrumb{
	text-align: left !important;
}
.breadcrumb li{
	
}
.breadcrumb li a{
	color: #fff;
}
.breadcrumb > .active{
	color: #fff;
}

/*------------------------------in main -----------------------------------*/
.in-main-box{
	padding-top: 40px;
    padding-bottom: 40px;
    min-height: 500px;
    background-color: #fff;
}

.col-right{
	padding: 15px 20px;
}
.title-course{
	background: var(--color-footer-text);
}
.strip-courses{
	background: #f1f1f1;
	color: #666;
}
.strip-courses .description .button_medium{
	background: #fff;
	color: var(--color-dark);
	border: 1px solid var(--color-primary);
}
.strip-courses .description .button_medium:hover{
	background: var(--color-primary-trans);
	color: var(--color-white);
}
/*------------------------------ pagination -----------------------------------*/
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover{
	background-color: var(--color-primary);
    border-color: #333;
}
.pagination>li>a, .pagination>li>span{
	color: #333;
	padding: 10px 15px;
}
/*------------------------------home-----------------------------------*/
	.tp-simpleresponsive a { display: block; width:100%; height: 100%; position: relative; z-index: 40; }

	.home-left, .home-right {  position: relative; z-index: 40;  }
	.home-left .pic-btn { margin-bottom:10px; display: block;}
	.home-left .pic-btn:last-of-type { margin-bottom:0; }

	/*banner*/
	.slider{
		overflow: hidden;
		position: relative; z-index: 1;
		top: -100px; margin-bottom: -100px;
	}
	.slidelink { left:0!important; }
	.slider .tp-caption.very_big_white {
		font-family: "Lato", Helvetica, serif;
		line-height: 1.5em;
		padding:1.2%;
		font-weight: normal;
		font-size: 32px;
		position: absolute;
		background-color: transparent;
		text-shadow: 0 0 10px #000;
		margin:0 0 50px 0;
		background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(128, 128, 128, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
		background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(128, 128, 128, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(128, 128, 128, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	}
	.slider .tp-caption.very_big_white:before {
		height:2px;
		width:100%;
		content:'';
		display: block;
		position: absolute;
		top:1px;
		background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
		background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	}
	.slider .tp-caption.very_big_white:after {
		height:2px;
		width:100%;
		content:'';
		display: block;
		position: absolute;
		bottom:1px;
		background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
		background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
	}
	/*@media(min-width:1200px) {
		.slider .tp-caption.very_big_white { margin:0 -80px 50px 0; } 
	}*/
	@media (max-width:479px) {
		.slider .tp-caption.very_big_white { padding: 3% 18%; }
	}


	/* news meq2 */
	.top_wrap { 
		position: relative;
		margin-bottom: 10px; padding: 15px 15px 15px 115px!important; /*background: #941713;*/
        background-image: -webkit-linear-gradient(90deg, #AB2622 0%, #941713 50%, var(--color-primary) 100%);
        background-image: -moz-linear-gradient(270deg, #AB2622 0%, #941713 50%, var(--color-primary) 100%);
        background-image: linear-gradient(0deg, #591379 0%, #631986 50%, var(--color-primary) 100%);
	}
	.top_wrap .title {
	    z-index: 1;
	    position: absolute;
	    box-shadow: 7px 0 7px -7px #4F1513;
	    font-weight: 600;
	    font-size: 20px;
	    padding: 5px 10px 5px 0;
	    top: 15px;
	    left:15px;
	    font-family: "Lato", Helvetica, serif;
	    animation:shineText 2s infinite alternate; /*IE*/
	    -moz-animation:shineText 2s infinite alternate; /*FireFox*/
	    -webkit-animation:shineText 2s infinite alternate; /*Chrome, Safari*/	
	}
	.top_text  { overflow: hidden; height: 32px; }
	.top_text .run { line-height: 32px; font-weight: bold; font-size: 16px; color: #fff; margin-top: -32px; /* padding-left: 50px;  */}
	/* .top_text .run li {  list-style-type: circle; list-style-image: url('../img/sea005.gif'); } */
	.top_text .run li { position: relative; padding-left: 37px; }
	.top_text .run li .seaimg { position: absolute; top: 0; left: 0; padding-right: 5px; }
	.top_text .run li a { color: #fff; display: block; line-height: 32px;}
	.top_text .run li a:hover { color: #e0e0e0; }
	.top_text .run li .seaimg img { line-height: 1; }
	@media (max-width:767px) {
		.top_wrap a { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	}
	@media (max-width:479px) {
		.top_wrap .run { font-size: 14px; }
		.top_wrap { padding: 10px 10px 10px 85px!important }
		.top_wrap .title { font-size: 12px; left: 10px; top: 10px; }
	}

	/*news meq*/
	.col-right.marquee p { margin: 0 0 5px 0; }
	.marquee { position: relative;     margin-bottom: 10px; padding: 15px 15px 8px 103px!important; /*background: #941713;*/
	        background-image: -webkit-linear-gradient(90deg, #AB2622 0%, #941713 50%, #AD4E4B 100%);
	        background-image: -moz-linear-gradient(270deg, #AB2622 0%, #941713 50%, #AD4E4B 100%);
	        background-image: linear-gradient(0deg, #AB2622 0%, #941713 50%, #AD4E4B 100%);
	}
	.marquee .title {
	    z-index: 1;
	    position: absolute;
	    box-shadow: 7px 0 7px -7px #4F1513;
	    font-weight: 600;
	    font-size: 20px;
	    padding: 5px 10px 5px 0;
	    top: 9px;
	    left:15px;
	    font-family: "Lato", Helvetica, serif;
	    animation:shineText 2s infinite alternate; /*IE*/
	    -moz-animation:shineText 2s infinite alternate; /*FireFox*/
	    -webkit-animation:shineText 2s infinite alternate; /*Chrome, Safari*/	
	}

	@keyframes shineText {
	    from {color:#FFF;}
	    to {color:orange;}
	}
	@-moz-keyframes shineText{
	    from {color:#FFF;}
	    to {color:orange;}
	}
	@-webkit-keyframes shineText{
	    from {color:#FFF;}
	    to {color:orange;}
	}

	.marquee  span.marquee-text, .marquee  .marquee-text a { font-size: 16px; color:#fff; font-weight: 600; }


	/*3box*/
	.box-style-2 a { overflow: hidden; background: #fff; }
	.box-style-2 a img { border:2px solid #E2E2E2; border-radius: 6px; }

	/*pav-news*/
	.pav-news .pav-news-top-box a{

	}
	.pav-news .pav-news-top-box a:hover{
		text-decoration: underline;
		font-weight: bold;
	}
	.pav-news { margin-bottom:20px; }
	.pav-news .desc { margin-bottom:10px; }
	.pav-news i { 
		margin-right:5px; 
	}
	.pav-news h3 { 
		color:var(--color-primary);  
	}
	.pav-news h4 {width:100%; display: block; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; margin-bottom:2px;}
	.pav-news hr { margin:8px 0 2px 0; }
	.pav-news .strip-lessons { padding:8px 0px; margin:0; }
	.pav-news ul.data-lessons { margin:0; }
	.pav-news .button_large { margin-top:20px; }

	.page-news h3 { 
		font-size: 20px; 
	}
	.page-news h4 { 
		font-size: 14px; 
	}
	.page-news h4 a { color:#000 }
	.page-news h4 a:hover { color:#555 }
	.page-news .strip-lessons { 
		padding:10px 0px; 
	}
	.page-news .strip-lessons .col-md-12 { padding-left: 117px; position: relative; }
	.page-news .strip-lessons .data-lessons { position: absolute; left: 17px; top: 0; }
	.page-news>div:nth-last-child(1) { border-bottom: none; }

	.page-download{

	}
	.page-download h3 { 
		font-size: 20px;
	}
	.page-download .strip-lessons {
		padding: 10px 0px; 
	}
	.page-download h4 { font-size: 16px; }
	.page-download .strip-lessons .col-md-12 { padding-right: 117px; position: relative; }
	.page-download .strip-lessons .data-lessons { position: absolute; right: 17px; top: 0; }

	/*pav-fck*/
	.pav-fck { margin-bottom:20px;     background-color: #F8F6F6; }
	.pav-fck .strip-lessons { border:none; }
	.pav-fck>h3 { margin: 0; }
	.pav-fck>h3+.strip-lessons .model-box-wrap .this-model:nth-child(1) { margin-top: 10px; }
	.pav-fck .strip-lessons { margin: 0; padding: 0; }
	.pav-fck .model-box-wrap { padding: 0; }



	/*social*/
	.social-wrap  { text-align: center; }
	.social-wrap .youtube a, .social-wrap .twitter a,.social-wrap  .fb a { text-align: center;  }
	.social-wrap .youtube ,.social-wrap .twitter ,.social-wrap  .fb {  margin:30px 0; }
	/*@media (max-width:1199px) and (min-width:768) {
		.social-wrap .youtube a, .social-wrap .twitter a, .social-wrap .fb a {
		    position: relative;
	        line-height: 1.2em;
	    	padding: 15px 0 0 40px;
		}
		.twitter i, .fb i, .youtube i { 
		    position: absolute;
		    left: 20px;
		    top: 12px;
		}
	}*/
	@media (max-width:1199px) {
		.social-wrap { margin:15px 0; }
		.social-wrap .youtube , .social-wrap .fb {
			width:100%;
			margin:0 0 15px 0;
		}
	}

	/*pav-pic-video*/
	/*.pav-pic-video h4 { color:#941713;}
	.pav-pic-video .a-wrap { display: block;     border-radius: 5px; background: #fff; border:1px solid #E2E2E2; padding:6px; }
	.pav-pic-video .a-wrap p { margin:6px 0 0 0; color:#444; }
	.pav-pic-video .button_red_small { margin-top:10px; }*/

	.pav-pic-video .feat { padding:0; }
	.pav-pic-video hr.double { margin:0; }
	.pav-pic-video .feat>a {
	    display: block;
	    text-decoration: none;
	    margin-top:20px;
	}
	.pav-pic-video .feat a, .pav-pic-video h3 { padding:4px 20px; }
	.pav-pic-video { text-align: left; padding:0; }
	.pav-pic-video .img-wrap { width:40%; display: inline-block; vertical-align: middle; margin-right:7px; }
	.pav-pic-video h4 { display: inline-block; width: 55%; vertical-align: middle; font-size: 15px; font-weight: normal; color:#000;  }
	.pav-pic-video h3 { color:#941713; background: #ECE6E6; position: relative; font-size: 20px; }
	.pav-pic-video .more { font-size: 13px; position: absolute; right:0; top:0; color:#444; }
	@media (max-width:1199px) and (min-width:992px) {
		.page-wrap .pav-pic-video h4,
		.page-wrap .pav-pic-video .img-wrap { width: 100%; display: block; }
		.page-wrap .pav-pic-video h4 { margin-top: 10px; }
	}
	@media (max-width:479px) {
		.pav-pic-video h4,
		.pav-pic-video .img-wrap { width: 100%; display: block; }
		.pav-pic-video h4 { margin-top: 10px; }
	}

	/*qr-code*/
	.qr-code { margin-bottom:30px; }
	.qr-code .img { width:50%; float:left; padding:20px; }
	.qr-code .img img { width:100%; }
	@media (max-width:991px) and (min-width:768px) {
		.qr-code .img { width:100%; float:none;  }
		.qr-code .img img { width:200px; margin:auto; }
	}

	@media ( min-width:992px) {
		/* .page-wrap .qr-code .img { float: none; max-width: 100%; width: 178px; margin: auto; } */
		.page-wrap .qr-code .img { padding: 10px; }
		.page-wrap .youtube, .page-wrap .fb { width: 100%; margin: 0 0 15px 0; }
	}
	@media ( min-width:992px) and (max-width:1199px) {
		.page-wrap .qr-code .img { float: none; max-width: 100%; width: 178px; margin: auto; }
	}
	@media (max-width:991px) {
		.page-wrap .qr-code .img { padding: 5px 20px; max-width: 50%; width: 200px; display: inline-block; float: none; }
		.page-wrap .youtube, .page-wrap .fb { width: 49.5%; margin: 0 0 15px 0; }
	}
	@media (max-width:400px) {
		.page-wrap .youtube, .page-wrap .fb,
		.page-wrap .qr-code .img  { max-width: 100%; width: 180px; }
	}
/*------------------------------strip-staff-table--------------------------*/	
.strip-staff-top-item{
	margin-bottom: 25px;
    margin-top: 15px;
}
.strip-staff-top-item ul{
	
}
.strip-staff-top-item ul li{
	display: inline-block;	
}
.strip-staff-top-item ul li a{
	font-size: 16px;
	border: 1px solid #ddd;
	padding: 7px 14px;
}
.strip-staff-top-item ul li a:hover{
	background: #f1f1f1;
}
.strip-staff-table{

}
.strip-staff-table .list-disc{
	padding-left: 20px;
}
.strip-staff-table .list-disc li{
	list-style: disc;
	line-height: 1.75;
}
.strip-staff-table .data-staff{

}

/*------------------------------member-dt-wrap--------------------------*/
	.strip-ls-desc { margin-bottom: 10px; }
	.strip-ls-desc-title { font-size: 14px; font-weight: bold; margin: 0 0 3px 0; color: #222!important; }
	.strip-ls-desc-title+.fck,
	.strip-ls-desc-title+.fck p { font-size: 14px; }
	.member-dt-wrap .tabs-content>li>div:last-child { margin: 0; }
	.member-dt-wrap .strip-courses .description p { margin-bottom: 0; }
	.member-dt-wrap .strip-courses .title-course { background-color: #ebedef; border-bottom: 2px solid #ffffff; } 
	.member-dt-wrap .strip-courses .title-course h3 { color: #444; font-size: 14px; }
	@media (max-width:767px) {
		.member-dt-wrap .tabs {
			border: none;
		}
		.member-dt-wrap ul.tabs li { margin: 2px; }
		.member-dt-wrap ul.tabs li a { border-radius: 3px; }
	}
	

/*---------------------------album----------------------------*/
	.album-wrap .album-ls .img-wrap { margin-bottom: 12px; }
	.album-wrap .album-ls h5 {
		overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	}
	.album-wrap .model-box-wrap { margin: 30px 0; }
	.album-cate { width: 340px; max-width: 100%; }
	@media (min-width:992px) {
		.album-wrap .page-title.mb { display: block; font-size: 30px; text-align: center; }
	}
	

/*-------------------------equ-wrap----------------------*/
	.equ-wrap .strip-lessons a { 
		color: #222; 
		 -webkit-transition: all 0.3s ease;
		  -moz-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
		  transition: all 0.3s ease;
	}
	.equ-wrap .strip-lessons a:hover { text-decoration: none; color:#666 }

	.equ-dt-wrap .title-course h3 { line-height: 1.3em; padding: 10px; }
	.equ-dt-wrap .en { font-size: 14px; }

/*-----------------------cg----------------------*/
	.name-link { color: #395070; }
	.name-link:hover { color: #607796; }
	.cgdesc img { width: 240px; margin-bottom: 5px; }
	.cgdesc .img-desc { font-size: 14px; font-weight: bold; color: #444; }
	.strip-courses .description .cgdesc ul li { display: block; margin-bottom: 5px; border: none; }
	.cgdesc {
	    display: table;
	    width: 100%;
	    float: none;
	    margin: 0;
	}
	.cgdesc>div {
		display: table-cell;
	    vertical-align: middle;
	    float: none;
	    width: auto;
	}
	.cgdesc>div:last-child {
		padding: 0 20px;
		width: 300px;
	}
	.strip-courses .description .cgdesc ul li.cg-teacher-name {
	    font-size: 18px;
    	margin-bottom: 10px;
	}

	@media (max-width:767px) {
		.cgdesc .img-desc { text-align: left; }
		.cgdesc>div { display: block; }
	}

/*------------------------------common-----------------------------------*/
ul.submenu-col li {
	line-height: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
ul.submenu-col li a{
	padding: 10px 0 10px 15px;
}
ul.submenu-col li a:hover{
	background: #efefef;
    color: var(--color-primary);
}
ul.submenu-col li a#active{
	background: #efefef;
	color: var(--color-primary);
}
ul.submenu-col>li:before{
	content: "";
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    width: 5px;
    height: 5px;
    background:#c00;
    top: 17px;
}



	.post-left i {
		margin-right: 4px;
	    display: inline-block;
	    width: 18px;
	    text-align: center;
	    color: var(--color-primary);
	}
	.breadcrumb { text-align: right; margin: 0; padding: 8px 0; }
	.col-left { 
		padding: 15px 15px; 
	}
	.col-left .threemenu { padding: 0; display: none; }
	.col-left .threemenu li { 
		padding-left: 0px;
	/*  border-bottom: 1px solid #e2e2e2; */ 
	}
	.col-left .threemenu li a { 
		color: #000; 
		padding-left: 30px;
		margin-bottom: 0;
	}
	.col-left .threemenu li a:hover{
		background: #e5c3f5; 
		color: #333;
	}
	.col-left .threemenu li a#active {   /* background: transparent;   color: #941713; */ 
		background: #fff;
		color: var(--color-primary);
		border-radius: 0; 
		margin-bottom: 0;
	}
	.col-left .threemenu li a#active:hover{
		background: #e5c3f5; 
		color: #333;
	}
	ul.submenu-col li a#active ~ .threemenu { display: block; }
	ul.submenu-col>li { position: relative; }
	ul.submenu-col>li>a { 
		background: #fff;
		margin-bottom: 0;
	}
	ul.submenu-col>li>.arr:before {
		content: '+';
		display: block;
		width: 38px;
    	height: 38px;
    	line-height: 38px;
		position: absolute;
		right: 0;
		top: 0;
		color: var(--color-primary);
		text-align: center;
		z-index: 1;
		/*background: #e4e4e4;*/
		font-size: 22px;
		font-style: initial;
	}
	ul.submenu-col>li>.arr:hover{
		background-color: #fff;
	}
	ul.submenu-col>li>.arr:hover:before { 
		/*background-color: #efefef; */
		color: var(--color-primary);
	}
	ul.submenu-col>li>a#active + .arr:before {
		content: '-';
		color: var(--color-primary);
		/*background: #444;*/
		/*background: #770d09;*/
	}
	ul.submenu-col>li.isCLOSE .arr:before,
	ul.submenu-col>li.isCLOSE>a#active + .arr:before {
		content: '+';
	}
	ul.submenu-col>li.isOPEN .arr:before,
	ul.submenu-col>li.isOPEN>a#active + .arr:before {
		content: '-';
	}
	.page-title { 
		font-size: 20px; 
		margin: 5px 0 15px 0; 
		line-height: 1em;
		color: var(--color-dark); 
	}
	.page-title.mb { display: none; }
	@media (max-width:991px) {
	     .page-title.mb { display: none; }
	     .page-title.pc { display: block; }
	     .pc-left-menu { display: none; }
	}

	a { text-decoration: none; outline: none; }
	a:visited { text-decoration: none; outline: none;}
	a:hover { text-decoration: none; outline: none;}
	a:active { text-decoration: none; outline: none;}
	a:focus { text-decoration: none; outline: none;}

	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}
	 
	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	/*fck*/
	.fck {   /* overflow-x: auto;*/}
	.fck * { /*max-width: 100%; */}
	.fck,.fck p { line-height: 1.75em; font-size: 15px; color: #000; }
	.fck hr{border: 0px;    border-top: 1px solid #ccc; margin:0.5em 0; }
	.fck .marker {   background-color: Yellow; }
	.fck em { font-style: italic; font-size: inherit;}
	.fck b,.fck strong, .fck b>*,.fck strong>* { font-weight: bold;font-size: inherit; }
	.fck a{ text-decoration:underline; color: #3D3D3D; }
	.fck a:visited { color: #000099;}
	.fck a:hover { color: #000099;}
	.fck a:active { color: #000099;}
	.fck a:focus { color: #000099;}
	.fck h1, .fck h2, .fck h3, .fck h4, .fck h5, .fck h6 { font-weight: normal; line-height: 1.5em; }
	.fck h1 { font-size: 2em; margin:0.67em 0; }
	.fck h2 { font-size: 1.5em;margin: 0.83em 0; }
	.fck h3 { font-size: 1.17em; margin:1em 0; }
	.fck ins { text-decoration: underline; }
	.fck pre { white-space: pre-wrap; word-wrap: break-word; tab-size: 4;margin: 1em 0px;font-family: "Lato"; }
	.fck blockquote{ padding-left: 20px; padding-right: 8px; border-left-width: 5px; font-style: italic; border:none; border-left:3px solid #ccc; margin:1em 40px; display:table-cell; }
	.fck img { max-width:100%!important; height:auto!important; margin-bottom:10px; }
	.fck ul, .fck ol { padding-left:1.5em; }
	.fck ul>li {  list-style-type: disc; display: list-item; line-height: 1.75em; }
	.fck ol>li {     list-style-type: decimal; display: list-item; line-height: 1.75em; }
	.fck table { /* border-collapse: collapse;margin: auto; */    border-spacing: 1px;
    border-collapse: separate;
    border-color: grey; }
    .fck td, .fck th {
	    padding: 1px;
	}
	/* .fck table ,
	.fck table tr td,
	.fck table tr { border: none; background-color: transparent; } */
	/* .fck table { border: 1px solid #333; }
	.fck table tr td {
		padding: 8px;
	    border-right: 1px solid #333;
	    border-bottom: 1px solid #333;
	    vertical-align: middle;
	}
	.fck table tr:nth-child(even) {
	    background: #f9f9f9;
	}
	@media (max-width:767px) {
	     .fck table { width:100%!important; }
	     .col-right { padding: 15px; }
	} */
	@media (max-width:991px) {
		.col-left { padding: 30px; }
	}
	@media (max-width:767px) {
	     .col-right, .col-left { padding: 15px; }

	}



/*====================== tabs ==========================*/
ul.tabs li a{
	padding: 7px 21px;
	background-color: #757575;
}
ul.tabs li a:hover{
	background: #757575;
}
ul.tabs li a.active{
	background: var(--color-primary);
}
ul.tabs{
	border-bottom: 2px solid var(--color-primary);
}
/*====================== fck model ==========================*/
	.base-title { 
		position: relative; 
		text-align: left; 
		margin:10px 0 15px 0; 
		padding-bottom: 15px; 
		font-size: 22px; 
		line-height: 1.2em; 
		font-weight: bold; 
	}
	.base-title img { height: 23px; }
	.base-title:after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: #d8dee5;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	
	.model-box-wrap  { 
		padding:20px 0; overflow: hidden;
	}
	.model-box-wrap img { max-width:100%; height:auto; }
	.model-box-wrap table { max-width: 100%!important }

	.model-box-wrap{

	}

	.model-box-wrap table{
		border: solid #ddd thin;
    	background: #fff;
    	max-width: 100%!important;
    	width: 100%;
	}
	.model-box-wrap  table td{
		padding: 5px;
    	border: solid #ccc thin;
    	text-align: center;
    	vertical-align: middle;
	}
	.model-box-wrap  table tr:first-child {
		background-color: rgba(208, 208, 208, 0.5);
    	color: #000;
    	font-weight: bold;
	}
	.model-box-wrap  table tr:nth-child(even){
		background-color: rgba(208, 208, 208, 0.1);
	}

	/*fck*/
	.model-box-wrap  {    overflow-x: auto;} 
	.model-box-wrap  * { max-width: 100%; } 
	.model-box-wrap  .row { max-width: none!important; } 
	.model-box-wrap ,.model-box-wrap  p { line-height: 1.75; font-size: 15px; } 
	.model-box-wrap p{ margin:1em 0;} 
	.model-box-wrap hr{border: 0px;    border-top: 1px solid #ccc; margin:0.5em 0; } 
	.model-box-wrap .marker {   background-color: #009fe9; } 
	.model-box-wrap em { font-style: italic; font-size: inherit;} 
	.model-box-wrap b,.fck strong, .fck b>*,.fck strong>* { font-weight: bold;font-size: inherit; } 
	.model-box-wrap a{ text-decoration:underline; color: #337ab7; } 
	.model-box-wrap h1, .fck h2, .fck h3, .fck h4, .fck h5, .fck h6 { font-weight: normal; line-height: 1.5em; } 
	.model-box-wrap h1 { font-size: 2em; margin:0.67em 0; } 
	.model-box-wrap h2 { font-size: 1.5em;margin: 0.83em 0; } 
	.model-box-wrap h3 { font-size: 1.17em; margin:1em 0; } 
	.model-box-wrap ins { text-decoration: underline; } 
	.model-box-wrap pre { white-space: pre-wrap; word-wrap: break-word; tab-size: 4;margin: 1em 0px;font-family: "Lato"; } 
	.model-box-wrap blockquote{ padding-left: 20px; padding-right: 8px; border-left-width: 5px; font-style: italic; border:none; border-left:3px solid #ccc; margin:1em 40px; display:table-cell; border-color: #002654ff !important; font-size: 14px !important; } 
	.model-box-wrap img { max-width:100%!important; height:auto!important; margin-bottom:10px; } 
	.model-box-wrap ul, .fck ol { padding-left:1.5em; } 
	.model-box-wrap ul>li {  list-style-type: disc; display: list-item;  } 
	.model-box-wrap ol>li {     list-style-type: cjk-ideographic; display: list-item; }
	.model-box-wrap ol ol>li { list-style-type: decimal; } 
	.model-box-wrap ol ol ol>li { list-style-type: upper-latin; } 
	.model-box-wrap blockquote {
	  border-color: #002654ff;
	  background: #f1f1f1;
	}

	.model-box-wrap .this-model:after {
		content: '';
		display: block;
		clear: both;
	}
	.model-box-wrap>.this-model .base-title { margin-top: 30px; }
	.model-box-wrap>.this-model .download-btn { font-size: 14px; font-weight: bold; float: right; margin-bottom: 10px; }
	.model-box-wrap>.this-model:nth-of-type(1) .base-title { margin-top:0px; } 
	.model-box-wrap .this-model .text-wrap { display: block; }
	.model-box-wrap .this-model .pic-wrap { margin-bottom: 5px;}
	.model-box-wrap .this-model .pic-wrap img {margin-bottom: 5px; display: block; float:left}
	.model-box-wrap .this-model .pic-wrap>span { font-size: 13px; line-height: 1.2em;    display: block; }
	.model-box-wrap .this-model .pic-wrap>span:after { content: ''; display: block; clear: both; }
	.model-box-wrap .this-model .pic-wrap span.note { float:none; display: block; text-align: center; }
	
	/* 標題不要了 */
	.model-box-wrap>.this-model { margin-bottom: 20px; }
	.model-box-wrap>.this-model .base-title { display: none; }
	.base-title:after { display: none; }
	.model-box-wrap.set>.this-model { margin-bottom: 0; }
	.model-box-wrap.set>.this-model .base-title { display: block; }
	.model-box-wrap.set .base-title:after { display: block; }

	/*A 左圖右文*/
	.model-box-wrap .this-modelA .pic-wrap { float:left; margin-right: 20px; max-width:50%; }
	.model-box-wrap .this-modelA .pic-wrap img { float:left; max-width: 100%; }
	/*A 右圖左文*/
	.model-box-wrap .this-modelB .pic-wrap { float:right; margin-left: 20px; max-width:50%; }
	.model-box-wrap .this-modelB .pic-wrap img { float:left; max-width: 100%; }
	/*A 上圖下文*/
	.model-box-wrap .this-modelC .pic-wrap { text-align: center; }
	.model-box-wrap .this-modelC .pic-wrap>span { display: block; text-align: center; margin: 0 auto; }
	.model-box-wrap .this-modelC .pic-wrap { margin-bottom: 20px; }
	/*A 多圖*/
	/* .model-box-wrap .this-modelD { text-align: center; } */
	.model-box-wrap .this-modelD .pic-wrap { text-align: center; vertical-align: top; width: 32.5%; display: inline-block; }
	.model-box-wrap .this-modelD .pic-wrap img {  max-width: 100%;  }
	/* 多圖輪播式 */
	.model-slide { margin: 0 -15px; }
	.model-slide .slick-slide { padding: 15px; }

	@media (max-width:991px) {
	.model-box-wrap .this-modelD .pic-wrap { width: 49.5%;}
	}
	@media (max-width:600px) {
	/*A 左圖右文*/
	.model-box-wrap .this-model .pic-wrap { float:none; margin-right: 0px; margin-left: 0; max-width: 100%; text-align:center; margin-bottom: 20px; }
	.model-box-wrap .this-model .pic-wrap img { display: inline-block; float:none; max-width: 100%; }
	}
	@media (max-width:479px) {
	.model-box-wrap .this-modelD .pic-wrap { width: 100%;}
	}


/*----------base-table----------*/
  @media (min-width:768px) { 
    .base-table tr td .mb-title { display: none; }
    .base-table tr td { }
    .base-table tr td .mb-content { display: block; }
  }
  @media (max-width:767px) {
    .member-wrap {  padding: 20px 20px;   }
    .base-table, .base-table tr, .base-table td { border: none!important; }
    .base-table tr { 
      display: block;
      margin-bottom: 10px;
      overflow: hidden;
      background-color: #f9f9f9;
      -webkit-box-shadow: 0 0 0 1px #e4e4e4;
      -moz-box-shadow: 0 0 0 1px #e4e4e4;
      box-shadow: 0 0 0 1px #e4e4e4;
    }
    .base-table tr.pc-title { display: none; }
    .base-table tr td { display: block; width: 100%; padding:0!important; border-bottom: 1px solid #fff!important;  }
    .base-table tr td:last-child { border-bottom:none; }
    .base-table tr td .mb-title {  
      text-align: left;
      display: table-cell;
      width: 80px;
      padding: 5px 8px;  
      background: #eee;  
      border-right: 1px solid #e8e8e8;
      font-weight: bold;
      font-size: 14px;
    }
    .base-table tr td .mb-content { display: table-cell; padding:5px 10px;     vertical-align: middle; }
  	.base-table.equ-table tr td .mb-title { width: 100px; }
  }
  @media (max-width:600px) {
    .tab-panel .item {
      display: block;
      width: 50%;
      float: left;
    }
  }

#introA-popup .fck table tr td:nth-child(1) { text-align: center; width: 60px; }
#introA-popup .fck table ul { margin: 0;padding: 0; }
#introA-popup .fck table ul li { display: inline-block; list-style-type: none; margin-right: 12px; }

.header_top_social { display: none !important; display: flex; justify-content: flex-end;  }
.header_top_social li { padding-left: 10px; }
.header_top_social a { font-size: 24px; color: var(--color-white); opacity: 0.65; }
.header_top_social a:hover, .header_top_social a:focus { opacity: 1; }

.megamenu > li > a { position: relative; }
.megamenu > li > a:after { position: absolute; left: 10%; right: 10%; bottom: -3px; display: none; content: ""; width: 80%; height: 3px; background: var(--color-secondry); }
.megamenu > li.active > a:after,
.megamenu > li > a.active:after,
.megamenu > li > a:hover:after { display: block; }

/* Home New Setting */
.index-main-top { padding: 60px 0; background: var(--color-secondry); }
.index-news-box .main-title,
.index-events-box .main-title { margin-bottom: 20px; }
.index-news-box .main-title h3,
.index-events-box .main-title h3 { margin: 0 15px 0 0; font-size: 26px; font-weight: 400; line-height: 30px; }
.index-news-box .main-title h3 + a,
.index-events-box .main-title h3 + a { display: inline-block; vertical-align: text-bottom; font-size: 14px; line-height: 20px; color: var(--color-gray); text-decoration: none; }
.border-bottom { position: relative; }
.border-bottom:after { display: block; content: ""; margin-top: 5px; width: 20px; height: 2px; }
.border-bottom.color-primary:after { background: var(--color-primary);}
.border-bottom.color-red:after { background: var(--color-red);}

.links-box { display: flex; margin-top: 52px; }
.links-box .links-items { margin-right: 22px; }
.links-box .links-items:first-child { flex: 0 0 20%; }
.links-box .links-items:last-child { margin-right: 0; }
.links-box .links-items img { display: block; width: 100%; border: 12px solid #fff; }
.links-box .links-items h2 { margin: 5px 0 0; font-family: "Lato",sans-serif; font-weight: 900; }
.links-box .links-items h4 { margin: 0 0 20px 0; }
.links-box .links-items ul { margin: 0; padding: 0; list-style: none; }
.links-box .links-items ul li { display: flex; }
.links-box .links-items ul li strong { flex: 0 0 150px; }

.news-latest { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.latest-items { display: flex; flex: 0 0 calc(50% - 10px); margin-bottom: 20px; background: var(--color-white); box-shadow: 0 0 2px rgba(0,0,0,0.15); }
.latest-items:nth-child(odd) { margin-right: 10px; }
.latest-items:nth-child(even) { margin-left: 10px; }
.latest-items:last-child { margin-bottom: 0; }
.latest-items .items-thumb { flex: 0 0 140px; }
.latest-items .items-thumb img { width: 100%; }
.latest-items .items-detail { flex: 1 1 auto; padding: 10px 20px; align-content: space-between; }
.latest-items .items-detail h4 { margin: 0 0 25px; }
.latest-items .items-detail h4 a { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: bold; line-height: 1.2;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.4em;
}
.latest-items .items-detail .meta-tags { display: flex; }
.latest-items .items-detail .meta-tags span { padding-right: 10px; font-size: 12px; color: var(--color-gray); }
.latest-items .items-detail .meta-tags span i { margin-right: 3px; }
.latest-items .items-detail .meta-desc { display: none; margin-top: 10px; font-size: 14px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 3.6em;
 }



.index-main-bottom { padding: 60px 0; background-color: #fff; background-image: url(../img/bg-grid-bottom.jpg) !important; background-repeat: no-repeat, no-repeat !important; background-position: center !important; background-size: cover!important; }
.index-events-box ul,
.index-events-box ul li { list-style: none; }
.index-events-box ul { padding: 0; }
.index-events-box ul li:after { display: block; content: ""; margin: 15px 0; border-bottom: 1px dotted #ccc; }
.index-events-box ul li time { font-size: 12px; color: var(--color-gray); }
.index-events-box ul li time i { margin-right: 3px; }
.index-events-box ul li h3 { margin: 5px 0 0; }
.index-events-box ul li h3 > a { display: -webkit-box; font-size: 16px; font-weight: bold; color: var(--color-dark); text-decoration: none; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.4em;}
.index-events-box ul li h3 > a:hover { color: var(--color-red); }


@media ( min-width: 780px) and (max-width: 1200px) {
	.latest-items .items-thumb { flex: 0 0 96px; }
	.latest-items .items-detail h4 a { height: 1.2em; -webkit-line-clamp: 1; }
	.latest-items .items-detail .meta-tags span { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media ( max-width: 991px) {
	nav { background: transparent; }
	.slider { top: -144px; margin-bottom: -144px; }
	ul.megamenu { position: absolute; left: 0; right: 0; background: var(--color-primary); }
	.megamenu > li.active > a:after, .megamenu > li > a.active:after, .megamenu > li > a:hover:after { display: none; content: unset; }
}
@media ( max-width: 768px) {
		
	.news-latest .latest-items:first-child { position: relative; }
	.news-latest .latest-items { flex: 1 1 100%; }
	.latest-items .items-detail .meta-tags span:last-child { display: none; }
	.latest-items .items-detail .meta-tags span { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 480px) {
	.links-box { flex-wrap: wrap; justify-content: center; margin-top: 0; }
	.links-box .links-items:first-child { flex: 0 0 100%; margin: 0 0 20px; text-align: center; }
	.links-box .links-items:first-child img { margin: 0 auto; }
	
	.latest-items:nth-child(odd),
	.latest-items:nth-child(even) { margin-left: 0; margin-right: 0; }

	.links-box .links-items ul li { flex-wrap: wrap; }
}