@font-face {
  font-family: 'icomoon';
  src:  url('/wp-content/themes/ennocheng/assets/fonts/icomoon.eot?knrxm4');
  src:  url('/wp-content/themes/ennocheng/assets/fonts/icomoon.eot?knrxm4#iefix') format('embedded-opentype'),
    url('/wp-content/themes/ennocheng/assets/fonts/icomoon.ttf?knrxm4') format('truetype'),
    url('/wp-content/themes/ennocheng/assets/fonts/icomoon.woff?knrxm4') format('woff'),
    url('/wp-content/themes/ennocheng/assets/fonts/icomoon.svg?knrxm4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-circle-active:before {
  content: "\e900";
}
.icon-circle-two:before {
  content: "\e901";
}
.icon-circle:before {
  content: "\e902";
}
.icon-close:before {
  content: "\e903";
}
.icon-e:before {
  content: "\e904";
}
.icon-enno:before {
  content: "\e905";
}
.icon-facebook:before {
  content: "\e906";
}
.icon-instagram:before {
  content: "\e907";
}
.icon-menu:before {
  content: "\e908";
}
.icon-n:before {
  content: "\e909";
}
.icon-o:before {
  content: "\e90a";
}
.icon-up:before {
  content: "\e90b";
}
.icon-youtube:before {
  content: "\e90c";
}


body {
	font-size: 1rem;
	background: #141615;
	color: #fff;
}

body.home {
	
}
body.home .site-header {
	display: none;
}
img {
  vertical-align: middle;
  border-style: none;
}
a {
	outline: none;
}
.flex-wrap {
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-row-reverse {
	flex-direction: row-reverse !important;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline li {
	display: inline-block;
	margin-right: 0.75rem;
}
.entry-title {
	font-family: 'BIZ UDPMincho', 'Rokkitt', 'Noto Serif TC', serif !important;
	font-weight: normal;
}
h2.entry-title {
	font-family: 'Noto Sans TC', sans-serif !important;
}
.text-sans {
	font-family: 'Noto Sans TC', sans-serif !important;
}
.text-gold {
	color: #c9a063;
}
.h-fill-available {
  height: 100%;
  height: -moz-available;
  height: -webkit-fill-available;
  height: fill-available;
}
.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.row.no-gutters > * {
	padding-left: 0;
	padding-right: 0;
}
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.position-fixed {
	position: fixed;
}
.index-row {
	left: 30px;
	right: 30px;
	bottom: 40px;
}
.img-logo {
	width: 40%;
	left: 30px;
	bottom: 90px;
	z-index: 10;
}
.p-20p {
	padding: 20px;
}
.px-20p {
	padding-left: 20px;
	padding-right: 20px;
}
.px-30p {
	padding-left: 30px;
	padding-right: 30px;
}
.py-15p {
	padding-top: 15px;
	padding-bottom: 15px;
}
.py-20p {
	padding-top: 20px;
	padding-bottom: 20px;
}
.py-30p {
	padding-top: 30px;
	padding-bottom: 30px;
}
.mr-10p {
	margin-right: 10px;
}
.mr-20p {
	margin-right: 20px;
}
.mt-5p {
	margin-top: 5px;
}
.mt-30p {
	margin-top: 30px;
}
.mt-50p {
	margin-top: 50px;
}
.m-0 {
	margin: 0;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-5p {
	margin-bottom: 5px;
}
.mb-10p {
	margin-bottom: 10px;
}
.mb-15p {
	margin-bottom: 15px;
}
.mb-20p {
	margin-bottom: 20px;
}
.mb-30p {
	margin-bottom: 30px;
}
.mb-35p {
	margin-bottom: 35px;
}
.mb-40p {
	margin-bottom: 40px;
}
.mb-50p {
	margin-bottom: 50px;
}
.ml-10p {
	margin-left: 10px;
}
.h-100 {
	height: 100%;
}
.h-13p {
	height: 13px;
}
.h-20p {
	height: 20px;
}
.h-25p {
	height: 25px;
}
.h-35p {
	height: 35px;
}
.h-50p {
	height: 50px;
}
.w-100 {
	width: 100%;
}
.w-20p {
	width: 20px;
}
.w-25p {
	width: 25px;
}
.w-30p {
	width: 30px;
}
.w-35p {
	width: 35px;
}
.w-40p {
	width: 40px;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
@media (min-width: 768px) {
	html {
		font-size: 17px !important;
	}
	.index-row {
		left: 40px;
		right: 40px;
		bottom: 50px;
	}
	.img-logo {
		width: 30%;
		left: 40px;
		bottom: 100px;
	}
	.h-md-20p {
		height: 20px;
	}
	.h-md-50p {
		height: 50px;
	}
	.mt-md-45p {
		margin-top: 45px;
	}
	.mt-md-65p {
		margin-top: 65px;
	}
}
@media (min-width: 992px) {
	.h-fill-available {
    height: 100vh;
	}
	.index-row {
		left: 50px;
		right: 50px;
		bottom: 50px;
	}
	.img-logo {
		width: 25%;
		left: 50px;
		bottom: 50px;
		max-width: 350px;
	}
	.px-lg-20p {
		padding-left: 20px;
		padding-right: 20px;
	}
	.px-lg-50p {
		padding-left: 50px;
		padding-right: 50px;
	}
	.py-lg-50p {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.mr-lg-0 {
		margin-right: 0;
	}
	.mr-lg-30p {
		margin-right: 30px;
	}
	.ml-lg-0 {
		margin-left: 0;
	}
	.ml-lg-20p {
		margin-left: 20px;
	}
	.ml-lg-30p {
		margin-left: 30px;
	}
	.w-lg-50p {
		width: 50px;
	}
	.text-lg-center {
		text-align: center;
	}
	.text-lg-right {
		text-align: right;
	}
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (0.5rem * 2));
  content: "";
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #141615;
  color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.7;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;

  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}

.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	opacity: .5;
  background: transparent !important;
}

button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.close:hover {
	opacity: 1;
}
.modal-video .close {
	position: absolute;
	right: 0;
	top: -35px;
	z-index: 100;
}

.an-spacen {
	width: 100px;
	height: 100px;
	background-image: url(/wp-content/themes/ennocheng/assets/images/an-spacen-xs.png);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  animation: an-spacen 6s steps(145) forwards;
}

@-webkit-keyframes an-spacen {
   from { background-position:    0 0px; }
     to { background-position: 0 -14500px; }
}

@keyframes an-spacen {
   from { background-position:    0 0px; }
     to { background-position: 0 -14500px; }
}
.index-main {
	--glitch-width: 100vw;
	--glitch-height: 100vh;
	--gap-horizontal: 10px;
	--gap-vertical: 5px;
	--time-anim: 4s;
	--delay-anim: 2s;
	--blend-mode-1: none;
	--blend-mode-2: none;
	--blend-mode-3: none;
	--blend-mode-4: none;
	--blend-mode-5: overlay;
	--blend-color-1: transparent;
	--blend-color-2: transparent;
	--blend-color-3: transparent;
	--blend-color-4: transparent;
	--blend-color-5: #af4949;
}
/* Glitch styles */
.glitch {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.glitch__img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(/wp-content/themes/ennocheng/assets/images/bg.jpg) no-repeat 50% 0;
	background-color: var(--blend-color-1);
	background-size: cover;
	transform: translate3d(0,0,0);
	background-blend-mode: var(--blend-mode-1);
}

.glitch__img:nth-child(n+2) {
	opacity: 0;
}

.imgloaded .glitch__img:nth-child(n+2) {
	animation-duration: var(--time-anim);
	animation-delay: var(--delay-anim);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.imgloaded .glitch__img:nth-child(2) {
	background-color: var(--blend-color-2);
	background-blend-mode: var(--blend-mode-2);
	animation-name: glitch-anim-1;
}

.imgloaded .glitch__img:nth-child(3) {
	background-color: var(--blend-color-3);
	background-blend-mode: var(--blend-mode-3);
	animation-name: glitch-anim-2;
}

.imgloaded .glitch__img:nth-child(4) {
	background-color: var(--blend-color-4);
	background-blend-mode: var(--blend-mode-4);
	animation-name: glitch-anim-3;
}

.imgloaded .glitch__img:nth-child(5) {
	background-color: var(--blend-color-5);
	background-blend-mode: var(--blend-mode-5);
	animation-name: glitch-anim-flash;
}

/* Animations */

@keyframes glitch-anim-1 {
	0% { 
		opacity: 1;
		transform: translate3d(var(--gap-horizontal),0,0);
		-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
		clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
	}
	2% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}
	4% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}
	8% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	10% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	12% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	14% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	16% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	18% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(var(--gap-horizontal),0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}

@keyframes glitch-anim-2 {
	0% { 
		opacity: 1;
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
		-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
		clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
	}
	3% {
		-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}
	5% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
		clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
	}
	7% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	9% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
	}
	11% {
		-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
		clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
	}
	13% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	15% {
		-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
		clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
	}
	17% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
	}
	19% {
		-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
		clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
	}
	20% {
		-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
		clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}

@keyframes glitch-anim-3 {
	0% { 
		opacity: 1;
		transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
		clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
	}
	1.5% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
		clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
	}
	2% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
		clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
	}
	2.5% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	3% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
		clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
	}
	5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
		clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
	}
	5.5% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
		clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
	}
	7% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
		clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
	}
	8% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	9% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
		clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
	}
	10.5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
		clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
	}
	11% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
		clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
	}
	13% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
		clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
	}
	14% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
		clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
	}
	14.5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
		clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
	}
	15% {
		-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
		clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
	}
	16% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	18% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
		clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
		clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}

