html,body{margin:0px; width:100%; height:100%;}
*{box-sizing:border-box;} /* 用边框模式令盒子的大小易于操控 */
a{text-decoration:none; color:#06f; cursor:pointer;}
button{background:#090; color:#fff; border-radius:4px; border:0; height:30px; padding:5px 15px; line-height:22px; cursor:pointer;}
button:hover{background:#e50;}

#main{display:flex; width:100%; height:100%;} /* 用flex使浏览器窗口大小改变时，子窗口大小也自动相应改变 */
#c0{width:50px; display:flex; flex-direction: column;}
#c0>div{padding:10px 0;cursor:pointer; font-size:14px; text-align:center; color:#888; letter-spacing:1px;}
#c0>div:hover{background:#e3f3ff; color:#000;}
#c0 img{width:30px; height:30px;}
#c2{min-width:480px;}
#c3{display:flex; flex-direction: column; justify-content: space-between; height:100%;}
.tt{background:#e3f3ff; display:flex; justify-content:space-between; padding:0 10px; height:50px; line-height:50px; overflow:hidden;}
.tt_tt{font-size:20px; font-weight:bold; color:#000;}
#ifr_view{display:block; width:100%; padding:0; margin:0; border:0; flex:1;}
#s0, #s1, #s2{background-color:#ddd; width:4px;}
#c0, #s0, #c1, #s1{display:none}
#s1:hover, #s2:hover{cursor:ew-resize;}
#footer{width:100%; padding:15px; text-align: center; line-height:1.6; background-color:#f6f6f6;}
#moveMask{position:absolute; width:100%; height:100%; background:url(img/sys/space.gif); display:none; top:-50px;}


#btns{background:#F0F6FC; display:none;}
#btns>div{padding:5px 10px; font-weight:bold; color:#000; letter-spacing:5px;}
#file1{position:absolute; opacity:0; width:62px; height:30px; top:10px; cursor:pointer;}
#ta, #ta_src{display:block; margin:0; padding:5px; line-height:21px;}
#webTT{color:#999; font-size:16px;}
#winSize{font-size:14px; color:#999; padding:0;}

.fx{display:flex;}
.fw{display:flex; flex-wrap:wrap;}
.fa{display:flex; justify-content:space-around;}
.fb{display:flex; justify-content:space-between;}
._currTag{background:#e9F3FC;}
.btn{display:inline-block; text-decoration:none; background:#090; color:#fff; border-radius:4px; border:0; height:30px; padding:5px 15px; line-height:22px; cursor:pointer;}
.btn:hover{background:#e50;}

.center_middle{display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

#tbar{display:flex; justify-content:space-between; overflow:hidden; position:absolute; top:50px; width:100%; height:40px; border-bottom:1px solid #ddd; background:#f9f9f9; z-index:100;}
#tbar>div{line-height:38px;}

/* 置前信息框------------------------------------------------------------------- */ 	
#msgBK{display:none; justify-content:center; align-items:center; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000;}
#msgBox{background:#FFF; position:relative}
#msgTT{height:40px; text-align:center; font-size:18px; color:#000; font-weight:bold; line-height:39px; background:#EEE;}
#msgCT{overflow:auto;}
#msgCL{position:absolute; right:0px; top:0px; width:40px; height:40px; padding:12px; cursor:pointer;}
#msgCL>img{display:block; width:100%; height:100%;}