@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}

:root {
    --swiper-theme-color: #b0e08f !important;
}
	.name-color { color: #000099; }
	.name-color:hover { color: #3463af; }
	img{
		max-width: 100%;
	}
	.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;

	}

  /*----index-banner-----*/
.index-banner-box{

}
.index-banner-box .flex-control-nav{
   bottom: 0; 
   z-index: 10;
}
.flex-control-paging li a{
    
}
.flex-control-paging li a.flex-active {
    background: #fff;
    cursor: default;
}
.flex-slider {width:100%;position:relative}
.flex-slider .slides {list-style:none;overflow:hidden;margin:0;padding:0}
.flex-slider .slides > li {float:left;margin-right:-100%;width:100%;overflow:hidden;height:30vw;}
.flex-slider .flex-direction-nav {list-style:none;margin:0;padding:0}
.flex-slider .flex-direction-nav .flex-prev, .flex-slider .flex-direction-nav .flex-next {background-color:rgba(255,255,255,0.7);padding:10px;text-decoration:none;position:absolute;height:1em;top:45%;bottom:0;margin:0 auto;z-index:8;text-align:center;color:#333;max-width:20px;opacity: 1;}
.flex-slider .flex-direction-nav .flex-prev{left:0}
.flex-slider .flex-direction-nav .flex-next{right:0}
.slide-image{background-size:cover;background-position:center;position:absolute;width:100%;height:100%;left:0;top:0;}
.flex-active-slide .slide-image{animation: zoomout 5s;}

.eec-banner { overflow: hidden;}

@keyframes zoomout{
  0%{
    transform: scale(1.3);
  }
  100%{
    transform: scale(1);
  }
}
@media (max-width:768px) {
  .flex-slider .slides > li {height:30vw}
}

/*----index-marquee-----*/
.section-marquee{
	padding: 15px 0;
}
.section-marquee .marquee-box{
	
}
.section-marquee h2{
	float: left;
	margin: 0;
	font-size: 25px;
    font-weight: bold;
    margin-right: 15px;
    color: #3d8c07;
}
.section-marquee { height: 100%; background: #fff;}
.section-marquee .marquee { padding: 0 !important; background: transparent!important; height: 240px; overflow: hidden; }
.section-marquee .marquee ul { margin: 0!important; padding: 0 I !important; list-style: none;}
.section-marquee .marquee li a { display: block; font-size: 15px; padding: 0; margin: 0;  overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; line-height: 35px;}
.section-marquee .marquee li a article span { display:block; color:#3e7e14; padding-bottom: 5px;}
.section-marquee .marquee li a article p { line-height: 1.2; margin: 0; height: 60px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal;}
.section-marquee .marquee li a:hover article { color: #3d8c07;  background: #efefef; }
.section-marquee .marquee li article i { margin-left: 10px;}
.section-marquee .marquee li article { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 10px;}
.section-marquee .marquee li article img { width: 100px; margin-right: 15px;}
@media (max-width:768px) {
	.section-marquee h2{
		    float: none;
	    margin-right: 0;
	    text-align: center;
	}
}
#toTop {
    position:fixed;
    z-index:90;
    right:30px;
    bottom:31px;
    display:none;
    width:50px;
    height:50px;
    color:#fff;
    background:#ccc;
    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);
}
#toTop :hover{
    background:#0099CC;
}
header{
	padding: 0;
	position: relative; z-index: 99;
}
.list-block li{
	display: block;
}
/*------------------------------top header-----------------------------------*/
.header-top-box{
	display: none;
	padding: 8px 0;
	background: #b0e08f;
}
.header_top_contact{

}
.header_top_contact li{
	display: inline-block;
	margin-right: 10px;
}
.header_top_contact li i{
	color: #3e7e14;
	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: #3e7e14;
}
@media (max-width:768px) {
	.header_top_contact .add{
		display: none;
	}
}
/*------------------------------header-----------------------------------*/
	#logo a { 
		display: block; 
		height: 100%; 
		margin: 10px 0;
	}
	#logo a:after { 
		content: ''; 
		display: block; 
		clear: both; 
	}
	#logo img { 
		height: 70px;
		float: none;
	}
	.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{
			text-align: center;
		}
		#logo img { 
			display: inline-block; 
			float: none; 
			visibility: visible; 
			max-width: 100%; 
			/*width: 250px;*/ 
			height: 70px; 
		}
		#logo a{
			display: inline-block;
			text-align: center;
		}
		#logo img{
			height: 70px;  
		}
		.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: 15px 5px !important;
		}
		.megamenu > li .drop-down-container.normal{
			top: 100%;
		}
	}
	@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:100%; 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); 
		}
		.megamenu > li .drop-down-level2 li a { background: #ccc; color: #222; }
		.megamenu > li .drop-down-container{
			border-radius: 5px;
		}
		.megamenu > li .drop-down-container{
			margin-bottom: 0;
		}
		.drop-down-container.normal ul{
			border-radius: 5px;
		}

	}
	@media (max-width:991px) {
		#logo{
			text-align: center;
		}
		#logo img { 
			display: inline-block; 
			float: none; 
			visibility: visible; 
			max-width: 100%; 
			/*width: 250px;*/ 
			height: 70px; 
		}
		.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: #b0e08f !important;
		}
		a#megamenu-button-mobile{
			text-align: left;
    		color: #333;
    		text-shadow: none;
    		padding: 10px 10px;
		}
		.megamenu > li a.drop-down{
			color: #333 !important;
		}
		.megamenu > li a.drop-down:hover{
			background: #2a5210;
		}
		.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 #5fb523; 
		}
		.megamenu > li .drop-down-btn {
			z-index: 9999;
			content:'';
			display: block;
			width:100%;
			height:40px;
			width: 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: 1px solid #b0e08f !important; }
		.drop-down-container.normal ul li {
			border-color:#b0e08f; 
		}
		.drop-down-container.normal ul li a { background: #2E1410; }
		.drop-down-container.normal ul li a:hover { background: #4C3F3C; }

	}
	@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: 70px; 
		}
		#logo img.logo-after { 
			display: none; 
		}
		#logo a { 
			height: auto; 
		}
	}

