@charset "gb18030";
body,div,h2{margin:0;padding:0;}
body2{background:url(images/bg.jpg);font:12px/1.5 \5fae\8f6f\96c5\9ed1;color:#e2e2e2;}
#drag{position:absolute;top:0px;left:0px;width:300px;height:160px;background:#ffffff;border:1px solid #6482cb;border-radius:5px;box-shadow:0 1px 3px 2px #6482cb;z-index:1000;}
#drag .title{position:relative;height:2rem;margin:0px;background-image:url(/skins/simple/images/tbg1.png); border-image-repeat:}
#drag .title div{position:absolute;height:19px;top:2px;right:0;}
#drag .title a,a.open{float:left;width:21px;height:19px;display:block;margin-left:5px;background:url(/skins/simple/images/divtool.png) no-repeat;}
a.open{position:absolute;top:10px;left:50%;margin-left:-10px;background-position:0 0;}
a.open:hover{background-position:0 -29px;}
#drag .title a.min{background-position:-29px 0;}
#drag .title a.min:hover{background-position:-29px -29px;}
#drag .title a.max{background-position:-60px 0;}
#drag .title a.max:hover{background-position:-60px -29px;}
#drag .title a.revert{background-position:-149px 0;display:none;}
#drag .title a.revert:hover{background-position:-149px -29px;}
#drag .title a.close{background-position:-89px 0;}
#drag .title a.close:hover{background-position:-89px -29px;}
#drag .content{overflow:auto;margin:0 5px; overflow:hidden}
#drag .resizeBR{position:absolute;width:14px;height:14px;right:0;bottom:0;overflow:hidden;cursor:nw-resize;background:url(images/resize.png) no-repeat;}
#drag .resizeL,#drag .resizeT,#drag .resizeR,#drag .resizeB,#drag .resizeLT,#drag .resizeTR,#drag .resizeLB{position:absolute;background:#000;overflow:hidden;opacity:0;filter2:alpha(opacity=0);}
#drag .resizeL,#drag .resizeR{top:0;width:5px;height:100%;cursor:w-resize;}
#drag .resizeR{right:0;}
#drag .resizeT,#drag .resizeB{width:100%;height:5px;cursor:n-resize;}
#drag .resizeT{top:0;}
#drag .resizeB{bottom:0;}
#drag .resizeLT,#drag .resizeTR,#drag .resizeLB{width:8px;height:8px;background:#fff;}
#drag .resizeLT{top:0;left:0;cursor:nw-resize;}
#drag .resizeTR{top:0;right:0;cursor:ne-resize;}
#drag .resizeLB{left:0;bottom:0;cursor:ne-resize;}
#messTitleDiv{
	float:left;text-align:center;width:100%;height:100%;line-height:150%; vertical-align:middle;left:0px;position:relative; color:#FFF	
}
#backmessageDiv{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 100;filter: alpha(opacity=80);opacity:0.8;;
}
.backmessageDiv{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 100;filter: alpha(opacity=80);opacity:0.8;;
}
#messContentDiv{
	width: calc(100% - 1rem);
	height:calc(100% - 1rem);	
	box-shadow: 0px 0px 0.625rem 0px rgba(93, 154, 255, 0.1);
    border-radius: 0.25rem 0.25rem 0.625rem 0.25rem;
	left:0.5rem;
	top:0.5rem;
}

/*
弹出层会从最顶层弹出，为了保证层中层样式不受影响，设计每一层一组样式，最多支持6层（0~5），如果有需要超过6层嵌套，则需要按序号规则添加新的一组样式，
*/

