* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body {
	margin:0;
	padding:0;
	font-family:'微软雅黑', 'Microsoft YaHei';
	background-image:url('images/bg-body5.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed !important;
	background-position:center top;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	background-size:cover !important;
}


@media screen and (max-width:500px) {
  
  body {
    background-image:none;
  }

}

/********** Mobile body background **********/
img.bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-5000;
  display:none;
}



/********** Default Setting **********/
.wrapper {
  width:94%;
  margin:0 auto;
}


.clearfix {
  clear:both;
}

img.fit {
  width:100%;
  height:auto;
  display:block;
  border:none;
}

img.shadowline {
  width:70%;
  height:auto;
  margin:4% auto 3%;
  display:block;
}

#side {
  position:fixed;
  top:0;
  left:5.5%;
  z-index:-10;
  width:6%;
  height:100%;
  background:url('images/bg-side.png');
	background-repeat:no-repeat;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}


/********** HEADER **********/
header {
  width:100%;
  padding-top:1.5%;
  padding-right:3%;
}

figure#logo {
  float:left;
  width:12%;
  position:relative;
}

i.logoreg {
  font-family:arial;
  font-style:normal;
  font-size:1.1em;
  color:#ffffff;
  position:absolute;
  top:0;
  right:1%;
}

/*
img.logo {
  width:150px;
  display:block;
}

@media screen and (min-width:1366px) {
  img.logo {
    width:100%;
    height:auto;
    display:block;
  }
}
*/


.css78178c8994369 {
  float:left;
  width:16%;
  margin:3% 0 0 0;
  text-align:center;
  color:#ffffff;
  font-family:'HanWangKaiMediu78178c8994369';
  position:relative;
}

.css78178c8994369 h1 {
  font-size:3em;
  color:#ffffff;
  letter-spacing:-4px;
}

.css78178c8994369 p {
  font-size:1.2em;
}

i.keemeireg {
  font-family:arial;
  font-style:normal;
  font-size:1.1em;
  color:#ffffff;
  position:absolute;
  top:-5px;
  right:-5px;
}

i.menubtn {
  display:none;
  float:right;
  margin-top:7%;
  width:40px;
  height:40px;
  cursor:pointer;
}


nav#menu {
  float:right;
  margin-top:3.5%;
}

ul.nav {
  list-style:none;
  overflow:hidden;
}

ul.nav li {
  float:left;
  margin-left:30px;
}

ul.nav a {
  display:block;
  font-size:0.95em;
  color:#ffe398;
  text-decoration:none;
  text-align:center;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
  border-bottom:1px solid transparent;
}

ul.nav span {
  display:block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1em;
}

ul.nav a:hover {
  color:#ffffff;
  border-bottom:1px solid #ffe398;
}



/********** CONTENT **********/
section#main {
  width:87%;
  margin-left:13%;
  margin-top:2%;
  padding-right:3%;
  padding-bottom:4%;
  position:relative;
}


/********** Home **********/
.homebanner {
  width:100%;
  /*border:1px solid #c89840;*/
  border:3px solid #e6b04c;
  position:relative;
}

.slogan {
  position:absolute;
  bottom:12%;
  left:6%;
  background-color:#631210;
  background:rgba(99,18,16,0.9);
  z-index:80;
  padding:2% 4%;
}

.slogan h1 {
  font-size:1.3em;
  color:#ffff00;
  font-weight:normal;
  letter-spacing:1px;
  display:inline;
  position:relative;
}

.slogan h2 {
  font-size:2.2em;
  color:#ffffff;
  letter-spacing:1px;
  font-weight:normal;
  display:inline;
  position:relative;
}

.slogan h3 {
  font-family:'Times New Roman';
  font-size:1.8em;
  color:#ffb936;
  font-weight:normal;
  display:inline-block;
  margin-top:8px;
  position:relative;
}


i.sloganreg {
  font-family:arial;
  font-style:normal;
  font-size:18px;
  color:#ffff00;
  position:absolute;
  bottom:60%;
  left:102%;
}



.bvec-topleft {
  position:absolute;
  top:-2px;
  left:-2px;
  width:7%;
  z-index:30;
}

.bvec-topright {
  position:absolute;
  top:-2px;
  right:-2px;
  width:7%;
  z-index:30;
}

.bvec-bottomleft {
  position:absolute;
  bottom:-2px;
  left:-2px;
  width:7%;
  z-index:30;
}

.bvec-bottomright {
  position:absolute;
  bottom:-2px;
  right:-2px;
  width:7%;
  z-index:30;
}



article.hsec1a {
  float:left;
  width:47%;
  margin-top:4%;
  font-size:0.95em;
  color:#ffffff;
  line-height:160%;
  letter-spacing:1px;
}

