/* CSS FOR FILE */
.Docs{width: 100%;height: 100%;}
	.Docs::after{content: "";display: block;clear: both;}
	.Doc__menu{float: left;height: 100%;width: 250px;background: #EEE;box-shadow: 0 0 4px 0 #aaa;}
		.Doc__menu li{padding: 20px 10px;font-size: 0.9em;transition: 0.3s;text-align: left;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #f8f8f8;cursor: pointer;}
		.Doc__menu li.home{padding: 0 !important;width: 100%;height: 80px;background: url(../img/logo/lineLogo.png);background-position: center center;background-size: cover;cursor: default;}
		.Doc__menu li:hover{padding: 20px 0 20px 20px;transition: 0.3s;}
		.Doc__menu li.active{border-right: 3px solid #87c000;}
			.Doc__menu li a{display: block;text-decoration: none;color: #333;}
	.Doc__body{float: left;height: calc(100% - 40px);width: calc(100% - 290px);padding: 20px;background: #FaFaFa;text-align: left;font-size: 1em;}
		.Doc__body a{color: #00a8e1;}

@media screen and (max-width: 700px){
	.Doc__menu{height: 60px;width: 100%;position: fixed;top:60px;left: 0;}
		.Doc__menu::after{content: "";display: block;clear: both;}
		.Doc__menu li{float: left;text-align: center;height: 100%;padding: 0;}
		.Doc__menu li:hover{padding: 0;}
		.Doc__menu li.menu{width: 60px;background: #DDD;}
			.Doc__menu li.menu i{font-size: 24px;}
		.Doc__menu li.crumb{width: calc(100% - 60px);text-align: center;font-size: 18px;}
	.Doc__menu__float{position: fixed;top: 60px;left: 0;width: 100%;height: 100%;background: #222;color: #FFF;opacity: 0.9;z-index: 999;}
		.Doc__menu__float li{padding: 20px 10px;font-size: 0.9em;transition: 0.3s;text-align: center;border-bottom: 1px solid #000;border-top: 1px solid #333;cursor: pointer;}
		.Doc__menu__float li.home{padding: 0 !important;width: 100%;height: 80px;background: url(../img/logo/lineLogoWhite.png);background-position: center center;background-size: auto;cursor: default;background-repeat: no-repeat;}
	.Doc__body{position: fixed;bottom: 0;left: 0;height: calc(100% - 160px);width: calc(100% - 40px);line-height: 1.5;}
}