/* -------------------------------------------------------- Common Element */

html {
	height: 100%;
}

header {
	background-color: #ffffff;
}

article {
	overflow: hidden;
}

main {
	width: 100%;
}

main>article {
	max-width: 1320px;
	margin: 0 auto 2rem;
}



/* -------------------------------------------------------- Common Class */

.container {
	/* box-shadow: 0 0 4px rgba(0,0,0,.3); */
}

.header-large {
	margin: 1rem auto;
	text-align: center;
	font-weight: bold;
	font-size: 2.5rem;
	color: #333;
	line-height: 4rem;
	letter-spacing: 0.1rem;
}


/* -------------------------------------------------------- Main Visual */
.v-area {
	width: 100%;
	background-color: #eee;
	text-align: center;
	margin: 0 auto;
}

.v-area video {
	width: 100%;
}

/* -------------------------------------------------------- Swiper */

.topics-slider {
	max-width: 100% !important;
	margin-bottom: 0;
	background-color: #fffbe7;
}

.swiper-area {
	padding: 1rem 0 0;
	margin: 0 auto;
	overflow: hidden;
	width: 1320px;
}

.swiper {
	padding: 0;
}

.swiper-slide .swiper-cont-link {
	transition: all .7s;
	transform: scale(.95);
}

.swiper-slide-active .swiper-cont-link {
	transform: scale(1);
	z-index: 100;
}

.swiper-slide a img {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
	border-radius: 1rem;

}

.swiper-cont-link {
	padding: 1rem;
	text-align: center;
	display: block;
}

.swiper-pagination {
	position: relative !important;
	bottom: auto !important;
	left: auto !important;
	top: auto !important;
	margin: 0 0 1rem;
}

/* -------------------------------------------------------- OPENCAMPUS Navigation */

.oc-navi {
	background-color: #FFD1AB;
	padding: 0.5rem;
	max-width: 100% !important;
}

.oc-navi-list {
	padding: 0;
	margin: 0 auto;
	width: 1320px;
}

.oc-navi-l-c {
	list-style-type: none;
	padding: 1rem;
	margin: 0;
}

.oc-navi-link {
	display: block;
	min-height: 150px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #645B51;
	padding: 1rem 1rem 0;
	transition: all .3s;
	text-decoration: none;
	text-shadow: 0 0 6px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff, 0 0 6px #ffffff;
	border-radius: 0.5rem;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, .2);
	overflow: hidden;
}

.oc-navi-link:hover {
	text-decoration: none !important;
	color: #8e4301;
}

/* -------------------------------------------------------- OPENCAMPUS with trial lesson */
.oc-link-ex {
	background: url(/2020/wp-content/themes/it-college/img/oc-bg-ex.png) no-repeat 100% 40%/auto 150% #ffffff;
	font-size: 2rem;
	transition: all .4s;
}

.oc-link-ex:hover {
	background: url(/2020/wp-content/themes/it-college/img/oc-bg-ex.png) no-repeat 100% 40%/auto 155% #ffe8a4;
}

.oc-ex-txt {
	display: block;
	float: left;
	margin: 1rem;
	line-height: 2.4rem;
}

.next-oc {
	display: block;
	background-color: #ff7c06;
	color: #ffffff;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	float: left;
	font-size: 1rem;
	text-align: center;
	text-shadow: none;
	margin: 0;
	padding: 0.7rem;
}

.next-oc-date {
	display: block;
	font-size: 1.7rem;
}

.next-oc-date small {
	font-size: 0.9rem;
}

.next-oc-time {
	display: block;
}

/* -------------------------------------------------------- Mini OPENCAMPUS */
.oc-link-mini {
	background: url(/2020/wp-content/themes/it-college/img/oc-bg-mini.png) no-repeat 100% 40%/auto 150% #ffffff;
	font-size: 2rem;
	line-height: 2.4rem;
	transition: all .4s;
}

.oc-link-mini:hover {
	background: url(/2020/wp-content/themes/it-college/img/oc-bg-mini.png) no-repeat 100% 40%/auto 155% #ffe8a4;
}

.oc-link-mini small {
	display: block;
	font-size: 1rem;
	line-height: 1.4rem;
}

.mini-oc-day {
	padding: 0.5rem 1rem;
	margin-right: 1rem;
	display: inline-block;
	background-color: #ff7c06;
	border-radius: 9999px;
	text-shadow: none;
	color: #ffffff;
}