/*------------------------------lang-----------------------------------*/
.lang-box{
	float: right;
	margin: 28px 0;
}
.lang-box .selectpicker{
	border: 1px solid #dddd;
	padding: 5px;
    border-radius: 5px;
}
@media (max-width:1200px) {
	.lang-box{
		margin: 0px 0 15px;
    	float: none;
    	text-align: center;
	}
	.lang-box .selectpicker{
		width: 40%;
	}
}
/*------------------------------nav-----------------------------------*/
.nav-box{
	background: #b0e08f;
	/*background: #90c741;
	background: #59a5ca;
	background: #08b2d8;
	background: #0dc794;
	background: #0dc782;*/
}
nav{
	background: transparent;
	margin-bottom: 0;
}
ul.megamenu{
	/*float: right;*/
	margin: 0 auto;
    text-align: center;
}
.megamenu_container{
	/*width: auto;*/
}
.megamenu > li{
	padding:0;
}
.megamenu > li a.drop-down{
	color: #333;
	font-weight: bold;
}
.megamenu > li:hover{
	background: transparent;
	box-shadow: none;
}
.megamenu > li a.drop-down:hover{
	color: #517b35;
}
.megamenu > li a.drop-down, 
.megamenu > li a.nodrop-down{
	text-shadow: none;
	font-size: 16px;
	padding: 15px 2px;
	display: block;
}
.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: #3e7e14;
}
.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: 100%;
	padding: 0;
}
@media (max-width:1200px) {
	ul.megamenu{
		float: none;
	}
}
@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;
	}
	.megamenu > li a.drop-down, .megamenu > li a.nodrop-down{
		text-align: left;
	}
}
@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: #86d550;
	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: #3e7e14;
}
.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: 5px;
	
}
.index-about-box .bottom-info ul li .text p{

}
/*------------------------------idnex-news-----------------------------------*/
.index-news-box {
	padding: 40px 0;
}
.index-news-box .main-title h2{
	font-weight: bold;
}
.index-news-box .item{	
    margin-bottom: 30px;
}
.index-news-box .dark-btn{
	margin-top: 15px;
	background: #fff;
    color: #2f7300;
    border: 1px solid #2f7300;
}
.index-news-box .dark-btn:hover{
	background: #e5fbf5;
    color: #2f7300;
}
.blog_post_home4{
	position: relative;
	box-shadow: 0 5px 20px 0 rgba(0,0,0,.05);
}
.blog_post_home4 .details .day{
	margin-bottom: 5px;
}
.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: #3d8c07;
}
.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: 2;
    -webkit-box-orient: vertical;
	height: 45px;
}
.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 { 
		z-index: 50;
		font-size: 32px;
		background: #3e7e14;
	}
	.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; 
		background: #b0e08f;
		padding: 10px 0;
		text-align: center;
		color: #3e7e14;
	}
	footer a{
		color: #3e7e14;
	}
	footer a:hover{
		color: #3e7e14;
		text-decoration: underline;
	}
	@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;
}

