/****** Header:1024px ******/

.css78178c8994369 {
  width:22%;
}

nav#menu {
  clear:both;
  float:none;
  width:87%;
  margin:0 0 4% 13%;
  padding-top:1%;
}

ul.nav li {
  margin-left:0;
  margin-right:5%;
}

ul.nav li:last-child {
  margin-right:0;
}

/****** Header:768px ******/
@media screen and (max-width:800px) {
  
  #side { 
    width:8%;
  }
  
  figure#logo {
    width:14%;
  }
  
  i.logoreg {
    top:0;
    right:-5px;
  }
  
  .css78178c8994369 {
    width:26%;
  }
  
  .css78178c8994369 h1 {
    font-size:2.5em;
  }
  
  i.menubtn {
    display:block;
  }
  
  nav#menu {
    width:86%;
    margin-left:14%;
  }

  ul.nav {
    width:100%;
    background:#79170f;
    overflow:none;
    display:none;
    z-index:9000;
  }
  
  ul.nav li {
    float:none;
    margin-right:0;
    border-bottom:1px solid #a84a43;
  }
  
  ul.nav li:last-child {
    margin-right:0;
    border-bottom:none;
  }

  
  ul.nav a {
   padding:1% 0;
   border-bottom:none;
  }
  
  ul.nav span {
    display:inline;
    margin-left:2%;
  }
  
  ul.nav a:hover {
    color:#ffffff;
    border-bottom:none;
  }
  
  
}


/****** Header:640px ******/
@media screen and (max-width:640px) {
  
  #side { 
    width:9%;
  }
  
  figure#logo {
    width:15%;
  }
  
  i.logoreg {
    top:0;
    right:-5px;
  }
  
  .css78178c8994369 {
    width:28%;
  }
  
  .css78178c8994369 h1 {
    font-size:2.3em;
  }
  
  .css78178c8994369 p {
    font-size:1.1em;
  }
  
  nav#menu {
    width:85%;
    margin-left:15%;
  }
  
  
}


/****** Header:480px ******/
@media screen and (max-width:480px) {

  #side { 
    display:none;
  }
  
  header {
    padding-right:0;
  }
  
  figure#logo {
    width:20%;
  }
  
  i.logoreg {
    top:0;
    right:-5px;
  }
  
  .css78178c8994369 {
    width:32%;
  }
  
  .css78178c8994369 h1 {
    font-size:2em;
  }
  
  .css78178c8994369 p {
    font-size:1em;
  }
  
  i.menubtn {
    margin-top:7%;
    width:35px;
    height:35px;
  }
  
  nav#menu {
    width:100%;
    margin-left:0;
    padding-top:3%;
  }

}


/****** Header:414px ******/
@media screen and (max-width:414px) {
  
  figure#logo {
    width:22%;
  }
  
  .css78178c8994369 h1 {
    font-size:1.8em;
  }
  
  .css78178c8994369 p {
    font-size:0.9em;
  }
  
  i.logoreg, i.keemeireg {
    font-size:1em;
  }

}

/****** Header:375px ******/
@media screen and (max-width:375px) {
  
  .css78178c8994369 {
    width:36%;
  }

}

/****** Header:320px ******/
@media screen and (max-width:320px) {
  
  .css78178c8994369 {
    width:42%;
  }
  
  .css78178c8994369 h1 {
    font-size:1.5em;
  }
  
  .css78178c8994369 p {
    font-size:0.8em;
  }

}


/****** Default:480px ******/
@media screen and (max-width:800px) {
  .wrapper {
    width:92%;
  }
  
}

/****** Content:768px ******/
@media screen and (max-width:800px) {

  section#main {
    width:86%;
    margin-left:14%;
    padding-right:0;
  }

}

/****** Content:640px ******/
@media screen and (max-width:640px) {

  section#main {
    width:85%;
    margin-left:15%;
  }

}



/****** Content:480px ******/
@media screen and (max-width:480px) {

  section#main {
    width:100%;
    margin-left:0;
    padding-right:0;
  }

}