#drag0{position:absolute;top:0px;left:0px;width:300px;height:160px;background:#ffffff;border:1px solid #6482cb;border-radius:5px;box-shadow:0 1px 3px 2px #6482cb;z-index:1000;}
#drag0 .title0{position:relative;height:2rem;margin:0px;background-image:url(/skins/simple/images/tbg1.png); border-image-repeat:}
#drag0 .title0 div{position:absolute;height:19px;top:2px;right:0;}
#drag0 .title0 a,a.open{float:left;width:21px;height:19px;display:block;margin-left:5px;background:url(/skins/simple/images/divtool.png) no-repeat;}
a.open{position:absolute;top:10px;left:50%;margin-left:-10px;background-position:0 0;}
a.open:hover{background-position:0 -29px;}
#drag0 .title0 a.min{background-position:-29px 0;}
#drag0 .title0 a.min:hover{background-position:-29px -29px;}
#drag0 .title0 a.max{background-position:-60px 0;}
#drag0 .title0 a.max:hover{background-position:-60px -29px;}
#drag0 .title0 a.revert{background-position:-149px 0;display:none;}
#drag0 .title0 a.revert:hover{background-position:-149px -29px;}
#drag0 .title0 a.close{background-position:-89px 0;}
#drag0 .title0 a.close:hover{background-position:-89px -29px;}
#drag0 .content0{overflow:auto;margin:0 5px; overflow:hidden}
#drag0 .resizeBR0{position:absolute;width:14px;height:14px;right:0;bottom:0;overflow:hidden;cursor:nw-resize;background:url(images/resize.png) no-repeat;}
#drag0 .resizeL0,#drag0 .resizeT0,#drag0 .resizeR0,#drag0 .resizeB0,#drag0 .resizeLT0,#drag0 .resizeTR0,#drag0 .resizeLB0{position:absolute;background:#000;overflow:hidden;opacity:0;filter2:alpha(opacity=0);}
#drag0 .resizeL0,#drag0 .resizeR0{top:0;width:5px;height:100%;cursor:w-resize;}
#drag0 .resizeR0{right:0;}
#drag0 .resizeT0,#drag0 .resizeB0{width:100%;height:5px;cursor:n-resize;}
#drag0 .resizeT0{top:0;}
#drag0 .resizeB0{bottom:0;}
#drag0 .resizeLT0,#drag0 .resizeTR0,#drag0 .resizeLB0{width:8px;height:8px;background:#fff;}
#drag0 .resizeLT0{top:0;left:0;cursor:nw-resize;}
#drag0 .resizeTR0{top:0;right:0;cursor:ne-resize;}
#drag0 .resizeLB0{left:0;bottom:0;cursor:ne-resize;}
#messTitleDiv0{
	float:left;text-align:center;width:100%;height:100%;line-height:150%; vertical-align:middle;left:0px;position:relative; color:#FFF	
}
#backmessageDiv0{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 100;filter: alpha(opacity=80);opacity:0.8;;
}
.backmessageDiv0{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 100;filter: alpha(opacity=80);opacity:0.8;;
}
#messContentDiv0{
	width: calc(100% - 1rem);
	height:calc(100% - 1rem);	
	box-shadow: 0px 0px 0.625rem 0px rgba(93, 154, 255, 0.1);
    border-radius: 0.25rem 0.25rem 0.625rem 0.25rem;
	left:0.5rem;
	top:0.5rem;
}



