@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: url("/eugenecolumn/css/font/v1/NotoSansTC-Thin.woff2") format("woff2"), url("/eugenecolumn/css/font/v1/NotoSansTC-Thin.woff") format("woff"), url("/eugenecolumn/css/font/v1/NotoSansTC-Thin.otf") format("opentype");
}

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url("/eugenecolumn/css/font/v1/NotoSansTC-Light.woff2") format("woff2"), url("/eugenecolumn/css/font/v1/NotoSansTC-Light.woff") format("woff"), url("/eugenecolumn/css/font/v1/NotoSansTC-Light.otf") format("opentype");
}

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src: url("/eugenecolumn/css/font/v1/NotoSansTC-Regular.woff2") format("woff2"), url("/eugenecolumn/css/font/v1/NotoSansTC-Regular.woff") format("woff"), url("/eugenecolumn/css/font/v1/NotoSansTC-Regular.otf") format("opentype");
}

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  src: url("/eugenecolumn/css/font/v1/NotoSansTC-Medium.woff2") format("woff2"), url("/eugenecolumn/css/font/v1/NotoSansTC-Medium.woff") format("woff"), url("/eugenecolumn/css/font/v1/NotoSansTC-Medium.otf") format("opentype");
}

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  src: url("/eugenecolumn/css/font/v1/NotoSansTC-Bold.woff2") format("woff2"), url("/eugenecolumn/css/font/v1/NotoSansTC-Bold.woff") format("woff"), url("/eugenecolumn/css/font/v1/NotoSansTC-Bold.otf") format("opentype");
}

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 900;
  src: url("/eugenecolumn/css/font/v1/NotoSansTC-Black.woff2") format("woff2"), url("/eugenecolumn/css/font/v1/NotoSansTC-Black.woff") format("woff"), url("/eugenecolumn/css/font/v1/NotoSansTC-Black.otf") format("opentype");
}

html * {
  font-family: 'Noto Sans TC',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.relate, .expoContent, body.info .expoContent, body.promo div.searchNav, body.promo div.DVshadow, .expoFooter, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList, body.supplement div.supBanner .buList, body.supplement div.supBanner a, body.supplement ul.clientBox.buList .part1, body.supplement ul.clientBox li.item, body.supplement .por {
  position: relative;
}

.abs, #socialBtn, body.intro .expoContent .img-contain, body.intro .expoContent img, body.intro .expoContent .angler, body.info a.floorPlan, body.info a.FloorPlan, body.info .expoContent img, body.promo h2.sp, body.promo div.searchNav form, body.promo div.pageNav, body.promo div.center div.pull-right, body.promo div.center body.raiders div.raidersContent div.expo_desc, body.raiders div.raidersContent body.promo div.center div.expo_desc, body.promo div.center body.supplement div#next.por, body.supplement body.promo div.center div#next.por, .expoFooter img,
.expoFooter .hd3, .expoFooter .hd4, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:after, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:after, body.supplement div.supBanner .buList li, body.supplement div.logoSet span.shdw, body.supplement div.logoSet img, body.supplement ul.clientBox.buList li.item .content-box .part1 .detail:first-child p, body.supplement .share_tag, body.supplement ul.clientBox p.boothLoc, body.supplement ul.clientBox .clientInfo {
  position: absolute;
}

.pull-left, .expoHeader .mainNav li, body.media div#leftpic, body.media .expoContent .p1, body.media .expoContent .pic, body.promo #leftpic, body.promo div.cat, body.promo div.catword, body.promo div.pageNav a .page, body.promo div.pageNav a.pageNum, body.promo a.pages, body.promo div.inner2 > div, body.raiders div.raidersContent .expo_logo, body.Jetso div.d1 div.dv1, body.Jetso div.d1 p, body.Jetso div.d2 div.dv2, body.Jetso div.d2 p, body.supplement .expoContent div.info a.like, body.supplement div.supBanner a, body.supplement div.logoSet .buList li, body.supplement ul.clientBox.buList .content-box .part1,
body.supplement ul.clientBox.buList .content-box .part2, body.supplement ul.clientBox.buList li.item .content-box .part1 .detail, body.supplement .sup-box.Aroona h2, body.supplement #prev.por {
  float: left;
}

.pull-right, body.raiders div.raidersContent .expo_desc, body.supplement #next.por {
  float: right;
}

.block, .expoHeader .mainNav a, body.media .expoContent div.info ul.buList li, body.media .expoContent div.info ul.buList a, body.promo div.searchNav form, body.promo div.pageNav a.pageNum, body.promo a.direct, body.promo span.glyphicon-star-empty:before, body.promo div.cat, .expoFooter img,
.expoFooter .hd3, .expoFooter .hd4, .lb-album li > a,
.lb-album li > a img, .lb-overlay div h3 span, body.supplement .expoContent .sup-box, body.supplement .expoContent a, body.supplement .expoContent div.info h1.title, body.supplement .expoContent div.sup-box.content-box ul.clientBox, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:after, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:after, body.supplement div.supBanner.box.sup-box ul.buList img, body.supplement div.logoSet span.shdw, body.supplement div.logoSet img, body.supplement ul.clientBox.buList li.item .detail, body.supplement ul.clientBox.buList .content-box .part1,
body.supplement ul.clientBox.buList .content-box .part2, body.supplement ul.clientBox.buList li.item .content-box .part1 .detail, body.supplement ul.clientBox li.item, body.supplement table.Aroona tr td div, body.supplement .sup-box.Aroona h2, body.supplement .por {
  display: block;
}

.ovh, body.supplement .expoContent div.sup-box.content-box ul.clientBox, body.supplement div.supBanner, body.supplement div.supBanner .buList, body.supplement div.supBanner .buList li, body.supplement div.supBanner .buList a, body.supplement div.supBanner a, body.supplement div.logoSet, body.supplement div.logoSet .buList li, body.supplement div.logoSet span.shdw, body.supplement ul.clientBox li.item, body.supplement ul.clientBox .largeLogo {
  visibility: hidden;
}

