.ms-fullscreen-template .slide-pattern{
	background: url(../../images/footer-logo.svg) no-repeat;
	width: 150px;
	height: 100%;
	z-index: 8;
	-webkit-transform: translateX(42%);
	-moz-transform: translateX(42%);
	-ms-transform: translateX(42%);
	-o-transform: translateX(42%);
	transform: translateX(42%);
	position: absolute;
	top: 20%;
	left: 42%;
	
filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.6));
}

@media only screen and (max-width: 767px) {
	.ms-fullscreen-template .slide-pattern{
		-webkit-transform: translateX(21%);
		-moz-transform: translateX(21%);
		-ms-transform: translateX(21%);
		-o-transform: translateX(21%);
		transform: translateX(21%);
		left: 21%;
	}
}


.ms-layer.bold-text-white{
	color: #4E070B;
	font-weight: 900;
	font-size: 48px;
	margin: 0;
	line-height: 50px;
}



.ms-layer.thin-text-white{
	color: #FFF;
	background: rgba(0, 0, 0, 0.72);
	font-size: 77px;
	font-weight: 100;
	padding: 50px;
	margin: 0;
	text-shadow: -1px 1px #000;
}

.ms-layer.thin-text-black{
	color: black;
	font-size: 77px;
	font-weight: 100;
	background: rgba(255, 255, 255, 0.78);
	padding: 50px;
	margin: 0;
	text-shadow: -1px 1px rgba(255, 255, 255, 0.51);
}

.slide-1 .captiontext {
	top: 53% !important;
	left: 340px;
	font-weight: 900;
	padding: 10px;
	text-align: center;
	width: 30%;
	font-size: 16px;
	border: 2px solid #861229;
	background-color: #861229;
	color: #ffffff;
	line-height: 36px;
}

.slide-1 .captiontext:hover {
	border: 2px solid #333366;
	background-color: #333366;
	color: #ffffff;
}

.slide-1 .bigtext {
	top: 38% !important;
	width: 100%;
	text-align: center;
}

.slide-1 .medium-text {
	font-weight: 500;
	top: 43% !important;
	font-size: 18px;
	left: 200px;
	margin: 0;
	padding: 0;
	margin-top: 25px;
	color:#4E070B;
	text-align: center;
	line-height: 20px;
	letter-spacing: 1px;
}

.slide-2 .blacktext {
	top: 43% !important;
	left: 16% !important;
}

.slide-2 .whitetext {
	top: 43% !important;
	left: 54% !important;
}

.slide-3 .bigtext {
	width: 100%;
	text-align: center;
	top: 50% !important;
}

.slide-3 .blacktext {
	left: 27% !important;
	top: 50% !important;
	padding: 50px;
	margin-top: -15%;
}

.slide-4{
	color:white;
	text-shadow: -1px 1px black;
}

.slide-4 .box{
	left: 60px;
	top: 40% !important;
	width: 46%;
	padding-bottom: 18% !important;
	background: rgba(0, 0, 0, 0.72);
}

.slide-4 .small-text {
	margin: 0;
	top: 40% !important;
	font-weight: 300;
	left: 82px;
	padding: 0;
	margin-top: 16px;
}

.slide-4 .medium-text {
	font-weight: 100;
	top: 40% !important;
	font-size: 77px;
	left: 73px;
	margin: 0;
	padding: 0;
	margin-top: 25px;
}

.slide-4 .big-text{
	font-weight: 900;
	left: 77px;
	top: 40% !important;
	padding: 0;
	font-size: 80px;
	margin: 0;
	margin-top: 90px;
}

.slide-5 .video-caption {
  	font-family: 'EB Garamond','Noto Sans TC','Microsoft JhengHei',sans-serif;
	color: #FFFFFF;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	/* font-weight: 900; */
	font-size: 50px;
	margin: 0;
	line-height: 50px;	
	width: 100%;
	text-align: center;
	top: 45% !important;
}

.slide-5 .video-medium {
	font-family: 'EB Garamond','Noto Serif TC','Microsoft JhengHei',sans-serif;

    font-weight: 500;
    top: 50% !important;
    font-size: 25px;
    /* left: 200px; */
    margin: 0;
    padding: 0;
    margin-top: 35px;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px;
	letter-spacing: 9px;
	width: 100%;	
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}


@media only screen and (max-width: 767px) {
	.slide-5 .video-caption {
		top: 60% !important;
		font-size: 25px !important;
	}

	.slide-5 .video-medium {
		top: 65% !important;
		font-size: 15px !important;
	}
}

.slide-5 .video-button {
	top: 53% !important;
	left: 340px;
	font-weight: 900;
	padding: 10px;
	text-align: center;
	width: 30%;
	font-size: 16px;
	border: 2px solid #ffffff;
	color: #ffffff;
	line-height: 36px;
}

.slide-5 .video-button:hover {
	border: 2px solid #333366;
	background-color: #333366;
	color: #ffffff;
}

@media screen and (max-width: 600px){
.slide-1 .captiontext {
	margin-top: 45px;
	line-height: 46px;
}
.slide-1 .medium-text {
	left: 0px;
	line-height: 36px;
	width: 100%;
}
.slide-5 .video-button {
	margin-top: 45px;
	line-height: 46px;
}
.slide-5 .video-medium {
	left: 0px;
	line-height: 36px;
	width: 100%;
}
}