/* -------------------------------------------------------- OPENCAMPUS for International Student */
.oc-link-int {
	background: url(/2020/wp-content/themes/it-college/img/oc-bg-int.png) no-repeat 100% 40%/auto 150% #ffffff;
	font-size: 2rem;
	transition: all .4s;
}

.oc-link-int:hover {
	background: url(/2020/wp-content/themes/it-college/img/oc-bg-int.png) no-repeat 100% 40%/auto 155% #ffe8a4;
}

.oc-link-int small {
	display: block;
	font-size: 1rem;
}

/* -------------------------------------------------------- OPENCAMPUS for Parent */
.oc-link-pt {
	background: url(/2020/wp-content/themes/it-college/img/oc-bg-pt.png) no-repeat right top/auto 150% #ffffff;
	font-size: 2rem;
	transition: all .4s;
}

.oc-link-pt:hover {
	background: url(/2020/wp-content/themes/it-college/img/oc-bg-pt.png) no-repeat right top/auto 155% #ffe8a4;
}

.oc-link-pt small {
	display: block;
	font-size: 1rem;
}


/* -------------------------------------------------------- School Feature */

.school-feature {
	padding: 0.5rem;
	/* background-color: #fefefe; */
	color: #333;
	overflow: hidden;
}

.sc-feat-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.sc-feat-l-c {
	padding: 0.5rem;
	/* border: 1px solid #bab5b5; */
	border-radius: 1rem;
}

.sc-feat-link {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	overflow: hidden;
	border-radius: 1rem;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, .2);
	background-color: #d5e2ec;
}

.sc-feat-link:hover {
	text-decoration: none;
}

.feat-link-01 {
	transition: all .4s;
}

.feat-link-02 {
	transition: all .4s;
}

.feat-link-03 {
	transition: all .4s;
}

.feat-link-01 img,
.feat-link-02 img,
.feat-link-03 img {
	transition: all .4s;
	position: relative;
	z-index: 0;
}

.feat-link-01 img:hover,
.feat-link-02 img:hover,
.feat-link-03 img:hover {
	transform: scale(1.05);
}

.feat-link-01 .feat-text-area {
	/* background-color: #d3d3d3; */
}

.feat-link-02 .feat-text-area {
	/* background-color: #dfdfdf; */
}

.feat-link-03 .feat-text-area {
	/* background-color: #ededed; */
}

.feat-text-area {
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all .4s;
	background-color: #d5e2ec;
}

.feat-text-area:hover {
	background-color: #fff7da;
}

.feat-num {
	margin: 1rem 0;
	color: #ff7c06;
	text-align: center;
	font-size: 1.7rem;
	font-weight: bold;
}

.feat-link-h {
	margin: 0;
	color: #444444;
	text-align: center;
	font-size: 1.7rem;
	font-weight: bold;
	height: 8rem;
}

.feat-link-btn {
	padding: 15px;
	border: solid 1px #444;
	border-radius: 9999px;
	background-color: rgba(255, 255, 255, .9);
	text-align: center;
	font-size: 1rem;
	width: 80%;
	margin: 0 auto 1.5rem;
	color: #ffffff;
	background-color: #645B51;
	transition: all .4s;
}

.feat-link-btn:hover {
	color: #645B51;
	background-color: #ffffff;
}


/* -------------------------------------------------------- Visiter Index - Graphical */

.visiter-index {
	/* background-color: #efefef; */
	color: #444;
}

.visiter-index-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.vis-index-l-c {}

.vis-index-link {
	margin: 0;
	padding: 10rem 2rem 0.5rem;
	display: block;
	text-decoration: none;
	border-radius: 1rem;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, .2);
}

.vis-index-link:hover {
	text-decoration: none;
}

.vis-index-link-h {
	color: #fff;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	text-shadow: 0 0 6px rgba(0, 0, 0, .8), 0 0 6px rgba(0, 0, 0, .8), 0 0 6px rgba(0, 0, 0, .8);
}

.vis-link-3rd {
	background: url(/2020/wp-content/themes/it-college/img/visiter-hs-photo01.jpg) no-repeat top center #bbbbbb;
	background-size: auto 100%;
	transition: all .4s;
}

