*{
  box-sizing: border-box;
  margin:0;
  padding:0;
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif, 微軟正黑體;
  background-color:rgb(248,243,243);
}
.root{
  display: flex;
  height: 100vh;
  flex-direction: column;
}
.header {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wrapper{

}

.content{
  /*background-color:rgba(67, 67, 204, 0.28);*/
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; /* 2 */
  padding-bottom: 20px;
}


.footer{
  border-top: 2px solid #DDDDDD;
  color:#888888;
  background-color:#F5F5F5;
}

.nav{
  background-color:rgba(67,66,66,0.9);
}
.nav ul li{
  padding: inherit;
  padding:8px 0;
}
.nav ul li.navitem{
  display:none;
}
.nav ul li.navitem_3{
  display:list-item;
}
.nav ul li.navitem.showblock{
  display:block;
}
.nav ul li a{
  display:block;
}
.nav ul li a, .nav ul li a:active, .nav ul li a:visited{
  color:white;
  text-decoration: none;
}
.nav ul li a:hover{
  color:#f88b19;
}
.product_menu{
  text-align:center;
}
.product_menu img{
  width:100%;
  max-width:250px;
}
.content_info{    
  padding: 20px 30px 20px 30px;
  text-align:center;
}
.content_info div{
  padding:5px;
}
.content_info_aboutus p, .content_info_services p{
  padding: 0 0 15px;
}

.content_info_services{
  text-align:left;
}
.content_info_services .header{
  background-color: #800000;
  font-size: 20px;
  color: white;
  padding: 0px 5px;
}
.content_info_services .highlight{
  background-color:#ffff99;
}
.slideImg{
  text-align:center;
  display:none;
}

.slideImg img{
  width:100%;
  max-width:580px;
}
.slideImg.current{
  display:block;
}

.social_link{
  font-size:25px;
  color:#00c300;
  text-align:center;
}
/* others */

.calign{
  text-align:center;
}
.ralign{
  text-align:right;
}
.row{
  clear:both;
}
[class*="col-"] {
    float: left;
    padding: 5px;
    width: 100%;
}
.item{ border-bottom: 1px solid black;}
.item:last-child{border-bottom: none;}
.item > .thumbnail img { width: 100%;height: auto;}
.th {
    font-weight: bold;
}
.btn{
    padding: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
@media only screen and (min-width: 400px) {
    /*
  [class*="col-"] {
      float: left;
      padding: 5px;
      width: 50%;
  }
  [class*="col-"]:nth-child(odd) {
      clear:both;
  }
  .item{ border-bottom: none;}
  .cnt-left{width:30%;}
  .cnt-right{width:70%;}
  */
}

/* when changing min-width, need to change context.js*/
@media only screen and (min-width: 701px) {
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  [class*="col-"]:nth-child(odd){
      clear:none;
  }
  .item{ border-bottom: none;}
  .wrapper{
    width:1150px;
    margin: 0 auto;
    position: relative;
  }
  .header {
  }
  .content {
    padding-bottom: 40px;
  }
  .footer{
    height:80px;
  }
  .footer .wrapper div{
    padding: 3px;
  }

  .nav{
    height:73px;
    margin-top:-4px;
  }
  .nav ul{
    padding-top: 20px;
  }
  .nav ul li{
    display:inline;
    padding: 20px;
  }
  .nav ul li.navitem, .nav ul li.navitem.showblock{
    display:inline;
  }
  .nav ul li.navitem_3{
    display:none;
  }
  .nav ul li a, .nav ul li a:active, .nav ul li a:visited{
    font-size:24px;
  }
  .nav ul li a{
    display:inherit;
  }

  .product_menu{
    text-align:left;
  }

  .slideImg{
    text-align:left;
  }

  .content_info{
    width:100%;
    max-width:580px;
    padding-top:170px;
  }
  .social_link{
    text-align:left;
  }
  .content_info_news{
    background-image: url(/images/min/%E7%A7%81%E6%88%BF%E8%8F%9C%E6%9C%80%E6%96%B0%E6%B6%88%E6%81%AF.png);/*私房菜最新消息.png*/
  }
  .content_info_aboutus{
    background-image: url(/images/min/%E7%A7%81%E6%88%BF%E8%8F%9C%E9%97%9C%E6%96%BC%E6%88%91%E5%80%91.png);/*私房菜關於我們.png*/
  }
  .content_info_media{
    background-image: url(/images/min/%E7%A7%81%E6%88%BF%E8%8F%9C%E5%AA%92%E9%AB%94%E5%A5%BD%E8%A9%95.png);/*私房菜媒體好評.png*/
  }
  .content_info_services{
    background-image: url(/images/min/%E7%A7%81%E6%88%BF%E8%8F%9C%E5%AE%A2%E6%9C%8D%E8%B3%87%E8%A8%8A.png);/*私房菜客服資訊.png*/
  }
  
}




@media only screen and (min-width: 701px) and (max-width: 1149px) {
  .wrapper{
      width:100%;
  }
}