/*----------以下門市優惠的CSS------------*/
.store_precenter-center{padding:120px 0;width:100%;}
.commingsoon{
	height:69px;
	width:418px;
	margin: 0 auto;
	background:url(../images/commingsoon.png);}
@media (max-width: 640px){
	.commingsoon{
	height:53px;
	width:320px;
	margin: 0 auto;
	background:url(../images/commingsoon_mobile.png);}
}
/*----------以上門市優惠的CSS------------*/
.spinner{
	padding:10px 0 0 10px;
	display: inline-block;
	height:40px;
    width: 98px;
}
.sss59{float:right; padding-top:5px;position: absolute;padding-left: 10px;display: inline-block;}
.spinner input{float:left; padding-bottom: 0.1em; border-radius: 0px;text-align: center;}
.spinner input:first-child,.spinner input:last-child {border-radius: 0;}
.spinner button{float:left;border-radius: 0;}
.decrease{
	width:27px;
	height:27px;
	border:none;
	background:url(../images/menu/btn_decrease.png);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;}
.mmcrease{
	width:40px;
	width:34px\0;
	height:21px;
} 	

.increase{
	width:27px;
	height:27px;
	border:none;	
	background:url(../images/menu/btn_increase.png);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;}

/*---------------------------*/

.sidefood-slide{
    width: calc( 25% - 45px);
	padding:10px 10px 10px 10px;
    margin:0px 10px 10px 10px;
    background-color:#fff;
    border-radius:6px;
	color:#000000;
	height:365px;
	display:inline-block;
	text-align:center;
}
.sidefood_pic img { width:100%; }
.sidefood_select_info{height:178px;}
.v-aligntop{vertical-align: top;height:470px;}
.sidefood-increase{
	width:170px;
	height:175px;
}
.sidefood-increase .mask{
	width: 170px;
    height: 123px;
    position: absolute;
	transform:translateY(-123px);
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
	border-radius: 10px;
    transition: all 0.1s linear;
}
.sidefood-increase .mask_mo {display:none;}
.sidefood-increase:hover .mask {
    opacity: 1;    
    transition-delay: 0s;
	animation: bounceY 0.9s linear;}

.sidefood-increase-img{
	width:170px;
}
.increase_select_info {text-align:center;}
.sidefood_title{
	font-size: 18px;
	line-height: 1.2em;
	height:30px;
}
.sidefood_price{
	color: #de1839;
	font-size: 14px;
}
.number_increase {
	font-size: 20px;
}
.sidefood_price_number{
	color: #de1839;
	font-size: 27px;
}
.sidefood_price_number:first-child{padding-right:20px;}
@media (max-width: 1200px){	
.spinner{	
	margin-left: calc(40% - 40px);
}
.menu_select_info .spinner{	
	margin-left: 0;
}
.sss59{position: relative;padding-left: 9px; }
.sidefood-slide{
    width: calc( 25% - 45px);
}
.sidefood-increase{
	width:170px;
	height:175px;
}
.menu_inlineblock .sidefood-slide .sidefood_food{
	width:100%;
	height:100%;
	max-width:300px;
}
.sidefood_title {
	font-size: 20px;
	height:52px;	
}
.sidefood_price{
	font-size: 12px;
}
.sidefood_price_number{
	font-size: 24px;
}
.menu_select_info {
  text-align:center;
}
}
@media (max-width: 900px){
.sss59{ padding-top:0px;}	
	  /* !        slides        ! */
.spinner{
	padding:10px 0 0 10px;
	width:100%;
	margin-left: 0;
}
.sss59{position: relative;padding-left: 8px; }
.menu_inlineblock_cc .sidefood-slide {
    overflow: hidden;
    position: relative;
    float:none;
    width: 100%;
    margin:0px 0px 10px 0px;
    height: auto;
    text-align: center;	
    clear: both;
    border-bottom: 1px solid #b69864;
    box-sizing: border-box;
}
.menu_inlineblock_cc .sidefood-increase{
	width:42%;
	height:auto;
	padding: 0;
	margin: 0 10px;
	border: none;
}
.menu_inlineblock_cc .sidefood-slide:after {
  content: " ";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;
}
.menu_select_info {
  width: 55%;
  float: right;
  text-align:left;
}
.sidefood-increase .mask {
	display:none;
}
.sidefood-increase .mask_mo {
	display:block;
	width: 100%;
	max-width:300px;
    height: 40%;
    position: absolute;
    transform: translateY(-100%);
    overflow: hidden;    
    opacity: 1;
    border-radius: 0 0 10px 10px;  
}
.sidefood_select_info{height:auto;}
* html .menu_inlineblock_cc .sidefood-slide,*:first-child+html .menu_inlineblock_cc .sidefood-slide { zoom: 1;}

.menu_inlineblock_cc .sidefood-slide .sidefood_pic {
  float: left;
  width: 40%;
}
.menu_inlineblock_cc .sidefood-slide .sidefood_pic img {
    width: 100%;
	height: auto;
}

.menu_inlineblock_cc .sidefood-slide .sidefood_title{
	width: 100%;
	float: left;
	height: auto;
    margin-bottom: 8px;
}

.sidefood_title {
	font-size: 24px;
	line-height: 1em;	
}
.menu_inlineblock_cc .sidefood-slide .sidefood_title img{
	vertical-align:middle;
}
}
@media (max-width: 750px){
.sidefood-increase .mask_mo {
    background-color: rgba(0, 0, 0, 0.5);
}		
}

