/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

/*
@font-face {
  font-family: "mplus";
  src: url("/site/labo/assets/font/mplus/mplus-1p-thin.woff") format("woff"), url("/site/labo/assets/font/mplus/mplus-1p-thin.ttf") format("truetype");
  font-weight: 200; }
*/

@font-face {
  font-family: "mplus";
  src: url("/site/labo/assets/font/mplus/mplus-1p-light.woff") format("woff"), url("/site/labo/assets/font/mplus/mplus-1p-light.ttf") format("truetype");
  font-weight: 300; }


@font-face {
  font-family: "mplus";
  src: url("/site/labo/assets/font/mplus/mplus-1p-regular.woff") format("woff"), url("/site/labo/assets/font/mplus/mplus-1p-regular.ttf") format("truetype");
  font-weight: 400; }

/*
@font-face {
  font-family: "mplus";
  src: url("/site/labo/assets/font/mplus/mplus-1p-medium.woff") format("woff"), url("/site/labo/assets/font/mplus/mplus-1p-medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "mplus";
  src: url("/site/labo/assets/font/mplus/mplus-1p-bold.woff") format("woff"), url("/site/labo/assets/font/mplus/mplus-1p-bold.ttf") format("truetype");
  font-weight: 700; }
*/

@font-face {
  font-family: "huifont";
  src: url("/site/labo/assets/font/huifont/HuiFontP109.woff") format("woff"), url("/site/labo/assets/font/huifont/HuiFontP109.ttf") format("truetype");
  font-weight: 400; }
.huifont {font-family: "huifont" !important;}

@font-face {
  font-family: "chifont";
  src: url("/site/labo/assets/font/chifont/chifont.woff") format("woff"), url("/site/labo/assets/font/chifont/chifont.ttf") format("truetype");
  font-weight: 400; }
.chifont {font-family: "chifont" !important;}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/site/labo/assets/font/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/site/labo/assets/font/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
       url(/site/labo/assets/font/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(/site/labo/assets/font/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /*inherit*/
  line-height: 1; /*inherit*/
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

i.material-icons.home:before { content: "\e88a";  font-size: inherit; line-height: 1; vertical-align: -22%; margin-right: 5px; }

i.material-icons.archive:before { content: "\e03b";  font-size: inherit; line-height: 1; vertical-align: -24%; margin-right: 5px; }

i.material-icons.link:after { content: "\e315";  font-size: inherit; line-height: 1; vertical-align: -28%;}

i.material-icons.totop:before { content: "\e25a";  font-size: inherit; line-height: 1; vertical-align: ; margin-right: 5px; }

.rotate-270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


@media only screen and (min-width: 481px) {
  .hide-on-481-and-up {
    display: none !important;
  }
}
@media only screen and (min-width: 778px) {
  .hide-on-778-and-up {
    display: none !important;
  }
}
@media only screen and (max-width: 1380px) {
  .hide-on-1380-and-down {
    display: none !important;
  }
}
@media only screen and (min-width: 1380px) {
  .hide-on-1380-and-up {
    display: none !important;
  }
}


html, body
{
	padding: 0;
	margin: 0;
}

html {
  line-height: 1.5;
  font-family: "mplus", sans-serif;
  font-weight: 300;
  color: #424242;
  background: #eee; }
  @media only screen and (min-width: 0) {
    html {
      font-size: 14px; } }
  @media only screen and (min-width: 601px) {
    html {
      font-size: 14.5px; } }
  @media only screen and (min-width: 993px) {
    html {
      font-size: 15px; } }
      
body {font-family: "mplus", sans-serif;
  font-weight: 300;}

header
{
	background: rgba(0, 0, 0, .7);
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	line-height: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 10px;
	z-index: 2000;
	position: fixed;
}
header a { color: #fff;}
header .logo { height: 30px; width: auto; margin: 5px 0 0 0; float: right;}

/***** Sub-Nav ******/
#sub-nav {
  font-weight: 500;
  font-size: 15px;
  color: #212121;
  background: rgba(255, 255, 255, 0);
  height: ;
  padding: 0 10px 0 10px;
  margin-bottom: 20px;
	width: 100%;
	border-bottom: 1px solid #212121;
  z-index: 1000;
}
#sub-nav a {
  color: #212121;
}
#sub-nav a:hover {
  color: #fff;
}
@media only screen and (min-width: 601px) {
  #sub-nav {
    font-size: 20px; 
  }
}

/***** Sub-Header ******/
#sub-header {
  position: fixed;
  left: 0;
  font-weight: 500;
  font-size: 15px;
  color: #212121;
  background: rgba(255, 255, 255, 0);
  height: 100px;
	width: 100%;
  z-index: 1000;
}
#sub-header a {
  color: #212121;
}
#sub-header a:hover {
  color: #fff;
}
.sub-header-inner {
  position: ;
  background: none;
  height: 60px;
  padding: 10px 10px 0 10px;
  margin-top: 40px;
	width: 100%;
  color: #212121;
}