.col-right{
	padding: 15px 20px;
}
.title-course{
	background: #2f7300;
}
.strip-courses{
	background: #f1f1f1;
	color: #666;
}
.strip-courses .description .button_medium{
	background: #fff;
	color: #2f7300;
	border: 1px solid #2f7300;
}
.strip-courses .description .button_medium:hover{
	background: #e5fbf5;
	color: #2f7300;
}
/*------------------------------ 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: #7e399e;
    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;
	}
	.slidelink { left:0!important; }
	.slider .tp-caption.very_big_white {
		font-family: 'Alegreya', Helvetica,'Microsoft JhengHei', '微軟正黑體', 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%, #b26ed2 100%);
        background-image: -moz-linear-gradient(270deg, #AB2622 0%, #941713 50%, #b26ed2 100%);
        background-image: linear-gradient(0deg, #591379 0%, #631986 50%, #b26ed2 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: 'Alegreya', Helvetica,'Microsoft JhengHei', '微軟正黑體', 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: 'Alegreya', Helvetica,'Microsoft JhengHei', '微軟正黑體', 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 { margin-bottom:20px; }
	.pav-news .desc { margin-bottom:10px; }
	.pav-news i { 
		margin-right:5px; 
	}
	.pav-news h3 { 
		color:#3d8c07;  
	}
	.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 .img-wrap { 
		 
		display: flex;
	    align-items: center;
	    justify-content: center;
	    width: 100%; 
	    height: 227px;
	    border: 1px solid #eee;
	    overflow: hidden;

	}

	.album-wrap .album-ls .img-wrap img{
		object-fit: contain;
	    height: 227px;
	}

	.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: #3d8c07;
}
ul.submenu-col li a#active{
	background: #efefef;
	color: #3d8c07;
}
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: #2f7300;
	}
	.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: #c5eaab; 
		color: #333;
	}
	.col-left .threemenu li a#active {   /* background: transparent;   color: #941713; */ 
		background: #fff;
		color: #3d8c07;
		border-radius: 0; 
		margin-bottom: 0;
	}
	.col-left .threemenu li a#active:hover{
		background: #c5eaab; 
		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: #3e7e14;
		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: #3e7e14;
	}
	ul.submenu-col>li>a#active + .arr:before {
		content: '-';
		color: #3e7e14;
		/*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; }
	.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%; */ line-height: 1.5;}
	.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: monospace; }
	.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: solid #ddd thin; background-color: transparent;  } 
	.fck table {
		border: 1px solid #ddd; 
		border-spacing: 0;
    	border-collapse: collapse;
   	}
	.fck table tr td {
		padding: 8px;
	    border: solid #ccc thin;
	    vertical-align: middle;
	}
	.fck table tr:nth-child(even) {
	    background-color: rgba(208, 208, 208, 0.1);
	}
	@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 14px;
	background-color: #c4e6ac;
    color: #3e7e14;
}
ul.tabs li a:hover{
	background: #b0e08f;
}
ul.tabs li a.active{
	background: #3e7e14;
}
ul.tabs{
	border-bottom: 2px solid #3e7e14;
}

/*====================== 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: 860px!important }
	.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; }


/*----------album-wrap----------*/
.album-wrap{

}
.album-wrap .button_red_small{
	background: #3e7e14;
	padding: 7px 14px;
    font-size: 14px !important;
}
.album-wrap .button_red_small:hover{
	background: #479a0e;
}
.skitter-minimalist .info_slide .image_number:hover{
	background-color: #efcd47;
}

@media (max-width:480px) {
	#news-owl .owl-nav { display: none !important;}
}

.swiper.mySwiper { position: relative; }
.swiper.mySwiper .swiper-slide img { min-width: 100%; max-width: 100%; }

.video-box { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.video-box dl { flex: 0 0 25%; padding: 0 15px; box-sizing: border-box; }
.video-box dl dt { background: #fff; border: 1px solid #000; border-bottom: 0; }
.video-box dl dt iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.video-box dl dd { padding: 10px; background: #fff; border: 1px solid #000; border-top: 0; }
.video-box dl dd p { margin: 0; height: 3.5em; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }

@media (max-width: 480px) {
	.video-box dl { flex: 1 1 100%; }
}