body,table,tr,td,div{margin:0;padding:0;color:hsl(0, 0%, 0%);font-family:微软雅黑,宋体,Arial;}
body{overflow:hidden;}
#page_bgrect{display:block;z-index:0;position:absolute;overflow:hidden;width:100%;height:100vh;}
.page_title{display:block;width:100%;position:relative;height:2.5em;}
.page_main{display:block;width:100%;z-index:0;position:relative;overflow-x:hidden;overflow-y:scroll;}
.page_toolbar{display:block;width:calc(100vw - 20px);position:absolute;bottom:0;height:calc((100vw - 20px) * 0.23);}
#page_rect{display:block;z-index:1;position:absolute;border:0;box-shadow:0 0 0 #000000;opacity:1;overflow:hidden;border:0 solid #FFFFFF;}
#page_return_but,#page_menu_but{width:10%;background-repeat:no-repeat;background-position:center center;background-size:auto 60%;text-align:center;cursor:pointer;}
.page_title{display:block;width:100%;position:relative;height:2.5em;}
.page_title table{border:0;width:100%;height:2.5em;}
#page_shadow{display:none;z-index:2;overflow:hidden;background:#00000080;position:absolute;}
#page_loading{display:none;z-index:2000;position:absolute;}
#page_menu{display:none;z-index:998;position:absolute;background-color:#FFFFFF;left:0px;top: calc(100vh + 10px);width:100%;height:calc(100vh - 10vh);border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;}
#page_dialog{display:none;z-index:1000;position:absolute;overflow:hidden;}
#page_exmenu{display:none;position:absolute;z-index:1500;width:100%;height:60%;background:#FFFFFF;box-shadow:0.1em 0.1em 1em #000000;}
#page_disable{display:none;z-index:3;}
#disable_shadow{display:block;z-index:3;overflow:hidden;background:#000000;position:absolute;left:0px;top:0px;opacity:0.5;}
#disable_icon{position:absolute;z-index:4;left:10%;top:6em;width:80%;height:auto;opacity:1;}

.sys_color_bg{background-color:#F2F2F2;}
.sys_color_border_bg{background-color:#555555;}
.sys_color_border_color{color:#555555;}
.sys_color_border_fill{fill:#555555;}
.sys_color_border_stroke{stroke:#555555;}
.color_sel_bg{background-color:#DDDDDD;}

.menu_button{display:block;float:left;overflow:hidden;color:#FFFFFF;text-align:center;}

#downmenu_icon{position:absolute;width:20vw;height:20vw;background:#FFFFFF;border-radius:10px;-moz-border-radius:10px;margin-left:5vw;margin-top:-8vw;border:1px solid #808080;background-repeat:no-repeat;background-position:left top;background-size:100% auto;}
.downmenu_icon{width:40px;height:40px;text-align:center;}
.downmenu_caption{width:40px;height:40px;line-height:40px;text-align:center;color:#555555;}
.downmenu_item{display:block;width:100%;border-bottom:1px solid #CCCCCC;text-decoration:none;}
.downmenu_item_table{width:100%;font-size:0.8em;color:#000000;}
.downmenu_item_input{width:calc(100% - 8px);height:40px;line-height:40px;font-size:0.8em;color:#000000;border:0px;outline:none;resize:none;}
.downmenu_item_select{width:100%;height:40px;line-height:40px;font-size:0.8em;color:#000000;border:0px;background-color:#FFFFFF;font-size:1em;outline:none;resize:none;}
.downmenu_item_textarea{width:100%;height:6em;font-size:0.8em;color:#000000;border:0;padding:0;outline:none;resize:none;}
.downmenu_item select{width:100%;height:2.5em;line-height:2.5em;text-align:right;border:0px;background:#FFFFFF;color:#555555;}

.close_round_button{position:absolute;background:#FFFFFF;top:5px;right:5px;text-align:center;border:1px solid #808080;width:16px;height:16px;line-height:16px;border-radius:8px;-moz-border-radius:8px;}
.close_round_button div{margin-left:2px;margin-top:2px;background:#808080;width:12px;height:12px;line-height:12px;border-radius:6px;-moz-border-radius:6px;}

.add_round_button{display:block;background:#FFFFFF;color:#999999;text-decoration:none;text-align:center;font-size:16px;width:2em;height:2em;line-height:2em;border-radius:1em;-moz-border-radius:1em;box-shadow:0.1em 0.1em 0.4em #00000080;}
.save_round_button{display:block;background-color:#717171;color:#FFFFFF;width:50%;height:2em;line-height:calc(2em + 4px);text-decoration:none;text-align:center;border:2px solid #EEEEEE;border-radius:1em;-moz-border-radius:1em;box-shadow:0.1em 0.1em 0.4em #00000080;}