.vis-link-1and2 {
	background: url(/2020/wp-content/themes/it-college/img/visiter-hs-photo02.jpg) no-repeat center center #bbbbbb;
	background-size: auto 100%;
	transition: all .4s;
}

.vis-link-univ {
	background: url(/2020/wp-content/themes/it-college/img/visiter-univ-photo01.jpg) no-repeat center center #bbbbbb;
	background-size: auto 100%;
	transition: all .4s;
}

.vis-link-3rd:hover,
.vis-link-1and2:hover,
.vis-link-univ:hover {
	background-size: auto 105%;
}


.vis-link-int {
	background: url(/2020/wp-content/themes/it-college/img/visiter-int-std-photo01.jpg) no-repeat top center #bbbbbb;
	background-size: 100% auto;
	transition: all .4s;
}

.vis-link-int:hover {
	background-size: 105% auto;
}

/* -------------------------------------------------------- Visiter Index - Text */
.visiter-index-t-list {
	padding: 0;
	margin: 0;
}

.vis-index-t-l-c {
	padding: 1rem;
	margin: 0;
	list-style-type: none;
}

.vis-index-t-link {
	display: block;
	border: 1px solid #444;
	border-radius: 9999px;
	text-decoration: none;
	transition: all .4s;
}

.vis-index-t-link:hover {
	background-color: #ffffff;
	text-decoration: none;
}

.vis-index-t-link .vis-index-link-h {
	color: #444;
	text-shadow: none;
	font-size: 1rem;
}

/* -------------------------------------------------------- Campus Life */

.campuslife-area {
	background-color: #ffd4eb;
	padding: 2rem;
	max-width: 100% !important;
	margin-bottom: 0;
}

.campuslife-link {
	color: #fff;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	text-shadow: 0 0 6px rgba(0, 0, 0, .8), 0 0 6px rgba(0, 0, 0, .8), 0 0 6px rgba(0, 0, 0, .8);
	background: url(/2020/wp-content/themes/it-college/img/IT-instagram-banner.jpg) no-repeat center center/100% auto;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
	width: 1300px;
	transition: all .4s;
	margin: 0 auto;
	padding: 7rem 0;
	border-radius: 1rem;
	filter: grayscale(50%);
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, .2);
}

.campuslife-link:hover {
	background-size: 105%;
	filter: none;
	text-decoration: none;
	color: #fff;
}


/* -------------------------------------------------------- Other Contents */

.other-contents {
	background-color: #e9dbff;
	padding: 2rem 0;
	max-width: 100%;
}

.other-contents .row {
	list-style-type: none;
	padding: 0;
}

.other-cont-list {
	width: 1320px;
	margin: 0 auto;
}

.other-cont-l-c {
	margin: 0;
	padding: 0;
}

.other-cont-link {
	padding-bottom: 1rem;
	display: block;
	color: #fff;
	min-height: 200px;
	text-align: center;
	font-size: 1.7rem;
	font-weight: bold;
	text-shadow: 0 0 6px rgba(0, 0, 0, .8), 0 0 6px rgba(0, 0, 0, .8), 0 0 6px rgba(0, 0, 0, .8);
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	border-radius: 1rem;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, .2);
}

.other-cont-link:hover {
	text-decoration: none;
	color: #fff;
}

.other-link-jobhunt {
	background: url(/2020/wp-content/themes/it-college/img/it-job-staff.png) no-repeat center top/80% auto,
		url(/2020/wp-content/themes/it-college/img/it-job-bg.jpg) no-repeat center center/100% auto;
	transition: all .4s;
	filter: grayscale(20%);
}

.other-link-jobhunt:hover {
	background: url(/2020/wp-content/themes/it-college/img/it-job-staff.png) no-repeat center top/80% auto,
		url(/2020/wp-content/themes/it-college/img/it-job-bg.jpg) no-repeat center center/105% auto;
	filter: none;
}

.other-link-gallery {
	background:
		url(/2020/wp-content/themes/it-college/img/it-std-product-vr.png) no-repeat center bottom/auto 100%,
		url(/2020/wp-content/themes/it-college/img/it-std-product-bg.jpg) no-repeat center center/100% auto;
	transition: all .4s;
	filter: grayscale(20%);
}

