.annouce{
   background-color: #fdfeee;
	width: 91.0%;
	color: #000;
	padding: 50px;
	margin: auto;
	border: 3px double #1ecbe1;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: var(--s16);
}

.first_div{
  display: flex;
  
}

.front_bg{
    width: 99vw;
    margin: 0 auto;
    position: relative;
}

.business_hours{
    position: absolute;
    bottom: 1.2rem;
    left: 1.2rem;

    padding: 1rem;
    border-radius: 0.5rem;
    z-index: 11;

    background-color: rgba(0, 0, 0, 0.75); /* Semi-transparent dark background */
    color: white;
    max-width: 250px;
}

.hours{
  text-align: center;
  font-family: Helvetica;
  letter-spacing: 5px;
  font-size: var(--font-small); /*var(--s22);*/
}
.days{
  font-size: var(--font-small); /*var(--s16);*/
  text-align: center;
  margin-top: 0.5rem;
}

.day_th{
  font-size: var(--font-small); /*var(--s15);*/
  padding-left: 1vw;
}

.timer_on, .timer_off{
  font-size: var(--font-small); /*var(--s14);*/
}





.thank{
    font-family: VNI-Thuphap3; 
}
.r_im_main{
  background-color: #101010;
  width: 55%;
}
.r_im_main img{
  width: 100%;
  height: 100%;
}

.hours hr {
  width: 30%;
  margin: 0 auto;  
}
.dot{
  font-size: var(--s30);
}
.l_hours p{
  width: 100%;
  font-size: var(--s20);
  font-weight: bold;
  text-indent: 20px;
}
.big_word{
  font-size: var(--s28);
}
.hour_part{ width: 100%;                   
  display: flex;
  font-size: var(--s14);
}
.daily{          
  flex: 1;
  text-align: right;
  margin-right: 35px;
  font-weight: bold;
}
.times{        
  flex: 2;
  text-align: left;
  
}



/* LARGER SIZES=======*/