.welcombutton {
  	position: absolute;
 	left: 50%;
  	top: 94.90%;
  	transform: translate(-50%, -50%);
  	text-align: center;
  	background-color: #c61c30;
  	color: #ffffff;
  	font-size: 20px;
  	padding: 2px 40px;
   	border: 2px solid #ffffff;
   	border-radius: 20px 20px 20px 20px;
}

.welcombutton:hover{
  	background-color: #ffffff;
	color: #c61c30;
	text-decoration: none;
}

.button_active{
  	background-color: #c61c30;
	color: #ffffff;
	text-decoration: none;
	outline-color: #000000;
  	font-size: 20px;
    padding: 5px 35px;
   	border: 2px solid #c61c30;
    border-radius: 10px 10px 10px  10px;
}

/* gallery */

.button_gallery {

  text-align: center;
  background-color: #ffffff;
  color: #c61c30;
  font-size: 20px;
  padding: 3px 30px;
   border: 2px solid #c61c30;
   border-radius: 10px 10px 10px  10px;
}

.button_gallery:hover{
  background-color: #c61c30;
	color: #ffffff;
	text-decoration: none;
}


.bottom50{
  position: absolute;
	bottom: 14%;
}

.pan{
	padding: 7px 45px;
}

.maegin_gallery1{
  margin-left: 30%;
}

.maegin_gallery2{
  margin-left: 2%;
}


/*             room type               */

.button_view {

  text-align: center;
  background-color: #c61c30;
  color: #ffffff;
  font-size: 16px;
  padding: 4px 30px;
   border: 2px solid #c61c30;
   border-radius: 10px 10px 10px  10px;
	z-index: 1000;
}

.button_view:hover{
  background-color: #ffffff;
	color: #c61c30;
	text-decoration: none;
}
.bottom_view{
  position: absolute;
	bottom: 15%;
	margin-left: 4.5%;
}

/*          localtion            */

.location1{
	position: absolute;
	top: 68.4%;
	left: 67%;
	text-align: center;
	background-color: #c61c30;
	color: #ffffff;
	font-size: 30px;
	padding: 2px 20px;
   	border: 2px solid #c61c30;
	border-radius: 10px 10px 10px 10px;
	z-index: 99;
}

.location1:hover{
  background-color: #c61c30;
	color: #ffffff;
	text-decoration: none;
}

.location2{
	position: absolute;
	top: 68.4%;
	left: 78%;
	text-align: center;
	background-color: #ffffff;
	color: #c61c30;
	font-size: 30px;
	padding: 2px 20px;
   	border: 2px solid #c61c30;
	border-radius: 10px 10px 10px 10px;
}

.location2:hover{
  background-color: #c61c30;
	color: #ffffff;
	text-decoration: none;
}

/***** localtion google ********/
.local1{
	position: absolute;
	top: 81.94%;
	left: 40.15%;
	text-align: center;
	background-color: #ffffff;
	color: #c61c30;
	font-size: 30px;
	padding: 2px 20px;
   	border: 2px solid #c61c30;
	border-radius: 10px 10px 10px 10px;
	z-index: 99;
}

.local1:hover{
  background-color: #c61c30;
	color: #ffffff;
	text-decoration: none;
}

.local2{
	position: absolute;
	top: 81.94%;
	left: 51.35%;
	text-align: center;
	background-color: #c61c30;
	color: #ffffff;
	font-size: 30px;
	padding: 2px 20px;
   	border: 2px solid #c61c30;
	border-radius: 10px 10px 10px 10px;
	z-index: 99;
}

.local2:hover{
  background-color: #c61c30;
	color: #ffffff;
	text-decoration: none;
}

/**** masterplan *****/
.nav_botfloor{
  position: absolute;
  right: 16%;
  width: 8%;
  height: 50%;
}

.nav_botfloor .boutmenu{
  background-color: #ffffff;
    border-radius: 10px;
      width: 100%;
  color: #c61c30;
  font-size: 20px;
  padding: 2px 15px;
    text-align: center;
   border: 2px solid #c61c30;
   border-radius: 20px 20px 20px  20px;
     margin-bottom: 5px;
}

.boutmenu:hover{
  background-color: #c61c30;
	color: #ffffff;
	text-decoration: none;
  cursor: pointer;
}

.nav_botfloor .boutmenu:first-child{
  margin-top: 70%;
}