@keyframes glitch-anim-text {
	0% { 
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	2% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	4% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	7% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	8% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	9% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	9.9% {
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
	}
	10%, 100% {
		transform: translate3d(0,0,0) scale3d(1,1,1);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

/* Flash */
@keyframes glitch-anim-flash {
	0%, 5% { 
		opacity: 0.2; 
		transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
	}
	5.5%, 100% {
		opacity: 0;
		transform: translate3d(0, 0, 0);
	}
}



#modal-spacen h4 {
	letter-spacing: 14px;
  padding-left: 14px;
}
.collapse:not(.show) {
  display: block;
}
.collapsing {
  
}

.collapse-hide-block {
	background: #dbdbdb;
	color: #000502;
	position: fixed;
  top: 0;
  right: 0;
  width: calc(100% - 90px);
  bottom: 0;
  transition: width 0.35s ease;
  z-index: 10;
  overflow: hidden;
}
.collapse-hide-block a {
	color: #000502 !important;
}
.collapse-hide-block > div {
	margin-left: 30px;
}
@media (min-width: 375px) {
	.collapse-hide-block > div {
		margin-left: 60px;
	}
}
.collapse:not(.show) .collapse-hide-block {
	width: 0;
}
.collapsing .collapse-hide-block {

}
.collapse:not(.show).menu-wrapper:before {
	background: rgba(0,0,0,0);
	visibility: hidden;
}
.menu-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #000502;
	color: #c9a063;
	z-index: 1000;
	font-size: 15px;
	min-height: 60px;
}
.menu-wrapper:before {
	content: "";
	display: block;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,1);
	z-index: 1;
	transition: all 0.35s ease;
}
.menu-bar {
	position: relative;
	z-index: 5;
	line-height: 1;
}
.menu-wrapper a {
	text-decoration: none !important;
}
.menu-wrapper .icon-menu {
	font-size: 30px;
}
.btn-language a {
	display: inline-flex;
  text-align: center;
  margin-left: 5px;
  transition: all 0.35s ease;
  line-height: 22px;
  text-decoration: none !important;
}
.btn-language a.active {
	font-weight: bold;
}
.logo-enno {
	width: 200px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.35s ease;
}
.opacity-1 {
	opacity: 1;
}
.menu-list a.menu-item {
	border-bottom: 1px solid #000502;
	opacity: 1;
	padding: 9px 0 7px 0;
	font-size: 16px;
	text-decoration: none;
}
.menu-list li:last-child a.menu-item {
	border: none !important;
}
.menu-list .menu-item .icon-circle,
.menu-list .menu-item .icon-circle-active {
	position: relative;
	top: 2px;
	margin-right: 3px;
}
.social-list {
	font-size: 20px;
}
.social-list a {
	text-decoration: none !important;
}
.social-list .icon-youtube {
	font-size: 26px;
	position: relative;
	top: 3px;
}
.collapse-hide-block p {
	font-size: 13px;
	line-height: 1.4;
}
.btn-menu {
	width: 30px;
	height: 30px;
	position: relative;
}
.bar-01,
.bar-02,
.bar-03 {
	height: 2px;
	background: #c9a063;
	transition: all .35s ease;
	top: 50%;
  left: 0;
  margin-left: -4px;
}
.collapse:not(.show) .bar-01 {
	top: 20%;
	margin-top: -1px;
	margin-left: 0;
	width: 30px;
	transform: rotate(0);
}
.collapse:not(.show) .bar-02 {
	top: 50%;
	margin-top: -1px;
	margin-left: 0;
	opacity: 1;
	width: 30px;
	transform: rotate(0);
}
.collapse:not(.show) .bar-03 {
	top: 80%;
	margin-top: -1px;
	margin-left: 0;
	width: 30px;
	transform: rotate(0);
}
.bar-01 {
	transform: rotate(45deg);
  width: 40px;
  transform-origin: center;
}
.bar-02 {
	opacity: 0;
}
.bar-03 {
	transform: rotate(-45deg);
  width: 40px;
  transform-origin: center;
}