/***第二个层的样式***/
#drag1{position:absolute;top:0px;left:0px;width:300px;height:160px;background:#ffffff;border:1px solid #6482cb;border-radius:5px;box-shadow:0 1px 3px 2px #6482cb;z-index:2000;}
#drag1 .title1{position:relative;height:2rem;margin:0px;background-image:url(/skins/simple/images/tbg1.png); border-image-repeat:}
#drag1 .title1 div{position:absolute;height:19px;top:2px;right:0;}
#drag1 .title1 a,a.open{float:left;width:21px;height:19px;display:block;margin-left:5px;background:url(/skins/simple/images/divtool.png) no-repeat;}
a.open{position:absolute;top:10px;left:50%;margin-left:-10px;background-position:0 0;}
a.open:hover{background-position:0 -29px;}
#drag1 .title1 a.min{background-position:-29px 0;}
#drag1 .title1 a.min:hover{background-position:-29px -29px;}
#drag1 .title1 a.max{background-position:-60px 0;}
#drag1 .title1 a.max:hover{background-position:-60px -29px;}
#drag1 .title1 a.revert{background-position:-149px 0;display:none;}
#drag1 .title1 a.revert:hover{background-position:-149px -29px;}
#drag1 .title1 a.close{background-position:-89px 0;}
#drag1 .title1 a.close:hover{background-position:-89px -29px;}
#drag1 .content1{overflow:auto;margin:0 5px; overflow:hidden}
#drag1 .resizeBR1{position:absolute;width:14px;height:14px;right:0;bottom:0;overflow:hidden;cursor:nw-resize;background:url(images/resize.png) no-repeat;}
#drag1 .resizeL1,#drag1 .resizeT1,#drag1 .resizeR1,#drag1 .resizeB1,#drag1 .resizeLT1,#drag1 .resizeTR1,#drag1 .resizeLB1{position:absolute;background:#000;overflow:hidden;opacity:0;filter2:alpha(opacity=0);}
#drag1 .resizeL1,#drag1 .resizeR1{top:0;width:5px;height:100%;cursor:w-resize;}
#drag1 .resizeR1{right:0;}
#drag1 .resizeT1,#drag1 .resizeB1{width:100%;height:5px;cursor:n-resize;}
#drag1 .resizeT1{top:0;}
#drag1 .resizeB1{bottom:0;}
#drag1 .resizeLT1,#drag1 .resizeTR,#drag1 .resizeLB1{width:8px;height:8px;background:#fff;}
#drag1 .resizeLT1{top:0;left:0;cursor:nw-resize;}
#drag1 .resizeTR1{top:0;right:0;cursor:ne-resize;}
#drag1 .resizeLB1{left:0;bottom:0;cursor:ne-resize;}
#messTitleDiv1{
	float:left;text-align:center;width:100%;height:100%;line-height:150%; vertical-align:middle;left:0px;position:relative; color:#FFF	
}
#backmessageDiv1{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 1100;filter: alpha(opacity=80);opacity:0.8;;
}
.backmessageDiv1{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 1100;filter: alpha(opacity=80);opacity:0.8;;
}
#messContentDiv1{
	width: calc(100% - 1rem);
	height:calc(100% - 1rem);	
	box-shadow: 0px 0px 0.625rem 0px rgba(93, 154, 255, 0.1);
    border-radius: 0.25rem 0.25rem 0.625rem 0.25rem;
	left:0.5rem;
	top:0.5rem;
}

/*****第三个层样式****/

#drag2{position:absolute;top:0px;left:0px;width:300px;height:160px;background:#ffffff;border:1px solid #6482cb;border-radius:5px;box-shadow:0 1px 3px 2px #6482cb;z-index:3000;}
#drag2 .title2{position:relative;height:2rem;margin:0px;background-image:url(/skins/simple/images/tbg1.png); border-image-repeat:}
#drag2 .title2 div{position:absolute;height:19px;top:2px;right:0;}
#drag2 .title2 a,a.open{float:left;width:21px;height:19px;display:block;margin-left:5px;background:url(/skins/simple/images/divtool.png) no-repeat;}
a.open{position:absolute;top:10px;left:50%;margin-left:-10px;background-position:0 0;}
a.open:hover{background-position:0 -29px;}
#drag2 .title2 a.min{background-position:-29px 0;}
#drag2 .title2 a.min:hover{background-position:-29px -29px;}
#drag2 .title2 a.max{background-position:-60px 0;}
#drag2 .title2 a.max:hover{background-position:-60px -29px;}
#drag2 .title2 a.revert{background-position:-149px 0;display:none;}
#drag2 .title2 a.revert:hover{background-position:-149px -29px;}
#drag2 .title2 a.close{background-position:-89px 0;}
#drag2 .title2 a.close:hover{background-position:-89px -29px;}
#drag2 .content2{overflow:auto;margin:0 5px; overflow:hidden}
#drag2 .resizeBR2{position:absolute;width:14px;height:14px;right:0;bottom:0;overflow:hidden;cursor:nw-resize;background:url(images/resize.png) no-repeat;}
#drag2 .resizeL2,#drag2 .resizeT2,#drag2 .resizeR2,#drag2 .resizeB2,#drag2 .resizeLT2,#drag2 .resizeTR2,#drag2 .resizeLB2{position:absolute;background:#000;overflow:hidden;opacity:0;filter2:alpha(opacity=0);}
#drag2 .resizeL2,#drag2 .resizeR2{top:0;width:5px;height:100%;cursor:w-resize;}
#drag2 .resizeR2{right:0;}
#drag2 .resizeT2,#drag2 .resizeB2{width:100%;height:5px;cursor:n-resize;}
#drag2 .resizeT2{top:0;}
#drag2 .resizeB2{bottom:0;}
#drag2 .resizeLT2,#drag2 .resizeTR,#drag2 .resizeLB2{width:8px;height:8px;background:#fff;}
#drag2 .resizeLT2{top:0;left:0;cursor:nw-resize;}
#drag2 .resizeTR2{top:0;right:0;cursor:ne-resize;}
#drag2 .resizeLB2{left:0;bottom:0;cursor:ne-resize;}
#messTitleDiv2{
	float:left;text-align:center;width:100%;height:100%;line-height:150%; vertical-align:middle;left:0px;position:relative; color:#FFF	
}
#backmessageDiv2{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 2100;filter: alpha(opacity=80);opacity:0.8;;
}
.backmessageDiv2{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 2100;filter: alpha(opacity=80);opacity:0.8;;
}
#messContentDiv2{
	width: calc(100% - 1rem);
	height:calc(100% - 1rem);	
	box-shadow: 0px 0px 0.625rem 0px rgba(93, 154, 255, 0.1);
    border-radius: 0.25rem 0.25rem 0.625rem 0.25rem;
	left:0.5rem;
	top:0.5rem;
}