article.hsec1b {
  float:right;
  width:47%;
  margin-top:4%;
  font-family:'Times New Roman';
  font-size:0.95em;
  color:#ffffff;
  line-height:150%;
}

a.more {
  display:block;
  width:18%;
  margin:1.5% auto 0;
  padding:1% 0;
  text-align:center;
  background:#b08537;
  font-size:0.9em;
  color:#ffffff;
  text-decoration:none;
  border:1px solid #c9973d;
  -webkit-border-radius:4px;
  border-radius:4px;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.more:hover {
  background:#eaa62a;
}

section#hsec2 {
  width:100%;
  margin:5% 0;
  padding:4% 0;
  position:relative;
}

.vec-topleft {
  position:absolute;
  top:0;
  left:0;
  width:7%;
  z-index:30;
}

.vec-topright {
  position:absolute;
  top:0;
  right:0;
  width:7%;
  z-index:30;
}

.vec-bottomleft {
  position:absolute;
  bottom:0;
  left:0;
  width:7%;
  z-index:30;
}

.vec-bottomright {
  position:absolute;
  bottom:0;
  right:0;
  width:7%;
  z-index:30;
}

.hsec2wrap {
  width:86%;
  margin:0 auto;
}

a.intro {
  display:block;
  float:left;
  width:30%;
  margin-right:5%;
  text-decoration:none;
  overflow:hidden;
}

a.intro3 {
  margin-right:0;
}

.intropic {
  width:100%;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.intro:hover .intropic {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  transform:scale(1.1);
}


p.introtext {
  font-size:1em;
  color:#ffffff;
  text-align:center;
  padding:3% 0;
  background:#b08537;
  letter-spacing:1px;
  position:relative;
  z-index:20;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

p.introtext span {
  display:block;
  letter-spacing:0;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1.1em;
}


a.intro:hover p.introtext {
  background:#79170f;
}


section#hsec3 {
  width:100%;
  margin:4% 0;
}

figure.hsec3a {
  float:left;
  width:32%;
  margin-top:3%;
  border:3px solid #ffffff;
}

.hsec3b {
  float:right;
  width:63%;
  margin-top:3%;
}

.hsec3b1 {
  float:left;
  width:30%;
}

.hsec3b2 {
  float:right;
  width:65%;
}

hr.line1 {
  margin:4% 0;
  width:100%;
  border-top:1px solid #d39d3c;
  border-bottom:none;
  border-left:none;
  border-right:none;
}


.hsec3b2 address {
  font-family:'Times New Roman';
  font-size:1em;
  color:#ffffff;
  font-style:normal;
  line-height:150%;
}

.hsec3b2 p {
  font-family:'Times New Roman';
  font-size:1em;
  color:#ffffff;
  line-height:150%;
  margin-bottom:2%;
}

/**
ul.homeloc1 {
  width:50%;
  float:left;
  list-style:none;
}

ul.homeloc2 {
  width:50%;
  float:right;
  list-style:none;
}

ul.homeloc1 li,
ul.homeloc2 li {
  margin-bottom:2%;
}

ul.homeloc1 a,
ul.homeloc2 a {
  font-size:1em;
  color:#ffffff;
  text-decoration:none;
  letter-spacing:1px;
  border-bottom:1px solid transparent;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

ul.homeloc1 span,
ul.homeloc2 span {
  font-family:'Times New Roman';
  letter-spacing:0;
}

ul.homeloc1 a:hover,
ul.homeloc2 a:hover {
  color:#ffff00;
  border-bottom:1px solid #ffff00;
}

**/


section#hsec4 {
  width:100%;
  margin:4% 0;
}

.media {
  float:left;
  width:30%;
  margin:3% 5% 0 0;
}

.media3 {
  margin-right:0;
}

/*** in Media Highlights page ***/
.mediapg {
  float:left;
  width:30%;
  margin:0 5% 0 0;
}

.mediapg3 {
  margin-right:0;
}


