
html,body{
  height: 100%;
  width: 100%;
  padding: 0px;
  margin:0px;  
  overflow: hidden;
  user-select: none;
  -ms-overflow-style: none; 
  -webkit-text-size-adjust:none; 
　　-ms-text-size-adjust:none; 
　　-moz--text-size-adjust:none; 
　　text-size-adjust:none;
}
a{text-decoration:none}

@font-face {
     font-family: myFont;
     src: url(../JS/MILanPro_Regular.ttf);
  } 
 

*{
   font-family: myFont;
}

#iframe {
    background: rgba(255,255,255,0.2);
    width: 100% !important;
    top: 0px;
    height: 100% !important;
    overflow: hidden;
    -ms-overflow-style: none;
    border: 0px;
}


 /**------------------------------------------------------------*/
#ALL{
 display: none;

}
/**------------------------------------------------------------*/
.side{
  position: fixed; 
  top: 30%;
  width: 120px;  
  font-size: 17px;
  text-align: center;
  color: white;   
  transition: 0.25s;
}

.side:hover{ 
  cursor: pointer;
}
.side:active{ 
  cursor: default; 
} 

#sideL{  
  left: 10px;  
}

#sideR{  
  right: 10px;   
} 
/**------------------------------------------------------------*/
#closex{
  display: none;
  position: fixed; 
  top: 20px;
  right: 20px;
  width: 60px;
  opacity: 0.6; 
  transition: 0.25s; 
}
#closex:hover{
  opacity: 1;
  cursor: pointer;
}
#closex:active{
  opacity: 0.6;
  cursor: default;
}

/**------------------------------------------------------------*/
#uiBottom{  
  position: fixed;
  left: 50%;
  transform: translate(-50%,0px);
  bottom: 20px;
  height: 120px; 
  width: 500px;
}
/**------------------------------------------------------------*/
#uiscaleA{ 
  display: flex;
  width: 100%; 
  justify-content: space-between; 
  opacity: 1;
  transition: 0.25s;
}
 
.btnA{   
  margin-top: 8px;
  display: inline-block;
  width: 100px;  
  font-size: 17px;
  text-align: center;
  color: white;   
  transition: 0.25s; 
}

.btnA:hover{ 
  cursor: pointer;
}
.btnA:active{  
  cursor: default;
}

.btn_img{  
  margin-bottom: 10px;
  width: 70px;
  transition: 0.25s; 
}

/**------------------------------------------------------------*/
#uiscaleB{  
  display: none;
  width: 100%;  
  opacity: 0;
  transition: 0.25s;
}

.btnB{   
  position:  fixed;
  margin-top: 18px;
  display: inline-block;
  width: 80px;  
  font-size: 17px;
  text-align: center;
  color: white;   
  opacity: 0.65;
  transition: 0.25s; 
}

.btnB:hover{
  cursor: pointer;
  opacity: 1;
}

.btnB:active{ 
  opacity: 0.65;
  cursor: default;
}
.btn_imgs{ 
  margin-bottom: 10px;
  width: 50px;
  transition: 0.25s; 
}

#btnB_01{ 
  left: 210px; 
}

#btnB_02{
  left: 210px; 
}

#btnB_03{
  left: 210px; 
}

#btnB_04{
  left: 210px; 
}

#btnB_05{
  left: 210px; 
}

#btnF_01{
  padding-top: 10px;
  float: left; 
  bottom: 0px;
  width: 180px; 
  color: rgba(255,255,255,0.8);
  font-size: 15px; 
  transform: translate(0px,120px);
  border-top: 1px solid white;
  text-align: center;
 
}

#btnF_02{
  padding-top: 10px;
  float: right;
  bottom: 0px;
  width: 290px;
  color: rgba(255,255,255,0.8);
  font-size: 15px; 
  transform: translate(0px,120px);
  border-top: 1px solid white; 
  text-align: center;
 
}





/**------------------------------------------------------------*/
#uiscaleC{   
  position: fixed;
  width: 100%;  
  height: 165px;
  bottom: -170px;
  background: white;
  opacity: 1;
  transition: 0.25s;
}
 
#Ctittle{
  margin-top: 25px;
  margin-left: 40px;
  font-size: 20px;
  font-weight: bold;
}



/**----------calc(100% - 80px)--------------------------------------------------*/
#Ctext{ 
  display: inline-block;
  width: calc(100% - 260px);
  height: 70px;  
  color: rgba(0,0,0,0.4); 
  overflow: auto;
  margin-top: 10px;
  margin-left: 40px; 
}
#Cline{
  display: inline-block;
  float: right; 
  margin-right: 25px;
  transform: translate(0,-5px);
  width: 2px;
  height: 85px;
  background:  rgba(0,0,0,0.1); ; 
}

.btnC{   
  float: right;
  transform: translate(0,-25px);
  margin-right:  25px;
  display: inline-block;
  width: 130px;  
  font-size: 10px;
  text-align: center;
  color: rgba(0,0,0,0.4);   
  opacity: 0.65;
  transition: 0.25s; 
}