.other-link-gallery:hover {
	background:
		url(/2020/wp-content/themes/it-college/img/it-std-product-vr.png) no-repeat center bottom/auto 100%,
		url(/2020/wp-content/themes/it-college/img/it-std-product-bg.jpg) no-repeat center center/105% auto;
	filter: none;
}

/* -------------------------------------------------------- Dept and Course Introduction */

.dept-lineup-text {
	font-size: 1.7rem;
	text-align: center;
}

.dept-lineup {
	padding: 3rem 0;
	max-width: 100% !important;
}

.dept-lineup-box {
	background-color: #006699;
	color: #fff;
}

.dept-inner {
	width: 1320px;
	margin: 0 auto;
}

.dept-link {
	display: block;
	min-height: 300px;
	padding: 100px;
	color: #ffffff;
	text-decoration: none;
	margin: 0;
}

.dept-link:hover {
	opacity: 1;
}

.dept-link-btn {
	border: 1px solid #ffffff;
	color: #ffffff;
	text-align: center;
	padding: 1rem;
	font-size: 1rem;
	transition: all .3s;
	width: 20%;
	border-radius: 0.5rem;
}

.dept-link-btn:hover {
	background-color: rgba(255, 255, 255, .7);
	color: #444444;
}

.dept-lead {
	display: inline-block;
	text-align: left;
	background-color: rgba(0, 0, 0, .4);
	color: #ffffff;
	font-size: 1.2rem;
	width: auto;
	padding: 1rem;
}

.dept-sub-lead {
	font-size: 1rem;
}

.dept-name-h {
	font-size: 2rem;
	font-weight: bold;
	line-height: 3rem;
}

.period {
	display: inline-block;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	background-color: rgba(0, 0, 0, .2);
	border: 1px solid #ffffff;
	border-radius: 9999px;
	vertical-align: bottom;
	margin-left: 1rem;
	line-height: 1.4rem;
}



/* -------------------------------------------------------- IT Specialist Dept. Information Engineering Course  */
.dept-itsp-ie {
	background: linear-gradient(90deg, rgba(0, 100, 0, .8) 20%, rgba(0, 100, 0, .1) 100%),
		url(/2020/wp-content/themes/it-college/img/dept-bg-itsp-ie.png) no-repeat center center;
	background-size: 100% auto;
	transition: all .5s;
}

.dept-itsp-ie:hover {
	background-size: 105% auto;
}

.dept-itsp-ie .dept-link {
	background: url(/2020/wp-content/themes/it-college/img/dept-itsp-ie-std.png) no-repeat top right,
		rgba(0, 0, 0, .2);
	background-size: auto 100%;
}

/* -------------------------------------------------------- IT Specialist Dept. Information Seculity Course  */
.dept-itsp-is {
	background: linear-gradient(90deg, rgba(0, 0, 100, .8) 20%, rgba(0, 0, 100, .1) 100%),
		url(/2020/wp-content/themes/it-college/img/dept-bg-itsp-is.png) no-repeat bottom center;
	background-size: 100% auto;
	transition: all .5s;
}

.dept-itsp-is:hover {
	background-size: 105% auto;
}

.dept-itsp-is .dept-link {
	background: url(/2020/wp-content/themes/it-college/img/dept-itsp-is-std.png) no-repeat center right,
		rgba(0, 0, 0, .2);
	background-size: auto 120%;
}

/* -------------------------------------------------------- Game Creator Dept.  */
.dept-gc {
	background: linear-gradient(90deg, rgba(255, 100, 0, .8) 20%, rgba(255, 100, 0, .1) 100%),
		url(/2020/wp-content/themes/it-college/img/dept-bg-gc.png) no-repeat center center;
	background-size: 100% auto;
	transition: all .5s;
}

.dept-gc:hover {
	background-size: 105% auto;
}

.dept-gc .dept-link {
	background: url(/2020/wp-content/themes/it-college/img/dept-gc-std.png) no-repeat top right,
		rgba(0, 0, 0, .2);
	background-size: auto 120%;
}

/* -------------------------------------------------------- Night IT Engineer Dept.  */
.dept-night {
	background: linear-gradient(90deg, rgba(150, 100, 255, .8) 20%, rgba(150, 100, 255, .1) 100%),
		url(/2020/wp-content/themes/it-college/img/dept-bg-night.png) no-repeat center center;
	background-size: 100% auto;
	transition: all .5s;
}

