@charset "utf-8";
/* CSS Document */

#wrapper,
body {
  background: #fff;
  font-family: "Microsoft Yi Baiti", "Noto Sans CJK", "PingFang SC", Arial,
    sans-serif;
  font-size: 1em;
  color: #555d4e;
  /*width: 100%;*/
}

p,
dt,
dd {
  font-family: "Microsoft Yi Baiti", "Noto Sans CJK", "PingFang SC", Arial,
    sans-serif;
  font-size: 0.9em;
  margin: 0;
}

/*input, textarea {
	font-family: "Microsoft Yi Baiti", sans-serif;
	font-size: 1em;
}*/

img {
  padding: 0;
  margin: 0;
  border-width: 0px;
  border-style: 0;
}
/* -- 2.0 Site structure -- */

/* NavBAr */
#navmenu {
  text-transform: uppercase;
}

/*html5 display rule*/
/* 
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}


.hidden {
  display: none;
}

.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
  clear: both;
} */

/* -- 7.0 Default Headings -- */

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
h1 {
  color: #080904;
  font-variant: normal;
  font-size: 1em;
}

h2 {
  color: #080904;
  font-size: 1em;
  font-weight: normal;
}
h3 {
  font-size: 0.9em;
  color: #5682bf;
}

h4 {
  font-size: 0.9em;
  color: #080904;
}
h5 {
  font-size: 0.66em;
  color: #5682bf;
  text-decoration: none;
}
.nav-link:focus,
.nav-link:hover {
  color: #000 !important;
}

/* ul,
ol,
dl {
 
  padding: 0;
  margin: 0;
  list-style: none;
} */
.selected {
  font-style: italic;
}

p {
  margin: 0;
}

/* - Links --*/
/* div[class^="captions"] .more, */
#series_detail .more {
  color: #5682bf;
  /* text-decoration: underline; */
}

a:link {
  text-decoration: none;
  color: #080904;
}

a:visited {
  text-decoration: none;
  color: #080904;
}
a:hover {
  text-decoration: underline;
  color: #080904;
}
a:active {
  text-decoration: none;
  color: #b5b09c;
}

/* SLick light Gallery  */

.carousel {
  .slick-track {
    gap: 20px;
    display: flex;
  }
  .lg-item {
    img {
      width: 100%;
      height: auto;
      max-width: 100%;
      height: 250px;
    }
  }
}

.carousel {
  .slick-prev,
  .slick-next {
    padding: 10px;
    position: absolute;
    top: 50%;
    z-index: 1;
    cursor: pointer;
    zoom: 2;
    /* color: #fff; */
  }
  .slick-prev,
  .slick-next {
    height: 16px;
    opacity: 0.6;
  }

  .slick-prev {
    left: 4px;
  }
  .slick-next {
    right: 8px;
  }
}
/*Maybe shows arrow on smaller devices */
.carousel,
.carousel * {
  box-sizing: content-box;
}

/*--Header--*/

#mainHd .navbar-brand {
  font-size: 2em;
  font-family: "Microsoft Yi Baiti", sans-serif;
  /*letter-spacing: .3em;*/
  font-weight: 60;
  /*	text-transform: lowercase;*/
}

/* #mainHd h2 {
  font-family: "Microsoft Yi Baiti", sans-serif;
  position: relative;
  font-size: 14px;
  width: 100%;
  font-variant: normal;
  font-weight: 60;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  text-align: justify;
} */

/* #mainHd a:link,
#mainHd a:visited,
#mainHd a:hover,
#mainHd a:active {
  text-decoration: none;
  color: #080904;
} */

/* .tel { 
	float:right;
	position: relative;	
	width:auto;
}

.date {
	font-size: 0.9em;
	padding: 2px 0px 6px 0px;
	width: auto;
	float: right;
	color: #385460;
} */

/* lightgallery */

body .lg-backdrop {
  background-color: rgba(255, 255, 255, 0.9);
}
body .lg-outer .lg-thumb-outer {
  background-color: rgb(255, 255, 255);
}

body .lg-next,
body .lg-prev {
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
}

body .lg-sub-html {
  h4 {
    /* size: 30px; */
    color: #000000;
  }
  p {
    size: 16px;
    color: #000000;
  }
}

/*EDIT WORK*/

#listimg {
  width: 240px;
  max-height: 200px;
  position: relative;
  float: left;
  overflow: hidden;
  clear: both;
}
/* 
#listwork {
  width: auto;
}

#listwork li {
  float: left;
  height: auto;
  width: 240px;
  position: relative;
  margin: 0 12px 24px 0;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

#listwork img {
  width: 100%;
  min-height: 200px;
  background: no-repeat fixed center center;
}

#listwork .listinfo {
  margin: 6px 0 4px 0;
  width: 100%;
  height: 100%;
  position: relative;
  float: left;
  font-size: 0.9em;
}

#listwork .title {
  float: left;
}

#listwork .delete {
  float: right;
  margin-left: 10px;
} */

/* COntact form */

::-webkit-input-placeholder {
  font-size: 10px;
}
::-moz-placeholder {
  font-size: 10px;
}
:-ms-input-placeholder {
  font-size: 10px;
}
::placeholder {
  font-size: 10px;
}

/*EDIT BIO */

h1.bio_head {
  margin-bottom: 20px;
  font-size: 1.1em;
}
.bio_text {
  margin-bottom: 10px;
  width: 600px;
}
/* NEWS  */
.title {
  font-size: 0.8em;
}

/* Footer */

/* 
#footnav {
	list-style: none;
	width: auto;
	text-align: center;
	height: auto;
}

#footnav li {
	display: inline;
	float: left;
	padding-right: 20px;
	font-size: 0.74em;
}
#footer p {
	font-size: 0.74em;
	text-align: right;
} */

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*h1 {
letter-spacing: -1px;
}
h1 {
line-height: 50px;
}

h1,h2,h3 {
		font-weight:300;
}
h2 {
		font-size:26px;
}*/

/* 

.padding-large {
    padding: 25px 45px 45px 45px;
}
.padding-sml {
    padding: 20px;
}
.no-padding {
    padding: 0;
}


/* transitiona*/

/* 
#ease-in-out {
	-webkit-transition-timing-function: ease-in-out;	
	-moz-transition-timing-function: ease-in-out;	
	-o-transition-timing-function: ease-in-out;	
	transition-timing-function: ease-in-out;	
}
.scale:hover {
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
.transEx {
	-webkit-transition: all 3s .5s;
	-moz-transition: all 3s .5s;
	-o-transition: all 3s .5s;
	transition: all 3s .5s;
}
.transEx:hover {
	-webkit-transform: translate(0,900px);
	-moz-transform: translate(0,-00px);
	-o-transform: translate(0,900px);
	transform: translate(0,900px);
} */

/* Responsive Breakpoints */
/*  X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .nav-link {
    /* font-size: 0.8em; */
    padding-right: 0.5em;
  }

  .carousel {
    .slick-track {
      gap: 20px;
      display: flex;
    }
    .lg-item {
      img {
        height: 250px !important;
      }
    }
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  /* .carousel {
    .slick-track {
      gap: 20px;
      display: flex;
    }
    .lg-item {
      img {
        height: 150px !important;
      }
    }
  } */
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .carousel {
    .slick-track {
      gap: 20px;
      display: flex;
    }
    .lg-item {
      img {
        width: 100%;
        height: auto;
        max-width: 100%;
        height: 200px;
      }
    }
  }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/* XX-Large devices (larger desktops)
 No media query since the xxl breakpoint has no upper bound on its width */