.float-unset {
  float: unset !important;
}

@-webkit-keyframes hov-opc {
  0% {
    background-color: #faff77;
  }
  50% {
    background-color: rgba(250, 255, 119, 0.6);
  }
  80% {
    background-color: rgba(250, 255, 119, 0.8);
  }
}

@-o-keyframes hov-opc {
  0% {
    background-color: #faff77;
  }
  50% {
    background-color: rgba(250, 255, 119, 0.6);
  }
  80% {
    background-color: rgba(250, 255, 119, 0.8);
  }
}

@-moz-keyframes hov-opc {
  0% {
    background-color: #faff77;
  }
  50% {
    background-color: rgba(250, 255, 119, 0.6);
  }
  80% {
    background-color: rgba(250, 255, 119, 0.8);
  }
}

@keyframes hov-opc {
  0% {
    background-color: #faff77;
  }
  50% {
    background-color: rgba(250, 255, 119, 0.6);
  }
  80% {
    background-color: rgba(250, 255, 119, 0.8);
  }
}

@-webkit-keyframes load {
  0% {
    width: 200px;
    background-color: #4b9cdb;
  }
  60% {
    width: 20px;
    background-color: #bbddf8;
  }
  100% {
    width: 20px;
    background-color: #bbddf8;
  }
}

@-o-keyframes load {
  0% {
    width: 200px;
    background-color: #4b9cdb;
  }
  60% {
    width: 20px;
    background-color: #bbddf8;
  }
  100% {
    width: 20px;
    background-color: #bbddf8;
  }
}

@-moz-keyframes load {
  0% {
    width: 200px;
    background-color: #4b9cdb;
  }
  60% {
    width: 20px;
    background-color: #bbddf8;
  }
  100% {
    width: 20px;
    background-color: #bbddf8;
  }
}

@keyframes load {
  0% {
    width: 200px;
    background-color: #4b9cdb;
  }
  60% {
    width: 20px;
    background-color: #bbddf8;
  }
  100% {
    width: 20px;
    background-color: #bbddf8;
  }
}

