@charset "UTF-8";

/* 20170906 Kris revise for Print */
@media print {
  * {
    text-shadow: none !important;
    box-shadow: none !important;
    border-color: black !important;
    background: white !important;
/*     border: none !important; */
  }
  
  .print_hide {
    display: none;
  }
  
  .print_break_before {
    page-break-before: always;  
  }
  
  .innerMain {
    border-bottom: solid 1px black !important;
  }
  
  .changeInfo h3 {
    border: solid 1px black !important;
  }
  
  .commonTitle {
    /*! border: solid 1px black !important; */
  }
  
  .orderInfoList ul {
   border-left: solid 1px black !important;
   border-bottom: solid 1px black !important;
   border-right: solid 1px black !important;
/*     border: solid 1px black !important; */
    
  }

  .orderInfoList > ul > li {
    border: solid 1px black !important;
/*     border-right: solid 1px black !important; */
/*     border-left: solid 1px black !important; */
/*     border-bottom: solid 1px black !important; */
  }
  
  .orderInfoList strong {
    border: none !important;
/*! border-right: solid 1px black !important; */
    /*! border-left: solid 1px black !important; */
/*     border-bottom: none !important; */
  }
  
  .orderInfoList li ul {
/*     ! border-bottom: none !important; */
  }
  
  .orderInfoList li li {
border-left: solid 1px black !important;
border-right: solid 1px black !important;
/*! border-bottom: solid 1px black !important; */
    padding-right: 29px;
  }

  .orderInfoList li li:last-child {
    /*! border-bottom: none !important; */
  }

  .orderInfoList li ol li {
    border: none !important;
    padding-right: 0px;
  }
  
  .orderInfoList li li em {
    /*! border-left: solid 1px black !important; */
  }
  
  .formTitle {
    border: solid 1px black !important;
  }
  
/*   .orderInfo > table > tbody > tr {
    border-bottom: solid 1px black !important;
  } */
  
  .orderInfo * {
    border: none !important;
  }
  
  .orderInfo>table,
  .orderInfo>table>tbody>tr>td {
    border: solid 1px black !important;
  }
  
  .orderInfo>table>tbody>tr>th {
    border: solid 1px black !important;
  }
  
}

/*隱藏圖片內的文字*/
/*區域置中*/
/*文字截斷*/
/*line height計算*/
body {
  background: #fff;
  /*與舊版相容*/
  padding-bottom: 30px;/*20170907 Kris revise for Footer*/
}

/*20170809 Kris revise for Header */
.eventpal {
  font-family: "微軟正黑體";
  padding-top: 63px;
}
/*20170809 Kris revise for Header End*/

.eventpal .menu {
  background: #fff;
  border-bottom: 5px solid #e71f19;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
}

.eventpal .menu .menuContent {
  width: 1250px;
  margin: 0px auto 0px auto;
}

.eventpal .menu .menuContent .header {
  float: left;
}

.eventpal .menu .menuContent .header .logo {
  margin: 20px 30px 3px 30px;/*20170907 Kris revise for Header */
}

.eventpal .menu .menuContent .header .logo .link {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(logo.png) no-repeat;
  width: 214px;
  height: 32px;
  display: block;
  outline: none;
}

.eventpal .menu .menuContent .nav {
  float: right;
  margin-top: 20px;/*20170907 Kris revise for Header */
}

.eventpal .menu .menuContent .nav .navList {
  float: left;
}


.eventpal .menu .menuContent .nav .navList .navItem {
  float: left;
  display: block;
}

.eventpal .menu .menuContent .nav .navList .navItem .navLink {
  color: #000;
  font-size: 16px;
  display: block;
  line-height: 40px;
  text-decoration: none;
}

.eventpal .menu .menuContent .nav .navList .navItem .navLink:hover,
.eventpal .menu .menuContent .nav .navList .navItem .navLink.active {
  color: #fff;
}

/*20170809 Kris login add icon*/
.eventpal .menu .menuContent .dropdown {
  float: left;
  /*width: 90px;*/
  position: relative;
}
/*20170809 Kris login add icon End*/

.eventpal .menu .menuContent .dropdown .toggle {
  color: #000;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
}

.eventpal .menu .menuContent .dropdown .toggle:hover .text, .eventpal .menu .menuContent .dropdown .toggle:active .text, .eventpal .menu .menuContent .dropdown .toggle.focus .text {
  background: #e71f19;
  color: #fff;
}

.eventpal .menu .menuContent .dropdown .toggle .text {
  color: #000;
  display: block;
  float: left;
  padding: 7px 12px;
}

.eventpal .menu .menuContent .dropdown .content {
  background: #fff;
  border: 1px solid #dbdbdb;
  width: 400px;
  height: 200px;
  position: absolute;
  right: 0px;
  top: 45px; /*20170810 Kris revise for login pos*/
  z-index: 4;
  display: none;
}

.eventpal .menu .menuContent .dropdown .content .formLogin {
  width: 310px;
  margin: 20px auto 0 auto;
}

.eventpal .menu .menuContent .dropdown .content .formLogin .para {
  margin: 0 0 7px 0;
}

.eventpal .menu .menuContent .dropdown .content .formLogin .para.func {
  width: 145px;
  margin: 10px auto;
}

.eventpal .menu .menuContent .dropdown .content .formLogin .para .inputText {
  border: 2px solid #e71f19;
  color: #7a7a7a;
  font-size: 16px;
  line-height: 20px;
  outline: none;
  padding: 8px 20px;
  width: 286px;
}

.eventpal .menu .menuContent .dropdown .content .formLogin .para .forgetPassword, .eventpal .menu .menuContent .dropdown .content .formLogin .para .signup {
  color: #7a7a7a;
  font-size: 15px;
  text-decoration: none;
}

.eventpal .menu .menuContent .dropdown .content .formLogin .para .forgetPassword:hover, .eventpal .menu .menuContent .dropdown .content .formLogin .para .signup:hover {
  color: #e71f19;
}

.eventpal .menu .menuContent .dropdown .content .formLogin .para .divider {
  color: #7a7a7a;
  font-size: 15px;
  padding: 0 5px;
}

.eventpal .menu .menuContent .dropdown .content .formLogin .control .btn {
  color: #fff;
  display: block;
  float: left;
  font-size: 15px;
  line-height: 15px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  width: 146px;
  outline: none;
}

.eventpal .menu .menuContent .dropdown .content .formLogin .control .btn.btnLogin {
  background: #b0b0b0;
  margin-right: 10px;
}

.eventpal .menu .menuContent .dropdown .content .formLogin .control .btn.btnFbLogin {
  background: #649fdc;
}

.eventpal .menu .line {
  /*display: inline-block;
  margin-left: 13px;*/
  padding: 0px 10px 0px 10px;
}

.eventpal .menu .line img {
  display: block;
  margin-top: 3px;
}

.eventpal .kvBG {
  width: 100%;
  background: #e6e8e7;
}

.eventpal .hero {
  width: 1250px;
  margin: 0px auto 0px auto;
  background: #e6e8e7;
  overflow: hidden;
}

