* {margin:0; padding:0;}
input,button{outline:none}
body {
    font-family: 'Microsoft YaHei', sans-serif;
    color:#444;
    font-size:14px;
    overflow:hidden;
    width:100%;
    background-color:transparent;
}
#window {
	/*385px;*/
    width:450px;
    height:555px;
    border:0px solid transparent;
    border-radius: 0px;
    border-image-source: url("data:image/png;base64,[encoded data, 4808 characters]");
    border-image-slice: 48 fill;
    }
#all {
    width:100%;
    height:100%;
   
    background-color:#EDEDED;
    position:relative;

    overflow:hidden;
}
#header {
    width:100%;
    height:30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: -webkit-linear-gradient(top, #f4f6f7, #f9f9f9);
}
#top { clear:both;z-index: 999;  position: relative;}
#title {
    line-height: 30px;
    font-size:11pt;
    padding:0 8px;
    float:left;
}
.banner {
    width: 100%;
    height: 130px;
    background-size: 100% 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: -webkit-linear-gradient(top,#009688 ,#5FB878);
}
.banner>img {
    position: relative;
    top: 40%;
    left: 20%;
}

.waves {

    position: relative;
    height: 100%;
    top: -41%;

}
#main {
    padding:0px;
    float:left;
}
#group-control { border-top-right-radius: 5px }
#group-control button {
    width:30px;
    height:30px;
    background-blend-mode: multiply;
    background-image:url("data:image/png;base64,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");
    background-repeat:no-repeat;
    background-color: rgba(255,255,255,0);
    display:block;
    float:right;
    border:0;
    margin:0;
    padding:0;
}
#group-control button.btn-close { background-position:0 0; border-top-right-radius: 5px }
#group-control button.btn-close:hover { background-position:0 -30px; }
#group-control button.btn-close:active { background-position:0 -60px; }
#group-control button.btn-max { background-position:-30px 0; }
#group-control button.btn-max:hover { background-position:-30px -30px; }
#group-control button.btn-max:active { background-position:-30px -60px; }
#group-control button.btn-restore { background-position:-60px 0; }
#group-control button.btn-restore:hover { background-position:-60px -30px; }
#group-control button.btn-restore:active { background-position:-60px -90px; }
#group-control button.btn-min { background-position:-90px 0; }
#group-control button.btn-min:hover { background-position:-90px -30px; }
#group-control button.btn-min:active { background-position:-90px -60px; }
#group-control button.btn-skin { background-position:-120px 0; }
#group-control button.btn-skin:hover { background-position:-120px -30px; }
#group-control button.btn-skin:active { background-position:-120px -60px; }
.regin { margin: 3px auto; }

/*main_windows*/
#main-window {
    width: 920px;
    height: 580px;
    margin: 0px auto auto auto;
    box-shadow: 2px 2px 26px #888888;
    background-color: #EDEDED;
    border-radius:12px;

}
#main-header {
    height: 117px;
    background-color: #2D93CA;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    overflow: hidden;
    background: -webkit-linear-gradient(top, #246d97, #0c9af9);
    -webkit-user-select: none;
}
.layui-nav.nav-bg {
    background-color: transparent
}
.layui-nav.nav-bg>li{
    line-height: 92px;
}
.layui-nav.nav-bg>li>a{
    text-decoration: none;
}
.layui-nav.nav-bg>li:after{
    background-color: #fff;
}
.layui-nav.nav-bg .layui-nav-bar{
    background-color: #fff;
}
#main-log {
    float: right;
    position: relative;
    top: -78px;
    height: 65px;
}
.layui-nav.nav-bg * {
    font-size: 20px;
}
.btn-box {
    width: 64px;
    height: 92px;
    position: relative;
    top: -10px;
}
.layui-icon.btn-ico {
    font-size: 40px;
}
.layui-nav .btn-scan {
    display: block;
    position: relative;
    top: -52px;
    font-size: 15px;
}
#center-panel {
    background-color: #fff;
    height: 75%;
}

.layui-tab.mytab .layui-tab-title {
    display: none;
}

.layui-tab.mytab .layui-tab-content {
    height:100%;
    padding:0;
}
.layui-tab.mytab {
    height:100%;
}

.layui-tab-item.max {
    height:100%;
}



#footer
{
	position: relative;
	height:26px;
	width:100%%;
	background-color:#D2D2D2;
	line-height: 28px;
	overflow:hidden;
	
}



#footer .xb_version
{
	display: inline-block;
	width:180px;
	height: 100%;
	
	position: relative;
	bottom: 0px;
	left: 10px;
	color:#009688;	
}


#footer .xb_ver_num
{
	color:#3091F2;
	
}

#footer .xb_users
{
	display: inline-block;
	width:200px;
	height: 100%;
	
	position: relative;
	color:#009688;
	left: 200px;
	bottom: 0px;
}

#footer .xb_times
{
	display: inline-block;
	width:300px;
	height: 100%;
	
	position: relative;
	color:#009688;	
	left: 355px;
	bottom: 0px;
}