@media (min-width: 768px) {
	.menu-wrapper {
		position: relative;
		background: transparent;
	}
	.single-post .menu-wrapper {
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	}
	.collapse-hide-block {
		width: 350px;
	}
	.menu-bar .btn-language {
		position: absolute;
		right: 90px;
    top: 55%;
	}
	.menu-bar:before {
		content: "";
		display: block;
		position: absolute;
		height: 0.25px;
		left: 215px;
		right: 90px;
		background: #c9a063;
		top: 50%;
		opacity: 0;
		transition: all 0.35s ease;
	}
	.btn-menu {
		position: fixed;
		right: 380px;
		transition: all 0.35s ease;
	}

	.collapse:not(.show) .btn-menu {
		position: absolute;
		right: 30px;
	}
	
	.collapse:not(.show) .logo-enno {
		opacity: 1;
		visibility: visible;
	}
	.collapse:not(.show) .menu-bar:before {
		opacity: 0.75;
	}
}
@media (min-width: 992px) {
	.menu-list a.menu-item:hover .icon-circle:before {
  	content: "\e900";
	}
}

.grid {
	list-style: none;
	margin: -40px -10px 50px -10px;
	padding: 0;
}

.grid li {
	display: block;
	float: left;
	padding: 15px;
	width: 100%;
	opacity: 0;
}
@media (min-width: 1200px) {
	.grid li {
		padding: 20px;
	}
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	width: 100%;
}