.eventpal .hero .slider {
  width: 560px;
  margin: 0 auto;
  position: relative;
  height: 323px;
}

.eventpal .hero .slider .sliderList {
  width: 10000px;
  height: 293px;
  position: absolute;
  top: 15px;
  left: -560px;
  z-index: 1;
  overflow: hidden;
}

.eventpal .hero .slider .sliderList .sliderItem {
  float: left;
  margin-right: 10px;
}

.eventpal .hero .slider .sliderList .sliderItem .itemLink .itemImage {
  display: block;
}

.eventpal .hero .slider .btn {
  display: block;
  width: 41px;
  height: 41px;
  position: absolute;
  top: 136px;
  z-index: 3;
  outline: none;
}

.eventpal .hero .slider .btn.btnPrev {
  background: url(btn_prev.png) no-repeat 0 0;
  left: -60px;
}

.eventpal .hero .slider .btn.btnPrev:hover {
  opacity: 0.8;
}

.eventpal .hero .slider .btn.btnPrev.disabled {
  opacity: 0.5;
}

.eventpal .hero .slider .btn.btnNext {
  background: url(btn_next.png) no-repeat 0 0;
  right: -60px;
}

.eventpal .hero .slider .btn.btnNext:hover {
  opacity: 0.8;
}

.eventpal .hero .slider .btn.btnNext.disabled {
  opacity: 0.5;
}

.eventpal .hot {
  padding: 26px 0;
}

