﻿/*#menubox_SET*/
   .btn{position: fixed;z-index: 750; left:10px; background-size:contain;}
     #menubtn{  top:10px; width:33px;height:33px;background-image: url('../../images/Menu2.png'); }
     #closebtn{  top:-40px; width:31px;height:32px;background-image: url('../../images/close.png');}
   .btn_child{ z-index:749; position: fixed;/*border: 1px solid #2d750a;*/ width:80px;height:auto; top:15px; left:-100px; font-size:0.875em;}
     #opn_child{ color:#ff0000; opacity:0;  }
     #cls_child{ color:#fffd00; }
   .btn:hover{ cursor:pointer;}
   .btn:active{ cursor:pointer;}
   .btn:focus{ cursor:pointer;}
    
 .shade{z-index: 700;position: absolute; width: 0px; height: 100%;left:0px;  top: 0px; background-color:#6d766d;opacity:0.8;}
  
 #menubox{ position: absolute; border: 1px solid #595959;/*#262626; /*background-color:#928e8e;*/ width: auto;/* 190px;*/ height:auto; padding: 10px 0px 25px 0px;box-shadow: 3px 3px 8px 3px rgba(1, 48, 36, 0.55); 
           border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ;
    z-index:740; position: absolute; top:0px; left:-500px;height: auto; margin:50px 0 0 10px;
           /*color:#ffffff;*/ font-size:1em; text-decoration:none;
    display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
    -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
    -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
    -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
    -webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
}
  .box_layer{ position:absolute; top:0;left:0;width:100%;height:100%;background-color:#000000; opacity:0.4;
              border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ;  
	
}
  .number{/*border: 1px solid #2d750a;*/ position:relative;width: auto/* 200px*/;height:auto; font-size:1em; margin: 10px 0 0 15px;color:#ffffff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
  .num_now{color:#96acff/*ffb54d/*00ff00*/;}
  .nowposis{ position:absolute; top:3px;left:-16px; width:14px;height:17px; background-repeat:no-repeat; background-image:url('../images/nowposis.png');}
  .CHnowposis{ position:absolute; top:3px;left:-32px; width:14px;height:17px; background-repeat:no-repeat; background-image:url('../images/nowposis.png');}
  .number a{ font-size:1em; color:#ffffff; text-decoration:none;}
  .number a:hover{ color:#ff8800/*00ffdb*/;text-decoration: underline; }
  .number a:active{ color:#ff8800/*00ffdb*/;text-decoration: underline; }
  .number a:focus{ color:#ff8800/*00ffdb*/;text-decoration: underline; }
        .number_ch{/*border: 1px solid #2d750a;*/position:relative;width:auto; left:70px; height:auto; font-size:1em; margin:5px 0 0 0px;text-indent:-1em;
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
        -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
        -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
        -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
        -webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
        }
     .number_ch a{ color:#00ff00/*ffb54d/*ffa64d/*ff9933*/;}   
     
     .Empty a{ color:#ff8980;}/*未完成*/

     .Emptyposis{position:absolute; top:3px;left:-34px; width:16px;height:15px; background-repeat:no-repeat; background-image: url('../images/empposis2.png');
	
}
 
    #number00{
	-webkit-order: 0;-ms-flex-order: 0;order: 0;
	-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
    #number01{
	-webkit-order: 1;-ms-flex-order: 1;order: 1;
	-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
    
}
    #number02{
	-webkit-order: 2;-ms-flex-order: 2;order: 2;
	-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
    #number02_01{
	-webkit-order: 0;-ms-flex-order: 0;order: 0;
	-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
    #number03{
	-webkit-order: 3;-ms-flex-order: 3;order: 3;
	-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
    #number04{
	-webkit-order: 4;-ms-flex-order: 4;order: 4;
	-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
    #number05{
	-webkit-order: 5;-ms-flex-order: 5;order: 5;
	-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
    #number06{
	-webkit-order: 6;-ms-flex-order: 6;order: 6;
	-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
    #number07{
	-webkit-order: 7;-ms-flex-order: 7;order: 7;
	-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
    #number08{
	-webkit-order: 8;-ms-flex-order: 8;order: 8;
	-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}

@media screen and (max-width: 320px){
 #menubox{margin:50px 0 0 5px;}
}

/* END #menubox_SET*/
