@charset "UTF-8";
/*----------------------------------------Global----------------------------------------*/
html {
  overflow-x: hidden;
}

body {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  color: #333;
}

a, a:visited {
  outline: none;
  /* for Firefox Google Chrome  */
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #2f96ee;
}

.clearFloat {
  clear: both;
}

.hidden {
  display: none;
}

.block {
  display: block;
}

input[type="button"], input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="file"], textarea, select {
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  font-size: 1em;
  border: 1px solid #ccc;
  padding: 5px;
}

select {
  background-color: #FFF;
}

input[disabled] {
  opacity: 0.2;
}

.marginCenter {
  margin: 0 auto;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.mark {
  color: #e70000;
}

.bbsArticle p .mark a.note {
  color: #2f96ee;
}

.bbsArticle p .mark a.note:visited {
  color: #2f96ee;
}

.articleContent .bbsArticle li.mark {
  color: #e70000;
}

.article .bbsArticle li.mark {
  color: #e70000;
}

.note {
  color: #2f96ee;
}

h1 {
  color: #2f96ee;
  font-size: 31.512px;
  line-height: 1.2em;
  margin: 30px 0;
  font-weight: normal;
}

ol {
  margin-left: 40px;
}

ol li {
  list-style-position: outside;
  list-style-type: decimal;
}

#topcontrol {
  margin: 10px;
  z-index: 50;
}

#topcontrol .icon-chevron-up {
  background-color: rgba(0, 0, 0, 0.3);
  line-height: 0;
  padding: 8px 10px 8px 11px;
  color: #FFF;
}

/*-------------------- Loading--------------------*/
.loading {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.7);
}

.loading div {
  display: table;
  width: 100%;
  height: 100%;
}