@media only screen and (min-width: 601px) {
  #sub-header {
    font-size: 18px; 
  }
  .sub-header-inner {
    padding: 30px 10px 0 10px;
}
}

.section {
  padding-top: 0;
  padding-bottom: 0;
}

.section.no-pad {
  padding: 0;
}

.section.no-pad-bot {
  padding-bottom: 0;
}

.section.no-pad-top {
  padding-top: 0;
}

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}
.container_wide {
  margin: 0 auto;
  /*max-width: 1280px;*/
  width: 100%;
}
.left-to-center{ text-align: center;}

@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
  .container_wide {
    width: 100%;
  }
  .left-to-center{ text-align: left;}
}
@media only screen and (min-width: 993px) {
  .container {
    width: 75%;
  }
  .container_wide {
    width: 100%;
  }
  .left-to-center{ text-align: left;}
}

.container .row {
  margin-left: auto;
  margin-right: auto;
}
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}


.totop { position: absolute; bottom: 70px; right: 5%;}


#modal-archive { background: rgba(255, 255, 255, .95)}

.modal_bg {/*background-image: url(/site/labo/assets/img/001/bg_001.jpg); background-position: top right; background-size: cover; background-repeat: no-repeat; height: auto;*/}
.layer_bgcolor{background: rgba(134, 121, 77, .7);}



.labo-logo {
  background: rgba(255, 255, 255, .7); top:0; z-index: 99999; left: 0; position: fixed;
  width: 20%;
}
@media only screen and (min-width: 601px) {
.labo-logo {
  background: rgba(255, 255, 255, .7); top:0; z-index: 99999; left: 0; position: fixed;
  width: 10%;
}
}
@media only screen and (min-width: 993px) {
.labo-logo {
  background: rgba(255, 255, 255, .7); top:0; z-index: 99999; left: 0; position: fixed;
  width: 10%;
}
}

/* SCROLL DOWN BUTTON */
@-webkit-keyframes rev-ani-mouse {
	0% { opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% { opacity: 0;top: 50%;}
	100% { opacity: 0;top: 29%;}
}
@-moz-keyframes rev-ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}
@keyframes rev-ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}
.rev-scroll-btn {
	display: inline-block;
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
	width:25px;
	height:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 100px;
}
.rev-scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *.active {
	color: #ffffff;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *:active,
.rev-scroll-btn > *.active {
	filter: alpha(opacity=80);
}

.rev-scroll-btn.revs-fullwhite  {
	background:#fff;
}

.rev-scroll-btn.revs-fullwhite span {
	background: #333;	
}

.rev-scroll-btn.revs-fulldark  {
	background:#333;
	border:none;
}

.rev-scroll-btn.revs-fulldark  span {
	background: #fff;	
}

.rev-scroll-btn span {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: rev-ani-mouse 2.5s linear infinite;
	-moz-animation: rev-ani-mouse 2.5s linear infinite;
	animation: rev-ani-mouse 2.5s linear infinite;
}

.rev-scroll-btn.revs-dark {
	border-color:#333;
}
.rev-scroll-btn.revs-dark span {
	background: #333;	
}

.rev-control-btn {
	position: relative;
	display: inline-block;
	z-index: 5;	
	color: #FFF;  
	font-size: 20px;
	line-height: 60px;
	font-weight: 400;
	font-style: normal;
	font-family: Raleway;	
	text-decoration: none;
	text-align: center;
	background-color: #000;	
	border-radius: 50px;	
	text-shadow: none;
	background-color: rgba(0, 0, 0, 0.50);
	width:60px;
	height:60px;
	box-sizing: border-box;
	cursor: pointer;
}

.rev-cbutton-dark-sr	{	
	border-radius: 3px;		
}

.rev-cbutton-light	{	
	color: #333;  	
	background-color: rgba(255,255,255, 0.75);	
}

.rev-cbutton-light-sr	{		
	color: #333;  	
	border-radius: 3px;		
	background-color: rgba(255,255,255, 0.75);
}


.rev-sbutton {	
	line-height: 37px;	
	width:37px;
	height:37px;	
}

.rev-sbutton-blue	{	
	background-color: #3B5998
}
.rev-sbutton-lightblue	{	
	background-color: #00A0D1;
}
.rev-sbutton-red	{	
	background-color: #DD4B39;
}



/* overlay */
.cycle-overlay { 
    font-family: "chifont" !important;
    line-height: 1; font-size: 1.6em;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: rgba(0, 0, 0, .5); color: white; padding: 15px;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10%; overflow: hidden; background: ;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #b96362;}
.cycle-pager > * { cursor: pointer;}