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

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

body{
	/* color: var(--tg-theme-text-color); */
    color: #2D302C;
	background: #f7fbfc;
    background-image: url(/img/bg-room1.jpg);
    background-position: left top;
    background-size: auto; 
    background-repeat: no-repeat;
    background-attachment: scroll;
}

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

a {
    border: 0;
    text-decoration: none;
    color: #795548;
}

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;
    color: #800000;
}

.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;
    max-width: 850px;
	min-height: calc(100vh - 40px);
}

.hint{color: #2a620d;}

.button {
    border: 1px solid #C0C0C0;
    border-radius: 7px;
    cursor: pointer;
    margin: 0 auto;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-weight:700;
    line-height: 1rem;
}

.but_titan {
  box-shadow: inset 0 0 0 1px #c7aca0, inset 0 1px 2px rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.5);
  background: conic-gradient(#e6c9bf, #d2b5aa, #cbaea3, #d4b5ab, #e5c3bd, #d9c0b4, #d9bcb1, #c5a399, #e3c6bc, #e7cac0, #dec0b5, #d3b6ab, #cfada1, #d4b6ac, #e2c6c0, #e2c6c0, #d2b1a6, #d2b1a6, #d1b4a9, #e1c4ba, #e5c9be, #dec1b6, #d3b6ab, #ceb0a6, #cfada3, #d2b5aa, #dabdb2, #e5c9be, #e6c9bf) content-box, linear-gradient(#e5c9be, #e5c9be) padding-box, radial-gradient(rgba(120, 120, 120, 0.9), rgba(120, 120, 120, 0) 70%) 50% bottom/80% 0.46875em no-repeat border-box;
}

.but_silver {
  box-shadow: inset 0 0 0 1px #c9c9c9, inset 0 1px 2px rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.5);
  background: conic-gradient(#d7d7d7, #c3c3c3, #cccccc, #c6c6c6, #d3d3d3, #d8d8d8, #d5d5d5, #d8d8d8, #d3d3d3, #c5c5c5, #c0c0c0, #bfbfbf, #d0d0d0, #d9d9d9, #d1d1d1, #c5c5c5, #c8c8c8, #d7d7d7, #d5d5d5, #cdcdcd, #c4c4c4, #d9d9d9, #cecece, #c5c5c5, #c5c5c5, #cdcdcd, #d8d8d8, #d9d9d9, #d7d7d7) content-box, linear-gradient(#d4d4d4, #d4d4d4) padding-box, radial-gradient(rgba(120, 120, 120, 0.9), rgba(120, 120, 120, 0) 70%) 50% bottom/80% 0.46875em no-repeat border-box;
}

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

.but_bc {width:160px; height:50px;}
.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 5px 0 0;}
a.but_br {padding: 5px 0;}
.but_name {cursor: pointer;}

.but_menu {
    font-size:16px;
    cursor: pointer;
}

.but_press {
    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;}

.flex {display:flex; justify-content: space-around;}

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

.dblock > p, .dblock > div {margin: 10px 0 20px 0;}

.dblock select {width: 100%;
  background-color: #f5f8fd;
  border: 1px solid #d6d6d6;
  padding: 5px;}

.dblock label {font-size: 12px;}

.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) {
 
}