.loading div section {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.loading div section p {
  color: #fff;
  border-radius: 6px;
  margin: 0;
  font: .8em verdana;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.loading div section span {
  display: inline-block;
  vertical-align: middle;
  width: .6em;
  height: .6em;
  margin: .2em;
  background: #007DB6;
  border-radius: .6em;
  -webkit-animation: loading 1s infinite alternate;
}

.loading div section span:nth-of-type(2) {
  background: #2f96ee;
  -webkit-animation-delay: 0.2s;
}

.loading div section span:nth-of-type(3) {
  background: #36a9ca;
  -webkit-animation-delay: 0.4s;
}

.loading div section span:nth-of-type(4) {
  background: #69abcc;
  -webkit-animation-delay: 0.6s;
}

.loading div section span:nth-of-type(5) {
  background: #a2b3d1;
  -webkit-animation-delay: 0.8s;
}

.loading div section span:nth-of-type(6) {
  background: #d8c1db;
  -webkit-animation-delay: 1.0s;
}

.loading div section span:nth-of-type(7) {
  background: #e6b7d4;
  -webkit-animation-delay: 1.2s;
}

@-webkit-keyframes loading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*-------------------- Popup Style--------------------*/
.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 98;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.popup section {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 600px;
  margin-left: -300px;
  margin-top: -300px;
  display: inline-block;
}

.popup section a.icon-delete {
  position: absolute;
  top: 0;
  right: 0;
  color: #FFF;
  margin-top: 0;
  margin-right: -40px;
  font-size: 1.4em;
}

.popup section img {
  max-width: 100%;
}

.popup section .ad2 a {
  width: 50%;
  float: left;
  line-height: 0;
}

.popup section .ad3 a {
  width: 50%;
  float: left;
  line-height: 0;
}

.popup section .ad3 a:first-child {
  display: block;
  width: 100%;
}

.popup section .ad4 {
  width: 90%;
  height: 90%;
  padding: 5%;
  background-color: #FFF;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.popupNote {
  display: none;
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.popupNote .noteBox {
  position: absolute;
  left: 20%;
  top: 15%;
  width: 60%;
  height: 70%;
  background-color: #FFF;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.popupNote .noteBox a.icon-delete {
  position: absolute;
  right: -30px;
  top: -30px;
  color: #FFF;
  font-size: 1.4em;
}

.popupNote .noteBox .noteArea {
  padding: 0 20px;
  height: 95%;
  overflow-y: auto;
}

/*-------------------- For IE8 --------------------*/
.browserBar {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  background-color: #333;
  vertical-align: top;
  text-align: center;
  visibility: hidden;
}

.browserBar p {
  display: inline-block;
  color: #FFF;
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  margin-right: 10px;
  vertical-align: top;
}

.browserBar .explore {
  width: 30px;
  height: auto;
  margin: 10px;
}

.browserWindow {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.7);
  visibility: hidden;
}

.browserWindow .browserArea {
  position: absolute;
  width: 800px;
  height: 450px;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -225px;
  background-color: #333;
  border: 1px solid #2660a9;
}

.browserWindow .browserArea a.icon-delete {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #2f96ee;
  font-size: 1.4em;
  width: 41px;
  height: 41px;
  display: block;
  background: url(../images/close.png) center center no-repeat;
}

.browserWindow .browserArea a.icon-delete:before {
  content: none;
}

.browserWindow .browserArea h1 {
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #666;
  font-size: 21.008px;
}

.browserWindow .browserArea .group {
  padding: 20px;
}

.browserWindow .browserArea .group .helf {
  width: 48%;
  display: inline-block;
}

.browserWindow .browserArea p {
  color: #FFF;
  margin-bottom: 20px;
}

.browserWindow .browserArea p.note {
  color: #2f96ee;
}

.browserWindow .browserArea .explore {
  width: 80px;
  height: auto;
  margin: 10px;
}

/*-------------------- Button Style--------------------*/
.btnMore {
  text-align: center;
}

a.btnGO {
  padding: 5px 40px;
  margin: 10px auto;
  background-color: #2f96ee;
  color: #FFF;
  display: inline-block;
  opacity: 0.7;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

a.btnGO:hover {
  opacity: 1;
}

.btnMore a.btnGO {
  margin: 10px 20px;
}

.btnArea {
  text-align: center;
  min-height: 50px;
}

.btnArea a {
  display: inline-block;
}

.btnArea a.btnBack, .btnArea input[type="reset"] {
  padding: 5px 10px;
  background-color: #ddd;
  color: #666;
  cursor: pointer;
  opacity: 0.7;
  font-size: 14px;
  float: left;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.btnArea a.btnBack:before, .btnArea input[type="reset"]:before {
  position: relative;
  top: 2px;
  left: 0;
  margin-right: 3px;
  font-family: "vscinemas";
  content: "d";
}

.btnArea a.btnBack:visited, .btnArea input[type="reset"]:visited {
  opacity: 0.7;
}

.btnArea a.btnBack:hover, .btnArea input[type="reset"]:hover {
  opacity: 1;
}

.btnArea a.btnGO {
  padding: 5px 40px;
  margin: 20px 0px;
  background-color: #2f96ee;
  color: #FFF;
  opacity: 0.7;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.btnArea a.btnGO:hover {
  opacity: 1;
}

.btnArea input[type="submit"], .btnArea input[type="button"] {
  border: none;
  padding: 10px 55px;
  margin: 0 10px 10px 10px;
  background-color: #2f96ee;
  color: #FFF;
  cursor: pointer;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.btnArea input[type="submit"]:hover, .btnArea input[type="button"]:hover {
  background-color: #333;
}

.btnArea input[type="reset"] {
  border: none;
  padding: 10px 55px;
  margin: 0 10px 20px 10px;
}

.publicGallery {
  display: none;
}

.publicNote {
  display: none;
}

.publicInfo {
  display: none;
}

/*----------------------------------------Header----------------------------------------*/
.header, .headerFood {
  position: relative;
  z-index: 95;
  background: #2660a9 url(../images/header_shadow.png) left bottom repeat-x;
  color: #FFF;
  height: 100px;
}

.header a, .headerFood a {
  color: #FFF;
}

.header a:visited, .headerFood a:visited {
  color: #FFF;
}

.header a:hover, .headerFood a:hover {
  color: #404040;
}

.header .logo, .headerFood .logo {
  position: absolute;
  padding-top: 8px;
  left: 0;
  z-index: 99;
  width: 20%;
  height: 92px;
  background: #2660a9 url(../images/header_shadow.png) left bottom repeat-x;
}

.header a.icon-menu, .headerFood a.icon-menu {
  display: none;
}

.header .topArea, .headerFood .topArea {
  position: relative;
  z-index: 99;
  width: 1140px;
  margin: 0 auto;
  font-size: 15.2px;
  line-height: 1.8em;
  background: #2660a9 url(../images/header_shadow.png) left bottom repeat-x;
  height: 100px;
}

.header .topArea .menuAll, .headerFood .topArea .menuAll {
  text-align: right;
  /*----------------------------------------Menu----------------------------------------*/
}

.header .topArea .menuAll ul.topLink, .headerFood .topArea .menuAll ul.topLink, .header .topArea .menuAll ul.iconLink, .headerFood .topArea .menuAll ul.iconLink {
  position: absolute;
  z-index: 99;
  right: 0px;
  top: 0px;
  vertical-align: top;
  background-color: rgba(234, 234, 234, 0.7);
  padding: 0px 10px 0px 10px;
  height: 30px;
  line-height: 30px;
  margin-right: 145px;
  font-size: 14px;
  -webkit-border-radius: 0 0 0px 15px;
  border-radius: 0 0 0px 15px;
}

.header .topArea .menuAll ul.topLink li, .headerFood .topArea .menuAll ul.topLink li, .header .topArea .menuAll ul.iconLink li, .headerFood .topArea .menuAll ul.iconLink li {
  position: relative;
  display: inline-block;
  background: rgba(255, 255, 255, 0);
  text-align: center;
  vertical-align: top;
  margin: 0 10px;
}

.header .topArea .menuAll ul.topLink li:hover, .headerFood .topArea .menuAll ul.topLink li:hover, .header .topArea .menuAll ul.iconLink li:hover, .headerFood .topArea .menuAll ul.iconLink li:hover {
  cursor: pointer;
}

.header .topArea .menuAll ul.topLink li:hover ul, .headerFood .topArea .menuAll ul.topLink li:hover ul, .header .topArea .menuAll ul.iconLink li:hover ul, .headerFood .topArea .menuAll ul.iconLink li:hover ul {
  display: block;
}

.header .topArea .menuAll ul.topLink li a, .headerFood .topArea .menuAll ul.topLink li a, .header .topArea .menuAll ul.iconLink li a, .headerFood .topArea .menuAll ul.iconLink li a {
  display: block;
  color: #666;
}

.header .topArea .menuAll ul.topLink li a:visited, .headerFood .topArea .menuAll ul.topLink li a:visited, .header .topArea .menuAll ul.iconLink li a:visited, .headerFood .topArea .menuAll ul.iconLink li a:visited {
  color: #666;
}

.header .topArea .menuAll ul.topLink li a:hover, .headerFood .topArea .menuAll ul.topLink li a:hover, .header .topArea .menuAll ul.iconLink li a:hover, .headerFood .topArea .menuAll ul.iconLink li a:hover {
  color: #2660a9;
}

.header .topArea .menuAll ul.topLink li.firstLink:before, .headerFood .topArea .menuAll ul.topLink li.firstLink:before, .header .topArea .menuAll ul.iconLink li.firstLink:before, .headerFood .topArea .menuAll ul.iconLink li.firstLink:before {
  position: absolute;
  right: -15px;
  font-family: "vscinemas";
  content: "q";
  color: #666;
}

.header .topArea .menuAll ul.topLink li ul, .headerFood .topArea .menuAll ul.topLink li ul, .header .topArea .menuAll ul.iconLink li ul, .headerFood .topArea .menuAll ul.iconLink li ul {
  display: none;
  position: absolute;
  left: -20px;
  background-color: #eaeaea;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}

.header .topArea .menuAll ul.topLink li ul li, .headerFood .topArea .menuAll ul.topLink li ul li, .header .topArea .menuAll ul.iconLink li ul li, .headerFood .topArea .menuAll ul.iconLink li ul li {
  margin: 0;
  width: 100px;
  display: block;
}

.header .topArea .menuAll ul.topLink li ul li:hover, .headerFood .topArea .menuAll ul.topLink li ul li:hover, .header .topArea .menuAll ul.iconLink li ul li:hover, .headerFood .topArea .menuAll ul.iconLink li ul li:hover {
  background-color: #FFF;
}

.header .topArea .menuAll ul.iconLink, .headerFood .topArea .menuAll ul.iconLink {
  -webkit-border-radius: 0 0 15px 0px;
  border-radius: 0 0 15px 0px;
  padding: 0;
  margin: 0;
  width: 145px;
  overflow: hidden;
}

.header .topArea .menuAll ul.iconLink li a.icon-line:before, .headerFood .topArea .menuAll ul.iconLink li a.icon-line:before {
  position: relative;
  top: 5px;
  right: -10px;
  font-size: 1.4em;
  line-height: 0;
}

.header .topArea .menuAll ul.iconLink li a.icon-social-facebook:before, .headerFood .topArea .menuAll ul.iconLink li a.icon-social-facebook:before {
  position: relative;
  top: 9px;
  right: -5px;
  font-size: 2em;
  line-height: 0;
}

.header .topArea .menuAll ul.iconLink li a.icon-social-youtube:before, .headerFood .topArea .menuAll ul.iconLink li a.icon-social-youtube:before {
  position: relative;
  top: 9px;
  left: -5px;
  font-size: 2em;
  line-height: 0;
}

.header .topArea .menuAll .menu, .headerFood .topArea .menuAll .menu {
  z-index: 95;
  width: 80%;
  height: 100%;
  margin-left: 20%;
}

.header .topArea .menuAll .menu ul.subMenu li, .headerFood .topArea .menuAll .menu ul.subMenu li {
  position: relative;
  float: left;
  display: block;
  width: 12.5%;
  height: 100px;
  text-align: center;
}

.header .topArea .menuAll .menu ul.subMenu li.press, .headerFood .topArea .menuAll .menu ul.subMenu li.press {
  background: #2660a9 url(../images/arrow.png) center bottom no-repeat;
}

.header .topArea .menuAll .menu ul.subMenu li.press a.firstMenu, .headerFood .topArea .menuAll .menu ul.subMenu li.press a.firstMenu {
  color: #fff79d;
}

.header .topArea .menuAll .menu ul.subMenu li:hover a, .headerFood .topArea .menuAll .menu ul.subMenu li:hover a {
  color: #fff79d;
  background: #2660a9 url(../images/arrow.png) center bottom no-repeat;
}

.header .topArea .menuAll .menu ul.subMenu li:hover ul li, .headerFood .topArea .menuAll .menu ul.subMenu li:hover ul li {
  background-color: #333;
}

.header .topArea .menuAll .menu ul.subMenu li:hover ul li.onlyIshow, .headerFood .topArea .menuAll .menu ul.subMenu li:hover ul li.onlyIshow {
  display: none;
}

.header .topArea .menuAll .menu ul.subMenu li:hover ul li a, .headerFood .topArea .menuAll .menu ul.subMenu li:hover ul li a {
  color: #FFF;
  background-image: none;
  background-color: #333;
}

.header .topArea .menuAll .menu ul.subMenu li:hover ul li a:visited, .headerFood .topArea .menuAll .menu ul.subMenu li:hover ul li a:visited {
  color: #FFF;
}

.header .topArea .menuAll .menu ul.subMenu li:hover ul li a:hover, .headerFood .topArea .menuAll .menu ul.subMenu li:hover ul li a:hover {
  color: #fff79d;
  background: #2660a9;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner {
  position: static;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 100px;
  background-color: #333;
  height: 330px;
  width: 100%;
  margin-top: -50%;
  vertical-align: top;
  text-align: left;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul {
  position: relative;
  top: 0;
  display: inline-block;
  width: 17.5%;
  text-align: center;
  overflow: hidden;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul li, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul li {
  display: inline-block;
  width: 90%;
  float: none;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul li:first-child, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul li:first-child {
  margin-top: 10px;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul li a, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul li a {
  background: none;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea {
  float: right;
  width: 82.5%;
  height: 330px;
  right: 0;
  display: block;
  text-align: right;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure {
  position: relative;
  line-height: 0;
  height: 330px;
  display: inline-block;
  margin-left: -4px;
  overflow: hidden;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure a, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure a {
  padding: 0;
  height: auto;
  width: auto;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure img, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure img {
  max-height: 100%;
  width: auto;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure:hover h3, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure:hover h3 {
  top: 0;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: table;
  line-height: 20.8px;
  font-size: 18px;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a {
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: table-cell;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFF;
}

.header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a span, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a span {
  font-size: 14px;
  padding: 2px 10px;
  border: 2px solid #fff;
  margin-top: 10px;
  display: inline-block;
}

.header .topArea .menuAll .menu ul.subMenu li a, .headerFood .topArea .menuAll .menu ul.subMenu li a {
  position: relative;
  z-index: 8;
  display: block;
  height: 50px;
  padding-top: 50px;
  background: #2660a9 url(../images/header_shadow.png) left bottom repeat-x;
}

.header .topArea .menuAll .menu ul.subMenu li.select a, .headerFood .topArea .menuAll .menu ul.subMenu li.select a {
  color: #333;
}

.header .topArea .menuAll .menu ul.subMenu li ul, .headerFood .topArea .menuAll .menu ul.subMenu li ul {
  position: absolute;
  z-index: 3;
  width: 100%;
  padding: 0;
  bottom: 0;
  top: -200px;
}

.header .topArea .menuAll .menu ul.subMenu li ul li, .headerFood .topArea .menuAll .menu ul.subMenu li ul li {
  width: 100%;
  height: auto;
  background-image: none;
  line-height: 1.2em;
}

.header .topArea .menuAll .menu ul.subMenu li ul li:hover, .headerFood .topArea .menuAll .menu ul.subMenu li ul li:hover {
  background-color: #2660a9;
}

.header .topArea .menuAll .menu ul.subMenu li ul li:hover a, .headerFood .topArea .menuAll .menu ul.subMenu li ul li:hover a {
  background-image: none;
}

.header .topArea .menuAll .menu ul.subMenu li ul li a, .headerFood .topArea .menuAll .menu ul.subMenu li ul li a {
  padding: 10px 0;
  height: auto;
  background: #333;
}

.headerBrand {
  position: absolute;
  bottom: 0;
  z-index: 50;
  width: 100%;
  background-color: #2660a9;
}

.headerBrand .menuBrandAll {
  width: 1100px;
  margin: 0 auto;
}

.headerBrand .menuBrandAll .menu ul.brandMenu, .headerBrand .menuBrandAll .menu ul.liveMenu {
  text-align: right;
}

.headerBrand .menuBrandAll .menu ul.brandMenu li, .headerBrand .menuBrandAll .menu ul.liveMenu li {
  display: inline-block;
  color: #FFF;
  padding: 0 15px;
  line-height: 40px;
}

.headerBrand .menuBrandAll .menu ul.brandMenu li.select, .headerBrand .menuBrandAll .menu ul.liveMenu li.select {
  background: #333;
}

.headerBrand .menuBrandAll .menu ul.brandMenu li.select a, .headerBrand .menuBrandAll .menu ul.liveMenu li.select a {
  background: #333;
  color: #FFF;
}

.headerBrand .menuBrandAll .menu ul.brandMenu li.select a:visited, .headerBrand .menuBrandAll .menu ul.liveMenu li.select a:visited {
  background: #333;
  color: #FFF;
}

.headerBrand .menuBrandAll .menu ul.brandMenu li.select a:hover, .headerBrand .menuBrandAll .menu ul.liveMenu li.select a:hover {
  background: #333;
  color: #fff79d;
}

.headerBrand .menuBrandAll .menu ul.brandMenu li a, .headerBrand .menuBrandAll .menu ul.liveMenu li a {
  display: block;
  background-color: transparent;
  color: #FFF;
}

.headerBrand .menuBrandAll .menu ul.brandMenu li a:hover, .headerBrand .menuBrandAll .menu ul.liveMenu li a:hover {
  background: none;
  color: #fff79d;
}

.headerBrand .menuBrandAll .menu ul.brandMenu li a.first, .headerBrand .menuBrandAll .menu ul.liveMenu li a.first {
  display: none;
}

.headerBrand .menuBrandAll .menu ul.brandMenu li ul li, .headerBrand .menuBrandAll .menu ul.liveMenu li ul li {
  text-align: center;
}

.headerBrand .menuBrandAll .menu ul.brandMenu li ul li a, .headerBrand .menuBrandAll .menu ul.liveMenu li ul li a {
  display: block;
  color: #FFF;
}

.headerBrand .menuBrandAll .menu ul.brandMenu li ul li a:visited, .headerBrand .menuBrandAll .menu ul.liveMenu li ul li a:visited {
  color: #FFF;
}

.headerBrand .menuBrandAll .menu ul.liveMenu li:first-child {
  padding: 0 15px;
}

.headerFood .topArea {
  background: none;
}

.headerFood .topArea .menuAll .menu ul.subMenu {
  text-align: right;
}

.headerFood .topArea .menuAll .menu ul.subMenu li {
  float: none;
  display: inline-block;
}

.headerFood .logo {
  background: none;
}

.serviceTel {
  display: none;
  position: absolute;
  z-index: 99;
  background-color: #fff;
  border-left: 5px solid #eaeaea;
  border-right: 5px solid #eaeaea;
  border-bottom: 5px solid #eaeaea;
  width: 60%;
  left: 20%;
  top: 0;
  box-shadow: 0px 2px 10px 0px #999;
  -webkit-border-radius: 0 0px 10px 10px;
  border-radius: 0 0px 10px 10px;
}

.serviceTel h1 {
  position: relative;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 15px;
  margin: 20px 0;
}

.serviceTel h1 .icon-delete {
  position: absolute;
  top: -10px;
  right: 15px;
  font-size: 0.8em;
  color: #2f96ee;
  opacity: 0.7;
}

.serviceTel h1 .icon-delete:hover {
  opacity: 1;
}

.serviceTel ul.telList {
  margin: 0px 0px 15px 46px;
}

.serviceTel ul.telList li {
  width: 50%;
  margin: 5px 0 5px -6px;
  display: inline-block;
  vertical-align: top;
}

.serviceTel ul.telList li:before {
  font-family: "vscinemas";
  content: "j";
  font-size: 0.9em;
  color: #999;
}

.serviceTel ul.telList li .telTitle {
  display: inline-block;
  width: 170px;
}

.serviceTel ul.telList li .icon-phone {
  color: #2f96ee;
}

.serviceTel ul.telList li .icon-phone:before {
  position: relative;
  top: 3px;
  margin-right: 5px;
}

/*----------------------------------------Bottom Banner----------------------------------------*/
.adBottom {
  position: relative;
  z-index: 5;
  background-color: #e3e3e3;
  margin: 0;
  min-height: 120px;
  padding: 10px 0;
  max-width: 100%;
  overflow: hidden;
}

.adBottom .adSlides {
  z-index: 10;
  width: 1080px;
  height: 110px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  top: 15px;
  left: 50%;
  margin-left: -540px;
}

.adBottom .adSlides li {
  display: inline-block;
  margin: 0 5px;
}

.adBottom .arrowArea {
  position: relative;
  top: 35%;
  width: 1140px;
  margin: 0 auto;
}

/*----------------------------------------Footer----------------------------------------*/
.footer, .footerBrand, .footerFood {
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding: 15px 0 25px 0;
  background: #2660a9 url(../images/footer_shadow.png) left top repeat-x;
}

.footer .footerArea, .footerBrand .footerArea, .footerFood .footerArea {
  width: 1140px;
  margin: 0 auto;
  line-height: 1.2em;
}

.footer .footerArea ul.footerLink, .footerBrand .footerArea ul.footerLink, .footerFood .footerArea ul.footerLink {
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
  font-size: 14px;
  vertical-align: top;
  right: -5%;
  margin-left: 5%;
  display: none;
}

.footer .footerArea ul.footerLink a.popupClose, .footerBrand .footerArea ul.footerLink a.popupClose, .footerFood .footerArea ul.footerLink a.popupClose {
  display: none;
}

.footer .footerArea ul.footerLink li, .footerBrand .footerArea ul.footerLink li, .footerFood .footerArea ul.footerLink li {
  display: inline-block;
  width: 12%;
  vertical-align: top;
  text-align: left;
}

.footer .footerArea ul.footerLink li a, .footerBrand .footerArea ul.footerLink li a, .footerFood .footerArea ul.footerLink li a {
  color: #FFF;
}

.footer .footerArea ul.footerLink li a:visited, .footerBrand .footerArea ul.footerLink li a:visited, .footerFood .footerArea ul.footerLink li a:visited {
  color: #FFF;
}

.footer .footerArea ul.footerLink li a:hover, .footerBrand .footerArea ul.footerLink li a:hover, .footerFood .footerArea ul.footerLink li a:hover {
  color: #fff79d;
}

.footer .footerArea ul.footerLink li a.footerFirst, .footerBrand .footerArea ul.footerLink li a.footerFirst, .footerFood .footerArea ul.footerLink li a.footerFirst {
  display: block;
  margin-bottom: 10px;
}

.footer .footerArea ul.footerLink li ul li, .footerBrand .footerArea ul.footerLink li ul li, .footerFood .footerArea ul.footerLink li ul li {
  width: auto;
  display: block;
}

.footer .footerArea .copyright, .footerBrand .footerArea .copyright, .footerFood .footerArea .copyright {
  position: relative;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.footer .footerArea .copyright p, .footerBrand .footerArea .copyright p, .footerFood .footerArea .copyright p {
  display: inline-block;
}

.footer .footerArea .copyright ul.addressLink, .footerBrand .footerArea .copyright ul.addressLink, .footerFood .footerArea .copyright ul.addressLink {
  display: inline-block;
}

.footer .footerArea .copyright ul.addressLink li, .footerBrand .footerArea .copyright ul.addressLink li, .footerFood .footerArea .copyright ul.addressLink li {
  text-align: left;
  display: inline-block;
}

.footer .footerArea .copyright ul.addressLink li.open, .footerBrand .footerArea .copyright ul.addressLink li.open, .footerFood .footerArea .copyright ul.addressLink li.open, .footer .footerArea .copyright ul.addressLink li.close, .footerBrand .footerArea .copyright ul.addressLink li.close, .footerFood .footerArea .copyright ul.addressLink li.close {
  cursor: pointer;
}

.footer .footerArea .copyright ul.addressLink li.open:hover, .footerBrand .footerArea .copyright ul.addressLink li.open:hover, .footerFood .footerArea .copyright ul.addressLink li.open:hover, .footer .footerArea .copyright ul.addressLink li.close:hover, .footerBrand .footerArea .copyright ul.addressLink li.close:hover, .footerFood .footerArea .copyright ul.addressLink li.close:hover {
  color: #fff79d;
}

.footer .footerArea .copyright ul.addressLink li:before, .footerBrand .footerArea .copyright ul.addressLink li:before, .footerFood .footerArea .copyright ul.addressLink li:before {
  content: "|";
  margin-right: 5px;
}

.footer .footerArea .copyright ul.addressLink li span, .footerBrand .footerArea .copyright ul.addressLink li span, .footerFood .footerArea .copyright ul.addressLink li span {
  margin-right: 10px;
}

.footer .footerArea .copyright ul.addressLink li span.footerOpen:before, .footerBrand .footerArea .copyright ul.addressLink li span.footerOpen:before, .footerFood .footerArea .copyright ul.addressLink li span.footerOpen:before {
  font-family: "vscinemas";
  content: "j";
}

.footer .footerArea .copyright ul.addressLink li span.footerClose:before, .footerBrand .footerArea .copyright ul.addressLink li span.footerClose:before, .footerFood .footerArea .copyright ul.addressLink li span.footerClose:before {
  font-family: "vscinemas";
  content: "p";
  font-size: 12px;
}

.footer .footerArea .copyright ul.addressLink li a, .footerBrand .footerArea .copyright ul.addressLink li a, .footerFood .footerArea .copyright ul.addressLink li a {
  color: #FFF;
}

.footer .footerArea .copyright ul.addressLink li a:visited, .footerBrand .footerArea .copyright ul.addressLink li a:visited, .footerFood .footerArea .copyright ul.addressLink li a:visited {
  color: #FFF;
}

.footer .footerArea .copyright ul.addressLink li a:hover, .footerBrand .footerArea .copyright ul.addressLink li a:hover, .footerFood .footerArea .copyright ul.addressLink li a:hover {
  color: #fff79d;
}

.footerFood {
  position: relative;
  z-index: 11;
}

/*----------------------------------------RWD----------------------------------------*/
@media all and (max-width: 1300px) {
  .popup section {
    width: 100%;
    height: auto;
    top: 0;
    margin: 0;
  }
  .popup section a.icon-delete {
    float: right;
    margin-top: -20px;
    margin-right: -20px;
  }
  .popup section .ad4 {
    height: auto;
    padding-bottom: 40px;
  }
}

@media all and (max-width: 1200px) {
  .headerBrand .menuBrandAll {
    width: 100%;
  }
  .header .logo, .headerFood .logo {
    padding-left: 2%;
  }
  .header .topArea, .headerFood .topArea {
    width: 100%;
    margin: 0 auto;
  }
  .header .topArea .menuAll ul.topLink, .headerFood .topArea .menuAll ul.topLink, .header .topArea .menuAll ul.iconLink, .headerFood .topArea .menuAll ul.iconLink {
    margin-right: 165px;
  }
  .header .topArea .menuAll ul.iconLink, .headerFood .topArea .menuAll ul.iconLink {
    margin-right: 20px;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul {
    width: auto;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea {
    width: auto;
    height: auto;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure {
    height: auto;
    width: auto;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure a img, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure a img {
    width: auto;
  }
  .article .indexSearch .searchArea .searchContent .findGroup ul li input[type="text"] {
    width: 50%;
  }
  .footer .footerArea, .footerBrand .footerArea, .footerFood .footerArea {
    width: 95%;
  }
  .footer .footerArea ul.footerLink, .footerBrand .footerArea ul.footerLink, .footerFood .footerArea ul.footerLink {
    right: 0%;
    margin-left: 0%;
  }
}

/*------------------------------- 1080px -------------------------------*/
@media all and (max-width: 1080px) {
  .headerBrand .topArea .menuAll .menu ul.subMenu li a {
    font-size: 14px;
  }
  .header .logo, .headerFood .logo {
    width: 19%;
  }
  .headerBrand .logo {
    width: 40%;
  }
  .headerBrand .logo img {
    width: auto;
    max-height: 100%;
  }
}

/*------------------------------- 900px -------------------------------*/
@media all and (max-width: 900px) {
  .header, .headerFood {
    height: 80px;
  }
  .header .logo, .headerFood .logo {
    top: 0;
    left: 50%;
    width: 194px;
    margin-left: -97px;
    padding-top: 0;
    height: 80px;
    background: none;
  }
  .header .logo img, .headerFood .logo img {
    padding-top: 5px;
  }
  .header a.icon-menu, .headerFood a.icon-menu {
    position: absolute;
    z-index: 99;
    top: 25px;
    left: auto;
    right: 2%;
    display: inline-block;
    font-size: 2em;
    color: #FFF;
  }
  .header a.icon-menu:visited, .headerFood a.icon-menu:visited {
    color: #FFF;
  }
  .header a.icon-menu:hover, .headerFood a.icon-menu:hover {
    cursor: pointer;
  }
  .header a.icon-menu:active, .headerFood a.icon-menu:active {
    color: #CCC;
  }
  .header .topArea, .headerFood .topArea {
    height: auto;
  }
  .header .topArea .menuAll, .headerFood .topArea .menuAll {
    display: none;
  }
  .header .topArea .menuAll ul.topLink, .headerFood .topArea .menuAll ul.topLink, .header .topArea .menuAll ul.iconLink, .headerFood .topArea .menuAll ul.iconLink {
    position: relative;
    top: 130px;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    right: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .header .topArea .menuAll ul.topLink li, .headerFood .topArea .menuAll ul.topLink li, .header .topArea .menuAll ul.iconLink li, .headerFood .topArea .menuAll ul.iconLink li {
    width: 100%;
    display: block;
    margin: 0;
    line-height: 40px;
    background-color: #ccc;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #fff;
    font-size: 16px;
  }
  .header .topArea .menuAll ul.topLink li.open, .headerFood .topArea .menuAll ul.topLink li.open, .header .topArea .menuAll ul.iconLink li.open, .headerFood .topArea .menuAll ul.iconLink li.open {
    background-color: #aaa;
  }
  .header .topArea .menuAll ul.topLink li.open a, .headerFood .topArea .menuAll ul.topLink li.open a, .header .topArea .menuAll ul.iconLink li.open a, .headerFood .topArea .menuAll ul.iconLink li.open a {
    color: #FFF;
  }
  .header .topArea .menuAll ul.topLink li.open a:visited, .headerFood .topArea .menuAll ul.topLink li.open a:visited, .header .topArea .menuAll ul.iconLink li.open a:visited, .headerFood .topArea .menuAll ul.iconLink li.open a:visited {
    color: #FFF;
  }
  .header .topArea .menuAll ul.topLink li.open:hover, .headerFood .topArea .menuAll ul.topLink li.open:hover, .header .topArea .menuAll ul.iconLink li.open:hover, .headerFood .topArea .menuAll ul.iconLink li.open:hover {
    background-color: #aaa;
  }
  .header .topArea .menuAll ul.topLink li.open ul li:hover, .headerFood .topArea .menuAll ul.topLink li.open ul li:hover, .header .topArea .menuAll ul.iconLink li.open ul li:hover, .headerFood .topArea .menuAll ul.iconLink li.open ul li:hover {
    background-color: #999;
  }
  .header .topArea .menuAll ul.topLink li.open ul li a, .headerFood .topArea .menuAll ul.topLink li.open ul li a, .header .topArea .menuAll ul.iconLink li.open ul li a, .headerFood .topArea .menuAll ul.iconLink li.open ul li a {
    color: #666;
  }
  .header .topArea .menuAll ul.topLink li.open ul li a:visited, .headerFood .topArea .menuAll ul.topLink li.open ul li a:visited, .header .topArea .menuAll ul.iconLink li.open ul li a:visited, .headerFood .topArea .menuAll ul.iconLink li.open ul li a:visited {
    color: #666;
  }
  .header .topArea .menuAll ul.topLink li:hover, .headerFood .topArea .menuAll ul.topLink li:hover, .header .topArea .menuAll ul.iconLink li:hover, .headerFood .topArea .menuAll ul.iconLink li:hover {
    background-color: #aaa;
  }
  .header .topArea .menuAll ul.topLink li:hover a, .headerFood .topArea .menuAll ul.topLink li:hover a, .header .topArea .menuAll ul.iconLink li:hover a, .headerFood .topArea .menuAll ul.iconLink li:hover a {
    color: #FFF;
  }
  .header .topArea .menuAll ul.topLink li:hover a:visited, .headerFood .topArea .menuAll ul.topLink li:hover a:visited, .header .topArea .menuAll ul.iconLink li:hover a:visited, .headerFood .topArea .menuAll ul.iconLink li:hover a:visited {
    color: #FFF;
  }
  .header .topArea .menuAll ul.topLink li:hover ul, .headerFood .topArea .menuAll ul.topLink li:hover ul, .header .topArea .menuAll ul.iconLink li:hover ul, .headerFood .topArea .menuAll ul.iconLink li:hover ul {
    display: none;
  }
  .header .topArea .menuAll ul.topLink li:hover ul li:hover, .headerFood .topArea .menuAll ul.topLink li:hover ul li:hover, .header .topArea .menuAll ul.iconLink li:hover ul li:hover, .headerFood .topArea .menuAll ul.iconLink li:hover ul li:hover {
    background-color: #999;
  }
  .header .topArea .menuAll ul.topLink li:hover ul li:hover a, .headerFood .topArea .menuAll ul.topLink li:hover ul li:hover a, .header .topArea .menuAll ul.iconLink li:hover ul li:hover a, .headerFood .topArea .menuAll ul.iconLink li:hover ul li:hover a {
    color: #fff;
  }
  .header .topArea .menuAll ul.topLink li:hover ul li:hover a:visited, .headerFood .topArea .menuAll ul.topLink li:hover ul li:hover a:visited, .header .topArea .menuAll ul.iconLink li:hover ul li:hover a:visited, .headerFood .topArea .menuAll ul.iconLink li:hover ul li:hover a:visited {
    color: #fff;
  }
  .header .topArea .menuAll ul.topLink li:hover ul li a, .headerFood .topArea .menuAll ul.topLink li:hover ul li a, .header .topArea .menuAll ul.iconLink li:hover ul li a, .headerFood .topArea .menuAll ul.iconLink li:hover ul li a {
    color: #666;
  }
  .header .topArea .menuAll ul.topLink li:hover ul li a:visited, .headerFood .topArea .menuAll ul.topLink li:hover ul li a:visited, .header .topArea .menuAll ul.iconLink li:hover ul li a:visited, .headerFood .topArea .menuAll ul.iconLink li:hover ul li a:visited {
    color: #666;
  }
  .header .topArea .menuAll ul.topLink li:last-child, .headerFood .topArea .menuAll ul.topLink li:last-child, .header .topArea .menuAll ul.iconLink li:last-child, .headerFood .topArea .menuAll ul.iconLink li:last-child {
    border-bottom: 0px solid #aaa;
  }
  .header .topArea .menuAll ul.topLink li.firstLink:before, .headerFood .topArea .menuAll ul.topLink li.firstLink:before, .header .topArea .menuAll ul.iconLink li.firstLink:before, .headerFood .topArea .menuAll ul.iconLink li.firstLink:before {
    right: 15px;
    font-family: "vscinemas";
    content: "j";
  }
  .header .topArea .menuAll ul.topLink li.open:before, .headerFood .topArea .menuAll ul.topLink li.open:before, .header .topArea .menuAll ul.iconLink li.open:before, .headerFood .topArea .menuAll ul.iconLink li.open:before {
    font-family: "vscinemas";
    content: "q";
  }
  .header .topArea .menuAll ul.topLink li ul, .headerFood .topArea .menuAll ul.topLink li ul, .header .topArea .menuAll ul.iconLink li ul, .headerFood .topArea .menuAll ul.iconLink li ul {
    position: relative;
    left: 0;
    display: none;
  }
  .header .topArea .menuAll ul.topLink li ul li, .headerFood .topArea .menuAll ul.topLink li ul li, .header .topArea .menuAll ul.iconLink li ul li, .headerFood .topArea .menuAll ul.iconLink li ul li {
    text-align: center;
    background-color: #eaeaea;
    width: auto;
    color: #666;
  }
  .header .topArea .menuAll ul.topLink li ul li a, .headerFood .topArea .menuAll ul.topLink li ul li a, .header .topArea .menuAll ul.iconLink li ul li a, .headerFood .topArea .menuAll ul.iconLink li ul li a {
    color: #666;
  }
  .header .topArea .menuAll ul.topLink li ul li a:visited, .headerFood .topArea .menuAll ul.topLink li ul li a:visited, .header .topArea .menuAll ul.iconLink li ul li a:visited, .headerFood .topArea .menuAll ul.iconLink li ul li a:visited {
    color: #666;
  }
  .header .topArea .menuAll ul.iconLink, .headerFood .topArea .menuAll ul.iconLink {
    position: absolute;
    top: 80px;
    text-align: center;
    height: 50px;
    overflow: hidden;
    background-color: #eaeaea;
  }
  .header .topArea .menuAll ul.iconLink li, .headerFood .topArea .menuAll ul.iconLink li {
    position: relative;
    top: 0;
    width: auto;
    font-size: 1.6em;
    line-height: 50px;
    display: inline-block;
    margin: 0 10px;
    background: none;
    border: 0;
  }
  .header .topArea .menuAll ul.iconLink li:hover, .headerFood .topArea .menuAll ul.iconLink li:hover {
    background: none;
  }
  .header .topArea .menuAll ul.iconLink li:hover a, .headerFood .topArea .menuAll ul.iconLink li:hover a {
    color: #333;
  }
  .header .topArea .menuAll ul.iconLink li:hover a:visited, .headerFood .topArea .menuAll ul.iconLink li:hover a:visited {
    color: #333;
  }
  .header .topArea .menuAll ul.iconLink li a:before, .headerFood .topArea .menuAll ul.iconLink li a:before {
    line-height: 50px;
  }
  .header .topArea .menuAll ul.iconLink li a.icon-line, .headerFood .topArea .menuAll ul.iconLink li a.icon-line {
    font-size: 1.05em;
    position: relative;
    top: 0px;
    line-height: 50px;
  }
  .header .topArea .menuAll ul.iconLink li a.icon-line:before, .headerFood .topArea .menuAll ul.iconLink li a.icon-line:before {
    top: 0;
    line-height: 50px;
  }
  .header .topArea .menuAll ul.iconLink li a.icon-social-facebook:before, .headerFood .topArea .menuAll ul.iconLink li a.icon-social-facebook:before, .header .topArea .menuAll ul.iconLink li a.icon-social-youtube:before, .headerFood .topArea .menuAll ul.iconLink li a.icon-social-youtube:before {
    top: 0;
    line-height: 50px;
  }
  .header .topArea .menuAll .menu, .headerFood .topArea .menuAll .menu {
    position: relative;
    top: 130px;
    width: 100%;
    margin: 0;
  }
  .header .topArea .menuAll .menu ul.subMenu li, .headerFood .topArea .menuAll .menu ul.subMenu li {
    position: relative;
    float: none;
    width: auto;
    height: auto;
    line-height: 40px;
    display: block;
    background-color: #666;
  }
  .header .topArea .menuAll .menu ul.subMenu li a, .headerFood .topArea .menuAll .menu ul.subMenu li a {
    height: auto;
    padding: 0;
    background: none;
    border-bottom: 1px solid #999;
  }
  .header .topArea .menuAll .menu ul.subMenu li a.firstMenu:before, .headerFood .topArea .menuAll .menu ul.subMenu li a.firstMenu:before {
    position: absolute;
    right: 15px;
    font-family: "vscinemas";
    content: "j";
  }
  .header .topArea .menuAll .menu ul.subMenu li ul li a, .headerFood .topArea .menuAll .menu ul.subMenu li ul li a {
    border: 0;
  }
  .header .topArea .menuAll .menu ul.subMenu li:hover, .headerFood .topArea .menuAll .menu ul.subMenu li:hover {
    background-color: #2660a9;
  }
  .header .topArea .menuAll .menu ul.subMenu li:hover a, .headerFood .topArea .menuAll .menu ul.subMenu li:hover a {
    background: none;
  }
  .header .topArea .menuAll .menu ul.subMenu li:hover ul li, .headerFood .topArea .menuAll .menu ul.subMenu li:hover ul li {
    background-color: #333;
  }
  .header .topArea .menuAll .menu ul.subMenu li:hover ul li:hover a, .headerFood .topArea .menuAll .menu ul.subMenu li:hover ul li:hover a {
    background-color: #666;
  }
  .header .topArea .menuAll .menu ul.subMenu li:hover ul li.onlyIshow, .headerFood .topArea .menuAll .menu ul.subMenu li:hover ul li.onlyIshow {
    display: block;
  }
  .header .topArea .menuAll .menu ul.subMenu li.open, .headerFood .topArea .menuAll .menu ul.subMenu li.open {
    background-color: #2660a9;
  }
  .header .topArea .menuAll .menu ul.subMenu li.open a.firstMenu, .headerFood .topArea .menuAll .menu ul.subMenu li.open a.firstMenu {
    border-bottom: 0;
  }
  .header .topArea .menuAll .menu ul.subMenu li.open a.firstMenu:before, .headerFood .topArea .menuAll .menu ul.subMenu li.open a.firstMenu:before {
    font-family: "vscinemas";
    content: "q";
  }
  .header .topArea .menuAll .menu ul.subMenu li ul, .headerFood .topArea .menuAll .menu ul.subMenu li ul {
    position: relative;
    top: 0;
    display: none;
  }
  .header .topArea .menuAll .menu ul.subMenu li ul li, .headerFood .topArea .menuAll .menu ul.subMenu li ul li {
    background-color: #333;
    line-height: 40px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #666;
    padding: 0;
  }
  .header .topArea .menuAll .menu ul.subMenu li ul li a, .headerFood .topArea .menuAll .menu ul.subMenu li ul li a {
    padding: 0;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup {
    position: relative;
    top: 0;
    height: auto;
    margin: 0;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul {
    position: relative;
    top: 0;
    margin: 0;
    height: auto;
    display: none;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul li, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul li {
    display: block;
    width: auto;
    height: auto;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul li:first-child, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup ul li:first-child {
    margin: 0;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea {
    display: none;
    position: relative;
    top: 0;
    width: auto;
    height: auto;
    margin: 0;
    float: none;
    border-bottom: 1px solid #999;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure {
    overflow: visible;
    line-height: 1em;
    display: block;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure a img, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure a img {
    display: none;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 {
    position: relative;
    display: block;
    font-size: 1em;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a {
    display: block;
    border-bottom: 0px solid;
    color: #fff79d;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a:visited, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a:visited {
    color: #fff79d;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a:hover, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a:hover {
    color: #fff79d;
    background: #666;
  }
  .header .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a span, .headerFood .topArea .menuAll .menu ul.subMenu li.haveBanner .bannerGroup .sbannerArea figure h3 a span {
    display: none;
  }
  .headerBrand .logo {
    width: 100%;
    left: 0;
    margin-left: 0;
    text-align: center;
    padding-left: 0;
  }
  .headerBrand .logo img {
    width: auto;
    padding-top: 0;
  }
  .headerFood .logo img {
    padding-top: 0;
  }
  .headerFood .topArea .menuAll .menu {
    top: 80px;
    border-top: 1px solid #999;
  }
  .serviceTel {
    width: 90%;
    left: 5%;
  }
}

/*------------------------------- 768px -------------------------------*/
@media all and (max-width: 768px) {
  .popup section {
    text-align: center;
    top: 50%;
  }
  .popup section a.icon-delete {
    position: fixed;
    margin-top: 30px;
    margin-right: 30px;
  }
  .footer .footerArea .copyright, .footerBrand .footerArea .copyright, .footerFood .footerArea .copyright {
    position: relative;
  }
  .footer .footerArea .copyright p, .footerBrand .footerArea .copyright p, .footerFood .footerArea .copyright p {
    position: absolute;
    width: 100%;
    bottom: -20px;
    display: block;
    text-align: center;
  }
  .footer .footerArea .copyright ul.addressLink, .footerBrand .footerArea .copyright ul.addressLink, .footerFood .footerArea .copyright ul.addressLink {
    display: block;
    margin-bottom: 10px;
  }
  .footer .footerArea .copyright ul.addressLink li:first-child:before, .footerBrand .footerArea .copyright ul.addressLink li:first-child:before, .footerFood .footerArea .copyright ul.addressLink li:first-child:before {
    content: "";
  }
  .serviceTel ul.telList {
    padding-left: 15px;
  }
  .serviceTel ul.telList li {
    position: relative;
  }
  .serviceTel ul.telList li:before {
    display: none;
  }
  .serviceTel ul.telList li .telTitle {
    width: auto;
    display: block;
  }
}

/*------------------------------- 700px -------------------------------*/
@media all and (max-width: 700px) {
  #topcontrol {
    margin: 0;
    margin-right: -5px;
  }
  .footer .footerArea ul.footerLink, .footerBrand .footerArea ul.footerLink, .footerFood .footerArea ul.footerLink {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    padding: 5% 0% 5% 10%;
    background-color: #2660a9;
    overflow: auto;
    display: block;
    opacity: 0;
  }
  .footer .footerArea ul.footerLink a.popupClose, .footerBrand .footerArea ul.footerLink a.popupClose, .footerFood .footerArea ul.footerLink a.popupClose {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
  }
  .footer .footerArea ul.footerLink a.popupClose:before, .footerBrand .footerArea ul.footerLink a.popupClose:before, .footerFood .footerArea ul.footerLink a.popupClose:before {
    font-family: "vscinemas";
    content: "O";
    font-size: 21.008px;
    color: #fff;
    font-weight: normal;
  }
  .footer .footerArea ul.footerLink li, .footerBrand .footerArea ul.footerLink li, .footerFood .footerArea ul.footerLink li {
    width: 45%;
    font-size: 18px;
    margin: 30px 0;
  }
  .footer .footerArea ul.footerLink li ul li, .footerBrand .footerArea ul.footerLink li ul li, .footerFood .footerArea ul.footerLink li ul li {
    margin: 0;
    font-size: 16px;
    line-height: 1.6em;
  }
}

/*------------------------------- 480px -------------------------------*/
@media all and (max-width: 480px) {
  .headerBrand .logo {
    text-align: left;
    margin-left: 10px;
  }
  .headerBrand .logo img {
    height: 60px;
    margin-top: 10px;
  }
  .footer .footerArea ul.addressLink li:last-child, .footerBrand .footerArea ul.addressLink li:last-child, .footerFood .footerArea ul.addressLink li:last-child {
    margin-bottom: 20px;
  }
  .serviceTel {
    width: 100%;
    left: 0;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .serviceTel ul.telList {
    width: 100%;
    padding-left: 0px;
    margin: 0 auto 20px auto;
  }
  .serviceTel ul.telList li {
    display: block;
    width: auto;
    margin: 0 5% 10px 5%;
  }
  .serviceTel ul.telList li .telTitle {
    display: inline-block;
    margin-right: 10px;
  }
}