/*
  Theme Name: College & University Theme
  Author: ZENHYBRID
  Version: 1.0
*/
@charset "utf-8";

/*.popup {position:absolute;top:90px;left:0;z-index:10000;padding:20px;}
.popup a.btn-mclose {position:absolute;right:25px;top:25px;display:block;background:#333;width:32px;line-height:15px;border-radius:3px;text-align:center;color:#fff;font-weight:bold;padding:4px 0 6px 0;z-index:1039;}
.popup a.btn-mclose:hover {background:#b3c11c;}


@media (min-width:768px) {
	.popup {position:absolute;top:160px;left:0;z-index:1038;padding:0;}
	.popup a.btn-mclose {right:5px;top:5px;}

}*/

/*popup css*/
/*.popup {position:absolute;top:90px;left:0;z-index:10000;padding:20px;}*/
.popup {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;text-align:center;}

.popup .outline {display:inline-block;margin-top:4%;max-width:290px;}
.popup .img {display:inline-block;}
.popup .img a {display:inline;padding-bottom:0px;}

.popup .today {background:#111;padding:6px 10px 10px 10px;text-align:center;}
.popup .today a {display:inline-block;color:#fff;text-decoration:none;font-size:14px;}
.popup .today a:hover {color:#b3c11c;}
.popup .today a.pclose {margin-left:4px;color:#fff;background:#666;border-radius:14px;padding:5px 10px;}
.popup .today a.pclose:hover {color:#fff;background:#b3c11c;}

.popup .wrap {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10005;}
.popupbg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:10001;}


body.logged-in.admin-bar .popup {top:90px !important;}

@media (min-width:360px) {

	.popup .outline {margin-top:10%;/*margin-top:5%;*/max-width:320px;}

}

@media (min-width:768px) {
	
	.popup .outline {max-width:none;margin-top:4%;}
	.popup .img a img {max-width:640px;}
	.popup .today {text-align:right;}


	body.logged-in.admin-bar .popup {top:175px !important;}

}

@media (min-width:992px) {

	.popup .outline {margin-top:2%;}
	.popup .img a img {max-width:500px;}


}
@media (min-width:1200px) {

	.popup .outline {margin-top:2%;}
	.popup .img a img {max-width:600px;}

}

/*Main Visual //////////////////////////////////////////////////////////////////////////////////*/
.main-visual {position:relative;width:100%;}
.main-visual, .swipe-bg {position:relative;overflow:hidden;height:360px;}

.v1 {background:#383a41 url('../images/mv1.jpg') no-repeat;background-position:center 16px;background-size:cover;}
.v2 {background:#383a41 url('../images/mv2.jpg') no-repeat;background-position:59% 24px;background-size:cover;}
.v3 {background:#383a41 url('../images/mv3-m.jpg') no-repeat;background-position:88% center;background-size:cover;}
.v4 {background:#383a41 url('../images/mv4-m.jpg') no-repeat;background-position:70% 50px;background-size:cover;}

.v-txt {margin:136px 0 0 0;}

.v1 .v-txt h2 {color:#fff;}
.v2 .v-txt h2 {color:#fff;}
.v3 .v-txt h2 {color:#ff7f00;}
.v4 .v-txt h2 {color:#fff;}

.v1 .v-txt, .v2 .v-txt, .v3 .v-txt, .v4 .v-txt {text-align:center;}

.v-txt h2 span {display:block;letter-spacing:-0.025em;}
.v-txt h2 span.vt1 {font-size:22px;font-weight:400;opacity:0;transition:1s ;transform:translateY(-50%);font-family: 'Montserrat', sans-serif;font-weight:700;line-height:1;}
.v-txt h2 span.vt2 {font-size:14px;font-weight:700;opacity:0;transition:1s ;transform:translateY(50%);transition-delay:0.4s;font-weight:400;letter-spacing:-0.05em;}

.swiper-slide-active .v-txt h2 span.vt1 {transform:translateY(0) !important;opacity:1 !important;}
.swiper-slide-active .v-txt h2 span.vt2 {transform:translateY(0) !important;opacity:1 !important;}


.swiper-pagination {position:relative;max-width:1200px;margin:0 auto;text-align:center;}
.swiper-pagination-bullet {width:16px;height:16px;margin:0 2px;display:inline-block;border-radius:100%;background:#fff;opacity:1;}
.swiper-pagination-bullet-active{opacity:1;background:#86c72c;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-prev, .swiper-button-next, .swiper-container-rtl .swiper-button-next {display:none;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {top:48%;background:url('../assets/swiper-4.4.1/dist/btn-prev.png') no-repeat center center;background-size: 100% 100%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-next {top:48%;background:url('../assets/swiper-4.4.1/dist/btn-next.png') no-repeat center center;background-size: 100% 100%;}


@media (min-width:768px) {

	.main-visual, .swipe-bg {height:450px;}
	.v2 {background-position:center center;}

	.v-txt {margin:160px 0 0 20px;}
	.v-txt h2 span.vt1 {font-size:30px;}
	.v-txt h2 span.vt2 {font-size:20px;}
	
	.swiper-pagination {bottom:135px;}
}

@media (min-width:992px) {

	.main-visual, .swipe-bg {height:640px;}
	.v1 {background:#383a41 url('../images/mv1.jpg') no-repeat;background-position:center center;}
	.v2 {background:#383a41 url('../images/mv2.jpg') no-repeat;background-position:center center;}
	.v3 {background:#383a41 url('../images/mv3.jpg') no-repeat;background-position:center center;}
	.v4 {background:#383a41 url('../images/mv4.jpg') no-repeat;background-position:center center;}

	.v-txt {max-width:100%;margin:200px 0 0 60px !important;}
	.v-txt h2 span.vt1 {font-size:40px;line-height:0.9;}
	.v-txt h2 span.vt2 {font-size:20px;}
	
	.swiper-pagination {bottom:240px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-prev, .swiper-button-next, .swiper-container-rtl .swiper-button-next {display:block;}

}
@media (min-width:1200px) {

	.main-visual, .swipe-bg {height:840px;}

	.v-txt {max-width:1200px;margin:280px auto 0 !important;}

	.v-txt h2 span.vt1 {font-size:55px;line-height:0.92;}
	.v-txt h2 span.vt2 {font-size:25px;letter-spacing:-0.05em;margin-top:2px;}


}



/* Util Menu //////////////////////////////////////////////////////////////////////////////////*/
.util-menu {position:absolute;width:100%;left:0;bottom:0;margin:0;padding:10px 0;overflow-y:hidden;overflow-x:auto;white-space:nowrap;background-image:url('../images/bgutil.png');z-index:100;}
.util-menu ul {font-size:0;}
.util-menu ul li {display:inline-block;text-align:center;}
.util-menu ul li:last-child {padding-right:10px;}
.util-menu ul li a {font-size:13px;color:#fff;font-weight:500;display:inline-block;height:100%;margin-right:14px;}
.util-menu ul li a img {height:40px;}
.util-menu ul li:last-child a {margin-right:0px;}
.util-menu ul li a:hover {color:#86c72c;}
.util-menu ul li a span {display:block;margin-top:10px;}


@media (min-width:360px) {

}
@media (min-width:768px) {

	.util-menu ul li {display:inline-block;width:12.6%;}
	.util-menu ul li a {font-size:15px;margin-right:15px;}
	.util-menu ul li a span {margin-top:6px;}

}
@media (min-width:992px) {

	.util-menu {height:180px;padding:30px 0;overflow:hidden;}
	.util-menu ul li {width:12%;}
	.util-menu ul li:last-child {padding-right:0;}

	.util-menu ul li:nth-child(3), .util-menu ul li:nth-child(4), .util-menu ul li:nth-child(5), .util-menu ul li:nth-child(6) {width:13%;}
	.util-menu ul li a {font-size:16px;margin-right:0px;}
	.util-menu ul li a img {height:auto;}
	.util-menu ul li a span {margin-top:10px;}

}
@media (min-width:1200px) {


}


/*Main-Content-body //////////////////////////////////////////////////////////////////////////////////*/
.main-content-body {margin-top:0;position:relative;z-index:100;}

@media (min-width:768px) {

	.main-content-body {margin-top:0;padding:0;}

}


/*Education Tabs ///////////////////////////////////////////////////////*/
.education {padding:24px 0;overflow:hidden;}
.education .tit {overflow:hidden;}
.education .tit h2 {font-size:24px;font-weight:700 !important;letter-spacing:-0.025em;text-align:center;}
.education .tit .edutabs {overflow-y:hidden;overflow-x:auto;white-space:nowrap;}

#tabs2 ul.ui-tabs-nav {margin:5px 0 0 0 !important;padding:0 !important;}
#tabs2 ul.ui-tabs-nav li {display:inline-block;margin-right:4px;list-style:none;}
#tabs2 ul.ui-tabs-nav li:last-child {margin-right:0;}
#tabs2 ul.ui-tabs-nav li a {display:block;font-size:15px;font-weight:400;letter-spacing:-0.025em;color:#1a1a1a;height:34px;line-height:34px;padding:0 16px;text-align:center;border-radius:50px;}
#tabs2 ul.ui-tabs-nav li a:active, #tabs ul.ui-tabs-nav li a:hover {color:#fff;text-decoration:none;background:#b3c11c;}
#tabs2 ul.ui-tabs-nav li.ui-state-active a {background:#b3c11c;font-weight:400;color:#fff;}

#tabs2-1.showtxt {display:block;}
.showtxt1 {padding:15px 0 10px 0;font-size:15px;color:#333;line-height:1.4;text-align:justify;border-top:0;overflow:hidden;}
.showtxt1 .img img {width:100%;}
.showtxt1 .txt {position:relative;width:100%;padding:14px 10px 0 10px;}
.showtxt1 .txt h3 {font-size:18px;font-weight:500 !important;letter-spacing:-0.025em;}
.showtxt1 .txt .stxt {font-size:16px;font-weight:400;letter-spacing:-0.025em;}
.showtxt1 .txt .more a {display:none;}
.showtxt1 .txt .more a:active, .showtxt1 .txt .more a:hover {background:#005b37;}
.showtxt1 .txt .morem {text-align:center;margin-top:14px;}
.showtxt1 .txt .morem a {display:inline-block;padding:7px 20px;background:#3e4148;color:#fff;border-radius:20px;}
.showtxt1 .txt .morem a:active, .showtxt1 .txt .morem a:hover {background:#005b37;}

@media (min-width:360px) {


}
@media (min-width:768px) {

	.showtxt1 {padding:30px 0 0 0;}
	.showtxt1 {display:table;height:auto;}
	.showtxt1 .img {display:table-cell;width:45%}
	.showtxt1 .txt {display:table-cell;width:55%;padding:0 40px;vertical-align:middle;border:1px solid #e5e5e5;border-left:0;}
	.showtxt1 .txt .more a {position:absolute;right:0;bottom:0;text-align:center;display:block;width:48px;height:46px;line-height:40px;background:#3e4148;}
	.showtxt1 .txt .morem a {display:none;}

}
@media (min-width:992px) {

	.education {padding:80px 0;overflow:hidden;}
	.education .tit h2 {float:left;font-size:36px;}
	.education .tit .edutabs {float:right;}
	.showtxt1 {line-height:1.6;}
	.showtxt1 .img {width:40%}
	.showtxt1 .txt {width:60%;}
	.showtxt1 .txt h3 {font-size:26px;}

	#tabs2 ul.ui-tabs-nav {white-space:normal;margin:5px 0 0 0 !important;padding:0 !important;overflow:hidden;}
	#tabs2 ul.ui-tabs-nav li {float:left;}
	#tabs2 ul.ui-tabs-nav li a {font-size:16px;}

}
@media (min-width:1200px) {

	.showtxt1 .img {width:520px;}
	.showtxt1 .txt {width:680px;height:340px;padding:70px;}
	#tabs2 ul.ui-tabs-nav li a {font-size:16px;}

}


/*Board Tabs ///////////////////////////////////////////////////////*/
.tabs-line {width:50% !important;margin:0 0 40px 0 !important;padding-right:8px;overflow:hidden;}

#tabs ul.ui-tabs-nav {display:flex !important;margin:0 !important;padding:0 !important;overflow:hidden;}
#tabs ul.ui-tabs-nav li {width:50%;list-style:none;}


#tabs ul.ui-tabs-nav li a {display:block;font-size:16px;font-weight:400;color:#333;height:45px;line-height:42px;text-align:center;border:1px solid #e0e0e0;background:#fff;}
#tabs ul.ui-tabs-nav li a:active, #tabs ul.ui-tabs-nav li a:hover {color:#fff;text-decoration:none;background:#9f2b61;border:1px solid #9f2b61;}
#tabs ul.ui-tabs-nav li.ui-state-active a {background:#9f2b61;border:1px solid #9f2b61;font-weight:400;color:#fff;}

#tabs ul.ui-tabs-nav li.t2 a {border-left:0;}
#tabs ul.ui-tabs-nav li.t3 a {border-left:0;}

#tabs-1.showtxt {display:block;}
.showtxt {display:none;min-height:90px;padding:15px 0;font-size:15px;color:#333;line-height:1.6;text-align:justify;border-top:0;}


@media (min-width:360px) {


}
@media (min-width:768px) {

	.showtxt {padding:20px 0 0 0;}
	.showtxt {min-height:186px;}

}
@media (min-width:992px) {

	.tabs-line {margin:0 0 20px 0 !important;padding:0 10px;}

	#tabs ul.ui-tabs-nav {display:block;}
	#tabs ul.ui-tabs-nav li {float:left;}
	#tabs ul.ui-tabs-nav li a {font-size:17px;height:55px;line-height:52px;}

}
@media (min-width:1200px) {

	#tabs ul.ui-tabs-nav li a {font-size:18px;}

}


/* Free //////////////////////////////////////////////////////////////////////////////////*/
.bg-grey {background:#f7f7f7;padding:24px 0;overflow:hidden;}

.free {width:100%;overflow:hidden;}
.free .title {position:relative;height:36px;line-height:35px;background:#45c7cd;padding:0 12px;font-size:16px;font-weight:400;color:#fff;}
.free .title span {position:absolute;right:12px;top:7px;}
.free .title span a {display:block;width:23px;height:23px;border:1px solid #fff;}
.free .title span a img {display:block;margin:4px auto;}

.free .txt ul li {position:relative;padding:4px 0 4px 5px !important;line-height:16px;}
.free .txt ul li a {display:inline-block;width:74%;padding-left:8px;background:url('../images/bullet-dot-black.png') left center no-repeat;font-size:15px;font-weight:400;}
.free .txt ul li a:hover {color:#9f2b61;}
.free .txt ul li a span {display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.free .txt ul li a img {vertical-align:top !important;margin-top:5px;}
.free .txt ul li span.date {position:absolute;right:5px;display:inline-block;font-size:14px;color:#333;font-weight:100;}
.free .txt ul li:first-child {}


@media (min-width:360px) {

}
@media (min-width:768px) {

	.bg-grey {padding:30px 0;}

	.free .title {height:53px;line-height:51px;padding:0 25px;font-size:22px;}
	.free .title span {right:25px;top:15px;}

	.free .txt ul li {padding:8px 0 6px 10px !important;line-height:17px;}
	.free .txt ul li a {width:80%;padding-left:13px;font-size:17px;}
	.free .txt ul li a span {max-width:100%;}
	.free .txt ul li a img {margin-top:5px;}
	.free .txt ul li span.date {right:10px;font-size:15px;}
	.free .txt ul li:first-child {}

}
@media (min-width:992px) {

	.bg-grey {padding-top:50px;padding-bottom:50px;}

	.free {width:50%;float:left;padding-right:12px;overflow:hidden;}
	.free .txt ul li a span {max-width:95%;}
	.free .txt ul li:first-child {}

}
@media (min-width:1200px) {

	.bg-grey {padding-top:80px;padding-bottom:80px;}

	.free {padding-right:24px;}
	.free .txt ul li a span {max-width:396px;}

}

/*Board ///////////////////////////////////////////////////////*/
.mb-widget .mb-latest-basic .table-latest td, .mb-widget .mb-latest-basic .mb-latest-box {padding:0 !important;border-bottom:0;}
.mb-widget .mb-latest-basic .table-latest td {padding:0 5px 5px 0 !important;-webkit-padding-end:0;}
.mb-widget .mb-latest-basic .table-latest td a {background:url('../images/bullet-dot.png') left 9px no-repeat;padding-left:10px;}
.mb-widget .mb-latest-basic .table-latest td .date {float:right;}
.mb-desktop-large {margin-top:0 !important;}
.mb-style1 .table-view {border-top:0 !important;}
.mb-style1 .table-view>tbody td.content-box {padding:20px !important;}
.board-list, .gallery-list {margin-top:13px !important;}

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

	.mb-widget .mb-latest-basic .table-latest td .date {display:none;}

}


/* Btns //////////////////////////////////////////////////////////////////////////////////*/
.btns {width:100%;overflow:hidden;margin-top:16px;}
.btns ul {font-size:0;}
.btns li {width:50%;height:60px;display:inline-block;}
.btns li a {display:block;height:100%;line-height:55px;padding-left:20px;font-size:15px;font-weight:400;color:#fff;background-size:40px !important;}

.btns li.b1 a {border-right:1px solid #fff;border-bottom:1px solid #fff;background:#4b4f57 url('../images/ic-department.png') 90% center no-repeat;}
.btns li.b1 a:hover {background:#005b37 url('../images/ic-departmentb.png') 90% center no-repeat;}
.btns li.b2 a {border-bottom:1px solid #fff;background:#4b4f57 url('../images/ic-school.png') 90% center no-repeat;}
.btns li.b2 a:hover {background:#005b37 url('../images/ic-schoolb.png') 90% center no-repeat;}
.btns li.b3 a {border-right:1px solid #fff;background:#4b4f57 url('../images/ic-graduate.png') 90% center no-repeat;}
.btns li.b3 a:hover {background:#005b37 url('../images/ic-graduateb.png') 90% center no-repeat;}
.btns li.b4 a {background:#4b4f57 url('../images/ic-doc.png') 90% center no-repeat;}
.btns li.b4 a:hover {background:#005b37 url('../images/ic-docb.png') 90% center no-repeat;}


@media (min-width:360px) {

}
@media (min-width:768px) {

	.btns li {height:100px;}
	.btns li a {line-height:100px;padding-left:40px;font-size:20px;background-size:50px !important;}

}
@media (min-width:992px) {

	.btns {width:50%;float:right;padding-left:24px;overflow:hidden;margin-top:0;}
	.btns li {height:116px;}
	.btns li a {line-height:112px;padding-left:40px;font-size:20px;background-size:59px !important;}

}
@media (min-width:1200px) {

	.btns li {height:120px;}
	.btns li a {line-height:115px;padding-left:40px;font-size:20px;background-size:59px !important;}

}


/*Gallery //////////////////////////////////////////////////////////////////////////////////*/
.gallery {clear:both;overflow:hidden;}
.gallery .title {position:relative;font-size:17px;font-weight:500;color:#000;text-align:center;margin-top:24px;}

.gallery .title span {position:absolute;right:0;top:2px;}
.gallery .title span a {display:block;width:23px;height:23px;border:1px solid #959595;}
.gallery .title span a img {display:block;margin:4px auto;}

.gallery .gallery-list {margin:10px -12px 24px -12px;}
.gallery .gallery-list a {display:inline-block;width:48%;margin:1%;background:#fff;}
.gallery .gallery-list a .img {height:130px;overflow-y:hidden;}
.gallery .gallery-list a .img img {width:100%;display:block;vertical-align:top;}
.gallery .gallery-list a .txt {position:relative;height:90px;padding:16px 20px;}
.gallery .gallery-list a .txt span {display:block;}
.gallery .gallery-list a .txt .subject {font-size:14px;font-weight:400;color:#333;max-width:212px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.gallery .gallery-list a .txt .date {position:absolute;bottom:16px;left:20px;font-size:13px;font-weight:400;color:#666;}
.gallery .gallery-list a:hover .txt .subject {color:#31b3e5;/*background:#fffff3;*/}


@media (min-width:360px) {

}
@media (min-width:768px) {

	.gallery .title {font-size:24px;}

	.gallery .gallery-list a .img {height:200px;}
	.gallery .gallery-list a .txt {height:140px;padding:20px;}
	.gallery .gallery-list a .txt .subject {font-size:17px;}


}
@media (min-width:992px) {

	.gallery .title {font-size:26px;margin-top:60px;}

	.gallery .title span {right:0;top:9px;}
	.gallery .title span a {width:23px;height:23px;}
	.gallery .title span a img {margin:4px auto;}

	.gallery .gallery-list {margin:30px -12px 50px -12px;}
	.gallery .gallery-list a {width:24%;margin:0.5%;}
	.gallery .gallery-list a .img {height:180px;}
	.gallery .gallery-list a .img img {width:100%;}
	.gallery .gallery-list a .txt {height:160px;padding:30px 35px;}
	.gallery .gallery-list a .txt .subject {font-size:17px;max-width:212px;}
	.gallery .gallery-list a .txt .date {bottom:30px;left:35px;font-size:15px;}

}
@media (min-width:1200px) {

	.gallery .gallery-list a {width:282px;height:370px;margin:0 12px;}
	.gallery .gallery-list a .img {height:210px;}

	.gallery .gallery-list {margin:30px -12px 80px -12px;}

}


/*Main Banner ///////////////////////////////////////////////////////*/
.banners-line {margin:0 0 20px 0 !important;}
.banners-line:after {content:'';overflow:hidden;clear:both;*zoom:1;}
.ba-tit {float:left;width:100%;text-align:center;margin:10px 0 10px 0;}
.banners {float:left;width:100%;display:block;margin:0 0 0 0;padding:0;}
.banners a {float:left;width:50%;padding:3px 20px 3px 20px;margin:0;height:60px;line-height:50px;-webkit-padding-before:2px;text-align:center;border:1px solid #e0e0e0;vertical-align:middle;background:#fff;}
.banners a:active, .banners a:hover {/*background:#f2f8f6;*/}
.banners a img {max-width:100%;vertical-align:middle;}
.banners a.b1, .banners a.b3 {border-bottom:0;border-right:0;}
.banners a.b2, .banners a.b4 {border-bottom:0;}
.banners a.b5 {border-right:0;}


@media (min-width:360px) {



}
@media (min-width:768px) {


}
@media (min-width:992px) {
	.ba-tit {margin:20px 0 10px 0;}
	.banners {display:flex;width:100.5%;margin:0 -3px 0 -3px;}
	.banners .tr {display:flex;width:50.7%;}

	.banners a {display:inline-block;padding:0;margin:0 3px;width:50%;height:80px;line-height:73px;border:1px solid #e0e0e0 !important;}
	.banners a:active, .banners a:hover {border:1px solid #048d57 !important;}


}
@media (min-width:1200px) {



}


/* Transition //////////////////////////////////////////////////////////////////////////////////*/
.free .txt ul li a, .gallery .gallery-list a .txt .subject, .util-menu ul li a {
		-webkit-transition: color 0.2s ease-out;
		   -moz-transition: color 0.2s ease-out;
		     -o-transition: color 0.2s ease-out;
		        transition: color 0.2s ease-out;
}

.btns li a, .showtxt1 .txt .more a {
		-webkit-transition: background 0.2s ease-out;
		   -moz-transition: background 0.2s ease-out;
		     -o-transition: background 0.2s ease-out;
		        transition: background 0.2s ease-out;
}

.banners a {
		-webkit-transition: border 0.2s ease-out;
		   -moz-transition: border 0.2s ease-out;
		     -o-transition: border 0.2s ease-out;
		        transition: border 0.2s ease-out;
}

.popup a, #tabs ul.ui-tabs-nav li a, #tabs2 ul.ui-tabs-nav li a {transition-property: color,background-color,border-color;transition-duration: .2s;transition-timing-function: linear;}