/****** Home:768px ******/
@media screen and (max-width:800px) {
  
  
  .bvec-topleft,
  .bvec-topright,
  .bvec-bottomleft,
  .bvec-bottomright {
    width:9%;
  }
  
  .slogan {
    bottom:15%;
    padding:4% 6% 2% 4%;
  }
  
  .slogan h1 {
    font-size:1em;
  }

  .slogan h2 {
    font-size:1.8em;
  }

  .slogan h3 {
    font-size:1.4em;
  }
  
  
  
  article.hsec1a {
    float:none;
    width:100%;
    text-align:justify;
  }
  
  article.hsec1b {
    float:none;
    width:100%;
    margin-top:2%;
    text-align:justify;
  }
  
  a.more {
    width:24%;
    margin:3% auto 0;
  }
  
  .vec-topleft,
  .vec-topright,
  .vec-bottomleft,
  .vec-bottomright {
    width:10%;
  }
  
  
  .hsec2wrap {
    width:70%;
  }
  
  a.intro {
    float:none;
    width:100%;
    margin-right:0;
    margin-top:6%;
  }
  
  a.intro3 {
    margin-bottom:3%;
  }
  
  figure.hsec3a {
    float:none;
    width:70%;
    margin:3% auto 0;
  }
  
  .hsec3b {
    float:none;
    width:100%;
  }
  
  .hsec3b1 {
    width:35%;
  }

  .hsec3b2 {
    width:60%;
  }
  
  /*
  ul.homeloc1 {
    width:60%;
  }

  ul.homeloc2 {
    width:40%;
  }
  */
  
  .media {
    float:none;
    width:70%;
    margin:3% auto 6%;
  }

}

/****** Home:640px ******/
@media screen and (max-width:640px) {
  
  .slogan {
    padding:4% 8% 2% 4%;
  }
  
  .slogan h1 {
    font-size:1em;
  }

  .slogan h2 {
    font-size:1.5em;
  }

  .slogan h3 {
    font-size:1.1em;
  }
  
  i.sloganreg {
    font-size:15px;
  }
  
  a.more {
    width:30%;
  }
  
  .hsec3b1 {
    float:none;
    width:100%;
    margin-bottom:2%;
  }

  .hsec3b2 {
    float:none;
    width:100%;
  }
  
  
}

/****** Home:480px ******/
@media screen and (max-width:480px) {

  a.more {
    width:35%;
  }
  
  .vec-topleft,
  .vec-topright,
  .vec-bottomleft,
  .vec-bottomright {
    width:12%;
  }
  
  
}

/****** Home:414px ******/
@media screen and (max-width:414px) {
  
  .bvec-topleft,
  .bvec-topright,
  .bvec-bottomleft,
  .bvec-bottomright {
    width:11%;
  }
  
  .slogan {
    bottom:17%;
    background:rgba(99,18,16,0.8);
  }
  
  .slogan h1 {
    font-size:0.9em;
  }

  .slogan h2 {
    font-size:1em;
  }

  .slogan h3 {
    font-size:0.9em;
  }
  
  a.more {
    font-size:0.8em;
  }
  
}


/****** Home:375px ******/
@media screen and (max-width:375px) {

  .slogan {
    bottom:18%;
  }
  
  a.more {
    width:43%;
  }
  
  p.introtext span {
    font-size:1em;
  }
  
  /*
  ul.homeloc1 a,
  ul.homeloc2 a {
    font-size:0.9em;
  }
  */

}

/****** Home:360px ******/
@media screen and (max-width:360px) {
  
  .slogan {
    bottom:19%;
  }
  
  .slogan h1 {
    font-size:0.9em;
  }

  .slogan h2 {
    font-size:0.9em;
  }

  .slogan h3 {
    font-size:0.8em;
  }
  
  
}





/****** Sub Pages: 768px ******/
@media screen and (max-width:800px) {
  
  section.pgsec1 {
    width:100%;
    margin-top:4%;
    padding:6% 4%;
  }
  
  .pgsec1-topleft,
  .pgsec1-topright,
  .pgsec1-bottomleft,
  .pgsec1-bottomright {
    width:50px;
  }

}

/****** Sub Pages: 640px ******/
@media screen and (max-width:640px) {
  
  section.pgsec1 {
    padding:6%;
  }
  
  .pgsec1-inner {
    padding:2% 4% 3%;
  }
}

/****** Sub Pages: 414px ******/
@media screen and (max-width:640px) {
  
  section.pgsec1 {
    padding:9% 6%;
  }

}




/****** About Us:768px ******/
@media screen and (max-width:800px) {
  
  figure.aboutcol1 {
    float:none;
    width:70%;
    margin:2% auto;
  }

  article.aboutcol2 {
    float:none;
    width:100%;
    margin-top:6%;
  }

}

/****** About Us:640px ******/
@media screen and (max-width:640px) {
  
  figure.abtimg {
    float:none;
    width:100%;
  }

  article.making {
    float:none;
    width:100%;
    margin-top:2%;
  }
  
}



/****** 奇美烧包,怀旧糕点,西式美味,相片图库:768px ******/
@media screen and (max-width:800px) {
  
  figure.pdcol1 {
    float:none;
    width:70%;
    margin:2% auto;
  }

  article.pdcol2 {
    float:none;
    width:100%;
    margin-top:6%;
  }
  
  section.picsec1 {
    width:100%;
    padding:3% 5%;
  }

  .pdimgcol {
    width:48%;
  }
  
  .pdimgcol2 {
    margin-right:0;
  }

}