.mediainner {
  width:100%;
  border:2px solid #ffffff;
  overflow:hidden;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

.mediainner:hover {
  border:2px solid #eba21e;
}

img.mediaimg {
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

.mediainner:hover img.mediaimg {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  transform:scale(1.1);
}

a.group1 {
  outline:none;
  display:block;
}


.videopanel {
  width:100%;
  padding:2%;
  background:#ffffff;
}

video.mediavideo {
  display:block;
  width:100%;
  height:500px;
}

h3.mediatitle {
  font-size:1em;
  color:#ffffff;
  font-weight:normal;
  text-align:center;
  margin-top:2%;
}





/********** SUB PAGES **********/
section.pgsec1 {
  width:100%;
  margin-top:2%;
  padding:4% 3.5%;
  /*
  background-color:#ffffff;
  background:rgba(255,255,255,0.9);
  border:3px solid #e6b04c;*/
  position:relative;
}

.pgsec1-inner {
  width:100%;
  padding:0 4% 3%;
  background-color:#ffffff;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.pgsec1-topleft {
  position:absolute;
  top:-2px;
  left:-2px;
  width:7%;
  z-index:30;
}

.pgsec1-topright {
  position:absolute;
  top:-2px;
  right:-2px;
  width:7%;
  z-index:30;
}

.pgsec1-bottomleft {
  position:absolute;
  bottom:-2px;
  left:-2px;
  width:7%;
  z-index:30;
}

.pgsec1-bottomright {
  position:absolute;
  bottom:-2px;
  right:-2px;
  width:7%;
  z-index:30;
}



/****** About Us ******/
figure.aboutcol1 {
  float:left;
  width:33%;
  border:3px solid #ffffff;
  margin-top:2%;
}

article.aboutcol2 {
  float:right;
  width:62%;
  margin:2% 0 0;
}

figure.abtimg {
  float:left;
  width:40%;
  margin-top:5%;
  border:2px solid #e0c069;
}

article.making {
  float:right;
  width:55%;
  margin-top:5%;
}


/****** 奇美烧包,怀旧糕点,西式美味,相片图库 ******/
figure.pdcol1 {
  float:left;
  width:40%;
  border:3px solid #ffffff;
  margin-top:2%;
}

article.pdcol2 {
  float:right;
  width:55%;
  margin:2% 0 0;
}


section.picsec1 {
  width:100%;
  margin-top:2%;
  padding:0 4%;
  position:relative;
}

.pdimgsec {
  width:100%;
  padding-bottom:4%;
}

.gallery-imgsec {
  width:100%;
  padding-bottom:4%;
}

.pdimgcol {
  float:left;
  width:22%;
  margin:4% 4% 0 0;
}

.pdimgcol4 {
  margin-right:0;
}

.pdimg {
  border:2px solid #ffffff;
  overflow:hidden;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

.pdimg:hover {
  border:2px solid #ebaf0d;
}

.pdimg a {
  display:block;
  text-decoration:none;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

.pdimgcol:hover a {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  transform:scale(1.1);
}


p.pdname {
  font-size:1em;
  color:#ffffff;
  letter-spacing:1px;
  text-align:center;
  margin-top:1%;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

p.pdname span {
  display:block;
  font-family:'Times New Roman';
  letter-spacing:0;
}

.pdimgcol:hover p.pdname {
  color:#ffe398;
}

ul.remarks {
  font-size:0.85em;
  color:#ffffff;
  letter-spacing:2px;
  line-height:150%;
  margin:3% 0 0 2%;
}

ul.engremarks {
  font-family:'Times New Roman';
  font-size:0.9em;
  color:#ffffff;
  line-height:150%;
  margin:1% 0 0 2%;
}


/****** 销售地点 ******/
h1.title-outlet {
  font-size:2.3em;
  color:#ffe398;
  font-weight:normal;
  letter-spacing:2px;
  margin-top:3%;
  text-align:center;
}

p.outlet-text {
  margin-top:2%;
  font-size:1.1em;
  color:#ffffff;
  line-height:160%;
  letter-spacing:1px;
  text-align:center;
}

p.outlet-text span {
  display:block;
  margin-top:1%;
  font-family:'Times New Roman';
  font-size:1.15em;
  letter-spacing:0;
}

.outletsec {
  width:100%;
  background:#ffffff;
  border:4px solid #ffe5a0;
  padding:0 4%;
}

.outletcol1 {
  float:left;
  width:47%;
  margin:3% 0;
}

.outletcol2 {
  float:right;
  width:47%;
  margin:3% 0;
}

.outletcol1 p,
.outletcol2 p {
  font-size:0.95em;
  color:#926c05;
  line-height:150%;
}

.outletcol1 h2,
.outletcol2 h2 {
  font-size:0.95em;
  color:#926c05;
  line-height:150%;
}

.outletcol1 address,
.outletcol2 address {
  font-style:normal;
  font-size:0.9em;
  color:#555555;
  line-height:150%;
}



hr.dashline {
  display:block;
  clear:both;
  border-top:1px dashed #bbbbbb;
  border-bottom:none;
  border-left:none;
  border-right:none;
}




/** Outlet with accordion - KIV
h2.state {
  font-size:1.3em;
  color:#926c05;
  letter-spacing:2px;
  font-weight:normal;
  text-align:center;
}

h2.state span {
  margin-left:2%;
  font-family:'Times New Roman';
  letter-spacing:0;
}

.outcol1 {
  float:left;
  width:47%;
  margin:2% 0;
}

.outcol2 {
  float:right;
  width:47%;
  margin:2% 0;
}

.outcol1 h3, .outcol2 h3
{
  font-size:0.95em;
  color:#926c05;
}

.outcol1 p, .outcol2 p
{
  font-size:0.9em;
  color:#555555;
  line-height:150%;
}

hr.dashline {
  display:block;
  clear:both;
  border-top:1px dashed #bbbbbb;
  border-bottom:none;
  border-left:none;
  border-right:none;
}
**/


/****** 联络我们 ******/

figure.ctcol1 {
  float:left;
  width:40%;
  border:3px solid #ffffff;
  margin-top:2%;
}

.ctcol2 {
  float:right;
  width:55%;
  margin:2% 0 0;
}

.ctcol2 h3 {
  font-size:1.1em;
  color:#ffe398;
  font-weight:normal;
  letter-spacing:2px;
}

.ctcol2 span {
  font-family:'Times New Roman';
  letter-spacing:0;
}

.ctcol2 address {
  margin-top:3%;
  font-size:1em;
  color:#ffffff;
  font-style:normal;
  line-height:160%;
}

.ctcol2 p {
  font-size:1em;
  color:#ffffff;
}

.ctcol2 iframe {
  display:block;
  width:100%;
  height:190px;
  margin-top:2%;
}






/********** LINK **********/
a.viewmap {
  font-size:0.9em;
  color:#11eef6;
  letter-spacing:1px;
  text-decoration:none;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.viewmap span {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing:0;
}

a.viewmap:hover {
  color:#ffff00;
}



/********** FONT/TEXT **********/
h1.title {
  font-size:2.5em;
  color:#ffe398;
  font-weight:normal;
  line-height:100%;
  letter-spacing:2px;
}

p.article {
  margin-top:4%;
  font-size:0.95em;
  color:#ffffff;
  line-height:160%;
  letter-spacing:1px;
}

p.engarticle {
  margin-top:3%;
  font-family:'Times New Roman';
  font-size:0.95em;
  color:#ffffff;
  line-height:150%;
}

p.article2 {
  font-size:1em;
  color:#3a3a3a;
  line-height:160%;
  letter-spacing:1px;
}

p.engarticle2 {
  margin-top:4%;
  font-family:'Times New Roman';
  font-size:1em;
  color:#3a3a3a;
  line-height:150%;
}


h4.sectitle {
  font-size:1em;
  color:#ffffff;
  font-weight:normal;
  letter-spacing:2px;
}

h4.sectitle-western {
  margin-top:5%;
}

h4.sectitle i {
  font-size:1.4em;
  color:#b40c0c;
  font-style:normal;
  font-weight:bold;
  display:inline-block;
  width:40px;
  height:40px;
  -webkit-border-radius:50%;
  border-radius:50%;
  background:#ffff00;
  text-align:center;
  padding-top:4px;
  margin-right:2px;
}

h4.sectitle span {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing:0;
}

h4.subtitle {
  font-size:1em;
  color:#ffff00;
  letter-spacing:1px;
  font-weight:normal;
}

h4.subtitle span {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing:0;
}






/********** FOOTER **********/

footer {
  width:100%;
  /*background:#a10c0c;*/
  background:url('images/bg-footer.jpg');
  background-repeat:repeat-x;
  border-top:5px solid #b08537;
  padding:1% 0;
}

section#ftmain {
  width:87%;
  margin-left:13%;
  margin-top:2%;
  padding-right:3%;
  position:relative;
}

figure#ftlogo {
  float:left;
  width:9%;
  position:relative;
}

ul.ftnav1 {
  float:left;
  width:25%;
  list-style:none;
  margin-left:3%;
}

ul.ftnav2 {
  float:left;
  width:25%;
  list-style:none;
}

ul.ftnav1 li,
ul.ftnav2 li {
  margin-bottom:2%;
}

ul.ftnav1 a,
ul.ftnav2 a {
  font-size:0.9em;
  color:#ffffff;
  text-decoration:none;
  letter-spacing:1px;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

ul.ftnav1 span,
ul.ftnav2 span {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing:0;
}

ul.ftnav1 a:hover,
ul.ftnav2 a:hover {
  color:#ffff00;
}

a.ftfb {
  width:4%;
  position:absolute;
  right:0;
  bottom:3%;
}

img.fb2 {
  position:absolute;
  top:0;
  left:0;
  visibility:hidden;
  opacity:0;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.ftfb:hover img.fb2 {
  visibility:visible;
  opacity:1;
}


#copyright {
  width:100%;
  background:#362405;
  text-align:center;
  padding:0.7% 0;
  font-family:'Times New Roman';
  font-size:0.8em;
  color:#cccccc;
}