body{font-family: 'Mitr', cursive;}/*#E62828*/
.bg-dark-red{background-color: #DE2E38;}

nav a.active{color: #FFF;border: solid 2px #FFF;display: inline-block;border-radius: 40px;width: 100px;text-align:center;}
nav ul{margin-left: 50px;}
#content{margin-top: 80px;}
#content h1{text-align:center;}
#content h1 span{color: #C00;}

#show-img1{padding: 20px;}
#i-delevery{text-align:center;}
#i-delevery img{width: 140px;margin: 20px;}

#why-7days{background-repeat: no-repeat;background-image: url(../img/why-7days.jpg);
  background-position: center top;}
 

#icon-bar{text-align:center;padding: 50px 0;font-size: 1.2em;line-height: 40px;}
#icon-bar span{color: #C00;}
  #why-7days img{margin-right: 10px;opacity: 1;}
  h2.red{color: #E62828;margin-top: 20px;text-align:center;}
  h2.red+p{text-align:center;line-height:30px;font-size: 2em;}
  #footer{background-color: #DE2E38;height: 320px;margin-top: 40px; color: #FFF;text-align:center;}
    #footer img#logo{width: 200px;margin-top: 20px;}
	#icon-social img{width: 50px;margin: 15px 10px;}
#footer a{color: #FFF;text-decoration:none;}
#footer a:hover{color: #ffffcc;}


blockquote{
  margin: 1.5em 10px;text-align:center;
  padding: 0.5em 10px;font-family: Arial;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 5em;
  line-height: 0.3em;
  margin-right: 0.1em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #ccc;
  content: close-quote;
  font-size: 5em;
  line-height: 1em;
  margin-left: 0.1em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline-block;font-family: Mitr;color: #FFF;background-color: #E62828;padding: 10px;border-radius: 25px; 
}
#top-img{margin-top: 80px;}
#about-menu h2{text-align:center;margin: 40px 0;color: #C00;}
#about-menu h2 span{color: #000;}
#contact-chanel{padding-top: 50px;}
#contact-chanel h2{color: #C00;}
#top-img #title{background-color: #FCD1A7;font-size:2em;padding: 10px;}
#top-img #title span{border-radius: 50px; background: #83161B;color: #FFF;width: 150px;display: inline-block;}
#menu-choose{background-color: #FCD1A7;text-align:center;padding-top: 40px;}
.menu-step{border-radius: 50px; background-color: #83161B;color: #FFF;width: 150px;padding: 6px;float: left;margin: 5px 10px 2px 8px;font-size:1.4em;}
.menu-step-title{text-align:left;margin-left: 10px;}
#menu-delivery h2{color: #C00;text-align:center;padding-top: 50px;}
.menu-branch{background: #FCD1A7; border-radius: 50px;color: #83161B; width: 250px;text-align:center;height: 100px;padding: 15px;font-size: 1.5em;float: left;margin: 20px 0px 0px 100px;}
.menu-delivery-icon{margin-left: 200px; width: 80%;}
.menu-delivery-icon img{width: 120px;height: auto;margin: 5px;}
.franchise-step-img{width: 80%;margin:auto;}
.franchise-step-txt{padding-top: 50px;}
.franchise-step-txt p{width: 70%;margin: auto;}
#promotion-select-type{text-align:center;}
#promotion-select-type ul li{display: inline-block;width: 200px;height: 42px; padding: 10px;background: #CCC;border-radius: 20px;}
#promotion-select-type ul li.active{background: #C00;color: #FFF;font-size: 1.2em;}
#promotion-select-type ul li:hover{background: #C00;color: #FFF;font-size: 1.2em;}
.btn-promotion-readmore{border-radius: 20px;width: 120px;}
#faq{width: 80%; margin: auto;list-style: none;}
#faq li{cursor: pointer;margin-top: 10px;}
#faq li:hover{color: #C00;}
#faq li p{display:none;color: #000;padding: 20px 40px;border: solid 1px #CCC; border-radius: 10px;width: 80%;}
.question{border: solid 1px #CCC; border-radius: 10px;padding: 10px;width: 80%;min-height: 50px;display: block;}
#goto-top{
	width: 60px; height: 60px;color: #FFF; background: #C00;text-align:center;border-radius: 50px;position: fixed;bottom: 15px;right: 5px;
	opacity: 0.8;padding-top: 15px;font-size: 1.2em;
}
.branch-7{width: 60%; margin:auto;}
@media only screen and (max-width: 800px) {

#content{margin-top: 68px;}
nav{ opacity: 0.9;}
nav ul{margin-left: 10px;}
nav a.active{width: 90%;}
		 h2.red+p{text-align:center;line-height:30px;font-size: 1.4em;}
		 nav #logo{width: 180px;}
		#i-delevery img{width: 60px;margin: 5px;}
		  #why-7days{  background-position: right bottom;filter: alpha(Opacity=90);}
		#why-7days::before{background-color: rgba(255,0,0,0.1); }
		#why-7days .col-12{margin-top: 15px;}
		   #footer img#logo{width: 150px;margin-top: 20px;}
		   #icon-social img{width: 40px;margin: 15px 5px;}
		   #footer{font-size: 0.9em;height: 280px;}
		   .min-hide{display:none;}

		   #why-7days{background-repeat: no-repeat;position:relative;background-image:none;}
		  #why-7days::before{background-image: url(../img/why-7days.png);background-repeat: no-repeat;
		  background-position: center bottom;position:absolute;content: '';opacity: 0.4;
		  inset:0;
		  }
		blockquote:before { line-height: 0.1em;}
		#top-img{margin-top: 68px;}
		#top-img #title{font-size: 1.4em;}

		
#menu-delivery h2{padding-top: 40px;}
.menu-branch{width: 148px;text-align:center;height: 60px;padding: 8px;font-size: 1em;margin: 10px 0px 0px 5px;}
.menu-delivery-icon{margin-left: 50px; width: 90%;padding-top: 10px;}
.menu-delivery-icon img{width: 52px;height: auto;margin: 1px;}
.franchise-step-img{width: 65%;margin:auto;}
.franchise-step-txt p{width: 90%;margin: auto;}
#promotion-select-type ul li{display: inline-block;width: 30%;height: 40px; padding: 8px;}
#faq{width: 100%; }
.question,#faq li p{width: 100%;}
#footer-copyright{font-size: 0.85em;}
#i-delevery-show{width: 100%;margin:auto;}
#i-delevery-show img{width: 15%;}
.menu-step{font-size: 0.7em;width: 70px;}
}
@media only screen and (max-width: 600px) {
#why-7days p{font-size: 0.9em;}
.branch-7{width: 90%; margin:auto;}
}
#promotion-select-type a{text-decoration: none; color: #000;}
#promotion-select-type a:hover{color: #FFF;}
.hand{cursor: pointer;}