@media (max-width: 640px){
.spinner{
	padding:10px 0 0 3px;
	width:100%;
	margin-left:0;	
}
.sss59{position: relative;padding-left: 3px; }
.sidefood_title {
	font-size: 18px;	
}
.sidefood_price{
	font-size: 12px;
}
.sidefood_price_number{
	font-size: 24px;
}
.menu_select_info { 
}
.mmcrease{
	width:30px;
	height:18px;
} 	
}
/* --------------------------*/
.crust_pizza{
    width: calc( 50% - 45px);
	padding:10px 10px 10px 10px;
    margin:0px 10px 10px 10px;
    background-color:#fff;
    border-radius:6px;
	color:#000000;
	display:inline-block;
    vertical-align:top;
}
.crust_pizza_pic{
    float: left;
	text-align: center;
	margin-top: 6px;
	width:45%;
}
.crust_pizza_pic img{
	width:100%;
}
.crust_pizza_text {
   width: 270px;  
   margin-left: 270px;
}
.crust_pizza_title {
  font-size: 24px;
  float: left;
  text-decoration: none;
  color: #000000;
  position: relative;
  line-height: 30px; 
  width: 100%;  
  border-bottom: 1px solid #b69864;
}
.crust_pizza_description {
  font-size: 14px;  
  float: left;
  line-height: 20px;
  color: #000000;
  position: relative; 
  width: 100%; 
}
.crust_pizza_branches {
  font-size: 12px;  
  float: left;
  line-height: 20px;
  color: #de1839;
  position: relative;
  width: 100%; 
}
.crust_pizza_order {
  line-height: 20px;
  float: left;
  position: relative;
  width: 100%; 
}

.crust_pizza_order .s99{width:126px;}
	/*------------------*/
.crust_breadcrumbs-nav{text-align: center;margin-left:-80px;}	
.crust_pizza_size6,.crust_pizza_size9,.crust_pizza_size12,.crust_pizza_size16{
	padding:0 10px 0 10px;	
	height:215px;	
	display:inline-block;
	margin-bottom:40px;		
}	
.crust_pizza_size6{
	width:170px;
	background:url(../images/menu/menu_size6s.png) no-repeat;
	background-position:center bottom; 	
}
.crust_pizza_size9{
	width:190px;
	background:url(../images/menu/menu_size9s.png) no-repeat; 
	background-position:center bottom; 	
}
.crust_pizza_size12{
	width:210px;
	background:url(../images/menu/menu_size12s.png) no-repeat;
	background-position:center bottom; 	
}
.crust_pizza_size16{
	width:230px;
	background:url(../images/menu/menu_size16s.png) no-repeat;
	background-position:center bottom; 	
}	
@media (max-width: 1200px){
.crust_pizza{
    width: calc( 50% - 45px);
	padding:10px 10px 10px 10px;
    margin:0px 10px 10px 10px;
}
.crust_pizza:nth-child(3),.crust_pizza:nth-child(4){
	height:auto;
}
.crust_pizza_pic{
	width:45%;
}
.crust_pizza .crust_pizza_img{
	width:100%;
	height:auto;
	margin-right:10px;
}
    /*---------------------*/
.crust_pizza_text {
	width: 55%; 
	margin-left:45%;
}
.crust_pizza_table {
	width: 90%; 
}
.crust_pizza_title {
  font-size: 22px;
  line-height: 26px; 
}
.crust_breadcrumbs-nav{margin-left:0px;}
}
@media (max-width: 1000px){
.crust_pizza_size6,.crust_pizza_size9,.crust_pizza_size12,.crust_pizza_size16{
	padding:0 10px 0 10px;	
	width:calc(50% - 30px);
	display:inline-block;
	margin-bottom:20px;	
}
.crust_pizza_size6,.crust_pizza_size9{
	height:170px;
}
}
@media (max-width: 900px){

.crust_pizza{
    width: calc( 100% - 20px);
	padding:10px 10px 10px 10px;
    margin:0px 0px 10px 0px;
}
.crust_pizza_pic{
	width:40%;
}
.crust_pizza_pic img{
	width:90%;
	max-width:260px;
}
.crust_pizza_text {
   width: 55%;  

   padding:0 0 0 0;
}
.crust_pizza_table {
   width: 90%; 
}
.crust_pizza_order .s99{
	width:90%;
}

}
    /* menu_pizza_mobile end  */ 
	
@media (max-width: 640px){
.crust_pizza_title {
  font-size: 20px;
  line-height: 24px; 
}
.crust_pizza_order .s99{
	width:0px;
}
.number_increase {
	font-size: 16px;
}
}
	
@media (max-width: 450px){
.crust_pizza_title {
  font-size: 16px;
  line-height: 20px; 
}
}