/****第四个层样式*******/
#drag3{position:absolute;top:0px;left:0px;width:300px;height:160px;background:#ffffff;border:1px solid #6482cb;border-radius:5px;box-shadow:0 1px 3px 2px #6482cb;z-index:4000;}
#drag3 .title3{position:relative;height:2rem;margin:0px;background-image:url(/skins/simple/images/tbg1.png); border-image-repeat:}
#drag3 .title3 div{position:absolute;height:19px;top:2px;right:0;}
#drag3 .title3 a,a.open{float:left;width:21px;height:19px;display:block;margin-left:5px;background:url(/skins/simple/images/divtool.png) no-repeat;}
a.open{position:absolute;top:10px;left:50%;margin-left:-10px;background-position:0 0;}
a.open:hover{background-position:0 -29px;}
#drag3 .title3 a.min{background-position:-29px 0;}
#drag3 .title3 a.min:hover{background-position:-29px -29px;}
#drag3 .title3 a.max{background-position:-60px 0;}
#drag3 .title3 a.max:hover{background-position:-60px -29px;}
#drag3 .title3 a.revert{background-position:-149px 0;display:none;}
#drag3 .title3 a.revert:hover{background-position:-149px -29px;}
#drag3 .title3 a.close{background-position:-89px 0;}
#drag3 .title3 a.close:hover{background-position:-89px -29px;}
#drag3 .content3{overflow:auto;margin:0 5px; overflow:hidden}
#drag3 .resizeBR3{position:absolute;width:14px;height:14px;right:0;bottom:0;overflow:hidden;cursor:nw-resize;background:url(images/resize.png) no-repeat;}
#drag3 .resizeL3,#drag3 .resizeT3,#drag3 .resizeR3,#drag3 .resizeB3,#drag3 .resizeLT3,#drag3 .resizeTR3,#drag3 .resizeLB3{position:absolute;background:#000;overflow:hidden;opacity:0;filter2:alpha(opacity=0);}
#drag3 .resizeL3,#drag3 .resizeR3{top:0;width:5px;height:100%;cursor:w-resize;}
#drag3 .resizeR3{right:0;}
#drag3 .resizeT3,#drag3 .resizeB3{width:100%;height:5px;cursor:n-resize;}
#drag3 .resizeT3{top:0;}
#drag3 .resizeB3{bottom:0;}
#drag3 .resizeLT3,#drag3 .resizeTR,#drag3 .resizeLB3{width:8px;height:8px;background:#fff;}
#drag3 .resizeLT3{top:0;left:0;cursor:nw-resize;}
#drag3 .resizeTR3{top:0;right:0;cursor:ne-resize;}
#drag3 .resizeLB3{left:0;bottom:0;cursor:ne-resize;}
#messTitleDiv3{
	float:left;text-align:center;width:100%;height:100%;line-height:150%; vertical-align:middle;left:0px;position:relative; color:#FFF	
}
#backmessageDiv3{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 3100;filter: alpha(opacity=80);opacity:0.8;;
}
.backmessageDiv3{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 3100;filter: alpha(opacity=80);opacity:0.8;;
}
#messContentDiv3{
	width: calc(100% - 1rem);
	height:calc(100% - 1rem);	
	box-shadow: 0px 0px 0.625rem 0px rgba(93, 154, 255, 0.1);
    border-radius: 0.25rem 0.25rem 0.625rem 0.25rem;
	left:0.5rem;
	top:0.5rem;
}