/****** 奇美烧包,怀旧糕点,西式美味,相片图库:480px ******/
@media screen and (max-width:480px) {

  .pdimgcol {
    float:none;
    width:100%;
    margin-right:0;
  }
  
   section.picsec1 {
    margin-top:7%;
    padding:30px 6%;
  }
  
  ul.remarks {
    margin:3% 0 0 5%;
  }

  ul.engremarks {
    margin:1% 0 0 5%;
  }
  

}


/****** 销售地点:768px ******/
@media screen and (max-width:800px) {
  
  h1.title-outlet {
    font-size:2em;
  }
  
  .outletcol1 {
    float:none;
    width:100%;
  }

  .outletcol2 {
    float:none;
    width:100%;
  }


}


/****** 销售地点:480px ******/
@media screen and (max-width:480px) {
  
  h1.title-outlet {
    font-size:1.5em;
  }
  
  p.outlet-text {
    font-size:1em;
  }


}

/****** 销售地点:414px ******/
@media screen and (max-width:414px) {
  
  .outletcol1 {
    margin:5% 0;
  }

  .outletcol2 {
    margin:5% 0;
  }
  
  h1.title-outlet {
    font-size:1.3em;
  }
  
  p.outlet-text {
    font-size:0.9em;
  }
  
  .outletcol1 p,
  .outletcol2 p {
    font-size:0.85em;
  }
  
  .outletcol1 h2,
  .outletcol2 h2 {
    font-size:0.9em;
  }

}

/****** 销售地点:360px ******/
@media screen and (max-width:360px) {
  
  h1.title-outlet {
    font-size:1.1em;
  }
  
}


/****** 联络我们:768px ******/
@media screen and (max-width:800px) {
  
  figure.ctcol1 {
    float:none;
    width:70%;
    margin:3% auto;
  }

  .ctcol2 {
    float:none;
    width:100%;
    margin:4% 0 0;
    text-align:center;
  }

}

/****** 联络我们:414px ******/
@media screen and (max-width:414px) {
  
  .ctcol2 address {
    font-size:0.9em;
  }
  
}



/****** Media Highlights page: 768px ******/
@media screen and (max-width:800px) {
  
  .mediapg {
    float:none;
    width:100%;
    margin:4% 0 0 0;
  }
  
}






/****** Font/Text:1024px ******/
h1.title {
  font-size:2.2em;
}

/****** Font/Text:768px ******/
@media screen and (max-width:800px) {
  
  h1.title {
   text-align:center;
  }

}

/****** Font/Text:640px ******/
@media screen and (max-width:640px) {
  
  p.engarticle {
    margin-top:1%;
  }

}

/****** Font/Text:414px ******/
@media screen and (max-width:414px) {
  
  h1.title {
    font-size:1.6em;
  }
  
  h4.sectitle i {
    width:30px;
    height:30px;
    font-size:1.1em;
    padding-top:1.5%;
    padding-left:0;
  }

}

/****** Font/Text:360px ******/
@media screen and (max-width:360px) {
  h1.title {
    font-size:1.3em;
  }
}


/****** Footer:1024px ******/
figure#ftlogo {
  width:10%;
}

ul.ftnav1 {
  width:35%;
}

ul.ftnav2 {
  width:30%;
}


/****** Footer:768px ******/
@media screen and (max-width:768px) {

  figure#ftlogo {
    width:13%;
  }

  ul.ftnav1 {
    width:45%;
  }

  ul.ftnav2 {
    width:30%;
  }
  
  a.ftfb {
    width:35px;
    bottom:6%;
  }

}

/****** Footer:768px ******/
@media screen and (max-width:640px) {

  figure#ftlogo {
    width:17%;
  }

  ul.ftnav1 {
    width:77%;
    margin-left:6%;
  }

  ul.ftnav2 {
    clear:both;
    float:none;
    width:77%;
    margin-left:23%;
  }
  
  ul.ftnav1 li,
  ul.ftnav2 li {
    margin-bottom:1%;
  }
  
  a.ftfb {
    bottom:2%;
  }

}

/****** Footer:480px ******/
@media screen and (max-width:480px) {
  
  footer {
    padding:4% 0;
  }
  
  section#ftmain {
    width:94%;
    margin:0 auto;
  }
  
  figure#ftlogo {
    width:20%;
  }

  ul.ftnav1 {
    width:74%;
    margin-left:6%;
  }

  ul.ftnav2 {
    clear:both;
    float:none;
    width:74%;
    margin-left:26%;
  }
  
  
}

/****** Footer:375px ******/
@media screen and (max-width:375px) {

  ul.ftnav1 a,
  ul.ftnav2 a {
    font-size:0.8em;
  }
  
}



/****** Mobile body:500px ******/
@media screen and (max-width:500px) {

  img.bg {
    display:block;
  }

}