.eventpal .hot .inner {
  width: 1250px;
  margin: 0px auto 0px auto;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.eventpal .hot .inner .tagArea {
  display: inline-block;
  overflow: hidden;
}

.eventpal .hot .inner .tagArea .tagList {
  float: right;
}

.eventpal .hot .inner .tagArea .tagList:before {
  color: #971e23;
  content: "熱門活動：";
}

.eventpal .hot .inner .tagArea .tagList .tagItem {
  display: inline;
  margin-right: 17px;
}

.eventpal .hot .inner .tagArea .tagList .tagItem .tagLink {
  color: #000;
  text-decoration: none;
}

.eventpal .hot .inner .social {
  display: inline-block;
  width: 190px;
  height: 26px;
  overflow: hidden;
}

.eventpal .hot .inner .social .fbBox {
  float: left;
  margin: 6px 10px 0 0;
}

.eventpal .hot .inner .social .gpBox {
  float: left;
  margin: 6px 0 0 0;
}

/*20170803 Kris revise for activity items */
.eventpal .activity .inner {
  width: 1250px;
  margin: 0px auto 0px auto;
  min-width: 1250px;
  max-width: 1742px;
}
/*20170802 Kris revise for activity items End */

.eventpal .activity .inner .tabs {
  background: url(bg_tab_content.png) repeat-x 0 25px;
  font-size: 17px;
  line-height: 17px;
  position: relative;
}

.eventpal .activity .inner .tabs .tabs-nav .tabItem {
  background: #777;
  float: left;
  margin-right: 10px;
  width: 150px;
  text-align: center;
}

.eventpal .activity .inner .tabs .tabs-nav .tabItem:hover, .eventpal .activity .inner .tabs .tabs-nav .tabItem.selected {
  background: url(tab_active.png) no-repeat 0 0;
}

.eventpal .activity .inner .tabs .tabs-nav .tabItem:hover .tabLink, .eventpal .activity .inner .tabs .tabs-nav .tabItem.selected .tabLink {
  padding: 12px 0 19px 0;
}

.eventpal .activity .inner .tabs .tabs-nav .tabItem .tabLink {
  color: #fff;
  display: block;
  padding: 11px 0 10px 0;
  text-decoration: none;
  white-space: nowrap;
  outline: none;
}

.eventpal .activity .inner .tabs .tabs-nav .tabItem .tabLink:hover {
  color: #fff;
}

.eventpal .activity .inner .tabs .toolbar {
  border-top: 1px solid #bebebe;
  width: 100%;
  margin: -26px 0 -1px 0;
  padding: 46px 150px 0 150px;
  box-sizing: border-box;
}

.eventpal .activity .inner .tabs .toolbar .block {
  float: left;
  width: 300px;
  height: 55px;
  padding: 0 0 0 25px;
}

.eventpal .activity .inner .tabs .toolbar .block.location .heading {
  color: #0065d0;
}

.eventpal .activity .inner .tabs .toolbar .block.time {
  width: 285px;
}

.eventpal .activity .inner .tabs .toolbar .block.time .heading {
  color: #fe9937;
}

.eventpal .activity .inner .tabs .toolbar .block.status {
  width: 175px;
}

.eventpal .activity .inner .tabs .toolbar .block.status .heading {
  color: #cf0003;
}

.eventpal .activity .inner .tabs .toolbar .block.divider {
  border-right: 1px solid #ccc;
  padding: 0 25px 0 25px;
}

.eventpal .activity .inner .tabs .toolbar .block .heading {
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 13px 0;
}

.eventpal .activity .inner .tabs .toolbar .block .optionList {
  margin: 13px 0 0 0;
}

.eventpal .activity .inner .tabs .toolbar .block .optionList .optionItem {
  font-size: 15px;
  float: left;
  margin: 0 10px 5px 0;
}

.eventpal .activity .inner .tabs .toolbar .block .optionList .optionItem .inputMultiple {
  display: block;
  float: left;
  margin: 2px 4px 0 0;
}

.eventpal .activity .inner .tabs .toolbar .block .optionList .optionItem .text {
  display: block;
  float: left;
}

.eventpal .activity .inner .tabs .toolbar .control {
  float: left;
}

.eventpal .activity .inner .tabs .toolbar .control .btnSubmit {
  background: url(btn_submit.png) no-repeat 0 0;
  display: block;
  width: 105px;
  height: 55px;
  margin: 6px 0 0 0;
}

.eventpal .activity .inner .tabs .toolbar .control .btnSubmit:hover {
  opacity: 0.8;
}

.eventpal .activity .inner .tabs .toolbar .control .btnSubmit.disabled {
  opacity: 0.5;
}

.eventpal .activity .inner .tabs .tab-panel {
  min-height: 300px;
  padding: 5px 0 0 0;
  text-align: justify;
  word-wrap: break-word;
}

.eventpal .activity .inner .tabs .tab-panel .tab-content {
  padding: 10px 10px 0 10px;
}

.eventpal .activity .inner .tabs .tab-panel .tab-content .searchResult {
  display: none;
}

.eventpal .activity .inner .tabs .tab-panel .tab-content .loading {
  background: url(spinner.gif) no-repeat 0 0;
  display: none;
  position: absolute;
  left: 50%;
  top: 200px;
  width: 40px;
  height: 40px;
  z-index: 1;
}

.eventpal .activity .inner .tabs .tab-panel .tab-content .loading.on {
  display: block;
}

.eventpal .activity .inner .actList {
  margin: 10px 0 0 0;
  text-align: center; /*20170802 Kris revise for activity items */
  width: auto; /*20170802 Kris revise for activity news items */
}

.eventpal .activity .inner .actList .actItem {
  background: #fff;
  border: 1px solid #e4e4e4;
  float: left;
  width: 240px;
  margin: 0 3px 15px 3px;
  padding: 4px;
  position: relative;
  box-sizing: border-box;
}

.eventpal .activity .inner .actList .actItem.active {
  background: #416898;
  color: #fff;
}

.eventpal .activity .inner .actList .actItem.active .title .link {
  color: #fff;
}

.eventpal .activity .inner .actList .actItem.active .tagList .tagItem .tagLink {
  color: #fff;
}

.eventpal .activity .inner .actList .actItem.active .join {
  background: #e71f19;
}

.eventpal .activity .inner .actList .actItem .label {
  position: absolute;
  left: 0;
  top: 0;
}

.eventpal .activity .inner .actList .actItem .label.candidate {
  background: url(label_candidate.png) no-repeat 0 0;
  width: 60px;
  height: 61px;
}

.eventpal .activity .inner .actList .actItem .label.notice {
  background: url(label_notice.png) no-repeat 0 0;
  width: 32px;
  height: 56px;
}

.eventpal .activity .inner .actList .actItem .label.finish {
  background: url(btn_finish.png) no-repeat 0 0;
  width: 60px;
  height: 61px;
}

.eventpal .activity .inner .actList .actItem .label.full {
  background: url(label_full.png) no-repeat 0 0;
  width: 60px;
  height: 61px;
}

.eventpal .activity .inner .actList .actItem .thumbnail .link .image {
  display: block;
  width: 230px;
  height: 185px;
}

.eventpal .activity .inner .actList .actItem .thumbnail .link .imageshop {
  display: block;
  width: 230px;
  height: 390px;
}

.eventpal .activity .inner .actList .actItem .thumbnail .notice {
  background: #000;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  top: 159px;
  left: 4px;/*20170803 Kris revise for notice */
  height: 25px;
  font-size: 15px;
  padding: 5px 5px 0 5px;
  text-align: center;
  width: 220px;
  line-height: 18px;
}

.eventpal .activity .inner .actList .actItem .title {
  margin: 0 0 10px 0;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
}

.eventpal .activity .inner .actList .actItem .title .link {
  color: #971e23;
  font-size: 18px;
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
}

.eventpal .activity .inner .actList .actItem .description {
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 35px 0;
  height: 130px;
}

.eventpal .activity .inner .actList .actItem .description .desciptItem {
  margin: 0 0 10px 0;
}

.eventpal .activity .inner .actList .actItem .description .desciptItem.location .placeDetail {
  display: none;
}

.eventpal .activity .inner .actList .actItem .description .desciptItem .heading {
  float: left;
  width: 75px;
}

.eventpal .activity .inner .actList .actItem .description .desciptItem .text {
  float: left;
  width: 155px;
}

.eventpal .activity .inner .actList .actItem .join {
  background: #416898;
  color: #fff;
  font-size: 15px;
  display: block;
  line-height: 15px;
  width: 205px;
  margin: 0 0 0 12px;
  padding: 6px 0;
  text-align: center;
  text-decoration: none;
}

.eventpal .activity .inner .actList .actItem .tagList {
  text-align: center;
  margin: 9px 0 6px 0;
  height: 16px;
  overflow: hidden;
}

.eventpal .activity .inner .actList .actItem .tagList .tagItem {
  display: inline;
  padding: 0 5px 0 0;
}

.eventpal .activity .inner .actList .actItem .tagList .tagItem .tagLink {
  color: #000;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
}

.eventpal .activity .inner .actList .adItem {
  background: #fff;
  border: 1px solid #e4e4e4;
  float: left;
  width: 240px;
  margin: 0 3px 15px 3px;
  padding: 4px;
  box-sizing: border-box;
}

.eventpal .activity .inner .actList .adItem .adLink {
  display: block;
}

.eventpal .activity .inner .actList .adItem .adLink .adImage {
  width: 230px;
  height: 412px;
  display: block;
}

.eventpal .activity .inner .control {
  margin: 20px 0;
}

.eventpal .activity .inner .control .more {
  border: 1px solid #b0b0b0;
  color: #000;
  display: block;
  font-size: 16px;
  line-height: 16px;
  width: 164px;
  margin: 0 auto;
  padding: 9px 0;
  text-align: center;
  text-decoration: none;
}

.eventpal .tabUL {
  width: 970px;
  margin: 0px auto;
}

.eventpal .tabSearch {
  width: 265px;
  border: 1px solid red;
  margin-right: 10px;
  float: left;
  font-size: 17px;
  cursor: pointer;
}

.eventpal .boxSearch {
  width: 80%;
  float: left;
}

.eventpal .boxSearch > .formSearchOpt > input {
  padding: 6px 0 10px 0;
  border: red;
}

.eventpal .boxSearch > .formSearchOpt > input:focus {
  outline: none;
}

.eventpal .linkSearch {
  width: 20%;
  color: black;
  float: left;
  background: red;
  color: white;
  padding: 11px 0 10px 0;
  text-align: center;
}

.eventpal .tabShop {
  width: 172px;
  height: 25px;
  float: left;
  margin-top: -10px;
  margin-right: 10px;
  padding: 25px 0px 10px 0px;
  text-align: right;
  background-image: url("shopca.png");
  background-size: 100% 100%;
  cursor: pointer;
}

.eventpal .tabShop:active,
.eventpal .tabShop:hover,
.eventpal .tabShop:focus,
.eventpal .tabShop .selected {
  background-image: url("aftershopca.png");
}

.eventpal .tabShop > a {
  margin-right: 20px;
  color: white;
}

.eventpal .tabShop > a:hover,
.eventpal .tabShop > a:active,
.eventpal .tabShop > a:focus {
  margin-right: 20px;
  color: white;
}

.eventpal .news {
  width: 1250px;
  margin: 45px auto 0 auto;
  padding-bottom: 40px;
  position: relative;
}

.eventpal .news .newsTitle {
  background: url(bg_news_title.png) repeat-x 0 0;
  text-align: center;
  margin: 0 0 30px 0;
}

.eventpal .news .newsTitle .text {
  background: #fff;
  color: #000;
  display: inline;
  font-size: 25px;
  line-height: 25px;
  padding: 0 5px;
}

.eventpal .news .newsList {
  margin: 20px 0 50px 0;
}

/*20170804 Kris revise for news */
.eventpal .activity .inner .newsList .newsItem {
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  float: left;
  width: 240px;
  margin: 0 3px 15px;
  padding: 4px;
}

.eventpal .activity .inner .newsList .newsItem .newsLink {
  color: #971e23;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none;
}

.eventpal .activity .inner .newsList .newsItem .newsLink .newsImage {
  display: block;
  width: 230px;
  height: 185px;
}

.eventpal .activity .inner .newsList .newsItem .newsHeading {
  height: 46px;
  margin: 10px 0 0 0;
  overflow: hidden;
  text-align: justify;
}

/*.eventpal .news .control {
  padding: 0 0 40px 0;
}*/
/*20170802 Kris revise for news End */

.eventpal .news .control .more {
  border: 1px solid #b0b0b0;
  color: #000;
  display: block;
  font-size: 16px;
  line-height: 16px;
  width: 164px;
  margin: 15px auto 0 auto;
  padding: 9px 0;
  text-align: center;
  text-decoration: none;
}

.eventpal .news .arrow {
  background: url(arrow_down_white.png) 0 0 no-repeat;
  width: 52px;
  height: 26px;
  position: absolute;
  left: 48%;
  z-index: 1;
}

.eventpal .shopping {
  background: #e71f19;
}

.eventpal .shopping .inner {
  width: 1250px;
  margin: -39px auto 0 auto;
  background: #e71f19;
  padding-bottom: 40px;
  position: relative;
}

.eventpal .shopping .inner .shoppingTitle {
  text-align: center;
  padding-top: 30px;
}

.eventpal .shopping .inner .shoppingTitle .text {
  background: url(icon_shopping.png) no-repeat 0 9px;
  color: #fff;
  display: inline;
  font-size: 30px;
  line-height: 25px;
  padding-left: 39px;
}

.eventpal .shopping .inner .productList {
  margin: 20px 0 50px 0;
}

.eventpal .shopping .inner .productList .productItem {
  background: #fff;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  float: left;
  width: 240px;
  margin: 0 5px;
  padding: 4px;
  position: relative;
}

.eventpal .shopping .inner .productList .productItem .productLink .productImage {
  display: block;
}

.eventpal .shopping .inner .productList .productItem .label {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 61px;
}

.eventpal .shopping .inner .productList .productItem .label.sell {
  background: url(label_sell.png) no-repeat 0 0;
}

.eventpal .shopping .inner .control {
  padding: 0 0 60px 0;
}

.eventpal .shopping .inner .control .more {
  background: #9d0602;
  border: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 16px;
  width: 164px;
  margin: 15px auto 0 auto;
  padding: 9px 0;
  text-align: center;
  text-decoration: none;
}

.eventpal .shopping .inner .arrow {
  background: url(arrow_down_red.png) 0 0 no-repeat;
  width: 52px;
  height: 26px;
  position: absolute;
  left: 48%;
  z-index: 1;
}

.eventpal .partner {
  background: url(bg_bottom.png) repeat 0 0;
  margin-left: 250px; /*20170802 Kris revise for Footer */
}

.eventpal .partner .inner {
  width: 1250px;
  margin: -39px auto 0 auto;
  background: url(bg_bottom.png) repeat 0 0;
  position: relative;
  border-bottom: 1px solid #717273;
}

.eventpal .partner .inner .partnerTitle {
  text-align: center;
  padding-top: 45px;
}

.eventpal .partner .inner .partnerTitle .text {
  background: url(icon_head.png) no-repeat 0 6px;
  color: #fff;
  display: inline;
  font-size: 30px;
  line-height: 25px;
  padding-left: 39px;
}

.eventpal .partner .inner .partnerList {
  padding: 0 10px;
  margin-top: 25px;
  margin-bottom: 35px;
  height: 80px;
  overflow: hidden;
  text-align: center;
}

.eventpal .partner .inner .partnerList .partnerItem {
  display: inline-block;
  margin: 0 15px;
}

.eventpal .partner .inner .partnerList .partnerItem .partnerLink .partnerImage {
  width: 150px;
  height: 80px;
  display: block;
}

.eventpal .partner .inner .control {
  padding: 0 0 35px 0;
}

.eventpal .partner .inner .control .more {
  background: #000;
  border: 1px solid #000;
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 16px;
  width: 164px;
  margin: 0 auto;
  padding: 9px 0;
  text-align: center;
  text-decoration: none;
}

.eventpal .searchResultArea {
  height: 1265px;
}

.eventpal .searchResultArea .inner {
  width: 1250px;
  margin: 0px auto 0px auto;
}

.eventpal .searchResultArea .inner .searchContent {
  background: url(bg_tab_content.png) repeat-x 0 0;
  border-top: 1px solid #bebebe;
  position: relative;
}

.eventpal .searchResultArea .inner .searchContent .searchTitle {
  background: #e4e4e4;
  text-align: center;
  height: 28px;
  padding: 8px;
}

.eventpal .searchResultArea .inner .searchContent .searchTitle .titleBlock {
  word-wrap: break-word;
  word-break: break-all;
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
}

.eventpal .searchResultArea .inner .searchContent .searchTitle .titleBlock .hint {
  float: left;
}

.eventpal .searchResultArea .inner .searchContent .searchTitle .titleBlock .subTitle {
  float: left;
  font-weight: bold;
  max-width: 1081px;
}

.eventpal .searchResultArea .inner .searchContent .toolbar {
  width: 100%;
  padding: 46px 130px 0 130px;
  box-sizing: border-box;
  font-size: 17px;
  line-height: 17px;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block {
  float: left;
  padding: 0 0 0 25px;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block.keyword {
  width: 275px;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block.keyword .heading {
  color: #019933;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block.keyword #searchInput {
  font-size: 15px;
  padding: 5px;
  width: 260px;
  line-height: 18px;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block.location {
  width: 175px;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block.location .heading {
  color: #0065d0;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block.time {
  width: 200px;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block.time .heading {
  color: #fe9937;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block.status {
  width: 105px;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block.status .heading {
  color: #cf0003;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block.divider {
  border-right: 1px solid #ccc;
  padding: 0 15px;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block .heading {
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 13px 0;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block .optionList {
  margin: 13px 0 0 0;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block .optionList .optionItem {
  font-size: 15px;
  float: left;
  margin: 0 10px 5px 0;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block .optionList .optionItem .inputMultiple {
  display: block;
  float: left;
  margin: 2px 4px 0 0;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .block .optionList .optionItem .text {
  display: block;
  float: left;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .control {
  float: left;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .control .btnSubmit {
  background: url(btn_submit.png) no-repeat 0 0;
  display: block;
  width: 105px;
  height: 55px;
  margin: 16px 0 0 0;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .control .btnSubmit:hover {
  opacity: 0.8;
}

.eventpal .searchResultArea .inner .searchContent .toolbar .control .btnSubmit.disabled {
  opacity: 0.5;
}

.eventpal .searchResultArea .inner .searchContent .searchResult {
  padding: 5px 0 0 14px;
  text-align: justify;
  word-wrap: break-word;
}

.eventpal .searchResultArea .inner .searchContent .paginationArea {
  text-align: center;
  /* modified bootstrap */
}

.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
}

.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > li {
  display: inline;
}

.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .disabled > span,
.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .disabled > span:hover,
.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .disabled > span:focus,
.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .disabled > a,
.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .disabled > a:hover,
.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .disabled > a:focus {
  background: #fff;
  border-color: #b0b0b0;
  color: #b0b0b0;
  cursor: not-allowed;
}

.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .active > a,
.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .active > span,
.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .active > a:hover,
.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .active > span:hover,
.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .active > a:focus,
.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > .active > span:focus {
  background: #b01a15;
  border-color: #b0b0b0;
  color: #fff;
  cursor: default;
  z-index: 2;
}

.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > li > a, .eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > li > span {
  background: #fff;
  border: 1px solid #b0b0b0;
  color: #000;
  font-size: 16px;
  float: left;
  line-height: 1.428571429;
  margin-left: 7px;
  padding: 3px 9px;
  position: relative;
  text-decoration: none;
}

.eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > li > a:hover, .eventpal .searchResultArea .inner .searchContent .paginationArea .pagination > li > span:hover {
  background: #b01a15;
  color: #fff;
}

.eventpal .searchResultArea .inner .searchContent .arrow {
  background: url(arrow_down_white.png) 0 0 no-repeat;
  width: 52px;
  height: 26px;
  position: absolute;
  left: 48%;
  bottom: -40px;
  z-index: 1;
}

.eventpal .searchResultArea .inner .actList {
  margin: 20px 0 0 0;
}

.eventpal .searchResultArea .inner .actList .actItem {
  background: #fff;
  border: 1px solid #e4e4e4;
  float: left;
  width: 240px;
  margin: 0 3px 15px 3px;
  padding: 4px;
  position: relative;
  box-sizing: border-box;
}

.eventpal .searchResultArea .inner .actList .actItem.active {
  background: #416898;
  color: #fff;
}

.eventpal .searchResultArea .inner .actList .actItem.active .title .link {
  color: #fff;
}

.eventpal .searchResultArea .inner .actList .actItem.active .tagList .tagItem .tagLink {
  color: #fff;
}

.eventpal .searchResultArea .inner .actList .actItem.active .join {
  background: #e71f19;
}

.eventpal .searchResultArea .inner .actList .actItem .label {
  position: absolute;
  left: 0;
  top: 0;
}

.eventpal .searchResultArea .inner .actList .actItem .label.candidate {
  background: url(label_candidate.png) no-repeat 0 0;
  width: 60px;
  height: 61px;
}

.eventpal .searchResultArea .inner .actList .actItem .label.notice {
  background: url(label_notice.png) no-repeat 0 0;
  width: 32px;
  height: 56px;
}

.eventpal .searchResultArea .inner .actList .actItem .label.finish {
  background: url(btn_finish.png) no-repeat 0 0;
  width: 60px;
  height: 61px;
}

.eventpal .searchResultArea .inner .actList .actItem .label.full {
  background: url(label_full.png) no-repeat 0 0;
  width: 60px;
  height: 61px;
}

.eventpal .searchResultArea .inner .actList .actItem .thumbnail .link .image {
  display: block;
  width: 230px;
  height: 185px;
}

.eventpal .searchResultArea .inner .actList .actItem .thumbnail .notice {
  background: #000;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  top: 159px;
  height: 25px;
  font-size: 15px;
  padding: 5px 5px 0 5px;
  text-align: center;
  width: 220px;
  line-height: 18px;
}

.eventpal .searchResultArea .inner .actList .actItem .title {
  margin: 0 0 10px 0;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
}

.eventpal .searchResultArea .inner .actList .actItem .title .link {
  color: #971e23;
  font-size: 18px;
  display: block;
  line-height: 22px;
  height: 22px;
  text-decoration: none;
  text-align: center;
  overflow: hidden;
}

.eventpal .searchResultArea .inner .actList .actItem .description {
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 35px 0;
}

.eventpal .searchResultArea .inner .actList .actItem .description .desciptItem {
  margin: 0 0 10px 0;
}

.eventpal .searchResultArea .inner .actList .actItem .description .desciptItem.location .placeDetail {
  display: none;
}

.eventpal .searchResultArea .inner .actList .actItem .description .desciptItem .heading {
  float: left;
  width: 75px;
}

.eventpal .searchResultArea .inner .actList .actItem .description .desciptItem .text {
  float: left;
  width: 155px;
}

.eventpal .searchResultArea .inner .actList .actItem .join {
  background: #416898;
  color: #fff;
  font-size: 15px;
  display: block;
  line-height: 15px;
  width: 205px;
  margin: 0 0 0 12px;
  padding: 6px 0;
  text-align: center;
  text-decoration: none;
}

.eventpal .searchResultArea .inner .actList .actItem .tagList {
  text-align: center;
  margin: 9px 0 6px 0;
  height: 16px;
  overflow: hidden;
}

.eventpal .searchResultArea .inner .actList .actItem .tagList .tagItem {
  display: inline;
  padding: 0 5px 0 0;
}

.eventpal .searchResultArea .inner .actList .actItem .tagList .tagItem .tagLink {
  color: #000;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
}

.eventpal .searchResultArea .inner .actList .adItem {
  background: #fff;
  border: 1px solid #e4e4e4;
  float: left;
  width: 240px;
  margin: 0 7px 15px 7px;
  padding: 4px;
  box-sizing: border-box;
}

.eventpal .searchResultArea .inner .actList .adItem .adLink {
  display: block;
}

.eventpal .searchResultArea .inner .actList .adItem .adLink .adImage {
  width: 230px;
  height: 412px;
  display: block;
}

.eventpal .searchResultArea .inner .control .more {
  border: 1px solid #b0b0b0;
  color: #000;
  display: block;
  font-size: 16px;
  line-height: 16px;
  width: 164px;
  padding: 9px 0;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
}

.eventpal .newsArea {
  width: 1250px;
  margin: 0 auto 100px auto;
}

.eventpal .newsArea .category {
  width: 1250px;
  height: 110px;
  position: relative;
}

.eventpal .newsArea .category .heading {
  background: #e71f19;
  color: #fff;
  font-size: 25px;
  line-height: 30px;
  width: 176px;
  height: 28px;
  padding: 4px 0;
  text-align: center;
  position: absolute;
  left: 15px;
  top: 0;
  z-index: 1;
}

.eventpal .newsArea .category .categoryArea {
  background: #e6e8e7;
  position: relative;
  left: 0;
  top: 5px;
  height: 108px;
}

.eventpal .newsArea .category .categoryArea .categoryList {
  height: 65px;
  padding: 45px 40px 0 40px;
  overflow: hidden;
}

.eventpal .newsArea .category .categoryArea .categoryList .categoryItem {
  float: left;
  margin: 0 25px 13px 0;
}

.eventpal .newsArea .category .categoryArea .categoryList .categoryItem .categoryLink {
  color: #000;
  font-size: 15px;
  line-height: 19px;
  text-decoration: none;
}

.eventpal .newsArea .toolbar {
  width: 1250px;
  margin: 0px auto 0px auto;
}

.eventpal .newsArea .toolbar .breadcrumb {
  float: left;
  margin: 40px 0 15px 25px;
}

.eventpal .newsArea .toolbar .breadcrumb .item {
  float: left;
}

.eventpal .newsArea .toolbar .breadcrumb .item .link {
  color: #000;
  font-size: 15px;
  text-decoration: none;
}

.eventpal .newsArea .toolbar .breadcrumb .divider {
  display: block;
  float: left;
  margin: 0 5px;
}

.eventpal .newsArea .toolbar .btnGroupMode {
  margin-top: 37px;
  float: right;
}

.eventpal .newsArea .toolbar .btnGroupMode .btn {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.eventpal .newsArea .toolbar .btnGroupMode .btn:hover {
  opacity: 0.8;
}

.eventpal .newsArea .toolbar .btnGroupMode .btn.btnModeGraph {
  background: url(icon_news_mode.png) 0 0 no-repeat;
}

.eventpal .newsArea .toolbar .btnGroupMode .btn.btnModeList {
  background: url(icon_news_mode.png) -25px 0 no-repeat;
}

.eventpal .newsArea .newsList {
  width: 1250px;
  margin: 0px auto 0px auto;
}

.eventpal .newsArea .newsList.graph .newsItem {
  border: 1px solid #e6e8e7;
  box-sizing: border-box;
  float: left;
  width: 242px;
  margin: 0 10px 20px 0;
}

.eventpal .newsArea .newsList.graph .newsItem:nth-child(5n) {
  margin: 0 0 20px 0;
}

.eventpal .newsArea .newsList.graph .newsItem .thumbnail {
  margin: 5px;
}

.eventpal .newsArea .newsList.graph .newsItem .thumbnail .link {
  display: block;
}

.eventpal .newsArea .newsList.graph .newsItem .thumbnail .link .image {
  width: 230px;
  height: 185px;
  display: block;
}

.eventpal .newsArea .newsList.graph .newsItem .inner {
  margin: 10px 4px;
}

.eventpal .newsArea .newsList.graph .newsItem .inner .title {
  border-bottom: 1px dotted #b0b0b0;
  padding: 0 0 10px 0;
}

.eventpal .newsArea .newsList.graph .newsItem .inner .title .link {
  color: #971e23;
  display: block;
  font-size: 18px;
  line-height: 22px;
  height: 22px;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
}

.eventpal .newsArea .newsList.graph .newsItem .inner .detail {
  word-wrap: break-word;
  word-break: break-all;
  font-size: 15px;
  line-height: 20px;
  height: 60px;
  text-align: justify;
  overflow: hidden;
  margin: 10px 5px;
}

.eventpal .newsArea .newsList.graph .newsItem .inner .detail .link {
  color: #000;
  display: block;
  text-decoration: none;
}

.eventpal .newsArea .newsList.graph .newsItem .inner .tagArea {
  border-top: 1px dotted #b0b0b0;
  line-height: 16px;
  height: 26px;
  white-space: nowrap;
  overflow: hidden;
}

.eventpal .newsArea .newsList.graph .newsItem .inner .tagArea .tagList {
  text-align: center;
  margin: 10px auto 0 auto;
  width: 221px;
  overflow: hidden;
}

.eventpal .newsArea .newsList.graph .newsItem .inner .tagArea .tagList .tagItem {
  display: inline;
  padding: 0 5px 0 0;
}

.eventpal .newsArea .newsList.graph .newsItem .inner .tagArea .tagList .tagItem .tagLink {
  color: #000;
  font-size: 13px;
  text-decoration: none;
}

.eventpal .newsArea .newsList.list {
  border: 1px solid #e6e8e7;
  box-sizing: border-box;
}

.eventpal .newsArea .newsList.list .newsItem {
  border-bottom: 1px dashed #b0b0b0;
  padding-bottom: 20px;
  width: 1040px;
  height: 128px;
  margin: 20px auto;
  overflow: hidden;
}

.eventpal .newsArea .newsList.list .newsItem:last-child {
  border-bottom: 0px dashed #b0b0b0;
}

.eventpal .newsArea .newsList.list .newsItem .thumbnail {
  float: left;
  width: 160px;
}

.eventpal .newsArea .newsList.list .newsItem .thumbnail .link {
  display: block;
}

.eventpal .newsArea .newsList.list .newsItem .thumbnail .link .image {
  display: block;
  width: 160px;
  height: 128px;
}

.eventpal .newsArea .newsList.list .newsItem .inner {
  float: left;
  margin-left: 20px;
  width: 860px;
}

.eventpal .newsArea .newsList.list .newsItem .inner .title .link {
  color: #000;
  font-size: 25px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  overflow: hidden;
}

.eventpal .newsArea .newsList.list .newsItem .inner .detail {
  color: #b0b0b0;
  font-size: 13px;
  text-align: justify;
  line-height: 30px;
  margin-top: 10px;
  height: 60px;
  overflow: hidden;
}

.eventpal .newsArea .newsList.list .newsItem .inner .tagArea {
  line-height: 16px;
  height: 36px;
  white-space: nowrap;
  overflow: hidden;
}

.eventpal .newsArea .newsList.list .newsItem .inner .tagArea .tagList {
  margin: 10px 0;
}

.eventpal .newsArea .newsList.list .newsItem .inner .tagArea .tagList .tagItem {
  display: inline-block;
}

.eventpal .newsArea .newsList.list .newsItem .inner .tagArea .tagList .tagItem .tagLink {
  color: #e71f19;
  font-size: 13px;
  text-decoration: none;
  margin: 0 10px 0 0;
}

.eventpal .newsArea .newsDetail {
  width: 1250px;
  margin: 0px auto 0px auto;
  border: 1px solid #e6e8e7;
  box-sizing: border-box;
  padding: 25px;
}

.eventpal .newsArea .newsDetail .inner {
  width: 1040px;
  margin: 0 auto;
}

.eventpal .newsArea .newsDetail .inner .newsTitle {
  border-bottom: 1px solid #e6e8e7;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #e71f19;
  font-size: 25px;
  line-height: 30px;
}

.eventpal .newsArea .newsDetail .inner .coverImage {
  text-align: left;
}

.eventpal .newsArea .newsDetail .inner .coverImage .mainImage {
  display: inline-block;
  width: 560px;
}

.eventpal .newsArea .newsDetail .inner .time {
  font-size: 15px;
  line-height: 18px;
  text-align: right;
  margin-bottom: 10px;
}

.eventpal .newsArea .newsDetail .inner .newsInfo {
  font-size: 15px;
  line-height: 29px;
  margin-top: 10px;
}

.eventpal .newsArea .newsDetail .tagArea {
  border-top: 1px solid #e6e8e7;
  line-height: 16px;
}

.eventpal .newsArea .newsDetail .tagArea .tagList {
  margin: 25px 0 0 0;
}

.eventpal .newsArea .newsDetail .tagArea .tagList .tagItem {
  display: inline-block;
}

.eventpal .newsArea .newsDetail .tagArea .tagList .tagItem .tagLink {
  color: #b0b0b0;
  font-size: 13px;
  text-decoration: none;
  margin: 0 10px 0 0;
}

.eventpal .newsArea .recommendNews {
  position: relative;
  width: 1250px;
  margin: 20px auto 60px auto;
}

.eventpal .newsArea .recommendNews .title {
  background: url(recommend_news_title.png) no-repeat center 5px;
  height: 47px;
}

.eventpal .newsArea .recommendNews .recommendNewsList {
  border-right: 1px solid #e6e8e7;
  border-bottom: 1px solid #e6e8e7;
  border-left: 1px solid #e6e8e7;
  margin-top: -25px;
  padding: 48px 0;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock {
  width: 1160px;
  border-bottom: 1px dashed #b0b0b0;
  margin: 0 auto;
  padding: 20px 0;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock:last-child {
  border-bottom: 0px dashed #b0b0b0;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem {
  width: 1040px;
  height: 128px;
  margin: 0 auto;
  overflow: hidden;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .thumbnail {
  float: left;
  width: 160px;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .thumbnail .link {
  display: block;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .thumbnail .link .image {
  display: block;
  width: 160px;
  height: 128px;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .inner {
  width: 860px;
  float: left;
  margin-left: 20px;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .inner .heading {
  font-size: 25px;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .inner .heading .link {
  white-space: nowrap;
  color: #000;
  text-decoration: none;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .inner .detail {
  color: #b0b0b0;
  font-size: 13px;
  text-align: justify;
  line-height: 30px;
  margin: 10px 0 0 0;
  height: 60px;
  overflow: hidden;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .inner .detail .more {
  color: #e71f19;
  text-decoration: none;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .inner .tagArea {
  line-height: 16px;
  height: 36px;
  white-space: nowrap;
  overflow: hidden;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .inner .tagArea .tagList {
  margin: 10px 0;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .inner .tagArea .tagList .tagItem {
  display: inline-block;
}

.eventpal .newsArea .recommendNews .recommendNewsList .newsBlock .newsItem .inner .tagArea .tagList .tagItem .tagLink {
  color: #e71f19;
  font-size: 13px;
  text-decoration: none;
  margin: 0 10px 0 0;
}

.eventpal .newsArea .paginationArea {
  text-align: center;
  /* modified bootstrap */
}

.eventpal .newsArea .paginationArea .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
}

.eventpal .newsArea .paginationArea .pagination > li {
  display: inline;
}

.eventpal .newsArea .paginationArea .pagination > .disabled > span,
.eventpal .newsArea .paginationArea .pagination > .disabled > span:hover,
.eventpal .newsArea .paginationArea .pagination > .disabled > span:focus,
.eventpal .newsArea .paginationArea .pagination > .disabled > a,
.eventpal .newsArea .paginationArea .pagination > .disabled > a:hover,
.eventpal .newsArea .paginationArea .pagination > .disabled > a:focus {
  background: #fff;
  border-color: #b0b0b0;
  color: #b0b0b0;
  cursor: not-allowed;
}

.eventpal .newsArea .paginationArea .pagination > .active > a,
.eventpal .newsArea .paginationArea .pagination > .active > span,
.eventpal .newsArea .paginationArea .pagination > .active > a:hover,
.eventpal .newsArea .paginationArea .pagination > .active > span:hover,
.eventpal .newsArea .paginationArea .pagination > .active > a:focus,
.eventpal .newsArea .paginationArea .pagination > .active > span:focus {
  background: #b01a15;
  border-color: #b0b0b0;
  color: #fff;
  cursor: default;
  z-index: 2;
}

.eventpal .newsArea .paginationArea .pagination > li > a, .eventpal .newsArea .paginationArea .pagination > li > span {
  background: #fff;
  border: 1px solid #b0b0b0;
  color: #000;
  font-size: 16px;
  float: left;
  line-height: 1.428571429;
  margin-left: 7px;
  padding: 3px 9px;
  position: relative;
  text-decoration: none;
}

.eventpal .newsArea .paginationArea .pagination > li > a:hover, .eventpal .newsArea .paginationArea .pagination > li > span:hover {
  background: #b01a15;
  color: #fff;
}

.eventpal .newsArea .arrow {
  background: url(arrow_down_white.png) 0 0 no-repeat;
  width: 52px;
  height: 26px;
  position: absolute;
  left: 48%;
  z-index: 1;
}

/*20170907 Kris revise for Footer */
.eventpal .footer {
  background: url(bg_bottom.png) repeat 0 0;
  min-height: 30px;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 998;
}

.eventpal .footer .inner {
  width: 1250px;
  margin: 0px auto;
  background: url(bg_bottom.png) repeat 0 0;
  /*padding: 10px 0px;*/
  padding: 5px 0px;
}

.eventpal .footer .inner .section {
  /*width: 215px;*/
  float: left;
  /*margin-right: 40px;*/
  margin-right: 20px;
  height: 20px;
  overflow: hidden;
  /*padding-top: 10px;*/
}

.eventpal .footer .inner .section.activity {
  margin-left: 160px;
}

.eventpal .footer .inner .section.partner {
  /*width: 285px;*/
  padding-top: 0px;
  margin-left: 360px;
}

.eventpal .footer .inner .section.about {
  /*margin-right: 95px;*/
  /*width: 380px;*/ /*20170810 Kris revise for line icon*/
}

.eventpal .footer .inner .section.search {
  white-space: nowrap;
}

.eventpal .footer .inner .section .heading {
  font-size: 25px;
  color: #fff;
  margin: 0 0 10px 0;
  display: none;
}

.eventpal .footer .inner .section .list {
  /*line-height: 27px;*/
}

.eventpal .footer .inner .section .list.social {
  display: none;
}

.eventpal .footer .inner .section .list.social .item {
  float: left;
  margin: 0 10px;
}

.eventpal .footer .inner .section .list.social .item .link .icon {
  width: 32px;
  height: 32px;
  display: block;
}

.eventpal .footer .inner .section .list.social .item .link .icon.fb {
  background: url(icon_facebook.png) no-repeat 0 0;
}

.eventpal .footer .inner .section .list.social .item .link .icon.gp {
  background: url(icon_gp.png) no-repeat 0 0;
}

.eventpal .footer .inner .section .list.social .item .link .icon.instagram {
  background: url(icon_instagram.png) no-repeat 0 0;
}

.eventpal .footer .inner .section .list.social .item .link .icon.youtube {
  background: url(icon_youtube.png) no-repeat 0 0;
}

.eventpal .footer .inner .section .list.social .item .link .text {
  display: none;
}

.eventpal .footer .inner .section .list .item {
  color: #fff;
  font-size: 15px;
  line-height: 20px;
}

.eventpal .footer .inner .section .list .item .link {
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
}

.eventpal .footer .inner .section .list .item .itemLink {
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  padding: 0 5px;
}

.eventpal .footer .twca {
  text-align: inherit;
  position: absolute;
  margin-left: 135px;
  margin-top: -4px;
  display: none;
}
/*20170802 Kris revise for Footer End */

.eventpal .footer .twca #twcaseal {
  display: inline-block;
}

#twcaseal .twscsealImg {
  width: 70%;
}

#twcaseal #twcad3 {
  width: 12.6px;
  left: 40px;
  top: 32px;
}

/*20170802 Kris revise for Footer */
.eventpal #goTop {
  /*
		background: url(go_top.png) no-repeat 0 0;
		width: 71px;
		height: 71px;
		*/
  display: none;
  position: fixed;
  right: 10px;
  /*margin-right: -630px;*/
  bottom: 50px;
}
/*20170802 Kris revise for Footer End*/

/*20160202 Chrid add*/
.timeLine {
  margin-top: 35px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 1186px;
  height: 69px;
  background-size: 100% 100%;
}

.timeLine > div {
  height: 100%;
  float: left;
  background-image: url("../images/timeLine.png");
}

.timeLine > div.selected,
.timeLine > div:hover,
.timeLine > div:active,
.timeLine > div:focus {
  background-image: url("../images/timeLineOver.png");
}

.timeLine > div > a,
.timeLine > div > input {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}

.timeLine .timeLineInput {
  width: 153px;
  background-position: 0% 0%;
}

.timeLine .timeLineInput > div {
  width: 101px;
  height: 27px;
  background: black;
  margin-top: 18px;
  margin-left: 26px;
}

.timeLine .timeLineMonth {
  width: 75px;
  cursor: pointer;
}

.timeLine .timeLineMonth.M01 {
  background-position: 1033px 0%;
}

.timeLine .timeLineMonth.M02 {
  background-position: 958px 0%;
}

.timeLine .timeLineMonth.M03 {
  background-position: 883px 0%;
}

.timeLine .timeLineMonth.M04 {
  background-position: 808px 0%;
}

.timeLine .timeLineMonth.M05 {
  background-position: 733px 0%;
}

.timeLine .timeLineMonth.M06 {
  background-position: 658px 0%;
}

.timeLine .timeLineMonth.M07 {
  background-position: 583px 0%;
}

.timeLine .timeLineMonth.M08 {
  background-position: 508px 0%;
}

.timeLine .timeLineMonth.M09 {
  background-position: 433px 0%;
}

.timeLine .timeLineMonth.M10 {
  background-position: 358px 0%;
}

.timeLine .timeLineMonth.M11 {
  background-position: 283px 0%;
}

.timeLine .timeLineMonth.M12 {
  background-position: 208px 0%;
}

.timeLine .timeLineMonth.All {
  width: 133px;
  background-position: 133px 0%;
  cursor: pointer;
}

/*20160202 Chrid add*/
/*20160415 Chris add to phone*/
.phoneSkin .kvWrapper {
  display: none;
}

.phoneSkin .innerTitle {
  margin-left: 90px;
}

.phoneSkin .innerContent {
  background: none;
  box-shadow: none;
}

.phoneSkin .innerContent .innerNav {
  display: none;
}

.phoneSkin .innerContent .innerMain {
  margin-left: 65px;
  box-shadow: none;
}

.phoneSkin .innerContent .moreComment {
  left: 640px;
}

.phoneSkin .facebookComment {
  display: none;
}

.phoneSkin .footer {
  width: 1250px;
  background: none;
  min-height: 1px;
}

.phoneSkin .footer .inner.clearfix {
  display: none;
}

.phoneSkin #online_sign_a {
  margin-left: 475px;
  bottom: 250px;
}

.phoneSkin #online_sign_a #online_sign_img {
  width: 123px;
  height: 111px;
}

.phoneSkin #goTop img {
  width: 107px;
  height: 107px;
}

.phoneSkin .signUpBtn {
  display: none;
}

/*20160415 Chris add to phone end*/

/*20170116 Martin add icon */
.eventpal .menu .menuContent .nav .navList .navItem .navLink.addNavIcon {
    padding-left: 40px;
    position: relative;
}
.navIcon {
    padding: 0px 15px 0px 45px;
}
.navPhoneIcon {
    background: url("tel_icon.png") no-repeat 10px center; 
}
.navPhoneIcon:hover {
    background: url("tel_icon_hover.png") no-repeat 10px center #e71f19;
}
.navShoppingIcon {
    background: url("shopping.png") no-repeat 10px center;    
}
.navShoppingIcon:hover {
    background: url("shopping_hover.png") no-repeat 10px center #e71f19;    
}
/*20170810 Kris add icon*/
.navCameraIcon {
    background: url("camera.png") no-repeat 10px center;
}
.navCameraIcon:hover {
    background: url("camera_hover.png") no-repeat 10px center #e71f19;
}
/*20170810 Kris add icon End*/
/*20171123 Kris add icon*/
.navSportIcon {
    background: url("sport.png") no-repeat 10px center;
}
.navSportIcon:hover {
    background: url("sport_hover.png") no-repeat 10px center #e71f19;
}
/*20171123 Kris add icon End*/
/*20170809 Kris add icon*/
.navNewsIcon {
    background: url("news.png") no-repeat 10px center;
}
.navNewsIcon:hover {
    background: url("news_hover.png") no-repeat 10px center #e71f19;
}
.navStarIcon {
    background: url("star.png") no-repeat 10px center;
}
.navStarIcon:hover {
    background: url("star_hover.png") no-repeat 10px center #e71f19;
}
.loginIcon {
    background: url("login.png") no-repeat 10px center;
}
.loginIcon:hover {
    background: url("login_hover.png") no-repeat 10px center #e71f19;
}

#loginBox .loginText {
  padding: 10px 12px 12px 42px; /*20170810 Kris add icon*/
}

/*20170809 Kris add icon End*/
/*20170116 Martin add icon End*/

/*20170718 Kris add icon */
.coupon {
  text-align: center;
}

.couponIcon {
  display: inline-block;
  overflow: hidden;
  height: 0;
  padding: 50px 0 0 0;
}

.couponIcon1 {
  background-image: url(couponIcon1.jpg);
  width: 350px;
}

.couponIcon1:hover{
  background-image: url(couponIcon1_hover.jpg);
}   

.couponIcon2{
  background-image: url(couponIcon2.jpg);
  width: 300px;
}

.couponIcon2:hover{
  background-image: url(couponIcon2_hover.jpg);
}
/*20170718 Kris add icon End*/

@media screen and (max-width: 1251px){
  .eventpal .menu .menuContent .nav {
    float: left;
    margin-top: 20px;
  }/*20171123 Kris revise Header for mobile device*/

	.footer{
		width:1250px;
	}
}

@media screen and (max-width: 1000px){
	.online_sign{
		left: 50%;
		margin-left: 530px;
	}
	.eventpal #goTop {
		right: 50px;
		margin-right: -35px;
	}
	.sponsor_bt{
    left:50%;margin-left:530px;
  }
}

/* 2017.02.16 - Martin - drink festival */
.noDrunk {
    width: 48px;
    height: 518px;
    background-image: url("noDrunkAnnouncement.png");
    background-repeat: no-repeat;
    top: 0;
    right: 50%;
    position: absolute;
    margin-right: 550px;
    z-index: 600;
}
/* 2017.02.16 - Martin - drink festival End */

/* 2017.11.24 Add by J.C verifyCode start */
.verifyCode {
    background:url(verify_code_bg.png);
	font-family:Arial;
	font-style:italic;
	color:#aaa;
	font-size:50px;
	border:0;
	/* padding:2px 3px; */
	letter-spacing:3px;
	font-weight:bolder;             
	/* float:left; */
	cursor:pointer;
	/* width:150px; */
	height:60px;
	line-height:55px;
	text-align:center;
	vertical-align:middle;
}
a.changeAnother {
	text-decoration:none;
	font-size:16px;
	color:blue;
}
a.changeAnother:hover {
	text-decoration:underline;
}
/* 2017.11.24 Add by J.C verifyCode end */