.dept-night:hover {
	background-size: 105% auto;
}

.dept-night .dept-link {
	background: url(/2020/wp-content/themes/it-college/img/dept-night-image.png) no-repeat top right,
		rgba(0, 0, 0, .2);
	background-size: auto 100%;
}

/* -------------------------------------------------------- Bottom navigation */

.more-info {
	height: 500px;
	background: url(/2020/wp-content/themes/it-college/img/it-building.png) no-repeat top left/30% auto,
		url(/2020/wp-content/themes/it-college/img/bottom-nav-bg-sky.jpg) no-repeat center center/100% auto;
	color: #fff;
}

.more-info-mod {
	padding: 2rem 0;
	height: 100%;
	margin-left: 30%;
	width: 70%;
	text-align: center;
	background-color: rgba(0, 0, 0, .5);
}

.more-info-h {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 auto 2rem;
}

.more-info-list {
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	width: 50%;
}

.more-info-l-c {
	margin: 1rem auto;
}

.more-info-link {
	display: block;
	background-color: #eaeaea;
	color: #444;
	font-size: 1rem;
	padding: 1rem;
	border-radius: 9999px;
	text-decoration: none;
	transition: all .4s;
}

.more-info-link:hover {
	background-color: #d96d0f;
	color: #ffffff;
}