.button_master {
  position: absolute;
  text-align: center;
  background-color: #ffffff;
  color: #c61c30;
  font-size: 20px;
  padding: 4px 40px;
   border: 2px solid #c61c30;
   border-radius: 10px 10px 10px  10px;
}

.button_master:hover{
  background-color: #c61c30;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

.bottom_master{
  position: absolute;
	bottom: 13%;
}

.pan_master{
	padding: 7px 50px;
}

.maegin_master{
  margin-left: 77%;
}

/* masterplan_1*/
  /* ปุ่ม button 3 ปุ่ม*/
      .button_master1 {
        text-align: center;
        background-color: #ffffff;
        color: #c61c30;
        font-size: 20px;
         border: 2px solid #c61c30;
         border-radius: 15px 15px 15px  15px;
         z-index: 100;
      }

      .button_master1:hover{
        background-color: #c61c30;
      	color: #ffffff;
      	text-decoration: none;
      }

      .bottom_master1{
        position: absolute;
		  z-index: 100;
      	bottom: 15%;
      }

      .pan_master1_1{
      	padding: 7px 33px;
      }

      .pan_master1_2{
      	padding: 7px 20px;
      }

      .pan_master1_3{
      	padding: 7px 49px;
      }

      .maegin_master1_1{
        margin-left: 28%;
      }

      .maegin_master1_2{
        margin-left: 3.7%;
}

/* masterplan_2*/

.pan_master2{
  padding: 4px 30px;
}

.pan_master2_1{
  padding: 4px 40px;
}

.pan_master2_2{
  padding: 3px 34px;
}

.master2_maegin1{
  margin-left: 7.5%;
}

.master2_maegin2{
  margin-left: 19%;
}

    /* Black*/
        .bottom_master2_Black{
          position: absolute;
      	   bottom: 21%;
         }


      /* + ADD TO COMPARE */
          .bottom_master2_ADD{
            position: absolute;
            bottom: 28.5%;
          }


      /* BALCONY VIWE */
          .bottom_master2_BALCONY{
            position: absolute;
            bottom: 36%;
          }

      /* PRINT THIS UNIT */
          .bottom_master2_PRINT{
            position: absolute;
            bottom: 36%;
          }

/* TEXT */
.button_master2 {

        color: #000000;
        font-size: 65px;
         z-index: 100;
      }

   .bottom_master2_text{
  position: absolute;
   top: 26.5%;
 }

.maegin_master2_text{
  margin-left: 13.5%;
}

/* masterplan_3*/

   .bottom_master3{
  position: absolute;
   bottom: 13.8%;
 }

.maegin_master3{
  margin-left: 5%;
}

.maegin_master3_1{
  margin-left: 4%;
}

      /* Black*/
          .pan_master3{
            padding: 5px 35px;
          }

.button_master3 {

        color: #000000;
        font-size: 50px;
         z-index: 100;
      }

   .bottom_master3_1{
  position: absolute;
   bottom: 10.5%;
 }

.maegin_master3_2{
  margin-left: 84.5%;
}

/* masterplan_4*/

.button_master4 {

  text-align: center;
  background-color: #ffffff;
  color: #c61c30;
  font-size: 20px;
  padding: 1px 23.8px;
   border: 2px solid #c61c30;
}

.button_master4:hover{
  background-color: #c61c30;
  color: #ffffff;
  text-decoration: none;
}

.bottom_master4_ROOM{
    position: absolute;
      bottom: 66.5%;
  }

.bottom_master4_ROOM1{
    position: absolute;
      bottom: 60.7%;
  }

.bottom_master4_ROOM2{
    position: absolute;
      bottom: 54.7%;
}

.bottom_master4_ROOM3{
    position: absolute;
      bottom: 49%;
}

.bottom_master4_ROOM4{
    position: absolute;
      bottom: 43.2%;
  }

.bottom_master4_ROOM5{
    position: absolute;
      bottom: 37.8%;
}

.bottom_master4_ROOM6{
    position: absolute;
      bottom: 32.2%;
}

.maegin200{
  margin-left: 4.22%;
}

.maegin15{
  margin-left: 1.01%;
}

      /* Back*/
          .bottom_master4{
              position: absolute;
               bottom: 19%;
            }

            .bottom_master5{
              position: absolute;
               bottom: 83.5%;
            }

          .maegin_master4{
              margin-left: 3%;
            }

        /* SHOW STATUS*/
          .maegin_master4_1{
            margin-left: 8%;
            }
          .pan_master4{
            padding: 8px 35px;
          }