/*Mobile*/
@media(max-width:768px){
	body,td,th,textarea,div,span,input{
		font-size:16px;
	}

	#mainPanel{
		float:left;
		clear:both;
		width:100%;
		height:100%;
		position: relative;
	}

	#appPanel{
		float:left;
		clear:both;
		width:100%;
        background:#fff;
        height:100%;
        padding:50px 0 0 0;
        box-sizing:border-box;
		position:relative;
    }
    #appPanelLeft{
		position: fixed;
		background: #f0f0f0;
		left:0;
		top:50px;
		padding:0 0 50px 0;
		height:100%;
		z-index:20;
    }
    .appMenuLeftClose{
        width:0;
        background:#000;
        transition:0.2s;
    }

    #appMenu{
        position:relative;
        height:100%;
		overflow:hidden;
    }
    #appMenu:hover{
        overflow-y:auto;
    }
    #appPanelRight{
        float:left;
		clear:both;
		width:100%;
		min-height:100%;
		position:relative;
    }

    #appMenuItem{
        float:left;
        clear: both;
		width: 100%;
		padding:10px 0 20px;
	}
	#appMenuItem ul, #appMenuItem li{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#appMenuItem ul{
		position:relative;
		float:left;
		width: 100%;
	}
	#appMenuItem ul li{
		position:relative;
		float:left;
		width: 100%;
    }
	#appMenuItem ul li a{
        padding:0;
        font-size:16px;
        padding:12px 20px;
		display:block;
		text-decoration:none;
		text-align:left;
	}
	#appMenuItem ul li a:hover{
		background:#ddd;
    }
	#appMenuItem ul li a:active{
		background:#ccc;
	}
	#appMenuItem ul li.appMenuItem_on{
		background:#07c;
	}
	#appMenuItem ul li.appMenuItem_on a{
		color:#fff;
	}
	#appMenuItem ul li > ul{
		display:block;
	}
	#appMenuItem ul li ul a{
		display:block;
		padding-left:40px;
		color: #444;
    }

	.app-title{
		display:block;
	}

	.boxPageBody,
	.box-page > .body{
		padding:10px 20px;
	}

	.form-page > .foot input[type='submit'],
	.form-page > .foot input[type='reset'],
	.form-page > .foot input[type='button'],
	.form-page > .foot button{
		padding:14px 0;
		font-size:16px;
	}
}