/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ For Mobile */


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

	/* -------------------------------------------------------- Common */
	.header-large {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	/* -------------------------------------------------------- Topics slider */
	.swiper-area {
		width: 100% !important;
	}

	.swiper {
		height: auto;
		padding: 0;
	}

	.swiper-pagination {
		margin: 0;
	}

	.swiper-slide {
		padding-bottom: 0;
	}

	.swiper-cont-link {
		padding: 0.5rem;
	}

	/* -------------------------------------------------------- OPENCAMPUS */
	.oc-navi-list {
		width: 100%;
	}

	.oc-link-ex,
	.oc-link-ex:hover {
		background: url(/2020/wp-content/themes/it-college/img/oc-bg-ex.png) no-repeat 100% 40%/auto 110% #ffffff;
	}

	.next-oc {
		width: 100px;
		height: 100px;
		font-size: 0.7rem;
		position: absolute;
		top: 3rem;
	}

	.oc-ex-txt {
		font-size: 1.8rem;
		position: absolute;
		bottom: 1rem;
	}

	.oc-link-mini,
	.oc-link-mini:hover {
		background: url(/2020/wp-content/themes/it-college/img/oc-bg-mini.png) no-repeat 88% 40% / auto 100% #ffffff;
	}

	.oc-link-mini small {
		margin-top: 0.5rem;
		position: absolute;
		bottom: 2rem;
	}

	.next-oc-date {
		font-size: 1.4rem;
	}

	.oc-link-int {
		background: url(/2020/wp-content/themes/it-college/img/oc-bg-int.png) no-repeat 70% 40% / auto 100% #ffffff;
		font-size: 1.5rem;
		padding-top: 3rem;
	}

	.oc-link-int:hover {
		background: url(/2020/wp-content/themes/it-college/img/oc-bg-int.png) no-repeat 70% 40% / auto 100% #ffffff;
	}

	.oc-link-pt {
		background: url(/2020/wp-content/themes/it-college/img/oc-bg-pt.png) no-repeat 60% top / auto 120% #ffffff;
		font-size: 1.5rem;
		padding-top: 3.5rem;
	}

	.oc-link-pt:hover {
		background: url(/2020/wp-content/themes/it-college/img/oc-bg-pt.png) no-repeat 60% top / auto 120% #ffffff;
	}

	/* -------------------------------------------------------- Visiter Navigation */
	.vis-index-l-c {
		margin-bottom: 1rem;
	}

	.vis-index-link-h {
		position: absolute;
		bottom: 1rem;
		left: 0;
		right: 0;
	}

	.visiter-index-t-list .vis-index-link-h {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
	}

	.vis-link-3rd,
	.vis-link-1and2,
	.vis-link-univ {
		background-size: auto 100%;
	}

	.vis-link-int {
		background-size: 80% auto;
		background-color: #ffdefc;
	}

	.vis-link-3rd:hover,
	.vis-link-1and2:hover,
	.vis-link-univ:hover {
		background-size: 105% auto;
	}

	.vis-link-int:hover {
		background-size: 85% auto;
	}

	/* -------------------------------------------------------- Campuslife */
	.campuslife-area {
		padding: 1rem;
	}

	.campuslife-link {
		background: url(/2020/wp-content/themes/it-college/img/IT-instagram-banner_sp.jpg) no-repeat center center/auto 100%;
		width: 100%;
		filter: none;
	}

	.campuslife-link:hover {
		background: url(/2020/wp-content/themes/it-college/img/IT-instagram-banner_sp.jpg) no-repeat center center/auto 105%;
	}

	/* -------------------------------------------------------- Other Contents navigation */
	.other-contents {
		padding: 1rem;
	}

	.other-cont-list {
		width: 100%;
	}

	.otehr-cont-l-c {
		margin-bottom: 1rem;
		padding: 0;
	}

	.other-link-jobhunt {
		background: url(/2020/wp-content/themes/it-college/img/it-job-staff.png) no-repeat center top/auto 100%,
			url(/2020/wp-content/themes/it-college/img/it-job-bg.jpg) no-repeat center center/100% auto;
		transition: all .4s;
		filter: none;
	}

	.other-link-jobhunt:hover {
		background: url(/2020/wp-content/themes/it-college/img/it-job-staff.png) no-repeat center top/auto 100%,
			url(/2020/wp-content/themes/it-college/img/it-job-bg.jpg) no-repeat center center/105% auto;
	}

	.other-link-gallery {
		filter: none;
	}

	/* -------------------------------------------------------- Dept Common */
	.dept-lineup-text {
		font-size: 1.2rem;
	}

	.dept-lineup {
		padding: 0;
		margin: 0;
	}

	.dept-inner {
		width: 100%;
		position: relative;
	}

	.dept-link {
		padding: 1rem !important;
		display: flex;
		flex-direction: column;
		min-height: 60vh;
	}

	.dept-lead {
		margin-bottom: 0;
		font-size: 1rem;
		width: 100%;
		text-align: center;
	}

	.dept-name-h {
		font-weight: bold;
		font-size: 1.2rem;
		line-height: 2.2rem;
		text-shadow: 0 0 6px #000000, 0 0 6px #000000, 0 0 6px #000000, 0 0 6px #000000;
	}

	.course-name {
		display: block;
	}

	.period {
		margin: 0.5rem 0;
		text-shadow: none;
	}

	.dept-sub-lead {
		font-size: 0.9rem;
		margin-bottom: 0;
		text-shadow: 0 0 6px #000000, 0 0 6px #000000, 0 0 6px #000000, 0 0 6px #000000;
	}

	.dept-link-btn {
		margin-top: auto;
		width: 91%;
		background-color: rgba(255, 255, 255, .9);
		color: #444;
		position: absolute;
		bottom: 1rem;
	}

	/* -------------------------------------------------------- Dept Indiv */
	.dept-itsp-ie {
		background-size: auto 100%;
	}

	.dept-itsp-ie:hover {
		background-size: auto 105%;
	}

	.dept-itsp-ie .dept-link {
		background-position: bottom right;
		background-size: 90% auto;
	}

	.dept-itsp-is {
		background-size: auto 100%;
	}

	.dept-itsp-is:hover {
		background-size: auto 105%;
	}

	.dept-itsp-is .dept-link {
		background-position: 290% 100%;
		background-size: 92% auto;
	}

	.dept-gc {
		background-size: auto 100%;
	}

	.dept-gc:hover {
		background-size: auto 105%;
	}

	.dept-gc .dept-link {
		background-position: 0px 110%;
		background-size: 90% auto;
	}

	.dept-gc .course-name {
		display: inline-block;
		line-height: 3.5rem;
	}

	.dept-gc .period {
		margin-left: 0.5rem;
		display: inline-block;
	}

	.dept-night {
		background-size: auto 100%;
	}

	.dept-night:hover {
		background-size: auto 105%;
	}

	.dept-night .dept-link {
		background-position: bottom right;
		background-size: 70% auto;
	}

	.dept-night .dept-sub-lead {
		position: absolute;
		bottom: 7rem;
	}

	/* -------------------------------------------------------- More Information */
	.more-info {
		background-size: 100% auto;
	}

	.more-info-mod {
		width: 100%;
		margin: 0;
	}

	.more-info-list {
		width: 90%;
	}

}