/**********第五个层样式*****************/
#drag4{position:absolute;top:0px;left:0px;width:300px;height:160px;background:#ffffff;border:1px solid #6482cb;border-radius:5px;box-shadow:0 1px 3px 2px #6482cb;z-index:5000;}
#drag4 .title4{position:relative;height:2rem;margin:0px;background-image:url(/skins/simple/images/tbg1.png); border-image-repeat:}
#drag4 .title4 div{position:absolute;height:19px;top:2px;right:0;}
#drag4 .title4 a,a.open{float:left;width:21px;height:19px;display:block;margin-left:5px;background:url(/skins/simple/images/divtool.png) no-repeat;}
a.open{position:absolute;top:10px;left:50%;margin-left:-10px;background-position:0 0;}
a.open:hover{background-position:0 -29px;}
#drag4 .title4 a.min{background-position:-29px 0;}
#drag4 .title4 a.min:hover{background-position:-29px -29px;}
#drag4 .title4 a.max{background-position:-60px 0;}
#drag4 .title4 a.max:hover{background-position:-60px -29px;}
#drag4 .title4 a.revert{background-position:-149px 0;display:none;}
#drag4 .title4 a.revert:hover{background-position:-149px -29px;}
#drag4 .title4 a.close{background-position:-89px 0;}
#drag4 .title4 a.close:hover{background-position:-89px -29px;}
#drag4 .content4{overflow:auto;margin:0 5px; overflow:hidden}
#drag4 .resizeBR4{position:absolute;width:14px;height:14px;right:0;bottom:0;overflow:hidden;cursor:nw-resize;background:url(images/resize.png) no-repeat;}
#drag4 .resizeL4,#drag4 .resizeT4,#drag4 .resizeR4,#drag4 .resizeB4,#drag4 .resizeLT4,#drag4 .resizeTR4,#drag4 .resizeLB4{position:absolute;background:#000;overflow:hidden;opacity:0;filter2:alpha(opacity=0);}
#drag4 .resizeL4,#drag4 .resizeR4{top:0;width:5px;height:100%;cursor:w-resize;}
#drag4 .resizeR4{right:0;}
#drag4 .resizeT4,#drag4 .resizeB4{width:100%;height:5px;cursor:n-resize;}
#drag4 .resizeT4{top:0;}
#drag4 .resizeB4{bottom:0;}
#drag4 .resizeLT4,#drag4 .resizeTR,#drag4 .resizeLB4{width:8px;height:8px;background:#fff;}
#drag4 .resizeLT4{top:0;left:0;cursor:nw-resize;}
#drag4 .resizeTR4{top:0;right:0;cursor:ne-resize;}
#drag4 .resizeLB4{left:0;bottom:0;cursor:ne-resize;}
#messTitleDiv4{
	float:left;text-align:center;width:100%;height:100%;line-height:150%; vertical-align:middle;left:0px;position:relative; color:#FFF	
}
#backmessageDiv4{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 4100;filter: alpha(opacity=80);opacity:0.8;;
}
.backmessageDiv4{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 4100;filter: alpha(opacity=80);opacity:0.8;;
}
#messContentDiv4{
	width: calc(100% - 1rem);
	height:calc(100% - 1rem);	
	box-shadow: 0px 0px 0.625rem 0px rgba(93, 154, 255, 0.1);
    border-radius: 0.25rem 0.25rem 0.625rem 0.25rem;
	left:0.5rem;
	top:0.5rem;
}


