@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
*{font-family:'Noto Sans TC';}

body {
  font-family: 'Akkurat-Regular', Arial, sans-serif;
  font-size: 16px; }

b {
  font-weight: 700; }

h3 {
  font-size: 28px; }

a {
  color: #072c62;
  text-decoration: underline; }
  a:hover {
    color: #041732;
    text-decoration: none; }

.orange {
  color: #cdd903; }

a.orange {
  color: #cdd903; }
  a.orange:hover {
    color: #9da702;
    text-decoration: none; }

.blue {
  color: #072c62; }

.bold-list {
  font-weight: 700; }
  .bold-list li span {
    font-weight: normal; }

.clear-both {
  clear: both; }

.btn {
  text-decoration: none !important; }

.mb10 {
  margin-bottom: 10px; }

.mt10 {
  margin-top: 10px; }

.arrow_top {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 7px 7.5px;
  border-color: transparent transparent #000000 transparent; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide {
  display: none !important; }

.wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
  max-width: 1024px; }

#main {
  background: url(../images/content-bg.jpg) repeat top center;
  padding: 30px 30px 100px; }

.box {
  border-radius: 10px;
  border: 1px solid #ececec;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.18);
  padding: 20px;
  background-color: #fff; }
  .box h2 {
    margin: 0 0 30px;
    background-color: #cdd903;
    color: #072c62;
    font-size: 24px;
    font-weight: 700;
    padding: 10px; }

#content-area h1.headline {
  font-size: 36px;
  text-align: center;
  color: #072c62;
  border-bottom: 5px solid #cdd903;
  padding-bottom: 20px;
  margin: 0 auto 50px;
  display: inline-block;
  text-transform: uppercase; }

header {
  clear: both;
  position: relative;
  border-bottom: 5px solid #cdd903;
  margin: 0 auto;
  height: 460px;
  overflow: hidden; }
  header > .wrapper {
    height: 460px; }
  header .header-ph {
    max-width: 100%; }
  header #ceva-logo {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 2; }
  header nav {
    position: absolute;
    right: 30px;
    top: 35px;
    z-index: 2; }
    header nav a {
		font-size:16px;
      display: block;
      float: left;
      margin-left: 20px;
      text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.5);
      text-transform: uppercase;
      font-weight: 300;
      color: #fff;
      text-decoration: none;
      -moz-transition: color linear 0.1s;
      -o-transition: color linear 0.1s;
      -webkit-transition: color linear 0.1s;
      transition: color linear 0.1s; }
      header nav a:hover {
        color: #cdd903;
        text-decoration: none; }
  header .bottom-nav {
	  font-size:16px;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    color: #fff; }
    header .bottom-nav .btn {
      font-size: 18px;
      text-transform: uppercase;
      padding-left: 20px;
      padding-right: 20px;
      margin-right: 4px;
      vertical-align: baseline;
      font-weight: 300;
	  text-shadow:#000 1px 1px 3px; }

header .banner-txt {
  z-index: 2;
  color: #fff;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  header .banner-txt h1 {
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    text-shadow: 4px 5px 10px rgba(0, 0, 0, 0.75);
    margin-bottom: 0;
    margin-top: 0px; }
  header .banner-txt h2 {
    color: #cdd903;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 4px 5px 10px rgba(0, 0, 0, 0.75);
    margin-bottom: 0;
    margin-top: 15px; }

header .gallery {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  overflow: hidden; }
  header .gallery .slide {
    height: 460px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }

header .bx-wrapper .bx-prev {
  left: 10px;
  background-image: url("../images/header-slides/arrow-left.png");
  background-repeat: no-repeat; }

header .bx-wrapper .bx-next {
  background-image: url("../images/header-slides/arrow-right.png");
  background-repeat: no-repeat; }

header .bx-wrapper .bx-prev,
header .bx-wrapper .bx-next {
  background-position: center; }
  header .bx-wrapper .bx-prev:hover,
  header .bx-wrapper .bx-next:hover {
    background-position: center;
    opacity: .6;
    -moz-transition: opacity linear 0.2s;
    -o-transition: opacity linear 0.2s;
    -webkit-transition: opacity linear 0.2s;
    transition: opacity linear 0.2s; }

header .bx-wrapper .bx-controls-direction a {
  width: 36px;
  height: 52px;
  margin-top: -26px; }

footer .banner-area .line {
  background-color: #32353b;
  padding: 20px;
  color: #fff;
  text-align: center; }

footer .banner-area .banner {
  background: url(../images/footer-banner.jpg) repeat-x top center;
  height: 130px;
  position: relative;
  text-align: center;
  color: #fff; }
  footer .banner-area .banner .txt {
    width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    footer .banner-area .banner .txt .title {
      font-size: 24px;
      font-weight: 700; }
    footer .banner-area .banner .txt a {
      font-size: 20px;
      text-decoration: none; }

footer .address-wrapper {
  padding: 30px; }
  footer .address-wrapper h3 {
    margin-bottom: 30px; }

footer .location-wrapper .location {
  margin-bottom: 30px;
  height: 160px; }
  footer .location-wrapper .location b {
    color: #072c62; }

footer .location-wrapper a {
  color: #5b77a1; }

footer .copyrights-wrapper h3 {
  margin-top: 40px;
  margin-bottom: 30px; }

.share-and-lang {
  margin-bottom: 50px; }

.lang a {
  display: inline-block;
  padding: 10px;
  border: 1px solid #000;
  border-radius: 3px;
  color: #2f2f2f;
  text-decoration: none;
  -moz-transition: color linear 0.1s;
  -o-transition: color linear 0.1s;
  -webkit-transition: color linear 0.1s;
  transition: color linear 0.1s;
  margin-left: 14px; }
  .lang a:hover {
    color: #0d0d0d;
    text-decoration: none; }

.share-wrapper {
  line-height: 36px; }
  .share-wrapper a {
    display: inline-block;
    margin-left: 10px;
    text-decoration: none;
    vertical-align: bottom; }
    .share-wrapper a i {
      display: block;
      width: 39px;
      height: 36px;
      background-repeat: no-repeat; }
      .share-wrapper a i.icon-fb {
        background-image: url(../images/icon-fb.png); }
      .share-wrapper a i.icon-tw {
        background-image: url(../images/icon-tw.png); }
      .share-wrapper a i.icon-g {
        background-image: url(../images/icon-g.png); }
      .share-wrapper a i.icon-in {
        background-image: url(../images/icon-in.png); }
      .share-wrapper a i.icon-wechat {
        background-image: url(../images/icon-wechat.png); }
      .share-wrapper a i.icon-weibo {
        background-image: url(../images/icon-weibo.png); }

@media (max-width: 767px) {
  .share-wrapper {
        margin-bottom: 20px;
    }

    .lang {
    text-align: center;
}
}

.home-prizes {
  width: 650px;
  margin: 95px auto 0;
  padding-left: 10px;
  vertical-align: middle;
  font-size: 20px;
  color: #072c62; }
  .home-prizes .content-p {
    width: 470px;
    margin: 0 auto 20px; }
  .home-prizes .line {
    background-color: #cdd903;
    height: 3px;
    width: 50%;
    margin: 10px auto 30px; }
  .home-prizes img {
    border-radius: 10px;
    max-width: 100%;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }


@media (max-width: 649px) {
  .home-prizes, .home-prizes .content-p  {
        width: 100%;
    }
}

.venues-holder .row:nth-child(odd) .item {
  background-color: #f7f7f7; }

.venues-holder .row:nth-child(even) .item {
  background-color: #fff; }

.venues-holder .item {
  padding: 20px;
  overflow: hidden;
  clear: both;
  margin-bottom: 25px; }
  .venues-holder .item h2 {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 28px;
    color: #072c62;
    font-weight: 600; }
  .venues-holder .item p {
    margin-bottom: 24px; }
  .venues-holder .item .map {
    border: 1px solid #5a6976;
    width: 100%;
    height: 280px; }

.partners-holder {
  margin-left: -20px;
  margin-right: -20px;
  clear: both; }
  .partners-holder .item {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px; }
    .partners-holder .item .item-box {
      width: 160px;
      height: 90px;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.18); }
  .partners-holder h3 {
    font-size: 28px;
    text-align: center;
    color: #072c62;
    margin: 35px auto; }

.speakers-holder {
  margin-left: -40px;
  margin-right: -40px;
  clear: both; }
  .speakers-holder .item {
    float: left;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 44px;
    text-align: center;
    width: 25%; }
    .speakers-holder .item .item-box {
      height: 210px;
      cursor: pointer;
      width: 170px;
      font-size: 18px; }
      .speakers-holder .item .item-box .name {
        font-weight: 700; }
      .speakers-holder .item .item-box img {
        border: 1px solid #ccc;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.speaker-dialog {
  color: #6e6e6e; }
  .speaker-dialog.media {
    overflow: visible; }
  .speaker-dialog img {
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .speaker-dialog .media-left, .speaker-dialog .media > .pull-left {
    padding-right: 30px; }

.ngdialog-content {
  border-top: 5px solid #cdd903; }

.ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 600px !important; }

.ngdialog.ngdialog-theme-default {
  padding-top: 20px !important; }

.city-schadule {
  font-size: 28px;
  text-align: center;
  color: #072c62;
  margin: 55px auto; }

.schedule-holder table {
  font-size: 17px;
  color: #6e6e6e;
  font-weight: normal;
  margin-bottom: 0 !important; }
  .schedule-holder table .grey {
    background-color: #f7f7f7; }
  .schedule-holder table .dark-grey {
    background-color: #ededed;
    border-left: 4px solid #cdd903; }
  .schedule-holder table tr.shedule-title {
    text-transform: uppercase; }
  .schedule-holder table tr:last-child {
    border-bottom: 1px solid #e1e1e2; }
  .schedule-holder table th, .schedule-holder table td {
    padding-top: 9px !important; }
    .schedule-holder table th.schedule-time, .schedule-holder table td.schedule-time {
      width: 14.06%;
      padding-left: 2.3% !important; }
    .schedule-holder table th.time, .schedule-holder table td.time {
      padding-left: 7.6% !important; }
    .schedule-holder table th.schedule-description, .schedule-holder table td.schedule-description {
      padding-left: 1.77% !important; }
    .schedule-holder table th.break, .schedule-holder table td.break {
      font-weight: 600;
      border-right: 1px solid #ededed; }
  .schedule-holder table.communication tr {
    /*.schedule-description:last-child {
				border-left: 1px solid $table-border;
				
				}*/ }
    .schedule-holder table.communication tr th, .schedule-holder table.communication tr td {
      width: 42.97%; }
      .schedule-holder table.communication tr th.schedule-time, .schedule-holder table.communication tr td.schedule-time {
        width: 14.06%; }
      .schedule-holder table.communication tr th.specific, .schedule-holder table.communication tr td.specific {
        padding-left: 0px !important; }
      .schedule-holder table.communication tr th.bordered-left-row, .schedule-holder table.communication tr td.bordered-left-row {
        border-left: 1px solid #e1e1e2; }
      .schedule-holder table.communication tr th.title, .schedule-holder table.communication tr td.title {
        border-left: 4px solid #bababa !important;
        background-color: #f7f7f7; }
  .schedule-holder table.communication .conclusion {
    background-color: #ededed !important; }
  .schedule-holder table.communication .schedule-time-begining, .schedule-holder table.communication .schedule-time-ending {
    width: 100%;
    padding-left: 20px !important; }
  .schedule-holder table.communication .schedule-time-begining {
    padding-bottom: 10px; }
  .schedule-holder table.communication .schedule-time-ending {
    padding-top: 10px;
    border-top: 1px solid #e1e1e2; }

.hidden-text {
  display: none; }

.registration-wrapper {
  max-width: 585px;
  margin: 0 auto; }
  .registration-wrapper .registration-form {
    width: 100%;
    border-top: 1px solid #e1e1e2; }
    .registration-wrapper .registration-form tr {
      border-right: 1px solid #e1e1e2; }
      .registration-wrapper .registration-form tr td {
        font-size: 17px;
        height: 60px;
        vertical-align: middle;
        border-bottom: 1px solid #e1e1e2;
        border-left: 1px solid #e1e1e2; }
        .registration-wrapper .registration-form tr td:first-child {
          text-align: right;
          width: 45%;
          padding-right: 15px;
          background-color: #f7f7f7; }
        .registration-wrapper .registration-form tr td:last-child {
          width: 55%;
          padding-left: 22px;
          padding-right: 22px;
          background-color: #fff; }
        .registration-wrapper .registration-form tr td label {
          font-weight: normal; }
        .registration-wrapper .registration-form tr td.required {
          background: transparent !important;
          position: relative; }
          .registration-wrapper .registration-form tr td.required .asterisk {
            font-size: 20px;
            color: #d93503;
            position: absolute;
            top: 5px;
            margin-left: -12px; }
      .registration-wrapper .registration-form tr.buttons-row {
        border: 0; }
        .registration-wrapper .registration-form tr.buttons-row td {
          border: 0;
          background-color: transparent !important; }
    .registration-wrapper .registration-form input {
      border: 1px solid #6e6e6e;
      height: 40px;
      font-size: 17px; }
    .registration-wrapper .registration-form .btn {
      font-size: 16px;
      text-transform: uppercase;
      padding-left: 38px;
      padding-right: 38px;
      vertical-align: baseline;
      font-weight: 700;
      color: #072c62; }

.icon-download {
  background-image: url(../images/icon-download.png);
  background-repeat: no-repeat;
  background-position: center 3px;
  width: 16px;
  min-height: 20px;
  display: inline-block;
  margin-right: 10px; }

.presentations .schedule-holder .communication td.schedule-description,
.presentations .schedule-holder .communication td.schedule-description {
  padding-left: 50px !important;
  position: relative; }
  .presentations .schedule-holder .communication td.schedule-description .icon-download,
  .presentations .schedule-holder .communication td.schedule-description .icon-download {
    position: absolute;
    margin-right: 0;
    left: 21px;
    top: 13px; }

.presentations .schedule-holder .table th.time, .presentations .schedule-holder table td.time {
  padding-left: 0 !important; }

.presentations .schedule-holder table th.schedule-time, .presentations .schedule-holder table td.schedule-time {
  width: auto !important; }