@charset "utf-8";
/* CSS Document */
.leftmenu-main {
	display: none;
}
@media only screen and (max-width: 1440px){
}

@media only screen and (max-width: 1366px){
}

@media only screen and (max-width: 1280px){
}

@media only screen and (max-width: 1100px){
}

@media only screen and (max-width: 1024px){
.mainbox {
    margin: 0 auto;
    display: block;
    padding: 10px 0;
	margin-top: 50px;
}
.leftmenu {
	position: absolute;
	top: 32px;
	right: 0px;
}
.leftmenu a {
	color: #666;
	font-size: 24px;
	font-weight: normal;
	line-height: 44px;
	display: block;
}
.leftmenu a:hover {
	text-decoration: underline !important;
}
.leftmenu a span.leftmenu-i1 {
	background-color: transparent;
	background-image: url("../images/lefttop_menu.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 120px auto;
	vertical-align: top;
	display: inline-block;
	width: 120px;
	height: 40px;
	margin: 0px 10px 0px 0px;
}
/*head End*/
/*leftmenu-main Start*/
.leftmenu-main {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	transition: none;
}
.leftmenu-close {
	width: 30px;
	height: 30px;
	position: fixed;
	top: 18px;
	right: 20px;
	z-index: 10;
}
.leftmenu-close a {
	background-color: transparent;
	background-image: url("../images/close_icon.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px auto;
	vertical-align: top;
	display: block;
	height: 100%;
}
.leftmenu-tablebox {
	width: 100%;
	height: 100%;
	/*max-width: 780px;*/
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 5;
	overflow: hidden;
}
.leftmenu-table {
	text-align: center;
	/*display: table;*/
	width: 100%;
	height: 100%;
	overflow: auto;
}
.leftmenu-td {
	vertical-align: middle;
	text-align: left;
	/*display: table-cell;*/
}
.leftmenu-bg {
	height: 100%;
}
/*leftmenu-main End*/

/*-------------------------*/
.mainmenu {
	position: absolute;
    display: block;
	height: 100vh;
    width: 100%;
	background-color: #fafafa;
	background-color: rgba(250, 250, 250, 1.0);
	z-index: 999;
}  
.mainmenu > ul,
.mainmenu > ol {
    list-style: none;
    list-style-image: none;
}
.mainmenu > ul {
    display: block;
    width: 100%;
	height: 100vh;
    margin: 0 auto;
    padding: 60px 20px 20px 20px;  
	overflow:auto;
	transition: none;
    -webkit-transition: none;
	/*background-image:-moz-linear-gradient(center top , #7f4e02, #412905);
	background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#7f4e02), to(#412905));*/
}  
.mainmenu > ul > li {  
    width: 100%;  
    float: left;  
    position: relative;
    text-align: center;
    list-style: none;
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}
.mainmenu > ul > li a {
	display: inline-block;
    transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
}
.mainmenu > ul > li a:hover {
    text-decoration: none;
    color: #363636;
	font-weight:normal;
}
.mainmenu > ul > li a:active, .mainmenu > ul > li a:visited, .mainmenu > ul > li a:link {
    text-decoration: none;
    color: #1d2088;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 5px;
}
.mainmenu > ul > li > ul {
	padding: 10px 15px;
}
.mainmenu > ul > li > ul > li {
	display: block;
}
.mainmenu > ul > li > ul > li a:link {
	padding: 5px 0;
	color: #363636;
}
}

@media only screen and (max-width: 960px){
}

@media only screen and (max-width: 780px){
}

@media only screen and (max-width: 640px){
	.mainmenu {
		width: 100%;
	}
}

@media only screen and (max-width: 580px){
	.leftmenu {
		top: 20px;
	}
	.leftmenu a span.leftmenu-i1 {
		background-size: 100px auto;
		width: 100px;
		height: 33px;
	}
}
@media only screen and (max-width: 480px){
}
@media only screen and (max-width: 360px){
	.head-inner {
		padding: 5px 10px;
	}
	.leftmenu a span.leftmenu-i1 {
		background-size: 90px auto;
		width: 90px;
		height: 30px;
	}
}