/* errorPag */
#errorPag { position: relative; margin-bottom: 400px; width: 70%; }
#errorPag > div { position: relative; z-index: 2; }
#errorPag:before { position: absolute; width: calc(100% - 140px); height: calc(100% - 75px); background: #fff; box-shadow: 0 0 20px #848181; top: 55px; left: 70px; z-index: 1; content: ""; }

/* topBox */
#errorPag .topBox { margin: auto; padding: 110px 15px 40px; width: calc(100% - 140px); }
#errorPag .topBox * { text-align: center; font-family: 'Noto Sans TC', sans-serif; }
#errorPag .topBox h2 { margin: 25px 0; font-weight: normal; font-size: 20px; color: #3C9ABE; }
#errorPag .topBox div font { display: inline-block; }
#errorPag .topBox div font a { padding: 5px 10px; display: inline-block; font-size: 18px; color: #51c0c5; }
#errorPag .topBox div font.back a { margin: 0 10px; padding: 5px 20px; border: 1px #51c0c5 solid; border-radius: 20px; }

/* newsBox */
#errorPag #newsBox { margin: 0 20px 50px; padding: 15px 62px 20px 80px; background: #fff; box-shadow: 0 0 20px #848181; }
#errorPag #newsBox h5 { margin-bottom: 15px; font-weight: normal; font-family: 'Noto Sans TC', sans-serif; font-size: 18px; color: #3A9BBE; }
#errorPag #newsBox .slick-slider { position: initial; margin-bottom: 0; }
#errorPag #newsBox ul li * { margin-right: 20px; display: inline-block; }
#errorPag #newsBox ul li p a { margin-top: 10px; margin-right: 0; height: 46px; display: -webkit-inline-box; font-family: 'Noto Sans TC', sans-serif; font-size: 16px; color: #444; -webkit-line-clamp: 2; }
#errorPag .slick-prev , #errorPag .slick-next { width: 22px; height: 22px; background: url(/images/404/icon-btnL.png) no-repeat 0 0; left: 30px; }
#errorPag .slick-next { background: url(/images/404/icon-btnR.png) no-repeat 0 0; left: inherit; right: 30px; }
#errorPag .slick-prev:before , #errorPag .slick-next:before { content: ""; }

@media screen and (max-width: 1580px) {
	#errorPag { width: 95%; }
}
@media screen and (max-width: 960px) {
	#errorPag { width: 95%; }
	#errorPag:before { width: calc(100% - 120px); left: 60px; }
	#errorPag .topBox h2 { margin: 20px auto; width: 70%; }
	#errorPag .topBox div font { margin-bottom: 10px; }
}
@media screen and (max-width: 680px) {
	#errorPag #newsBox ul li * { margin: 0 1px; display: block; }
	#errorPag #newsBox ul li p a { display: -webkit-box; }
}
@media screen and (max-width: 480px) {
	#errorPag .topBox { padding: 80px 0 10px; width: calc(100% - 180px); }
	#errorPag .topBox h2 { width: 100%; font-size: 15px; }
	#errorPag .topBox div font a { font-size: 14px; }
	#errorPag .topBox div font.back a { padding: 5px 15px; }
	#errorPag:before { width: calc(100% - 80px); box-shadow: 0 0 10px #848181; left: 40px; }
	#errorPag #newsBox { margin: 0 10px 50px; padding: 10px 45px; box-shadow: 0 0 10px #848181; }
	#errorPag .slick-prev { left: 10px; }
	#errorPag .slick-next { right: 10px; }
}
@media screen and (max-width: 450px) {
}