@-webkit-keyframes fading {
  from {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}

@-o-keyframes fading {
  from {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}

@-moz-keyframes fading {
  from {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}

@keyframes fading {
  from {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}

@-webkit-keyframes open {
  from {
    opacity: 0.8;
    -khtml-opacity: 0.8;
    -ms-opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=30);
  }
  to {
    opacity: 0.8;
    -khtml-opacity: 0.8;
    -ms-opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=30);
  }
}

@-o-keyframes open {
  from {
    opacity: 0.8;
    -khtml-opacity: 0.8;
    -ms-opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=30);
  }
  to {
    opacity: 1;
    -khtml-opacity: 1;
    -ms-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}

@-moz-keyframes open {
  from {
    opacity: 0.8;
    -khtml-opacity: 0.8;
    -ms-opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=30);
  }
  to {
    opacity: 1;
    -khtml-opacity: 1;
    -ms-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}

@keyframes open {
  from {
    opacity: 0.8;
    -khtml-opacity: 0.8;
    -ms-opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=30);
  }
  to {
    opacity: 1;
    -khtml-opacity: 1;
    -ms-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}

/*for share button*/
#socialBtn {
  width: 45px;
  left: 920px;
  z-index: 5000;
}

/*init base*/
.panel {
  width: 100%;
  text-align: left;
  /*setting margin & padding */
  /*setting display*/
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel p, .panel select, .panel form {
  margin: 0px;
  padding: 0px;
}

.panel img, .panel h1, .panel h2, .panel h3, .panel h4, .panel p {
  display: block;
}

.h160px {
  height: 160px;
}

.panel, .panel table, .panel td {
  color: #696969;
}

.sp {
  background-image: url(../images/sp.png);
}

h1.sp,
h2.sp,
h3.sp,
h4.sp {
  background-image: url(../images/hd-Aug-vx.png?v=01);
}

p.desc {
  font-size: 15px;
}

.btn {
  background-image: url(../images/btn.png);
}

.w960 {
  width: 960px;
}

.expoContent {
  width: 960px;
}

.expoContent .p1 {
  top: 50px;
  left: 505px;
}

.expoContent .p2 {
  top: 320px;
  left: 38px;
}

.expoContent .p3 {
  top: 268px;
  left: 320px;
}

.expoContent .p4 {
  top: 570px;
  left: 452px;
}

body.event .expoContent, body.contact .expoContent {
  width: 920px;
  padding: 0px 0px 20px 40px;
}

body.media .expoContent {
  width: 920px;
  padding: 0px 0px 80px 40px;
}

.panel .desc {
  padding: 0px 0px 10px 0px;
}

.expoHeader {
  width: 960px;
}

.expoHeader h1.sp {
  width: 960px;
  height: 150px;
  background-image: url(../images/header.jpg);
}

/* mainNav */
.expoHeader .mainNav {
  width: 875px;
  height: 43px;
  overflow: hidden;
  padding: 0px 0px 4px 32px;
  background-position: 23px 0px;
  margin-left: 10px;
}

.expoHeader .mainNav.buList {
  width: 764px;
}

.expoHeader .mainNav, .expoHeader .mainNav li, .expoHeader .mainNav a {
  background-image: url(../images/main_menu.png);
  background-repeat: no-repeat;
}

.expoHeader .mainNav li {
  background-position: 0 0;
  width: 125px;
  height: 40px;
  padding: 3px 0px;
}

.expoHeader .mainNav li.info {
  width: 137px !important;
}

.expoHeader .mainNav li.intro {
  /* intro */
  background-position: -10px -0px;
  width: 126px;
}

.expoHeader .mainNav li.intro a {
  background-position: -10px -103px;
  width: 126px;
}

.expoHeader .mainNav li.intro a:hover {
  width: 126px;
  background-position: -10px -153px;
}

.expoHeader .mainNav li.info {
  /* info */
  background-position: -136px -0px;
  width: 137px;
}

.expoHeader .mainNav li.info a {
  background-position: -136px -103px;
  width: 137px;
}

.expoHeader .mainNav li.info a:hover {
  width: 137px;
  background-position: -136px -153px;
}

.expoHeader .mainNav li.event {
  /* event */
  background-position: -282px -0px;
  width: 126px;
}

.expoHeader .mainNav li.event a {
  background-position: -282px -103px;
  width: 126px;
}

.expoHeader .mainNav li.event a:hover {
  width: 126px;
  background-position: -282px -153px;
}

.expoHeader .mainNav li.promo {
  /* promo */
  background-position: -408px -0px;
  width: 126px;
}

.expoHeader .mainNav li.promo a {
  background-position: -408px -103px;
  width: 126px;
}

.expoHeader .mainNav li.promo a:hover {
  width: 126px;
  background-position: -408px -153px;
}

.expoHeader .mainNav li.media {
  /* media */
  background-position: -534px -0px;
  width: 126px;
}

.expoHeader .mainNav li.media a {
  background-position: -534px -103px;
  width: 126px;
}

.expoHeader .mainNav li.media a:hover {
  width: 126px;
  background-position: -534px -153px;
}

.expoHeader .mainNav li.contact {
  /* contact */
  background-position: -660px -0px;
  width: 123px;
}

.expoHeader .mainNav li.contact a {
  background-position: -660px -103px;
  width: 123px;
}

.expoHeader .mainNav li.contact a:hover {
  width: 123px;
  background-position: -660px -153px;
}

.expoHeader .mainNav li.supplement {
  /* supplement */
  background-position: -785px -0px;
  width: 129px;
}

.expoHeader .mainNav li.supplement a {
  background-position: -785px -103px;
  width: 129px;
}

.expoHeader .mainNav li.supplement a:hover {
  width: 129px;
  background-position: -785px -154px;
}

.expoHeader .mainNav li.raiders {
  /* raiders */
  background-position: -1798px 103px;
  width: 126px;
}

.expoHeader .mainNav li.raiders a {
  background-position: -1777px -103px;
}

.expoHeader .mainNav li.raiders a:hover {
  background-position: -968px 14px;
}

.expoHeader .mainNav li a {
  background-position: 0 0;
}

.expoHeader .mainNav li.supplement a {
  line-height: 39px;
  text-indent: -3px;
  font-size: 14px;
}

.expoHeader .mainNav a {
  color: #FFFFFF;
  font-size: 15px;
  text-align: center;
  overflow: hidden;
  line-height: 2000px;
  text-indent: -2000px;
  text-decoration: none;
  width: 125px;
  height: 40px;
}

body {
  /* intro */
  /* info */
  /*media*/
  /* contact */
  /* Raiders*/
  /* promo */
  /****raiders****/
  /*talkTime*/
  /*preschool*/
  /*luckyDraw*/
  /*Expojetso*/
}

body.intro .expoHeader .mainNav li.intro {
  background-position: -10px -50px;
}

body.info .expoHeader .mainNav li.info {
  background-position: -136px -50px;
}

body.event .expoHeader .mainNav li.event {
  background-position: -282px -50px;
}

body.promo .expoHeader .mainNav li.promo {
  background-position: -408px -50px;
}

body.media .expoHeader .mainNav li.media {
  background-position: -534px -50px;
}

body.contact .expoHeader .mainNav li.contact {
  background-position: -660px -50px;
}

body.supplement .expoHeader .mainNav li.supplement {
  background-position: -785px -50px;
}

body.intro .expoHeader {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

body.intro .expoContent {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

body.intro .expoFooter {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

body.intro .expoContent {
  height: 520px;
}

body.intro .expoContent h1.hd {
  width: 200px;
  height: 30px;
  margin: 16px 0px 6px 40px;
  background-position: -5px -200px;
}

body.intro .expoContent .img-contain {
  top: 55px;
  left: 505px;
  width: 415px;
  height: 136px;
  padding: 0;
  margin: 0;
}

body.intro .expoContent .p3 {
  top: 331px;
}

body.intro .expoContent p {
  font-size: 13px;
  line-height: 26px;
  text-align: justify;
  width: 440px;
  height: 250px;
  margin: 0px 0px 10px 40px;
}

body.intro .expoContent img.p1.img_form {
  top: 60px;
  left: 505px;
  width: 400px;
  height: 440px;
}

body.intro .expoContent img.p2.img_form {
  top: 350px;
  left: 40px;
  width: 225px;
  height: 150px;
}

body.intro .expoContent img.p3.img_form {
  top: 350px;
  left: 273px;
  width: 225px;
  height: 150px;
}

body.intro .expoContent .angler {
  top: 485px;
  left: 36px;
  width: 461px;
  height: 180px;
  overflow: hidden;
}

body.info table.EventInfo {
  font-size: 13px;
  line-height: 26px;
  text-align: justify;
  width: 440px;
  height: 250px;
  margin: 0px 0px 10px 40px;
}

body.info a.floorPlan {
  left: 400px;
  top: 160px;
  width: 103px;
  height: 90px;
  z-index: 100;
  background-image: url(../images/floorPlanBtn.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

body.info a.FloorPlan {
  background-image: url(../images/spBtn_map.png);
  left: 380px;
  top: 130px;
  width: 105px;
  height: 105px;
  z-index: 1000;
  text-indent: -2000px;
}

body.info .expoContent {
  height: 520px;
}

body.info .expoContent.h810 {
  height: 810px;
}

body.info .expoContent h1.hd {
  width: 280px;
  height: 30px;
  margin: 16px 0px 6px 40px;
  background-position: -5px -240px;
}

body.info .expoContent p {
  font-size: 13px;
  line-height: 26px;
  text-align: justify;
  width: 440px;
  height: 250px;
  margin: 0px 0px 10px 33px;
}

body.info .expoContent .p1 {
  top: 60px;
  left: 510px;
  width: 400px;
  height: 438px;
}

body.info .expoContent .p2 {
  top: 345px;
  left: 39px;
  width: 225px;
}

body.info .expoContent .p3 {
  top: 345px;
  left: 274px;
  width: 225px;
}

body.info .expoContent .p4 {
  top: 420px;
  left: 452px;
}

body.info .expoContent .ticket-contain {
  position: absolute;
  top: 320px;
  left: 36px;
  border: 0;
  width: 406px;
  height: 585px;
  background-image: url(../images/infos-bg.png);
  -webkit-background-size: initial;
  background-size: initial;
  background-repeat: no-repeat;
}

body.info .expoContent .ticket-contain .book-net, body.info .expoContent .ticket-contain .ticket-process, body.info .expoContent .ticket-contain .shoplist-info {
  -webkit-background-size: initial;
  background-size: initial;
  background-repeat: no-repeat;
  display: inline-block;
  color: transparent;
  text-indent: -100%;
  vertical-align: middle;
}

body.info .expoContent .ticket-contain .book-net:hover, body.info .expoContent .ticket-contain .ticket-process:hover, body.info .expoContent .ticket-contain .shoplist-info:hover {
  opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
}

body.info .expoContent .ticket-contain .book-net {
  background-image: url(../images/net-book.png);
  width: 165px;
  height: 48px;
}

body.info .expoContent .ticket-contain .ticket-process {
  background-image: url(../images/read-process-Btn.png);
  width: 135px;
  height: 64px;
  margin-left: 30px;
}

body.info .expoContent .ticket-contain .shoplist-info {
  background-image: url(../images/shoplist.png);
  width: 168px;
  height: 48px;
}

body.info .expoContent .ticket-contain.dact {
  background-image: url(../images/infos-bg.png);
}

body.info .expoContent .ticket-content {
  position: relative;
}

body.info .expoContent .content-detail.part1 {
  top: 36px;
  font-weight: bold;
}

body.info .expoContent .content-detail.part2 {
  top: 116px;
}

body.info .expoContent .content-detail.part3 {
  top: 200px;
}

body.info .expoContent .content-detail.part4 {
  top: 450px;
}

body.info .expoContent .ticket-contain.dact .content-footer-notes.content-detail {
  top: 420px;
}

body.info .expoContent .content-footer-notes.content-detail {
  top: 510px;
}

body.info .expoContent .content-detail {
  position: absolute;
  left: 0;
}

body.info .expoContent span.desc-dot {
  font-weight: bolder;
  font-size: 1.2em;
}

body.info .expoContent .content-detail a {
  display: inline-block;
  width: 165px;
  height: 48px;
  cursor: pointer;
  border: 0;
}

body.info .expoContent .content-detail p {
  height: auto;
}

body.media h2.sp {
  background-position: -5px -355px;
  height: 35px;
}

body.media div#leftpic {
  width: 420px;
}

body.media div.info {
  width: 400px;
}

body.media .expoContent h2.sp {
  background-position: -5px -360px;
  height: 35px;
}

body.media .expoContent h3.sp {
  width: 120px;
  height: 30px;
  background-position: -300px -300px;
  margin: 0px 0px 10px 0px;
}

body.media .expoContent .p1 {
  width: 439px;
  height: 343px;
}

body.media .expoContent .pic {
  width: 427px;
  height: 407px;
}

body.media .expoContent div.info {
  width: 400px;
  height: 450px;
  padding: 0px 0px 0px 20px;
}

body.media .expoContent div.info ul.buList {
  font-size: 12px;
  line-height: 16px;
  color: #939393;
  padding: 0px 0px 20px 0px;
}

body.media .expoContent div.info ul.buList li {
  border: 1px solid #939393;
  border-width: 0px 0px 1px 0px;
}

body.media .expoContent div.info ul.buList a {
  padding: 11px 60px 12px 0px;
  background-image: url(../images/mediaDownloadBtn.jpg);
  background-repeat: no-repeat;
  background-position: right 10px;
}

body.contact h2.sp {
  width: 400px;
  height: 60px;
  background-image: url(../images/contact01.jpg);
  background-position: -40px 0px;
}

body.contact .pic {
  width: 479px;
  height: 420px;
}

body.contact div.info {
  width: 420px;
  height: 300px;
  padding: 0px 20px 0px 0px;
}

body.Raiders h2.sp {
  width: 180px;
  background-image: url(../images/hd-Aug-vx.png?v=01);
  background-position: -5px -522px;
  height: 35px;
}

body.promo h2.sp {
  top: 0px;
  left: 46px;
  width: 180px;
  background-image: url(../images/hd-Aug-vx.png?v=01);
  background-position: -5px -319px;
  height: 35px;
}

body.promo #leftpic {
  width: 420px;
  padding: 40px;
}

body.promo div.inner div.inner2 {
  border: 1px solid #94ff00;
  width: 878px;
  margin-left: 40px;
}

body.promo div.searchNav {
  width: 960px;
  height: 30px;
}

body.promo div.searchNav form {
  top: 0px;
  left: 42px;
  width: 200px;
}

body.promo div.cat {
  width: 60px;
  padding-left: 27px;
}

body.promo div.catword {
  width: 85px;
  font-size: 14px;
  padding-top: 15px;
}

body.promo #wait_tag {
  display: inline;
  position: absolute;
  right: 80px;
  top: 200px;
}

body.promo div.topNav form {
  left: 230px;
}

body.promo div.pageNav {
  top: 0px;
  right: 46px;
}

body.promo div.pageNav a .page {
  width: 74px;
  height: 26px;
}

body.promo div.pageNav a.prev {
  background-image: url(../images/promoBackBtn.jpg);
}

body.promo div.pageNav a.next {
  background-image: url(../images/promoNextBtn.jpg);
}

body.promo div.pageNav a.pageNum {
  font-size: 13px;
  line-height: 18px;
  height: 18px;
  padding: 4px;
}

body.promo div.img_pro img.pro {
  padding: 0 26px 20px 2px;
}

body.promo a.direct {
  color: #FFF;
  background-color: #5dcdf5;
  vertical-align: middle;
  border-radius: 23%;
  -webkit-border-radius: 23%;
  -khtml-border-radius: 23%;
  -o-border-radius: 23%;
  -moz-border-radius: 23%;
  text-align: center;
  width: 33px;
}

body.promo a.direct span.glyphicon {
  display: inline-block;
  line-height: 22px;
}

body.promo div.cB {
  clear: both;
}

body.promo div.center {
  text-align: center;
}

body.promo table.standard-fonts {
  margin-left: 20px;
}

body.promo div.DVshadow {
  box-shadow: 5px 5px 5px #D1CCCC;
  -webkit-box-shadow: 5px 5px 5px #D1CCCC;
  -khtml-box-shadow: 5px 5px 5px #D1CCCC;
  -moz-box-shadow: 5px 5px 5px #D1CCCC;
  -o-box-shadow: 5px 5px 5px #D1CCCC;
  height: 345px;
}

body.promo div.center img.h190 {
  height: 170px;
  display: inline;
  padding: 10px;
  border: none;
}

body.promo div.center div.title {
  font-size: 15px;
  color: #3044fd;
}

body.promo div.center div.descript {
  font-size: 12px;
  color: #663e00;
  text-align: justify;
  padding: 0 10px;
  letter-spacing: 0.1em;
  word-spacing: 0.1em;
  line-height: 1.4em;
}

body.promo div.center div:nth-child(2) {
  text-align: justify;
}

body.promo div.center div.pull-right, body.promo div.center body.raiders div.raidersContent div.expo_desc, body.raiders div.raidersContent body.promo div.center div.expo_desc, body.promo div.center body.supplement div#next.por, body.supplement body.promo div.center div#next.por {
  bottom: 0;
  right: 0;
}

body.promo td.pink {
  background-color: #fd7cb4;
  padding: 5px;
}

body.promo td.blue {
  background-color: #5dcdf3;
  padding: 5px;
}

body.promo div.expoContent {
  width: 970px;
}

body.promo span.glyphicon-star-empty:before {
  content: "\e007";
  zoom: 3;
  color: #F7ADC6;
}

body.promo div.pageNav a.pageNum {
  font-size: 16px;
  padding: 2px 4px 2px 4px;
}

body.promo div.inner2 {
  border: 0 !important;
}

body.promo div.inner2 > div {
  padding-top: 40px;
  font-size: 26px;
}

body.promo div.img_pro img.pro {
  padding-left: 0;
}

body.promo .expoContent.panel > table {
  margin-left: 40px;
}

body.promo .promo-m.cat span {
  display: inline-block;
  background-repeat: no-repeat;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  background-position: center center;
  width: 177px;
  height: 60px;
  border: 0;
  padding: 3px;
  margin: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

body.promo div.cat {
  /*background-color: #e56c56;*/
  width: 178px;
  height: 59px;
  padding-left: 6px;
}

body.promo div.cat:first-child {
  padding-left: 0;
}

body.promo .promo-m.cat span:hover {
  background-color: rgba(250, 255, 119, 0.8);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-animation: hov-opc 0.4s ease-in normal;
  -o-animation: hov-opc 0.4s ease-in normal;
  animation: hov-opc 0.4s ease-in normal;
}

body.promo .promo-m.cat span.p-m-1 {
  background-image: url(../images/p-m-2.png);
}

body.promo .promo-m.cat span.p-m-2 {
  background-image: url(../images/p-m-3.png);
}

body.promo .promo-m.cat span.p-m-3 {
  background-image: url(../images/p-m-4.png);
}

body.promo .promo-m.cat span.p-m-4 {
  background-image: url(../images/p-m-5.png);
}

body.promo .promo-m.cat span.p-m-5 {
  background-image: url(../images/p-m-7.png);
}

body.promo .promo-m.cat span.p-m-6 {
  background-image: url(../images/p-m-6.png);
}

body.promo .promo-m.cat span.p-m-7 {
  background-image: url(../images/p-m-8.png);
}

body.promo .promo-m.cat span.p-m-8 {
  background-image: url(../images/p-m-9.png);
}

body.promo .promo-m.cat span.p-m-9 {
  background-image: url(../images/p-m-1.png);
}

body.raiders div.raidersContent {
  width: 870px;
  margin-left: 40px;
}

body.raiders div.raidersContent h2 {
  margin: 20px 0;
}

body.raiders div.raidersContent .desc {
  line-height: 25px;
}

body.raiders div.raidersContent .rbtn p {
  margin-right: 20px;
  cursor: pointer;
  width: 176px;
  height: 46px;
  background-repeat: no-repeat;
  background-image: url(../images/expo_map_btn.png);
  display: inline-table;
}

body.raiders div.raidersContent #jetsoBtn {
  background-position: -10px -10px;
}

body.raiders div.raidersContent #shoppingBtn {
  background-position: -200px -10px;
}

body.raiders div.raidersContent .rMap {
  margin: 20px 0;
  border: 2px solid #999;
  overflow: hidden;
}

body.raiders div.raidersContent .expo_logo {
  width: 300px;
  height: 400px;
}

body.raiders div.raidersContent .expo_desc {
  width: 530px;
  height: 400px;
}

body.raiders div.raidersContent .expo_logo p {
  background-image: url(../images/expo_map_icon.png);
  background-repeat: no-repeat;
  width: 300px;
  height: 400px;
}

body.raiders div.raidersContent #jetso_1_logo p {
  background-position: -2025px -240px;
  margin-top: 20px;
}

body.raiders div.raidersContent #jetsoBtn {
  background-position: -10px -10px;
}

