body, button, input, select, textarea {
	color: #1a1a1a;
	font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}
body {
	overflow-y: hidden;
	background:$colorBodyBg;
}
html, body, #container {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
#mobile-nav,.js-mobile-btnctn {
	display: none;
}
#container{
	position:relative;
	min-height:100%;
	background: linear-gradient(200deg,#5aa5c6,#a4854b);
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	.anm-canvas {
		display: none;
	}
	&.show .anm-canvas {
		display: block;
		position: fixed;
	}
}
.body-wrap{
  margin-bottom: 80px;
}
.mid-col {
	position:absolute;
	right:0;
	min-height:100%;
	background:$colorBodyBg;
	left: 300px;
  width: auto;
	@extend %trans;
	&.show {
		@extend %anmLeftIn;
		.article {
      transition: opacity .5s ease-in, background-color .2s ease-in;
      opacity: 0.6;
      pointer-events: none;
		}
	}
	&.hide {
		@extend %anmLeftOut;
	}
}