html {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: Tahoma, Helvetica, sans-serif;
    color: #2D302C;
    height: 100%;
}

body {
    margin: 10px;
    overflow-x: hidden;
}

body{
	color: var(--tg-theme-text-color);
	background: var(--tg-theme-bg-color);
    
}

#form1 { /* height: 100%; */}

a {
    border: 0;
    text-decoration: none;
    color: var(--tg-theme-link-color);
}

img:not(.cover) {
    border-width: 0px;
    max-width: 100%;
   /* height: auto; */
}

Table {
    border-style: none;
    border-collapse: collapse;
}

h1 {text-align: center; font-size: 26px;}

h2 {text-align: center; font-size: 18px;}

h3 {font-weight: 500;}

.shadow {color: #c5c9c7; text-align: center;}

.A {text-decoration: none; color: #276fc8; line-height: 18px;}

.A:hover {color: #000;}


header {
    position: sticky;
    top: 0px;
    z-index: 10;   
}


.dbody {
    display: flex;
	flex-direction: column;
	min-height: calc(100vh - 40px);
}

.hint{
	color: var(--tg-theme-hint-color);
}

.button {
    background: var(--tg-theme-button-color);
    color: var(--tg-theme-button-text-color);
    border: 1px solid #C0C0C0;
    border-radius: 7px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
}

.but_nocolor {
    border: 1px solid #C0C0C0;
    border-radius: 7px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
}


.but {width: 50px; font-size:16px;}
.but_red {color: #CC0000;}
.box_br, .box_bl {border-radius: 7px;}
.but_bl, .but_br {width: 50px; font-size:16px; font-weight: bold;}
.but_br, .box_br {margin: 0 0 0 20px;}
.but_bl, .box_bl {margin: 0 20px 0 0;}
a.but_br {padding: 5px 0;}
.but_name {cursor: pointer;}

.but_menu {
    color: var(--tg-theme-text-color);
	background: var(--tg-theme-bg-color);
    font-size:16px;
    cursor: pointer;
}

.but_press {
    color: var(--tg-theme-text-color);
    background: var(--tg-theme-bg-color);
    cursor: default;
    border: none;
    font-size: 14px;
}

.container {
    display: flex;
	flex-direction: column;
}

.menu {
    display: flex;
    align-items:center;
    justify-content: space-between;
}

.menu_item_fix {flex-grow: 0; flex-shrink: 0;}
.menu_item {flex-grow: 1; flex-shrink: 1; text-align: center;}

.menu_car {
    border: 1px solid #C0C0C0;
    border-radius: 7px;
    padding: 10px 5px;
    margin: 0 0 20px 0;
}

.nav_car {
    display: flex;
    flex-wrap: wrap;
}

.dbut {
    display: flex;
    align-items:center;
    width: 50%;
    border: 1px solid #C0C0C0;
    border-radius: 7px;
    padding: 5px;
    margin: 0 0 7px 0;
}
.icon {
    border-radius: 50%;
    margin:0 5px 0 0;
}

.i-fix {border-radius: 7px;}

.dblock {
    border: 1px solid #C0C0C0;
    border-radius: 7px;
    padding: 5px;
    margin: 10px 0 5px 0;
}

.dblock_txt {
    border-radius: 7px;
    padding: 5px;
    margin: 10px 0 5px 0;
}

.divA {
  color: #000;
  border: 1px solid #C0C0C0;
  margin: 10px 0 0 0;
  padding: 10px 10px 20px 10px;
  /*position: absolute;
  top: 50px; */
  background-color: #E6E6E6;
  width: calc(100% - 20px);
  z-index: 100;
  font-size: 14px;
}

.tb_txt {
    width: calc(100% - 10px);
}

.tb_input {
    border-radius: 7px;
    padding: 7px 5px;
}

.send_box textarea {
    min-width: 300px;
    width:calc(100% - 5px);
    height: 150px;
    resize: none;
}



/* ====== END book ===== */

@media (max-width: 1000px) {
}

@media (max-width: 900px) {

 
}

@media (max-width: 820px) {

   
}

@media (max-width: 690px) {

  
   
}

@media (max-width: 580px) {

  
}

@media (max-width: 530px) {

   

}

@media (max-width: 500px) {
   
}



@media (max-width: 380px) {
  
  

 
}

@media (max-width: 350px) {
 
}