body.raiders div.raidersContent #jetso_1_logo p {
  background-position: -2025px -240px;
  margin-top: 20px;
}

body.talkTime div.img_tkt {
  text-align: center;
}

body.talkTime div.img_tkt img.tkt {
  width: 650px;
  padding: 20px;
}

body.preschool div.img_pre {
  width: 650px;
  padding: 20px 0;
}

body.luckyDraw div.eventContent h2.sp {
  background-position: -300px -330px;
  width: 560px;
  height: 50px;
  margin-bottom: 10px;
}

body.Jetso h2.sp {
  width: 180px;
  height: 40px;
  margin-top: -16px;
  background-image: url(../images/hd-Aug-vx.png?v=01);
  background-repeat: no-repeat;
  background-position: -3px -510px;
}

body.Jetso div.ExpoJetso {
  width: 590px;
  margin-left: 190px;
}

body.Jetso div.ExpoJetso div.inner {
  border: 1px solid #ED1C24;
  padding: 20px;
  margin-top: 20px;
  width: 650px;
}

body.Jetso h3 {
  margin: 12px 0;
}

body.Jetso div.d0 {
  margin: 8px 0;
}

body.Jetso div.d1 div.dv1 {
  width: 260px;
}

body.Jetso div.d1 p {
  width: 380px;
  padding-left: 10px;
  margin-top: 306px;
  text-indent: 0;
}