.btnC:hover{
  cursor: pointer;
  opacity: 1;
}

.btnC:active{ 
  opacity: 0.65;
  cursor: default;
}
.btn_imgx{  
  width: 100px;
  transition: 0.25s; 
}

/**------------------------------------------------------------*/

#uiscaleD{  
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(250,250,250,1), rgba(180,195,210,1) 100%);
  transition: 0.25s;
}

/**------------------------------------------------------------*/
#D1{
  position: fixed; 
  padding-bottom: 50px;
  display: none;  
  overflow: auto;  
  width: 100%;
  height: 100%;
}
.pz{
  position: fixed;
  left: 50%;
  transform:translate(-50%,0px);
  width: 450px;
  height: 280px; 
}

#pz01{
  top: 150px;
}
#Dline{ 
  height: 2px;
  width: 450px;
  background: rgba(0,0,0,0.1);
  top: 540px;
  
}
#pz02{
  top: 650px;
}
.Dcont{ 
   width: 200px;
   height: 150px; 
   float: left;
   transform: translate(0,130px);
}

.Dtittle{
  font-size: 30px;
  font-weight: bold;
}
.Dbox{
   margin-top: 10px;
   width: 200px; 
   
}
.Dtext{
  font-size: 15px;
  color: rgba(0,0,0,0.5);
  width: 100px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid grey;
   border-radius: 5px;
  display: inline-block;
}
.Dnumber{ 
  font-weight: bold;
  color: rgba(0,0,0,0.65);
  margin-left: 10px;
  display: inline-block;
}

.D_img{
  float: right;
  width: 230px; 
}

/**-------calc(100% - 200px)-----------------------------------------------------*/

#D2{ 
  height: 100%;
  width:100%;
}
 
 
.Etext{
  position: fixed;
  left: 50%;
  bottom: 40px;
  transform: translate(-50%,0px);
  font-size: 13px;
  color:rgba(0,0,0,0.25);   
} 
#Etext2{
  display: none;
  position: fixed;
  text-align: center; 
  bottom: 25px;
  width: 100%; 
  font-size: 12px; 
  color:rgba(0,0,0,0.25);
} 
#Etext3{
  display: none;
  position: fixed;  
  left: 20px;
  top: 20px;
  /*width: 100%; */
  font-size: 12px; 
  color:rgba(0,0,0,0.25);
  right: 80px;
} 


/**------------------------------------------------------------*/
 

#float{   
  width: 100%;
  height: 100%;
}
 
.F_img{
  position: fixed;  
  top: 50%; 
  transform: translate(-50%,-50%);
  height: 55%;  
  border: 10px solid white; 
  box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
  transition: 0.5s; 
}
.F_img:hover{
  cursor: pointer;
}
.F_img:active{
  cursor: default;
}

#F_img_01{  
  left: 50%; 
}

#F_img_02{  
  position: fixed;  
  top: 50%;
  left: 0px;
  transform: translate(-120%,-50%);
}

#F_img_03{  
  position: fixed;  
  top: 50%;
  right: 0px;
  transform: translate(100%,-50%); 
}

 
.side_btn{ 
   position: fixed;
  top: 50%;
  transform: translate(0,-50%);
  padding: 10px;
  padding-top: 50px;
  width: 15px;
  height: 60px;
  background: rgba(0,0,0,0); 
  transition: 0.25s; 
}
.side_btn:hover{
  cursor: pointer;    
}
 
#side_left{
  left: 0px;
} 
#side_right{
  right: 0px;
}
.side_img{ 
  width: 15px;
}

/**------------------------------------------------------------*/
/*------------------------*/
  
::-webkit-scrollbar {
  width: 0px;
  height: auto;
}
::-webkit-scrollbar-track {
  background: grey; 
}
::-webkit-scrollbar-thumb {
  background:  silver; 
}
::-webkit-scrollbar-thumb:hover {
  background:  white; 
}

/*--------------------------------*/

/*------------------------*/
 table, th, td {
    border-collapse: collapse; 
    padding: 15px;   

}
 table{  
  margin: auto;
  overflow: auto;  
  width:90%; 
  max-width:500px;  
  table-layout: fixed; 
  margin-top: 100px;
  margin-bottom: 50px;

}

 th{
     text-align: left;
     font-weight: normal;
     width: 25%;    
     color:rgb(50,50,50);
}
 td{
     text-align: center;
     color: black; 
}

tr{
  border-bottom:1px solid silver;
} 

#tableTitle{
  font-size: 15px; 
  font-weight: bold; 
}

#tablefont{
  font-size: 10px; 
}

.TitleLine{    
  width: 0px; 
  padding: 0px;   
  border-left:  1px solid silver;
}

#TitleLines{
  border-left:  0px solid silver;
}
#TitleLinex{
  background: black;
  width: 1px;
  height: 30px;  
};

 

/*Loading..............................*/


 #Test{
  display: none;
  position: fixed;
  top: 60px;
  left: 10px; 
 }

 .Testbtn{
  display: none;
  width: 40px;
  height: 20px;
  margin: 10px;
 }