/*******第六个层样式*************/
#drag5{position:absolute;top:0px;left:0px;width:300px;height:160px;background:#ffffff;border:1px solid #6482cb;border-radius:5px;box-shadow:0 1px 3px 2px #6482cb;z-index:6000;}
#drag5 .title5{position:relative;height:2rem;margin:0px;background-image:url(/skins/simple/images/tbg1.png); border-image-repeat:}
#drag5 .title5 div{position:absolute;height:19px;top:2px;right:0;}
#drag5 .title5 a,a.open{float:left;width:21px;height:19px;display:block;margin-left:5px;background:url(/skins/simple/images/divtool.png) no-repeat;}
a.open{position:absolute;top:10px;left:50%;margin-left:-10px;background-position:0 0;}
a.open:hover{background-position:0 -29px;}
#drag5 .title5 a.min{background-position:-29px 0;}
#drag5 .title5 a.min:hover{background-position:-29px -29px;}
#drag5 .title5 a.max{background-position:-60px 0;}
#drag5 .title5 a.max:hover{background-position:-60px -29px;}
#drag5 .title5 a.revert{background-position:-149px 0;display:none;}
#drag5 .title5 a.revert:hover{background-position:-149px -29px;}
#drag5 .title5 a.close{background-position:-89px 0;}
#drag5 .title5 a.close:hover{background-position:-89px -29px;}
#drag5 .content5{overflow:auto;margin:0 5px; overflow:hidden}
#drag5 .resizeBR5{position:absolute;width:14px;height:14px;right:0;bottom:0;overflow:hidden;cursor:nw-resize;background:url(images/resize.png) no-repeat;}
#drag5 .resizeL5,#drag5 .resizeT5,#drag5 .resizeR5,#drag5 .resizeB5,#drag5 .resizeLT5,#drag5 .resizeTR5,#drag5 .resizeLB5{position:absolute;background:#000;overflow:hidden;opacity:0;filter2:alpha(opacity=0);}
#drag5 .resizeL5,#drag5 .resizeR5{top:0;width:5px;height:100%;cursor:w-resize;}
#drag5 .resizeR5{right:0;}
#drag5 .resizeT5,#drag5 .resizeB5{width:100%;height:5px;cursor:n-resize;}
#drag5 .resizeT5{top:0;}
#drag5 .resizeB5{bottom:0;}
#drag5 .resizeLT5,#drag5 .resizeTR,#drag5 .resizeLB5{width:8px;height:8px;background:#fff;}
#drag5 .resizeLT5{top:0;left:0;cursor:nw-resize;}
#drag5 .resizeTR5{top:0;right:0;cursor:ne-resize;}
#drag5 .resizeLB5{left:0;bottom:0;cursor:ne-resize;}
#messTitleDiv5{
	float:left;text-align:center;width:100%;height:100%;line-height:150%; vertical-align:middle;left:0px;position:relative; color:#FFF	
}
#backmessageDiv5{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 5100;filter: alpha(opacity=80);opacity:0.8;;
}
.backmessageDiv5{
	position: absolute;top: 0px;left: 0px;width:0;height:0;background-color: #E6E6E6;z-index: 5100;filter: alpha(opacity=80);opacity:0.8;;
}
#messContentDiv5{
	width: calc(100% - 1rem);
	height:calc(100% - 1rem);	
	box-shadow: 0px 0px 0.625rem 0px rgba(93, 154, 255, 0.1);
    border-radius: 0.25rem 0.25rem 0.625rem 0.25rem;
	left:0.5rem;
	top:0.5rem;
}