body.Jetso div.d2 div.dv2 {
  width: 260px;
}

body.Jetso div.d2 p {
  width: 380px;
  padding-left: 10px;
  margin-top: 206px;
  text-indent: 0;
}

body.Jetso div.d1 {
  margin: 8px 0;
  height: 462px;
}

body.Jetso div.d2 {
  margin: 8px 0;
  height: 462px;
}

body.Jetso div.d3 img {
  padding: 10px 0;
}

/* expoFooter */
.expoFooter {
  background-image: url(../images/fbg.png);
  width: 930px;
  height: 160px;
  padding: 20px 0px 20px 40px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.expoFooter h4 {
  font-size: 12px;
  width: 120px;
  height: 55px;
  line-height: 55px;
}

.expoFooter img,
.expoFooter .hd3, .expoFooter .hd4 {
  top: 0px;
  left: 0px;
}

.expoFooter .s1 {
  top: 20px;
  left: 120px;
}

.expoFooter .s2 {
  top: 80px;
  left: 120px;
}

.expoFooter .s3a, .expoFooter .s3b {
  top: 80px;
  left: 480px;
}

.expoFooter .s3c {
  top: 80px;
  left: 590px;
}

.expoFooter .s4 {
  top: 80px;
  left: 800px;
}

.expoFooter .s5 {
  top: 140px;
  left: 108px;
}

.expoFooter .s5a {
  top: 140px;
  left: 120px;
}

.expoFooter .s5b {
  top: 140px;
  left: 230px;
}

.expoFooter .hd3 {
  top: 80px;
  left: 400px;
}

.expoFooter .hd4 {
  top: 80px;
  left: 720px;
}

label.error {
  color: #E00210;
  padding: 0px 0px 0px 10px;
  font-size: 10px;
}

p.msg {
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin: 20px 0px;
}

td.fieldName {
  white-space: nowrap;
}

td.footNote {
  text-align: right;
}

.inputFormPanel input.std {
  width: 140px;
}

.inputFormPanel input.short {
  width: 80px;
}

.inputFormPanel input.long {
  width: 400px;
}

td.errorWrap label {
  display: block;
}

img.img_form {
  -webkit-border-radius: 18px 18px 18px 18px;
  -moz-border-radius: 18px 18px 18px 18px;
  border-radius: 18px 18px 18px 18px;
  border: 4px solid red;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/*Lightbox*/
.lb-album {
  width: 900px;
  margin: 0 auto;
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
}

.lb-album li {
  float: left;
  margin: 5px;
  position: relative;
}

.lb-album li > a {
  width: 150px;
  height: 150px;
  position: relative;
  padding: 10px;
  background: #f1d2c2;
  -webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158, 111, 86, 0.3) inset;
  -moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158, 111, 86, 0.3) inset;
  box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158, 111, 86, 0.3) inset;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 4px 4px;
}