/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.event-card {
	position: relative;
  background: #000;
  text-decoration: none !important;
  color: #fff !important;
}
.event-card:hover,
.event-card:focus,
.event-card:active {
	color: #fff;
}
.event-card h3 {
	font-size: 1.2rem;
	margin: 0 0 0.5rem 0;
	font-family: 'Noto Sans TC', sans-serif !important;
}
.event-card h5 {
	font-size: 16px;
	margin: 0 0 0.5rem 0;
}
.event-card p {
	margin: 0;
	opacity: 0.8;
	font-size: 16px;
}
.event-card-date {
	position: absolute;
	background: #000;
	z-index: 2;
	top: 0;
	left: 0;
	padding: 10px 15px;
	font-size: 13px;
	text-align: center;
	line-height: 1.2;
	text-transform:uppercase;
}
.event-card-date .text-d {
	font-size: 26px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.event-card-date .text-y {
	color: #c9a063;
}

@media (min-width: 768px) {
	.grid {
		margin-top: -30px;
	}
	.grid li {
		width: 33%;
	}
}
@media (min-width: 992px) {
	.grid {
		margin-top: -50px;
	}
	.event-card:hover h3 {
		color: #c9a063;
	}
}
@media (min-width: 1400px) {
	.grid li {
		width: 25%;
	}
}
@media (min-width: 1600px) {
	.grid li {
		width: 20%;
	}
}
.pagination {
	display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-top: 50px;
  -ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.page-numbers {
	display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  -ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.page-numbers li span,
.page-numbers li a {
	text-decoration: none;
	border: 1px solid #aaa;
	color: #aaa;
	padding: 0;
	margin: 4px;
	width: 34px;
	height: 34px;
	display: inline-flex;
	border-radius: 50%;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 600;
	font-size: 15px;
  line-height: 1;
  transition: all 0.35s ease;
}
.page-numbers li span {
	border: 1px solid #c9a063;
	color: #c9a063;
	cursor: auto;
}
@media (min-width: 992px) {
	.pagination {
	  margin-top: 70px;
	}
	.page-numbers li a:hover {
		border: 1px solid #fff;
		color: #000;
		background: #fff;
	}
}
.content-area.profile-content-area,
.content-area.biography-content-area,
.content-area.news-content-area,
.content-area.event-content-area {
	padding: 120px 30px 20px 30px;
}
.profile-content-area h1.entry-title,
.biography-content-area h1.entry-title,
.news-content-area h1.entry-title,
.event-content-area h1.entry-title {
	padding-left: 10px;
	line-height: 1;
	margin: 0;
}
.profile-content-area h1.entry-title:before,
.biography-content-area h1.entry-title:before,
.news-content-area h1.entry-title:before,
.event-content-area h1.entry-title:before {
	content: "";
	display: block;
	width: 2px;
	height: 120px;
	background: #c9a063;
	position: absolute;
	left: 0;
	bottom: 0;
}
.logo-enno-block {
	width: 100%;
	height: 60px;
	background-image: url(/wp-content/themes/ennocheng/assets/images/logo-enno-bottom.svg);
	background-position: left top;
	background-size: auto 60px;
	background-repeat: no-repeat;
	margin-left: 30px;
	margin-bottom: 30px;
}

.profile-info {
	padding: 35px 20px;
}
.profile-info .social-list a {
	color: #fff;
}
.profile-info-text {

}
.profile-info-text h2 {
	position: absolute;
	left: -25px;
	top: -90px;
	z-index: 2;
}

@media (min-width: 992px) {
	.content-area.profile-content-area,
	.content-area.biography-content-area,
	.content-area.news-content-area,
	.content-area.event-content-area {
		padding: 0 30px 50px 30px;
	}
	.profile-content-area h1.entry-title,
	.biography-content-area h1.entry-title,
	.news-content-area h1.entry-title,
	.event-content-area h1.entry-title {
		padding-left: 20px;
		height: 120px
	}
	.profile-info-text {
		padding-top: 65px;
	}
	.profile-info-text:before {
		content: "";
		display: block;
		width: 2px;
		background: #fff;
		position: absolute;
		left: -30px;
		bottom: 0;
		top: 80px;
	}
	.profile-info h5 {
		margin-bottom: 40px;
	}
	.profile-info-text h2 {
		position: relative;
		left: 0;
		top: 0;
		text-align: center;
	}
	.profile-info-text p {
		font-size: 15px;
	}
	.justify-content-end .col-lg-5 {
		position: absolute;
		left: 0;
		top: 0;
	}
	.justify-content-end .col-lg-8 {
		padding-left: 40px;
	}
	.img-profile-top {
		right: 0;
		top: 0;
		width: 33%;
	}
}
@media (min-width: 1200px) {
	.content-area.profile-content-area,
	.content-area.biography-content-area {
		position: relative;
		top: -66px;
		padding-top: 8px;
	}
	.img-profile-top {
		top: 0;
	}
}
@media (min-width: 1400px) {
	.content-area.news-content-area {
		position: relative;
		top: -66px;
		padding-top: 8px;
	}
}
.biography-list .cover-sm {
	width: 100px;
	height: 100px;
}
.biography-list .cover-lg {
	width: 150px;
	height: 150px;
}
.biography-list {
	margin-top: 50px;
	margin-left: 60px;
	border-left: 2px solid #fff;
}
.biography-list h1 {
	left: -95px;
	top: 0;
	font-weight: normal;
	transform: rotate(90deg);
	font-size: 52px;
	line-height: 1;
}
.biography-list .icon-circle-active {
	z-index: 2;
	font-size: 20px;
	left: -11px;
}
.biography-list img {
	margin-bottom: 15px;
}
.biography-list li {
	padding-left: 20px;
}
.biography-list p,
.biography-list .info .row {
	font-size: 13px;
}

@media (min-width: 768px) {
	.biography-list {
		margin-left: 100px;
	}
	.biography-list li {
    padding-left: 5px;
	}
	.biography-list img {
		margin-left: 20px;
		margin-bottom: 0;
	}
	.biography-list .info {
		margin-left: 20px;
	}
	.biography-list h1 {
		transform: rotate(0);
		left: -100px;
		top: auto;
		font-size: 40px;
	}
	.biography-list h6 {
		margin-left: 20px;
	}
	.biography-list .info .row .col-md-auto {
		padding-right: 6px;
	}
	.biography-list .info.cover-lg-info {
		width: calc(100% - 240px);
	}
	.biography-list .info.cover-sm-info {
		width: calc(100% - 180px);
	}
}
@media (min-width: 1200px) {
	.biography-list {
		margin-left: 130px;
	}
	.biography-list h1 {
		font-size: 52px;
		left: -130px;
		top: auto;
	}
}
@-webkit-keyframes fadeInOut {
	0% { opacity: 0.3; }
	50% { opacity: 1; }
	100% { opacity: 0.3; }
}

@keyframes fadeInOut {
	0% { opacity: 0.3; }
	50% { opacity: 1; }
	100% { opacity: 0.3; }
}
.list-enno {
	font-size: 50px;
}
.list-enno li {
	opacity: 0.3;
	-webkit-animation: fadeInOut 3s ease infinite;
	animation: fadeInOut 3s ease infinite;
}
.list-enno li:nth-child(1) {
	left: 5%;
	top: 20%;
}
.list-enno li:nth-child(2) {
	left: 15%;
	top: 50%;
	animation-delay: 1s;
}
.list-enno li:nth-child(3) {
	left: 5%;
	top: 80%;
	animation-delay: 2s;
}
.list-enno li:nth-child(4) {
	right: 15%;
	top: 20%;
}
.list-enno li:nth-child(5) {
	right: 5%;
	top: 50%;
	animation-delay: 1s;
}
.list-enno li:nth-child(6) {
	right: 15%;
	top: 80%;
	animation-delay: 2s;
}
.content-area.index-content-area {
	padding: 30px 0 20px 0;
	max-width: 100%;
}
.content-area.index-content-area .social-list {
	margin-top: 15px;
	margin-bottom: 0;
}
.content-area.index-content-area .social-list a {
	color: #fff;
	opacity: 0.7;
	display: block;
}
.content-area.index-content-area .social-list a:hover {
	color: #fff;
	opacity: 1;
}
.content-area.index-content-area p {
	font-size: 12px;
}
.content-area.index-content-area .menu-list a.menu-item {
	border-bottom: 0.5px solid #c9a063;
	font-size: 15px;
}
@media (min-width: 992px) {
	.content-area.index-content-area {
		min-height: 100vh;
    display: flex;
    padding: 0;
	}
	.content-area.index-content-area .social-list {
		margin-top: 3px;
		font-size: 15px;
	}
	.content-area.index-content-area .social-list .icon-youtube {
    font-size: 18px;
    top: 1px;
	}
	.content-area.index-content-area .social-list li {
    display: inline-flex;
    margin-right: 0.5rem;
	}
	.content-area.index-content-area .btn-language {
		font-size: 13px;
		margin-right: 20px;
	}
	.index-center-block:before {
		content:"";
		display: block;
		position: absolute;
		width: 60px;
		height: 0.5px;
		background: #c9a063;
		top: 50%;
		left: -5px;
		z-index: 2;
	}
	.index-center-block:after {
		content:"";
		display: block;
		position: absolute;
		width: 60px;
		height: 0.5px;
		background: #c9a063;
		top: 50%;
		right: -5px;
		z-index: 2;
	}
	.index-left-block > div,
	.index-right-block > div {
		width: 170px;
	}
	.index-left-block:before {
		content:"";
		display: block;
		position: absolute;
		width: 1000px;
		height: 0.5px;
		background: #c9a063;
		top: 50%;
		right: 190px;
		z-index: 2;
	}
	.index-right-block:before {
		content:"";
		display: block;
		position: absolute;
		width: 1000px;
		height: 0.5px;
		background: #c9a063;
		top: 50%;
		left: 190px;
		z-index: 2;
	}
}
@media (min-width: 1200px) {
	.index-center-block:before {
		left: 0;
	}
	.index-center-block:after {
		right: 0;
	}
	.index-right-block {
		padding-top: 10%;
	}
	.index-left-block:before {
		right: 195px;
	}
	.index-right-block:before {
		left: 195px;
	}
}
@media (min-width: 1400px) {
	.index-right-block {
		padding-top: 15%;
	}
}