.lb-album li > a span {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 10px;
  left: 10px;
  text-align: center;
  line-height: 150px;
  color: rgba(27, 54, 81, 0.8);
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
  font-size: 24px;
  opacity: 0;
  filter: alpha(opacity=0);
  /* internet explorer */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  /*IE8*/
  background: #f1d2c2;
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #f1d2c2 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.56)), color-stop(100%, #f1d2c2));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #f1d2c2 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #f1d2c2 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #f1d2c2 100%);
  background: radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #f1d2c2 100%);
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.lb-album li > a:hover span {
  opacity: 1;
  filter: alpha(opacity=99);
  /* internet explorer */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
  /*IE8*/
}

.lb-overlay {
  width: 0px;
  height: 0px;
  position: fixed;
  overflow: hidden;
  left: 0px;
  top: 0px;
  padding: 0px;
  z-index: 99;
  text-align: center;
  background: #c8c8c8;
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #c8c8c8 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.56)), color-stop(100%, #c8c8c8));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #c8c8c8 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #c8c8c8 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #c8c8c8 100%);
  background: radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #c8c8c8 100%);
}

.lb-overlay > div {
  position: relative;
  color: rgba(27, 54, 81, 0.8);
  width: 550px;
  height: 80px;
  margin: 40px auto 0px auto;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
}

.lb-overlay div h3,
.lb-overlay div p {
  padding: 0px 20px;
  width: 200px;
  height: 60px;
}

.lb-overlay div h3 {
  font-size: 36px;
  float: left;
  text-align: right;
  border-right: 1px solid rgba(27, 54, 81, 0.4);
}

.lb-overlay div h3 span,
.lb-overlay div p {
  font-size: 16px;
  font-style: italic;
}

.lb-overlay div h3 span {
  line-height: 6px;
}

.lb-overlay div p {
  font-size: 14px;
  text-align: left;
  float: left;
  width: 260px;
}

.lb-overlay a.lb-close {
  z-index: 1011;
  position: absolute;
  overflow: hidden;
  width: 107px;
  height: 27px;
  top: 43px;
  left: 47%;
  background: transparent url("../images/lightbox/map.png") no-repeat top left;
}

.lb-overlay img {
  /* height: 100%; For Opera max-height does not seem to work */
  max-height: 100%;
  position: relative;
  opacity: 0;
  margin: 0 auto;
  filter: alpha(opacity=0);
  /* internet explorer */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  /*IE8*/
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

.lb-prev, .lb-next {
  text-indent: -9000px;
  position: absolute;
  top: -285px;
  width: 30px;
  height: 25px;
  left: 52%;
  opacity: 0.9;
  filter: alpha(opacity=100);
  /* internet explorer */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  /*IE8*/
}

.lb-prev:hover, .lb-next:hover {
  opacity: 1;
  filter: alpha(opacity=80);
  /* internet explorer */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  /*IE8*/
}

.lb-prev {
  margin-left: -50px;
  background: transparent url(../images/lightbox/arrows.png) no-repeat top left;
}

.lb-next {
  margin-left: 240px;
  background: transparent url(../images/lightbox/arrows.png) no-repeat top right;
}

.lb-overlay:target {
  width: auto;
  height: auto;
  bottom: 0px;
  right: 0px;
  padding: 80px 100px 120px 100px;
}

.lb-overlay:target img,
.lb-overlay:target a.lb-close {
  opacity: 1;
  filter: alpha(opacity=99);
  /* internet explorer */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
  /*IE8*/
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
  height: 100%;
}

/**********supplement***********/
body.supplement {
  /*content*/
}

body.supplement .expoContent {
  width: 100%;
}

body.supplement .expoContent ul.clientBox {
  margin: 0px 40px;
  width: 880px;
}

body.supplement .expoContent .sup-box {
  width: 100%;
  clear: both;
}

body.supplement .expoContent * {
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

body.supplement .expoContent .sp,
body.supplement .expoContent .spBtn {
  /*background-image('../images/sup/plan.png');*/
  background-position: 0px 0px;
}

body.supplement .expoContent p.desc {
  font-size: 12px;
  line-height: 18px;
}

body.supplement .expoContent div.info, body.supplement .expoContent div.info h1.title {
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-background-origin: content-box;
  background-origin: content-box;
  background-repeat: no-repeat;
}

body.supplement .expoContent div.info {
  width: 100%;
  height: 78px;
  padding: 0;
  background-image: url(/expo/201708/images/supplement/header_bg.png);
}

body.supplement .expoContent div.info h1.title {
  background-image: url(/expo/201708/images/supplement/heading.png);
  width: 254px;
  height: 69px;
  margin: 4px auto;
}

body.supplement .expoContent div.info h2 {
  width: 280px;
  height: 100px;
}

body.supplement .expoContent div.info p.desc {
  width: 280px;
}

body.supplement .expoContent div.info a.like {
  width: 278px;
  height: 26px;
  padding: 0px 10px 0px 0px;
  /*background-image('../images/sup/FB.png');*/
}

body.supplement .expoContent div.sup-box.content-box {
  background-repeat: repeat-y;
  -webkit-background-origin: content-box;
  background-origin: content-box;
  -webkit-background-size: cover;
  background-size: cover;
  /*background-image('/expo/201708/images/supplement/content_bg.png');*/
}

body.supplement .expoContent div.sup-box.content-box ul.clientBox {
  width: 878px;
  margin-left: 40px;
  border: 1.5px solid #79d1cb;
}

body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next {
  top: 40%;
  z-index: 1;
  width: 2em;
  cursor: pointer;
}

body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:after, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:after {
  content: "";
  border: 2em solid rgba(175, 168, 168, 0.5);
  border-color: transparent rgba(175, 168, 168, 0.5) transparent rgba(175, 168, 168, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
}

body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span:after {
  opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
}

body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev {
  left: 1em;
}

body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:after {
  border-left: 0;
}

body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:after {
  border-right: 0;
}

body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:after {
  -webkit-transform: translateX(-13px);
  -ms-transform: translateX(-13px);
  -o-transform: translateX(-13px);
  transform: translateX(-13px);
}

body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:after {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  -o-transform: translateX(13px);
  transform: translateX(13px);
}

body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:hover:after, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:hover:after {
  opacity: 0.6;
  -ms-opacity: 0.6;
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6;
  filter: alpha(opacity=60);
}

body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next {
  right: 1em;
}

body.supplement div.supBanner {
  width: 100%;
  height: 200px;
  padding: 0px 14px 0px 14px;
  background-position: -400px 0px;
  box-sizing: border-box;
}

body.supplement div.supBanner ul.buList a {
  display: none;
}

body.supplement div.supBanner .buList, body.supplement div.supBanner .buList li, body.supplement div.supBanner .buList a {
  width: 890px;
  height: 200px;
  margin: 0 auto;
}

body.supplement div.supBanner .buList li {
  top: 0px;
  left: 0px;
}

body.supplement div.supBanner.box.sup-box ul.buList img {
  width: 100%;
  padding: 0 20px;
  max-width: 100%;
  box-sizing: border-box;
}

body.supplement div.supBanner a {
  width: 149px;
  height: 115px;
  box-shadow: -2px 3px 20px 6px #dcdcdc;
  -khtml-box-shadow: -2px 3px 20px 6px #dcdcdc;
  -o-box-shadow: -2px 3px 20px 6px #dcdcdc;
  -ms-box-shadow: -2px 3px 20px 6px #dcdcdc;
  -moz-box-shadow: -2px 3px 20px 6px #dcdcdc;
  -webkit-box-shadow: -2px 3px 20px 6px #dcdcdc;
  border-radius: 11px;
  -o-border-radius: 11px;
  -ms-border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
}

body.supplement div.logoSet {
  width: 878px;
  height: 155px;
  margin-left: 40px;
}

body.supplement div.logoSet .buList {
  width: 3680px;
  height: 155px;
}

body.supplement div.logoSet .buList li {
  width: 149px;
  height: 115px;
  padding: 20px 6px 20px 5px;
  /*background-image('../images/sup/supplement-bg.png');*/
  background-repeat: repeat-x;
  background-position: 0px 0px;
}

body.supplement div.logoSet span.shdw {
  top: 4px;
  left: 4px;
  width: 141px;
  height: 107px;
  /*background-image('../images/sup/supplement-sp.png');*/
  background-repeat: no-repeat;
  background-position: -252px -11px;
}

body.supplement div.logoSet img {
  top: 4px;
  left: 4px;
  width: 141px;
  height: 107px;
}

body.supplement ul.clientBox.buList li.item.dn {
  display: none !important;
}

body.supplement ul.clientBox.buList li.item .detail {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}

body.supplement ul.clientBox.buList li.item .detail:last-child, body.supplement ul.clientBox.buList .part2 p {
  text-align: justify !important;
}

body.supplement ul.clientBox.buList li.item .content-box .part1 .detail:first-child p .booth-header {
  font-size: 18px;
  font-weight: bold;
  color: #696969;
}

body.supplement ul.clientBox.buList li.item .content-box .part1 div:nth-child(1) img {
  margin-top: 29px;
}

body.supplement ul.clientBox.buList .content-box .part1,
body.supplement ul.clientBox.buList .content-box .part2 {
  clear: both;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.supplement ul.clientBox.buList li.item .content-box .part1 .detail img {
  display: inline-block;
}

body.supplement ul.clientBox.buList li.item .content-box .part1 .detail p {
  text-align: left;
  padding-left: 1em;
}

body.supplement ul.clientBox.buList li.item .content-box .part1 .detail:first-child p {
  width: 510px;
  font-size: 16px;
  color: #808080;
}

body.supplement ul.clientBox.buList li.item .content-box .part1 div:nth-child(1) {
  width: 268px;
  text-align: center;
  vertical-align: middle;
  left: 0;
}

body.supplement ul.clientBox.buList li.item .content-box .part1 div:nth-child(2) {
  width: 606px;
  left: 268px;
  padding: 50px 30px 20px 0;
  font-size: 16px;
  line-height: 1.5em;
}

body.supplement ul.clientBox.buList li.item .content-box .part1 div:nth-child(2) p {
  padding-left: 0 !important;
}

body.supplement ul.clientBox.buList .part2 {
  padding: 20px;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
}

body.supplement ul.clientBox.buList .part2 img {
  border: 0;
  display: inline-block !important;
  padding: 0 6px;
  width: 100%;
  max-width: 200px;
  min-width: 160px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body.supplement ul.buList li {
  background-image: none !important;
}

body.supplement p.sup-box {
  text-align: right;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  padding: 1em;
}

body.supplement ul#content_item li {
  -webkit-animation: fading 0.6s ease-in normal;
  -o-animation: fading 0.6s ease-in normal;
  animation: fading 0.6s ease-in normal;
}

body.supplement .share_tag {
  top: 0.3em;
  z-index: 10;
}

body.supplement ul.clientBox li.item {
  width: 880px;
  /*background-image('../images/sup/supplement-bgset.gif');*/
  background-repeat: repeat-x;
  background-position: 0px 0px;
}

body.supplement ul.clientBox li.item.color1 {
  background-position: 0px 0px;
}

body.supplement ul.clientBox li.item.color2 {
  background-position: 0px -220px;
}

body.supplement ul.clientBox li.item.color3 {
  background-position: 0px -440px;
}

body.supplement ul.clientBox li.item.color4 {
  background-position: 0px -660px;
}

body.supplement ul.clientBox li.item.color5 {
  background-position: 0px -880px;
}

body.supplement ul.clientBox .largeLogo {
  width: 201px;
  height: 149px;
  padding: 12px;
  margin: 10px;
  /*background-image('../images/sup/supplement.png');*/
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

body.supplement ul.clientBox p.boothLoc {
  top: 184px;
  left: 10px;
  color: #8B69AB;
  font-size: 15px;
  width: 230px;
  height: 30px;
}

body.supplement ul.clientBox .clientInfo {
  top: 10px;
  left: 270px;
  font-size: 12px;
  width: 580px;
  height: 196px;
  overflow: auto;
}

body.supplement ul.clientBox .clientInfo .desc a {
  display: inline;
}

body.supplement ul.clientBox .clientInfo h4 {
  color: #8B69AB;
  font-size: 12px;
  margin: 4px 0px 10px 0px;
}

body.supplement ul.clientBox .text-uline {
  text-decoration: underline;
}

body.supplement .Aroona {
  text-align: left;
}

body.supplement table.Aroona {
  width: 100%;
  border: 2.5px solid #39bcce;
  max-width: 880px;
}

body.supplement table.Aroona img {
  max-width: 160px;
}

body.supplement table.Aroona td {
  border: 1px solid #39bcce;
  vertical-align: middle;
}

body.supplement table.Aroona tr td div {
  margin: 0;
  padding: 0;
  float: left;
}

body.supplement table.Aroona tr td .tab_part1 {
  width: 23%;
}

body.supplement table.Aroona tr td .tab_part2 {
  width: 76%;
}

body.supplement table.Aroona tr td .tab_part2 p {
  line-height: 1.3em;
  margin: 16px 0;
}

body.supplement table.Aroona tr td .tab_part2 h3 {
  margin: 19px 0;
  text-decoration-color: #39bcce;
  font-size: 19px;
  text-decoration-line: underline;
  text-decoration-style: bolder;
}

body.supplement .sup-box.Aroona {
  margin: 16px 0;
}

body.supplement .sup-box.Aroona h2:first-child {
  width: 230px;
}

body.supplement .sup-box.Aroona h2:last-child {
  width: 430px;
  height: 90px;
}

body.supplement .u-line {
  text-decoration: underline;
}

body.supplement .sup-box.btn-footer {
  width: 878px !important;
  margin-left: 40px;
}

body.supplement .por {
  width: 101px;
  height: 35px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}

body.supplement #prev.por {
  background-image: url(/expo/201708/images/supplement/prev.png);
}

body.supplement #next.por {
  background-image: url(/expo/201708/images/supplement/next.png);
}

body.supplement .supBanner.box.sup-box ul.buList img {
  -webkit-animation: open 1s ease-in normal;
  -o-animation: open 1s ease-in normal;
  animation: open 1s ease-in normal;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}