/* USING SCSS FOR THE LAYOUT. CSS*/
.disable-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important; }

.clearfix {
  *zoom: 1; }
  .clearfix:after {
    clear: both;
    content: "";
    display: table; }

.disable-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important; }

/*background*/
.bgRed {
  background-color: #bd1e2c; }

.bgBrown {
  background-color: #b18b5f; }

.bgBrownD {
  background-color: #856643; }

.bgBrownXD {
  background-color: #68311d; }

.bgWhite, html, body {
  background-color: #ffffff; }

.bgWhiteI {
  background-color: #ffffff !important; }

.bgGreyL {
  background-color: #e3e2d4; }

.bgGrey {
  background-color: #222222; }

/*color*/
.colorRed {
  color: #bd1e2c; }

.colorRedL {
  color: #eb003b; }

.colorBrown, .footer p a {
  color: #b18b5f; }

.colorBrownD {
  color: #856643; }

.colorWhite, .nav a, .nav ul a {
  color: #ffffff; }

.colorGreyL {
  color: #e3e2d4; }

.colorGrey, .inner * {
  color: #222222; }

body, html {
  background-color: #f0f0f0; }
  body a, html a {
    color: #222222; }
  body .section .innerwrapper, html .section .innerwrapper {
    background-color: #e5e5e5; }
    body .section .innerwrapper .breadcrumb a, html .section .innerwrapper .breadcrumb a {
      color: #999999; }
  body .section.header .innerwrapper, html .section.header .innerwrapper {
    background-color: #ffffff !important; }
    body .section.header .innerwrapper .desktop-nav a, html .section.header .innerwrapper .desktop-nav a {
      color: #ffffff !important; }
    body .section.header .innerwrapper input, html .section.header .innerwrapper input {
      background: #e3e2d4; }
    body .section.header .innerwrapper a, html .section.header .innerwrapper a {
      color: #222222; }
  body .section.footer .innerwrapper, html .section.footer .innerwrapper {
    background-color: #ffffff; }
    body .section.footer .innerwrapper a, html .section.footer .innerwrapper a {
      color: #222222 !important; }
  body .section.banner .arrow, html .section.banner .arrow {
    color: #000000; }

.blue .mainBgD {
  background-color: #00679a !important; }
  .blue .mainBgD * {
    color: #ffffff; }
.blue .mainBg {
  background-color: #0088cb !important; }
  .blue .mainBg * {
    color: #ffffff; }
.blue .mainColor {
  color: #0088cb; }
.blue .subBg, .blue .section.front-grid .innerwrapper a, .section.front-grid .innerwrapper .blue a {
  background-color: #f26522; }
  .blue .subBg *, .blue .section.front-grid .innerwrapper a *, .section.front-grid .innerwrapper .blue a * {
    color: #ffffff; }
.blue .subColor {
  color: #f26522; }
.blue .nav {
  background-color: #0088cb; }
.blue .nav .innerwrapper .lang a.active, .blue .nav .innerwrapper .lang a:hover {
  background-color: #f26522; }
.blue h2, .blue a {
  color: #0088cb; }
.blue .btn {
  background-color: #0088cb !important;
  color: #ffffff !important; }
  .blue .btn:hover {
    background-color: #f26522 !important; }
.blue .section .innerwrapper .breadcrumb {
  color: #0088cb; }
.blue .section .innerwrapper .btn-download, .blue .section .innerwrapper .btn-apply {
  background-color: #0088cb !important;
  color: #ffffff !important; }
  .blue .section .innerwrapper .btn-download:hover, .blue .section .innerwrapper .btn-apply:hover {
    background-color: #f26522 !important; }
.blue .section .innerwrapper .pass-event a:hover .text {
  color: #0088cb !important; }
.blue .section.content .innerwrapper .list-calendar tbody tr td a.mainColor {
  color: #0088cb !important; }
  .blue .section.content .innerwrapper .list-calendar tbody tr td a.mainColor:hover {
    color: #f26522 !important; }
.blue .section.header .innerwrapper .desktop-nav {
  background-color: #0088cb; }
  .blue .section.header .innerwrapper .desktop-nav a:hover {
    background-color: #f26522; }
  .blue .section.header .innerwrapper .desktop-nav .submenu a {
    color: #0088cb !important; }
    .blue .section.header .innerwrapper .desktop-nav .submenu a:hover {
      color: #ffffff !important; }
.blue .section.header .innerwrapper a:hover {
  color: #0088cb; }
.blue .section.banner .flag {
  background: url("/images/common/front/flag-blue.png") 0 0 no-repeat;
  background-size: 100% 100%; }
.blue .section.banner .arrow {
  background: url("../images/common/front/arrow-theme-blue.png") 0 0 no-repeat; }
  .blue .section.banner .arrow > a {
    color: #222222; }
    .blue .section.banner .arrow > a .triangle {
      border-color: transparent transparent transparent #222222; }
.blue .section.title.about h1 {
  background: url("../images/common/about/bg-blue.jpg") 0 0 no-repeat; }
.blue .section.title.programmes h1 {
  background: url("../images/common/programmes/bg-blue.jpg") 0 0 no-repeat; }
.blue .section.title.contact-us h1 {
  background: url("../images/common/contact-us/bg-blue.jpg") 0 0 no-repeat; }
.blue .section.title.gallery h1 {
  background: url("../images/common/gallery/bg-blue.jpg") 0 0 no-repeat; }
.blue .section select {
  background: url("../images/common/select-arrow-blue.jpg") right 0 no-repeat #ffffff; }
@media screen and (max-width: 640px) {
  .blue .list-calendar .btn {
    background: #0088cb !important; } }

.red .mainBgD {
  background-color: #bd1e2c !important; }
  .red .mainBgD * {
    color: #ffffff; }
.red .mainBg {
  background-color: #bd1e2c !important; }
  .red .mainBg * {
    color: #ffffff; }
.red .mainColor {
  color: #bd1e2c; }
.red .subBg, .red .section.front-grid .innerwrapper a, .section.front-grid .innerwrapper .red a {
  background-color: #0088cb; }
  .red .subBg *, .red .section.front-grid .innerwrapper a *, .section.front-grid .innerwrapper .red a * {
    color: #ffffff; }
.red .subColor {
  color: #0088cb; }
.red .nav {
  background-color: #bd1e2c; }
.red .nav .innerwrapper .lang a.active, .red .nav .innerwrapper .lang a:hover {
  background-color: #0088cb; }
.red h2, .red a {
  color: #bd1e2c; }
.red .btn {
  background-color: #bd1e2c !important;
  color: #ffffff !important; }
  .red .btn:hover {
    background-color: #0088cb !important; }
.red .section .innerwrapper .breadcrumb {
  color: #bd1e2c; }
.red .section .innerwrapper .btn-download, .red .section .innerwrapper .btn-apply {
  background-color: #bd1e2c !important;
  color: #ffffff !important; }
  .red .section .innerwrapper .btn-download:hover, .red .section .innerwrapper .btn-apply:hover {
    background-color: #0088cb !important; }
.red .section .innerwrapper .pass-event a:hover .text {
  color: #bd1e2c !important; }
.red .section.content .innerwrapper .list-calendar tbody tr td a.mainColor {
  color: #bd1e2c !important; }
  .red .section.content .innerwrapper .list-calendar tbody tr td a.mainColor:hover {
    color: #0088cb !important; }
.red .section.header .innerwrapper .desktop-nav {
  background-color: #bd1e2c; }
  .red .section.header .innerwrapper .desktop-nav a:hover {
    background-color: #0088cb; }
  .red .section.header .innerwrapper .desktop-nav .submenu a {
    color: #bd1e2c !important; }
    .red .section.header .innerwrapper .desktop-nav .submenu a:hover {
      color: #ffffff !important; }
.red .section.header .innerwrapper a:hover {
  color: #bd1e2c; }
.red .section.banner .flag {
  background: url("/images/common/front/flag-red.png") 0 0 no-repeat;
  background-size: 100% 100%; }
.red .section.banner .arrow {
  background: url("../images/common/front/arrow-theme-red.png") 0 0 no-repeat; }
  .red .section.banner .arrow > a {
    color: #ffffff; }
    .red .section.banner .arrow > a .triangle {
      border-color: transparent transparent transparent #ffffff; }
.red .section.title.about h1 {
  background: url("../images/common/about/bg-red.jpg") 0 0 no-repeat; }
.red .section.title.programmes h1 {
  background: url("../images/common/programmes/bg-red.jpg") 0 0 no-repeat; }
.red .section.title.contact-us h1 {
  background: url("../images/common/contact-us/bg-red.jpg") 0 0 no-repeat; }
.red .section.title.gallery h1 {
  background: url("../images/common/gallery/bg-red.jpg") 0 0 no-repeat; }
.red .section select {
  background: url("../images/common/select-arrow-red.jpg") right 0 no-repeat #ffffff; }
@media screen and (max-width: 640px) {
  .red .list-calendar .btn {
    background: #bd1e2c !important; } }

.green .mainBgD {
  background-color: #4e9b46 !important; }
  .green .mainBgD * {
    color: #ffffff; }
.green .mainBg {
  background-color: #4e9b46 !important; }
  .green .mainBg * {
    color: #ffffff; }
.green .mainColor {
  color: #4e9b46; }
.green .subBg, .green .section.front-grid .innerwrapper a, .section.front-grid .innerwrapper .green a {
  background-color: #3b438e; }
  .green .subBg *, .green .section.front-grid .innerwrapper a *, .section.front-grid .innerwrapper .green a * {
    color: #ffffff; }
.green .subColor {
  color: #3b438e; }
.green .nav {
  background-color: #4e9b46; }
.green .nav .innerwrapper .lang a.active, .green .nav .innerwrapper .lang a:hover {
  background-color: #3b438e; }
.green h2, .green a {
  color: #4e9b46; }
.green .btn {
  background-color: #4e9b46 !important;
  color: #ffffff !important; }
  .green .btn:hover {
    background-color: #3b438e !important; }
.green .section .innerwrapper .breadcrumb {
  color: #4e9b46; }
.green .section .innerwrapper .btn-download, .green .section .innerwrapper .btn-apply {
  background-color: #4e9b46 !important;
  color: #ffffff !important; }
  .green .section .innerwrapper .btn-download:hover, .green .section .innerwrapper .btn-apply:hover {
    background-color: #3b438e !important; }
.green .section .innerwrapper .pass-event a:hover .text {
  color: #4e9b46 !important; }
.green .section.content .innerwrapper .list-calendar tbody tr td a.mainColor {
  color: #4e9b46 !important; }
  .green .section.content .innerwrapper .list-calendar tbody tr td a.mainColor:hover {
    color: #3b438e !important; }
.green .section.header .innerwrapper .desktop-nav {
  background-color: #4e9b46; }
  .green .section.header .innerwrapper .desktop-nav a:hover {
    background-color: #3b438e; }
  .green .section.header .innerwrapper .desktop-nav .submenu a {
    color: #4e9b46 !important; }
    .green .section.header .innerwrapper .desktop-nav .submenu a:hover {
      color: #ffffff !important; }
.green .section.header .innerwrapper a:hover {
  color: #4e9b46; }
.green .section.banner .flag {
  background: url("/images/common/front/flag-green.png") 0 0 no-repeat;
  background-size: 100% 100%; }
.green .section.banner .arrow {
  background: url("../images/common/front/arrow-theme-green.png") 0 0 no-repeat; }
  .green .section.banner .arrow > a {
    color: #ffffff; }
    .green .section.banner .arrow > a .triangle {
      border-color: transparent transparent transparent #ffffff; }
.green .section.title.about h1 {
  background: url("../images/common/about/bg-green.jpg") 0 0 no-repeat; }
.green .section.title.programmes h1 {
  background: url("../images/common/programmes/bg-green.jpg") 0 0 no-repeat; }
.green .section.title.contact-us h1 {
  background: url("../images/common/contact-us/bg-green.jpg") 0 0 no-repeat; }
.green .section.title.gallery h1 {
  background: url("../images/common/gallery/bg-green.jpg") 0 0 no-repeat; }
.green .section select {
  background: url("../images/common/select-arrow-green.jpg") right 0 no-repeat #ffffff; }
@media screen and (max-width: 640px) {
  .green .list-calendar .btn {
    background: #4e9b46 !important; } }

.orange .mainBgD {
  background-color: #f26522 !important; }
  .orange .mainBgD * {
    color: #ffffff; }
.orange .mainBg {
  background-color: #f26522 !important; }
  .orange .mainBg * {
    color: #ffffff; }
.orange .mainColor {
  color: #f26522; }
.orange .subBg, .orange .section.front-grid .innerwrapper a, .section.front-grid .innerwrapper .orange a {
  background-color: #bd1e2c; }
  .orange .subBg *, .orange .section.front-grid .innerwrapper a *, .section.front-grid .innerwrapper .orange a * {
    color: #ffffff; }
.orange .subColor {
  color: #bd1e2c; }
.orange .nav {
  background-color: #f26522; }
.orange .nav .innerwrapper .lang a.active, .orange .nav .innerwrapper .lang a:hover {
  background-color: #bd1e2c; }
.orange h2, .orange a {
  color: #f26522; }
.orange .btn {
  background-color: #f26522 !important;
  color: #ffffff !important; }
  .orange .btn:hover {
    background-color: #bd1e2c !important; }
.orange .section .innerwrapper .breadcrumb {
  color: #f26522; }
.orange .section .innerwrapper .btn-download, .orange .section .innerwrapper .btn-apply {
  background-color: #f26522 !important;
  color: #ffffff !important; }
  .orange .section .innerwrapper .btn-download:hover, .orange .section .innerwrapper .btn-apply:hover {
    background-color: #bd1e2c !important; }
.orange .section .innerwrapper .pass-event a:hover .text {
  color: #f26522 !important; }
.orange .section.content .innerwrapper .list-calendar tbody tr td a.mainColor {
  color: #f26522 !important; }
  .orange .section.content .innerwrapper .list-calendar tbody tr td a.mainColor:hover {
    color: #bd1e2c !important; }
.orange .section.header .innerwrapper .desktop-nav {
  background-color: #f26522; }
  .orange .section.header .innerwrapper .desktop-nav a:hover {
    background-color: #bd1e2c; }
  .orange .section.header .innerwrapper .desktop-nav .submenu a {
    color: #f26522 !important; }
    .orange .section.header .innerwrapper .desktop-nav .submenu a:hover {
      color: #ffffff !important; }
.orange .section.header .innerwrapper a:hover {
  color: #f26522; }
.orange .section.banner .flag {
  background: url("/images/common/front/flag-orange.png") 0 0 no-repeat;
  background-size: 100% 100%; }
.orange .section.banner .arrow {
  background: url("../images/common/front/arrow-theme-orange.png") 0 0 no-repeat; }
  .orange .section.banner .arrow > a {
    color: #ffffff; }
    .orange .section.banner .arrow > a .triangle {
      border-color: transparent transparent transparent #ffffff; }
.orange .section.title.about h1 {
  background: url("../images/common/about/bg-orange.jpg") 0 0 no-repeat; }
.orange .section.title.programmes h1 {
  background: url("../images/common/programmes/bg-orange.jpg") 0 0 no-repeat; }
.orange .section.title.contact-us h1 {
  background: url("../images/common/contact-us/bg-orange.jpg") 0 0 no-repeat; }
.orange .section.title.gallery h1 {
  background: url("../images/common/gallery/bg-orange.jpg") 0 0 no-repeat; }
.orange .section select {
  background: url("../images/common/select-arrow-orange.jpg") right 0 no-repeat #ffffff; }
@media screen and (max-width: 640px) {
  .orange .list-calendar .btn {
    background: #f26522 !important; } }

/* HTML5  Boilerplate
 * ==|== normalize ==========================================================
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  line-height: 1em;
  min-height: 100%; }

body, button, input, select, textarea {
  color: #222; }

::-moz-selection {
  background: #0054a6;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #0054a6;
  color: #fff;
  text-shadow: none; }

/*
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
*/
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal;
  *overflow: visible; }

table button, table input {
  *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* ==|== primary styles =====================================================
   Author: JoelChan
   ========================================================================== */
a {
  color: #00e; }

a {
  outline: 0 none;
  text-decoration: none;
  color: inherit; }

a:focus {
  outline: 1px #999999 dotted; }

input, textarea {
  -webkit-tap-highlight-color: transparent; }

input:focus, textarea:focus, select:focus {
  outline: none; }

body {
  -webkit-text-size-adjust: none; }

* {
  text-rendering: optimizeLegibility; }

/*common css*/
h1 {
  font-size: 30px;
  line-height: 50px;
  margin-bottom: 25px; }

h2 {
  font-size: 22px;
  line-height: 22px;
  margin-top: 50px;
  margin-bottom: 16px; }

h3 {
  font-size: 21px;
  line-height: 25px;
  margin-top: 16px;
  margin-bottom: 16px; }

h4 {
  font-size: 18px;
  line-height: 25px;
  margin-top: 16px;
  margin-bottom: 16px; }

p, ul, ol, pre, table, blockquote {
  margin-top: 18px;
  margin-bottom: 18px;
  line-height: 1.5em; }

/* Sanitation */
hr {
  border: 1px solid;
  margin: -1px 0; }

ul ul, ol ol, ul ol, ol ul {
  margin-top: 0;
  margin-bottom: 0; }

b, strong, em, small, code {
  line-height: 1; }

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em; }

sub {
  top: 0.4em; }

ul, ol {
  padding: 0 0 0 20px; }
  ul li, ol li {
    margin-bottom: 15px; }

body.large h1 {
  font-size: 60px;
  line-height: 100px; }
body.large h2 {
  font-size: 44px;
  line-height: 44px; }
body.large h3 {
  font-size: 42px;
  line-height: 50px; }
body.large h4 {
  font-size: 36px;
  line-height: 50px; }
body.large p, body.large ul, body.large ol, body.large pre, body.large table, body.large blockquote, body.large .section.up-comming-event .innerwrapper .line-style-title span {
  font-size: 28px; }
body.large .training-board {
  font-size: 2em;
  line-height: 1.1em; }
  body.large .training-board .fzL, body.large .training-board .section.banner .innerwrapper .arrow > a .title, .section.banner .innerwrapper .arrow > a body.large .training-board .title, body.large .training-board .section.front-grid .innerwrapper a .title, .section.front-grid .innerwrapper a body.large .training-board .title {
    font-size: 44px; }

/* width */
.wtw, .section .innerwrapper {
  width: 960px; }

.w420 {
  width: 420px; }

.w550 {
  width: 550px; }

.w860 {
  width: 860px !important; }

.w913 {
  width: 913px; }

.w860 {
  width: 860px !important; }

.w940 {
  width: 940px !important; }

.w70p {
  width: 70% !important; }

.w78p {
  width: 78% !important; }

.w90p {
  width: 90%; }

.w100p, .section, .section.gallery .innerwrapper .caption span, .section.content .innerwrapper .listing, .section.content .innerwrapper .list-calendar, .section.content .innerwrapper .list-media {
  width: 100%; }

.w100pI {
  width: 100% !important; }

.w12p {
  width: 12% !important; }

.w87p {
  width: 87% !important; }

/*text align*/
.tac, .header .innerwrapper .desktop-nav, .section.gallery .innerwrapper .slider .swiper-slide, .section.content .innerwrapper .listing.col-3, .section.content .innerwrapper .listing.col-3.publications > div a, .nav .innerwrapper .lang a {
  text-align: center; }

.tal, .header .innerwrapper .desktop-nav ul li .submenu a, .section.front-grid .innerwrapper a, .section.content .innerwrapper .listing.col-3 > div, .section.content .innerwrapper .listing.col-3.video > div a, .section.content .innerwrapper .list-media tr th {
  text-align: left; }

.tar, .section .innerwrapper .breadcrumb {
  text-align: right; }

/* font family*/
.ffa {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

.fft {
  font-family: "Times New Roman", Times, Baskerville, Georgia, serif; }

.ffh {
  font-family: "Helvetica Neue", Helvetica, sans-serif; }

/*margin*/
.m0auto, .section .innerwrapper {
  margin: 0 auto; }

.ml10 {
  margin-left: 10px; }

/*vertical alignment */
.vat, .section.content .innerwrapper .listing.col-3 > div {
  vertical-align: top; }

/*padding*/
.p0, .header .innerwrapper .desktop-nav ul {
  padding: 0; }

.p5 {
  padding: 5px; }

.pt5 {
  padding-top: 5px; }

.pt20 {
  padding-top: 20px; }

.pt152 {
  padding-top: 152px; }

.p10px0 {
  padding: 10px 0; }

.p010px {
  padding: 0 10px; }

.p15px0 {
  padding: 15px 0; }

.p0-5 {
  padding: 0 5px; }

.p0-30 {
  padding: 0 30px; }

.p4-10 {
  padding: 4px 10px; }

.p18-31 {
  padding: 18px 31px; }

.p25-0 {
  padding: 25px 0; }

.p50-0 {
  padding: 50px 0; }

.p50-10 {
  padding: 50px 10px; }

.p50 {
  padding: 50px 50px; }

.p10, .header .innerwrapper .desktop-nav ul li .submenu a {
  padding: 10px; }

.p15, .nav ul a {
  padding: 15px; }

.p18 {
  padding: 18px; }

.pt30 {
  padding-top: 30px; }

.pt60 {
  padding-top: 60px; }

.pt100 {
  padding-top: 100px; }

.pt117 {
  padding-top: 117px; }

.pl0 {
  padding-left: 0px; }

.pl15I {
  padding-left: 15px !important; }

.pl15 {
  padding-left: 15px; }

.pl25 {
  padding-left: 25px; }

.pl30 {
  padding-left: 30px; }

.pl50 {
  padding-left: 50px; }

.pl60 {
  padding-left: 60px; }

.pl180 {
  padding-left: 180px; }

.pl355 {
  padding-left: 355px; }

.pb17 {
  padding-bottom: 17px; }

.pb20, .section.up-comming-event .innerwrapper .listing.col-3 p {
  padding-bottom: 20px; }

.pb35 {
  padding-bottom: 35px; }

.pb40 {
  padding-bottom: 40px; }

.pb50 {
  padding-bottom: 50px; }

.pb100 {
  padding-bottom: 100px; }

.pr0, .header .innerwrapper .desktop-nav ul li:last-child {
  padding-right: 0px; }

.pr10, .header .innerwrapper .desktop-nav ul li, .section.content .innerwrapper .list-media tr th h2, .section.up-comming-event .innerwrapper .line-style-title span {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr25 {
  padding-right: 25px; }

/*margin*/
.mt0, .footer p {
  margin-top: 0px; }

.mt5, .section.banner .innerwrapper .arrow > a .content {
  margin-top: 5px; }

.mt15 {
  margin-top: 15px; }

.mt17 {
  margin-top: 17px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

.mt57 {
  margin-top: 57px; }

.mt90 {
  margin-top: 90px; }

.ml0 {
  margin-left: 0; }

.ml1p {
  margin-left: 1%; }

.ml20 {
  margin-left: 20px; }

.ml25 {
  margin-left: 25px; }

.ml75 {
  margin-left: 75px; }

.ml15 {
  margin-left: 15px; }

.ml17 {
  margin-left: 17px; }

.mln15 {
  margin-left: -15px; }

.mr15, .section .innerwrapper .btn-download, .section .innerwrapper .btn-apply {
  margin-right: 15px; }

.mr25 {
  margin-right: 25px; }

.m0-15 {
  margin: 0 15px; }

.m15-0 {
  margin: 15px 0; }

.m40px0 {
  margin: 40px 0; }

.mb0, .footer p {
  margin-bottom: 0; }

.mb5, .section .innerwrapper .breadcrumb {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb10I {
  margin-bottom: 10px !important; }

.mb15, .section.content .innerwrapper .listing.col-3.publications > div a img, .section.content .innerwrapper .listing.col-3.video > div a img {
  margin-bottom: 15px; }

.mb17 {
  margin-bottom: 17px; }

.mb17I {
  margin-bottom: 17px !important; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30, .section.front-grid .innerwrapper a .title {
  margin-bottom: 30px; }

.mb35 {
  margin-bottom: 35px; }

.mb85 {
  margin-bottom: 85px; }

.m0, .header .innerwrapper .desktop-nav ul, .section.content .innerwrapper .list-calendar thead tr td h2 {
  margin: 0; }

.m15 {
  margin: 15px; }

/*height*/
.h100 {
  height: 100px; }

/*display*/
.dilb, .desktopShow, .btn-scrollFunc, .header .innerwrapper .desktop-nav a, .header .innerwrapper .desktop-nav ul li:hover .submenu, .header .innerwrapper .desktop-nav ul li.active .submenu, .section .innerwrapper .btn-download, .section .innerwrapper .btn-apply, .section.banner .innerwrapper .flag, .section.banner .innerwrapper .arrow, .section.banner .innerwrapper .arrow > a, .section.front-grid .innerwrapper a, .section.front-grid .innerwrapper a .cycle-slideshow span, .section.gallery .innerwrapper .caption, .section.gallery .innerwrapper .caption span, .section.gallery .innerwrapper .swiper-container .indicator, .section.content .innerwrapper .listing.col-3 > div, .section.content .innerwrapper .listing.col-3.publications > div a, .nav a, .nav .innerwrapper .lang a {
  display: inline-block; }

.db, .header .innerwrapper .desktop-nav ul li .submenu a, .section.banner .innerwrapper .arrow > a .title, .section.banner .innerwrapper .arrow > a .content, .section.front-grid .innerwrapper a .title, .section.content .innerwrapper .date, .section.content .innerwrapper .listing.col-3.publications > div a img, .section.content .innerwrapper .listing.col-3.video > div a, .section.content .innerwrapper .listing.col-3.video > div a img, .nav ul a {
  display: block; }

.dn, .header .innerwrapper .desktop-nav ul li .submenu {
  display: none; }

/*position*/
.poa, .header .innerwrapper .tool, .header .innerwrapper .desktop-nav, .header .innerwrapper .desktop-nav ul li .submenu, .header .innerwrapper .desktop-nav .triangle, .section.banner .innerwrapper .flag, .section.banner .innerwrapper .arrow, .section.front-grid .innerwrapper a .cycle-slideshow, .section.gallery .innerwrapper .caption, .section.gallery .innerwrapper .swiper-container .indicator {
  position: absolute; }

.por, .header .innerwrapper .desktop-nav ul li, .footer .member-of-vtc-group, .section, .section .innerwrapper, .section.banner .innerwrapper .flag img, .section.banner .innerwrapper .arrow > a, .section.front-grid .innerwrapper a, .section.front-grid .innerwrapper a .title, .section.gallery .innerwrapper .swiper-container .swiper-slide, .nav a {
  position: relative; }

/* font-size */
.fzS, .header .innerwrapper a, .header .innerwrapper input, .footer * {
  font-size: 12px; }

.fzXS, .section .innerwrapper .breadcrumb {
  font-size: 14px; }

.fzN {
  font-size: 14px; }

.fzXN, .section.front-grid .innerwrapper a * {
  font-size: 18px; }

.fzL, .section.banner .innerwrapper .arrow > a .title, .section.front-grid .innerwrapper a .title {
  font-size: 22px;
  line-height: 1.2em; }

.fzXL, .section.front-grid .innerwrapper a .content {
  font-size: 28px;
  line-height: 1.2em; }

.fz1_4e {
  font-size: 1.4em; }

.fz10 {
  font-size: 10px !important; }

/* text-transform */
.ttfu, .section.banner .innerwrapper .arrow > a .title {
  text-transform: uppercase; }

.tdn, .header .innerwrapper .desktop-nav a.active, .header .innerwrapper .desktop-nav a:hover, .section .innerwrapper .breadcrumb a:hover, .section .innerwrapper .btn-download:hover, .section .innerwrapper .btn-apply:hover, .section.banner .innerwrapper .arrow:hover, .section.front-grid .innerwrapper a:hover, .section.content .innerwrapper .listing.col-3 > div a, .nav a:hover {
  text-decoration: none; }

/* z index */
.z150, .section.banner .innerwrapper .flag, .section.banner .innerwrapper .arrow, .section.front-grid .innerwrapper a .title {
  z-index: 150; }

/*border*/
.bn {
  border: none !important; }

.borderBottom1pxWhite {
  border-bottom: 1px #ffffff solid; }

/* float */
.floatL, .section .innerwrapper .left {
  float: left; }

.floatR, .footer .member-of-vtc-group, .section .innerwrapper .right {
  float: right; text-decoration: inherit; }

/*line height*/
.lh1e {
  line-height: 1em; }

.lh1_2e, .nav a {
  line-height: 1.2em; }

.lh1_5e, .section.content .innerwrapper .date {
  line-height: 1.5em; }

.lh1_8e {
  line-height: 1.8em; }

/* list style */
.lsn {
  list-style: none; }

/*font weight*/
.fwb, .header .innerwrapper .desktop-nav a, .header .innerwrapper .desktop-nav ul li .submenu a, .section.banner .innerwrapper .arrow > a .title, .section.front-grid .innerwrapper a .title {
  font-weight: bold; }

.fwl {
  font-weight: lighter; }

/* z index */
.z0 {
  z-index: 0; }

.z50, .section.banner {
  z-index: 50; }

.z100, .section.gallery .innerwrapper .swiper-container .indicator {
  z-index: 100; }

.z110 {
  z-index: 110; }

.z150, .section.banner .innerwrapper .flag, .section.banner .innerwrapper .arrow, .section.front-grid .innerwrapper a .title {
  z-index: 150; }

/* overflow */
.ofh, .section .innerwrapper, .section.banner .innerwrapper .flag, .section.banner .innerwrapper .arrow, .section.gallery .innerwrapper .slider {
  overflow: hidden; }

.ofv, .header .innerwrapper, .section.banner .innerwrapper {
  overflow: visible; }

/*other*/
.inner {
  /* Sanitation */ }
  .inner hr {
    border: 1px solid;
    margin: -1px 0; }
  .inner ul ul, .inner ol ol, .inner ul ol, .inner ol ul {
    margin-top: 0;
    margin-bottom: 0; }
  .inner b, .inner strong, .inner em, .inner small, .inner code {
    line-height: 1; }
  .inner sup, .inner sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em; }
  .inner sub {
    top: 0.4em; }

.videoIndicator {
  position: relative; }
  .videoIndicator:hover .arrowleft, .videoIndicator:hover .arrowright {
    z-index: 500;
    display: block; }
  .videoIndicator .arrowleft, .videoIndicator .arrowright {
    position: absolute;
    z-index: 500;
    display: inline-block;
    width: 50px;
    height: 112px;
    background: url("../images/ui/video-lr.png") no-repeat;
    top: 0;
    z-index: -1;
    display: none; }
  .videoIndicator .arrowleft {
    background-position: 0 0;
    left: 0; }
  .videoIndicator .arrowright {
    background-position: right 0;
    right: 0; }
  .videoIndicator .swiper-wrapper {
    text-align: center; }
    .videoIndicator .swiper-wrapper .swiper-slide:last-child a {
      margin-right: 0; }
    .videoIndicator .swiper-wrapper a {
      display: inline-block;
      position: relative;
      margin-right: 10px; }
      .videoIndicator .swiper-wrapper a .border {
        position: absolute;
        top: 0;
        left: 0; }
      .videoIndicator .swiper-wrapper a.active .border, .videoIndicator .swiper-wrapper a.on .border {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        /* css3 rec */
        -moz-box-sizing: border-box;
        /* ff2 */
        -ms-box-sizing: border-box;
        /* ie8 */
        -webkit-box-sizing: border-box;
        /* safari3 */
        -khtml-box-sizing: border-box;
        /* konqueror */
        border: 3px solid red; }

.player-wrapper {
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3); }
  .player-wrapper .video-detail {
    background: #252525;
    color: #ffffff;
    display: inline-block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    /* css3 rec */
    -moz-box-sizing: border-box;
    /* ff2 */
    -ms-box-sizing: border-box;
    /* ie8 */
    -webkit-box-sizing: border-box;
    /* safari3 */
    -khtml-box-sizing: border-box;
    /* konqueror */
    position: relative; }
    .player-wrapper .video-detail .btn-view-more {
      position: absolute;
      top: 15px;
      right: 15px;
      color: #ffffff !important; }
      .player-wrapper .video-detail .btn-view-more .triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4.5px 0 4.5px 5px;
        border-color: transparent transparent transparent #ffffff;
        display: inline-block; }

#player {
  width: 850px;
  height: 524.6px;
  display: block;
  margin: 0 auto;
  width: 100%; }

@media screen and (max-width: 768px) {
  #player {
    height: 300px; }

  .player-wrapper .video-detail .btn-view-more {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 15px;
    display: inline-block; } }
html, body {
  font-family: Arial,"Microsoft Jhenghei", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  width: 100%;
  color: #222222;
  min-width: 960px; }

p {
  margin-top: 12px;
  margin-bottom: 12px; }

h2 {
  margin-top: 40px; }
  h2 a.blue {
    font-size: 14px;
    font-weight: normal; }

hr {
  border: none;
  border-top: 1px #cccccc solid; }

input {
  border-radius: 0 !important; }

select {
  background: url("../images/ui/select-arrow.png") right 0 no-repeat #ffffff;
  background-size: auto 100% !important;
  font-size: 13px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  border: none;
  padding: 4px 35px 4px 10px;
  border-radius: 0 !important;
  height: 27px; }

textarea {
  border: 1px #bbbbbb solid;
  resize: none; }

.stylish-table {
  max-width: 100%; }
  .stylish-table thead tr th, .stylish-table tbody tr th {
    background-color: #f0f0f0; }
  .stylish-table thead tr td, .stylish-table tbody tr td {
    padding: 5px !important;
    border: 1px #e5e5e5 solid !important;
    word-break: break-all;
    white-space: normal !important;
    background-color: #ffffff; }
    .stylish-table thead tr td ul, .stylish-table tbody tr td ul {
      margin-left: 25px; }
      .stylish-table thead tr td ul li, .stylish-table tbody tr td ul li {
        list-style-type: disc; }
    .stylish-table thead tr td p, .stylish-table thead tr td li, .stylish-table tbody tr td p, .stylish-table tbody tr td li {
      margin-bottom: 15px !important;
      line-height: 1.4em;
      word-break: normal; }
    .stylish-table thead tr td em, .stylish-table tbody tr td em {
      font-style: normal; }
    .stylish-table thead tr td.column-title, .stylish-table tbody tr td.column-title {
      background-color: #f0f0f0; }
  .stylish-table thead tr.desktopShow, .stylish-table tbody tr.desktopShow {
    display: table-row; }
  .stylish-table thead tr.mobileShow, .stylish-table tbody tr.mobileShow {
    display: none; }
  .stylish-table thead tr td {
    background-color: #555555;
    color: #ffffff;
    text-align: center; }

.ie8 select, .ie9 select {
  background-image: none !important; }

.ie11 select::-ms-expand, .ie10 select::-ms-expand {
  display: none; }

.btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  display: inline-block;
  background: #ffffff;
  color: #bd1e2c;
  padding: 10px;
  font-size: 16px;
  vertical-align: middle; }
  .btn:hover {
    color: #ffffff;
    background: #bd1e2c;
    text-decoration: none; }

a:hover {
  text-decoration: underline; }
a.blue {
  color: blue !important; }

.mobileShow {
  display: none !important; }

.content-wrapper {
  padding-top: 142px; }

/* lang css */
.tc .maintitle h1, .tc .title, .tc .content, .tc h2, .tc h3, .tc h4, .tc h5, .tc h6, .sc .maintitle h1, .sc .title, .sc .content, .sc h2, .sc h3, .sc h4, .sc h5, .sc h6 {
  font-weight: normal !important; }

.btn-top {
  color: #636363 !important; }
  .btn-top img {
    width: auto !important; }

.btn-scrollFunc {
  position: fixed;
  right: 10px;
  width: 40px;
  height: 40px;
  z-index: 500;
  -webkit-transition: bottom 200ms ease-in;
  -moz-transition: bottom 200ms ease-in;
  -o-transition: bottom 200ms ease-in;
  -ms-transition: bottom 200ms ease-in;
  transition: bottom 200ms ease-in;
  -webkit-transition: top 200ms ease-in;
  -moz-transition: top 200ms ease-in;
  -o-transition: top 200ms ease-in;
  -ms-transition: top 200ms ease-in;
  transition: top 200ms ease-in;
  background-image: url("/images/common/btn-scroll.png"); }
  .btn-scrollFunc.btm {
    top: auto;
    bottom: 60px;
    background-position: 0 0; }
    .btn-scrollFunc.btm:hover {
      background-position: 0 bottom; }
  .btn-scrollFunc.top {
    display: none;
    bottom: auto;
    top: 150px;
    background-position: right 0; }
    .btn-scrollFunc.top:hover {
      background-position: right bottom; }

/*header css*/
.header .innerwrapper {
  padding: 25px 0 45px; }
  .header .innerwrapper input {
    border: none; }
  .header .innerwrapper .logo {
    margin-left: 48px; }
  .header .innerwrapper .tool {
    right: 16px;
    top: 19px; }
    .header .innerwrapper .tool .social {
      margin-top: 10px;
      display: block;
      text-align: right; }
  .header .innerwrapper .input-search {
    background: url("/images/common/bg-search.png") 0 0 no-repeat !important;
    width: 163px;
    height: 18px;
    line-height: 18px;
    padding: 0 5px; }
  .header .innerwrapper .desktop-nav {
    bottom: 0;
    right: 0;
    width: 699px;
    height: 24px; }
    .header .innerwrapper .desktop-nav a {
      line-height: 24px;
      font-size: 14px !important;
      vertical-align: top; }
    .header .innerwrapper .desktop-nav ul {
      line-height: 24px; }
      .header .innerwrapper .desktop-nav ul li {
        display: inline-block;
        background: url("/images/common/dot-white.png") right center no-repeat; }
        .header .innerwrapper .desktop-nav ul li:last-child {
          background: none; }
          .header .innerwrapper .desktop-nav ul li:last-child .submenu {
            left: auto;
            right: 0; }
        .header .innerwrapper .desktop-nav ul li:nth-last-child(2) .submenu {
          left: auto;
          right: 10px; }
        .header .innerwrapper .desktop-nav ul li a {
          padding: 0 5px; }
        .header .innerwrapper .desktop-nav ul li .submenu {
          z-index: 2000;
          top: 100%;
          left: 0;
          background: url("/images/common/bg-cfff-80.png") 0 0 repeat;
          width: 200px; }
    .header .innerwrapper .desktop-nav .triangle {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 25px 25px 0 0;
      border-color: #ffffff transparent transparent transparent;
      top: -1px;
      left: -1px; }

.footer {
  position: relative;
  bottom: 0;
  left: 0; }
  .footer .innerwrapper {
    padding: 30px 50px;
    width: 860px; }
  .footer .logo img {
    max-height: 60px; }
  .footer .member-of-vtc-group {
    margin-right: -50px;
    margin-bottom: 0;
    height: 31px; }

/* section css*/
.section .innerwrapper .left {
  width: 28%; }
  .section .innerwrapper .left img {
    width: 90%;
    min-width: 215px; }
  .section .innerwrapper .left .cycle-slideshow {
    position: relative; }
    .section .innerwrapper .left .cycle-slideshow .cycle-pager {
      position: absolute;
      width: 90%;
      text-align: center;
      bottom: 0;
      left: 0;
      z-index: 500; }
      .section .innerwrapper .left .cycle-slideshow .cycle-pager span {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 2px 4px;
        background-color: #333333;
        cursor: pointer;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        -o-background-clip: padding-box;
        -ms-background-clip: padding-box;
        background-clip: padding-box; }
        .section .innerwrapper .left .cycle-slideshow .cycle-pager span.cycle-pager-active {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          filter: alpha(opacity=100);
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1; }
.section .innerwrapper .right {
  width: 72%; }
  .section .innerwrapper .right .left {
    width: 20%; }
    .section .innerwrapper .right .left img {
      width: 100%;
      margin: 12px 0; }
  .section .innerwrapper .right .right {
    width: 75%; }
.section .innerwrapper .btn-download, .section .innerwrapper .btn-apply {
  height: 36px;
  line-height: 36px;
  padding-left: 55px;
  padding-right: 25px;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  border-radius: 5px !important;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  background-clip: padding-box;
  background-position: 10px center;
  background-repeat: no-repeat; }
.section .innerwrapper .btn-download {
  background-image: url("/images/common/ico/ico-download.png"); }
.section .innerwrapper .btn-apply {
  background-image: url("/images/common/ico/ico-apply.png"); }
.section .innerwrapper .col4 {
  margin-left: -1%;
  margin-bottom: 1.25rem;
  font-size: 0; }
  .section .innerwrapper .col4 > li, .section .innerwrapper .col4 > div, .section .innerwrapper .col4 > a {
    font-size: 1rem;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: "border-box";
    -moz-box-sizing: "border-box";
    box-sizing: "border-box";
    margin-left: 1%;
    margin-bottom: 1.2%;
    position: relative; }
    .section .innerwrapper .col4 > li img, .section .innerwrapper .col4 > div img, .section .innerwrapper .col4 > a img {
      max-width: 100%; }
  .section .innerwrapper .col4 .clearfix {
    width: 100%;
    margin: 0;
    float: none; }
.section .innerwrapper .col4 > li, .section .innerwrapper .col4 > div, .section .innerwrapper .col4 > a {
  width: 24%;
  text-align: center; }
.section .innerwrapper .eventItems p.buttons {
  margin-top: 20px; }
  .section .innerwrapper .eventItems p.buttons a {
    width: 70px;
    height: 40px;
    display: inline-block;
    border-right: 1px solid #afafaf;
    background-color: #d1d1d1;
    background-position: center;
    background-repeat: no-repeat; }
  .section .innerwrapper .eventItems p.buttons a:hover {
    background-color: #a6a6a6; }
  .section .innerwrapper .eventItems p.buttons a:last-child {
    border: 0px; }
  .section .innerwrapper .eventItems p.buttons a.btnVideo {
    background-image: url("../images/common/events/btn_video.png"); }
  .section .innerwrapper .eventItems p.buttons a.btnVideo:hover {
    background-image: url("../images/common/events/btn_video_active.png"); }
  .section .innerwrapper .eventItems p.buttons a.btnCamera {
    background-image: url("../images/common/events/btn_camera.png"); }
  .section .innerwrapper .eventItems p.buttons a.btnCamera:hover {
    background-image: url("../images/common/events/btn_camera_active.png"); }
  .section .innerwrapper .eventItems p.buttons a.btnPress {
    background-image: url("../images/common/events/btn_press.png"); }
  .section .innerwrapper .eventItems p.buttons a.btnPress:hover {
    background-image: url("../images/common/events/btn_press_active.png"); }
	
/*past event cycle*/
.section .innerwrapper .eventItems  .cycle-slideshow .cycle-prev{
	position: absolute; bottom: -15px; left: 0; width: 30px; height: 30px; background: url(../images/common/events/arrow_left.png) 50% 50% no-repeat;z-index: 999;	}
.section .innerwrapper .eventItems  .cycle-slideshow .cycle-next{
	position: absolute; bottom: -15px; left: 30px; width: 30px; height: 30px; background: url(../images/common/events/arrow_right.png) 50% 50% no-repeat;z-index: 999;	}
.section .innerwrapper .eventItems  .cycle-slideshow .cycle-pager{
	position: absolute; text-align: right;  bottom: -20px; right: 24px; z-index: 500; padding: 0; width: auto;	}
.section .innerwrapper .eventItems  .cycle-slideshow .cycle-pager span{
	font-size: 0px;}
.blue .section .innerwrapper .left .cycle-slideshow .cycle-pager span.cycle-pager-active{background-color: #0088cb;}
.red .section .innerwrapper .left .cycle-slideshow .cycle-pager span.cycle-pager-active{background-color: #bd1e2c;}
.green .section .innerwrapper .left .cycle-slideshow .cycle-pager span.cycle-pager-active{background-color: #4e9b46;}
.orange .section .innerwrapper .left .cycle-slideshow .cycle-pager span.cycle-pager-active{background-color: #f26522;}
/*past event cycle eol*/
	
.section.banner {
  min-height: 380px; }
  .section.banner .innerwrapper .flag {
    left: 0;
    bottom: -127px;
    width: 254px;
    height: 379px; }
    .section.banner .innerwrapper .flag img {
      left: 0; }
  .section.banner .innerwrapper .arrow {
    right: 0;
    top: 0;
    width: 267px;
    height: 380px; }
    .section.banner .innerwrapper .arrow > a {
      width: 162px;
      height: 240px;
      padding: 140px 20px 0 85px;
      right: 0; }
      .section.banner .innerwrapper .arrow > a .content {
        line-height: 1.2em; }
  .section.banner .innerwrapper .cycle-slideshow.arrow a:hover {
    text-decoration: none; }
  .section.banner .innerwrapper .cycle-slideshow.arrow a .arrowHover:hover {
    text-decoration: underline; }
.section.front-grid .innerwrapper * {
  background-position: center center !important;
  background-repeat: no-repeat; }
.section.front-grid .innerwrapper a {
  width: 255px;
  height: 262px;
  vertical-align: top;
  padding: 12px 15px;
  background-size: 100% 100% !important;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  opacity: 0; }
  .section.front-grid .innerwrapper a:hover {
    background-size: 105% 105% !important; }
  .section.front-grid .innerwrapper a.no-effect:hover {
    background-size: 100% 100% !important;
    cursor: default; }
  .section.front-grid .innerwrapper a .content {
    line-height: 1.1em !important; }
  .section.front-grid .innerwrapper a .cycle-slideshow {
    top: 0;
    left: -1px; }
    .section.front-grid .innerwrapper a .cycle-slideshow span {
      width: 286px;
      height: 286px;
      background-size: 100% 100% !important;
      -webkit-transition: all 200ms ease-in;
      -moz-transition: all 200ms ease-in;
      -o-transition: all 200ms ease-in;
      -ms-transition: all 200ms ease-in;
      transition: all 200ms ease-in; }
      .section.front-grid .innerwrapper a .cycle-slideshow span:hover {
        background-size: 105% 105% !important; }
  .section.front-grid .innerwrapper a.two-col {
    width: 540px; }
    .section.front-grid .innerwrapper a.two-col .cycle-slideshow span {
      width: 770px; }
.section.title {
  margin-top: 0; }
  .section.title .innerwrapper {
    min-height: 150px; }
    .section.title .innerwrapper h1 {
      height: 75px;
      line-height: 75px;
      margin: 0;
      padding-left: 110px; }
.section.gallery .innerwrapper .caption {
  left: 50%;
  bottom: 0;
  width: 626px;
  margin-left: -313px;
  background: url("/images/common/bg-cfff-50.png") 0 0 repeat; }
  .section.gallery .innerwrapper .caption span {
    margin: 10px 0; }
.section.gallery .innerwrapper .swiper-container .swiper-slide {
  background-position: center 0;
  background-repeat: no-repeat; }
.section.gallery .innerwrapper .swiper-container .indicator {
  background-image: url("/images/common/gallery/indicator.png");
  background-repeat: no-repeat;
  width: 34px;
  height: 35px;
  top: 50%;
  margin-top: -17.5px; }
  .section.gallery .innerwrapper .swiper-container .indicator.arrowleft {
    left: 0;
    background-position: 0 0; }
  .section.gallery .innerwrapper .swiper-container .indicator.arrowright {
    right: 0;
    background-position: right 0; }
.section.gallery .innerwrapper .slider {
  margin: 25px 0;
  max-height: 768px; }
  .section.gallery .innerwrapper .slider .indicator.arrowleft {
    left: 20px; }
  .section.gallery .innerwrapper .slider .indicator.arrowright {
    right: 20px; }
.section.gallery .innerwrapper .thumbnail img {
  width: 105px; }
.section.content .innerwrapper .date {
  color: #636363; }
.section.content .innerwrapper .listing.col-3 {
  margin-bottom: 25px; }
  .section.content .innerwrapper .listing.col-3 > div {
    width: 32%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 10px; }
    .section.content .innerwrapper .listing.col-3 > div:nth-child(3n+1) {
      padding-right: 20px;
      padding-left: 0; }
    .section.content .innerwrapper .listing.col-3 > div:nth-child(3n) {
      padding-left: 20px;
      padding-right: 0;
      width: 33%; }
    .section.content .innerwrapper .listing.col-3 > div.full-width {
      width: 100% !important;
      padding-right: 0;
      padding-left: 0; }
    .section.content .innerwrapper .listing.col-3 > div a:hover .text {
      text-decoration: underline; }
    .section.content .innerwrapper .listing.col-3 > div ul > li a {
      color: #222222; }
  .section.content .innerwrapper .listing.col-3.publications {
    text-align: left; }
    .section.content .innerwrapper .listing.col-3.publications > div {
      margin: 15px 0;
      width: 32%; }
      .section.content .innerwrapper .listing.col-3.publications > div a {
        color: #222222; }
        .section.content .innerwrapper .listing.col-3.publications > div a img {
          max-width: 100%; }
  .section.content .innerwrapper .listing.col-3.video {
    text-align: left; }
    .section.content .innerwrapper .listing.col-3.video > div {
      margin: 0 0 15px;
      width: 32%; }
      .section.content .innerwrapper .listing.col-3.video > div a {
        color: #222222;
        width: 100%; }
        .section.content .innerwrapper .listing.col-3.video > div a img {
          width: 100%; }
.section.content .innerwrapper .list-calendar tr td {
  padding: 10px 0;
  border-bottom: 1px #959595 solid; }
.section.content .innerwrapper .list-calendar thead tr td {
  text-align: left !important;
  border: none; }
.section.content .innerwrapper .list-calendar tbody tr td a {
  color: blue; }
.section.content .innerwrapper .list-calendar tfoot tr td {
  border: none;
  text-align: right !important; }
.section.content .innerwrapper .list-media tr th, .section.content .innerwrapper .list-media tr td {
  padding: 10px;
  border-bottom: 1px #959595 solid; }
.section.content .innerwrapper .list-media tr th {
  padding-left: 0 !important;
  font-weight: normal;
  vertical-align: top;
  width: 162px !important; }
.section.content .innerwrapper .list-media tr td {
  word-break: break-words; }
  .section.content .innerwrapper .list-media tr td:last-child {
    width: 220px !important; }
  .section.content .innerwrapper .list-media tr td a {
    color: blue !important; }
.section.up-comming-event .innerwrapper .line-style-title {
  background: url("/images/common/line-style-grey.jpg") 0 55% repeat-x;
  font-weight: normal; }
  .section.up-comming-event .innerwrapper .line-style-title span {
    background-color: #e5e5e5; }
.section.up-comming-event .innerwrapper .listing.col-3 {
  text-align: left !important; }
  .section.up-comming-event .innerwrapper .listing.col-3 > div:nth-child(3n) {
    width: 35%; }
.section.publications .innerwrapper .swiper-container {
  width: 100%;
  min-height: 280px;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
  opacity: 0; }
.section.publications .innerwrapper .swiper-container .btn-next, .section.publications .innerwrapper .swiper-container .btn-prev {
  display: inline-block;
  position: absolute;
  top: 340px;
  z-index: 10;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in; }
  .section.publications .innerwrapper .swiper-container .btn-next:hover, .section.publications .innerwrapper .swiper-container .btn-prev:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
.section.publications .innerwrapper .swiper-container .btn-next {
  background-image: url("/images/common/gallery/indicator.png");
  background-position: right 0;
  right: 0;
  width: 34px;
  height: 35px; }
.section.publications .innerwrapper .swiper-container .btn-prev {
  background-image: url("/images/common/gallery/indicator.png");
  background-position: 0 0;
  left: 0;
  width: 34px;
  height: 35px; }
.section.publications .innerwrapper .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 176px;
  height: 243px;
  padding: 0px; }
.section.publications .innerwrapper .swiper-slide a img {
  max-width: 110%; }
.section.publications .innerwrapper .swiper-slide h2, .section.publications .innerwrapper .swiper-slide h3, .section.publications .innerwrapper .swiper-slide p {
  line-height: 1em;
  display: inline-block;
  width: 100%; }
.section.publications .innerwrapper .swiper-slide h2 {
  color: #29b7ef;
  margin-bottom: 7px; }
.section.publications .innerwrapper .swiper-slide h3 {
  color: #05204b;
  margin-bottom: 13px; }
.section.publications .innerwrapper .swiper-slide p {
  margin-top: 10px; }
.section.publications .innerwrapper .swiper-slide-active .content {
  display: block; }
.section.publications .innerwrapper .swiper-container .swiper-slide-active .enlarge:hover {
  transform: scale(1.2, 1.2);
  transform-origin: 0 0;
  margin-top: -20px;
  margin-left: -30px; }
.section.publications .innerwrapper .content-innerwrapper {
  width: 100%;
  min-height: 100px;
  position: relative;
  display: none; }
.section.publications .innerwrapper .content_title {
  text-align: center;
  position: relative;
  width: 80%;
  margin: 0 auto; }
.section.publications .innerwrapper .content_content {
  position: relative; }
.section.publications .innerwrapper .content h4 a {
  color: #bd1e2c; }

.nav {
  /*background: #0088cb;*/
  width: 70%;
  height: 100%;
  position: fixed;
  top: 0;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 150;
  left: -70%;
  display: none \9; }

.content-wrapper {
  left: 0;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  transition: all 600ms ease;
  position: relative; }

.header {
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 200; }

.showMenu .menuBtn {
  background-position: 0 bottom !important; }
.showMenu .nav {
  left: 0; }
.showMenu .header, .showMenu .content-wrapper {
  left: 70%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5; }

.nav {
  font-size: 1em;
  overflow-x: hidden; }
  .nav a .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #ffffff;
    right: 10%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute; }
  .nav .innerwrapper {
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .nav .innerwrapper .lang {
      padding: 15px 5px; }
      .nav .innerwrapper .lang a {
        width: 32px;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 700px;
        -moz-border-radius: 700px;
        -o-border-radius: 700px;
        -ms-border-radius: 700px;
        border-radius: 700px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        -o-background-clip: padding-box;
        -ms-background-clip: padding-box;
        background-clip: padding-box; }
    .nav .innerwrapper .social {
      padding: 10px;
      background-color: rgba(0, 0, 0, 0.2); }
  .nav input[type="search"] {
    width: 100%;
    background: #ffffff;
    display: block;
    border: none;
    padding: 3px 10px;
    background-size: auto 80%;
    height: 30px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .nav .submenu {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    transition: all 600ms ease; }
  .nav ul {
    margin: 0;
    padding: 0; }
    .nav ul li {
      margin-bottom: 0; }
      .nav ul li > a {
        background: 94% center no-repeat;
        background-size: auto 40%;
        border-bottom: 1px #ffffff solid; }
      .nav ul li.active > a {
        background: 94% center no-repeat;
        background-size: auto 20%; }
      .nav ul li.active .submenu {
        max-height: 500px;
        border-bottom: 1px #ffffff solid; }

.showMenu .nav {
  -webkit-box-shadow: 2px 0 10px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 0 10px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 0 10px 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 0 10px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0 10px 5px rgba(0, 0, 0, 0.2); }

.student-share .tab-change-page {
  margin-top: -30px; }
  .student-share .tab-change-page a {
    display: inline-block;
    padding: 0 18px;
    height: 50px;
    line-height: 50px;
    color: #666666;
    background-color: #f2f2f2; }
    .student-share .tab-change-page a:hover, .student-share .tab-change-page a.active {
      background-color: #bfbfbf; }
    .student-share .tab-change-page a:hover {
      text-decoration: none; }
.student-share .tab {
  width: 100%;
  padding: 30px 40px;
  position: relative;
  box-sizing: border-box;
  /* css3 rec */
  -moz-box-sizing: border-box;
  /* ff2 */
  -ms-box-sizing: border-box;
  /* ie8 */
  -webkit-box-sizing: border-box;
  /* safari3 */
  -khtml-box-sizing: border-box;
  /* konqueror */ }
  .student-share .tab h2:first-child {
    margin-top: 0; }
.student-share .oversea-container {
  margin: 15px 0; }
  .student-share .oversea-container img {
    max-width: 100%; }
.student-share .oversea-paging {
  text-align: right; }
  .student-share .oversea-paging .oversea-next, .student-share .oversea-paging .oversea-prev, .student-share .oversea-paging .page-wrapper {
    display: inline-block;
    vertical-align: top; }
  .student-share .oversea-paging .oversea-next, .student-share .oversea-paging .oversea-prev {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    background-size: 35% 50%;
    background-repeat: no-repeat;
    background-position: center center; }
  .student-share .oversea-paging .oversea-next {
    background-image: url("../images/common/student-share/student-share-right.png"); }
  .student-share .oversea-paging .oversea-prev {
    background-image: url("../images/common/student-share/student-share-left.png"); }
  .student-share .oversea-paging .page-wrapper {
    background-color: #e7e7e7;
    padding: 0 10px;
    line-height: 30px; }
.student-share .video-wrapper {
  background-color: #000000; }
  .student-share .video-wrapper:after, .student-share .video-wrapper:before {
    display: table;
    content: " ";
    clear: both; }
  .student-share .video-wrapper #player {
    width: 80%;
    display: inline-block;
    height: 400px;
    opacity: 0; }
  .student-share .video-wrapper .thumbnail {
    width: 20%;
    height: 400px;
    float: right;
    overflow: auto; }
    .student-share .video-wrapper .thumbnail:after, .student-share .video-wrapper .thumbnail:before {
      display: table;
      content: " ";
      clear: both; }
    .student-share .video-wrapper .thumbnail a {
      display: block;
      width: 100%;
      background-color: #140809;
      position: relative;
      overflow: hidden; }
      .student-share .video-wrapper .thumbnail a:hover, .student-share .video-wrapper .thumbnail a.active {
        background-color: #f37438; }
        .student-share .video-wrapper .thumbnail a:hover .txt, .student-share .video-wrapper .thumbnail a.active .txt {
          color: #ffffff; }
        .student-share .video-wrapper .thumbnail a:hover .overlay, .student-share .video-wrapper .thumbnail a.active .overlay {
          background-color: #f37438; }
      .student-share .video-wrapper .thumbnail a span.txt {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #777777;
        line-height: 1.3em;
        z-index: 15; }
      .student-share .video-wrapper .thumbnail a .overlay {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #140809;
        z-index: 10;
        width: 100%;
        height: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8; }
      .student-share .video-wrapper .thumbnail a img {
        width: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8; }
.student-share .btn-next.outstanding, .student-share .btn-prev.outstanding {
  display: inline-block;
  width: 25px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 0;
  z-index: 10; }
.student-share .btn-next.outstanding {
  right: 0;
  background-image: url("../images/common/student-share/student-share-right.png"); }
.student-share .btn-prev.outstanding {
  left: 0;
  background-image: url("../images/common/student-share/student-share-left.png"); }
.student-share .outstanding-container, .student-share .outstanding-container-mobile {
  width: 95%; }
  .student-share .outstanding-container .swiper-slide, .student-share .outstanding-container-mobile .swiper-slide {
    width: 640px;
    background-color: #ffffff;
    display: inline-block; }
    .student-share .outstanding-container .swiper-slide.swiper-slide-active, .student-share .outstanding-container-mobile .swiper-slide.swiper-slide-active {
      z-index: 2 !important; }
    .student-share .outstanding-container .swiper-slide .txt, .student-share .outstanding-container-mobile .swiper-slide .txt {
      width: 66%;
      display: inline-block;
      text-align: center;
      vertical-align: middle; }
      .student-share .outstanding-container .swiper-slide .txt h2, .student-share .outstanding-container-mobile .swiper-slide .txt h2 {
        margin-bottom: 0; }
        .student-share .outstanding-container .swiper-slide .txt h2 span, .student-share .outstanding-container-mobile .swiper-slide .txt h2 span {
          border-bottom: 1px #888888 solid;
          padding-bottom: 10px;
          background: #ffffff;
          display: inline-block; }
    .student-share .outstanding-container .swiper-slide img, .student-share .outstanding-container-mobile .swiper-slide img {
      display: inline-block;
      width: 32%; }
.student-share .outstanding-container-mobile {
  display: none;
  width: 90%;
  margin: 0 auto; }
.student-share .outstanding-pagination {
  text-align: center;
  padding: 30px 0; }
  .student-share .outstanding-pagination span {
    border: 2px #f26522 solid;
    background-color: transparent;
    margin: 0 5px; }
    .student-share .outstanding-pagination span.swiper-pagination-bullet-active {
      background-color: #f26522; }
.student-share .tab1 {
  background-color: #bfbfbf; }
.student-share .tab2 {
  background-color: #cecece; }
.student-share .tab3 .outstanding-alumni, .student-share .tab3 .remark {
  display: inline-block; }

.en .student-share .outstanding-container .swiper-slide .txt p span, .en .student-share .outstanding-container-mobile .swiper-slide .txt p span {
  display: block;
  line-height: 1.2em;
  padding-bottom: 5px; }

.student-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }
  .student-popup .popupContent {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.tc .student-share .outstanding-container .swiper-slide .txt p span, .tc .student-share .outstanding-container-mobile .swiper-slide .txt p span, .sc .student-share .outstanding-container .swiper-slide .txt p span, .sc .student-share .outstanding-container-mobile .swiper-slide .txt p span {
  display: block !important;
  line-height: 1.2em;
  padding-bottom: 5px; }

@media screen and (max-width: 768px) {
  .student-share .tab-change-page {
    margin-top: 25px; }
  .student-share .tab {
    padding-left: 10px;
    padding-right: 10px; }
  .student-share .video-wrapper #player {
    width: 100%;
    height: 400px; }
  .student-share .video-wrapper .thumbnail {
    width: 100%;
    float: none;
    height: auto;
    white-space: nowrap; }
    .student-share .video-wrapper .thumbnail a {
      width: 33%;
      display: inline-block;
      float: left; }
  .student-share .oversea-container img {
    width: 100%; }
  .student-share .outstanding-container > .swiper-wrapper, .student-share .outstanding-pagination {
    display: none; }
  .student-share .outstanding-container-mobile {
    display: block; }
  .student-share .tab3 .outstanding-alumni, .student-share .tab3 .remark {
    display: block; }
  .student-share .tab3 .remark {
    margin-bottom: 20px; }
  .student-share .tab3 .btn-next.outstanding, .student-share .tab3 .btn-prev.outstanding {
    top: 60%; } }
@media screen and (max-width: 640px) {
  .student-share .video-wrapper #player {
    width: 100%;
    height: 200px; } }
/* Old screen */
@media screen and (max-width: 640px) {
  #ui-datepicker-div {
    left: 10px !important;
    width: auto !important; }

  .fzS-m {
    font-size: 14px !important;
    line-height: 1.2em; }

  .fzN-m, #ui-datepicker-div * {
    font-size: 16px !important;
    line-height: 1.2em; }

  .fzL-m {
    font-size: 24px !important;
    line-height: 1.2em; }

  .section.front-grid .innerwrapper a * {
    font-size: 16px !important; }
  .section.front-grid .innerwrapper a .title {
    font-size: 18px;
    margin-bottom: 5px !important; } }
/* Android & ipad 768px */
@media screen and (max-width: 768px) and (orientation: portrait) {
  .stylish-table thead tr td, .stylish-table tbody tr td {
    width: 100%;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .stylish-table thead tr.mobileShow, .stylish-table tbody tr.mobileShow {
    display: table-row !important; }
  .stylish-table thead tr.desktopShow, .stylish-table tbody tr.desktopShow {
    display: none; }

  .btn-scrollFunc.btm {
    bottom: 62px; }

  #map-canvas {
    width: 100% !important; }

  html, body {
    min-width: 0 !important;
    width: 100%;
    overflow-x: hidden;
    height: auto;
    font-size: 14px; }

  .section.header .useful-link, .destop-nav {
    display: none !important; }

  select {
    background: url("../images/ui/select-arrow-mobile.png") right 0 no-repeat #ffffff;
    padding: 4px 10px;
    height: 39px;
    background-size: auto 100% !important;
    width: 100%; }

  ol {
    padding-left: 35px !important;
    line-height: 2em; }

  h1 {
    font-size: 20px;
    line-height: 1.2em; }

  .mobilePadding5P {
    padding: 5% !important; }
    .mobilePadding5P > h2 {
      margin-top: 16px; }

  p {
    margin-bottom: 5px; }

  .mfloatL {
    float: left; }

  .mfloatR {
    float: right; }

  html, body {
    min-width: 0 !important; }

  .fancybox-bg {
    display: none !important; }

  #fancybox-wrap {
    padding: 0 !important;
    left: 2% !important;
    width: 96% !important; }

  #fancybox-content {
    width: 100% !important; }

  #ui-datepicker-div {
    left: 10px !important;
    width: auto !important; }

  .wtw, .section .innerwrapper, .w940 {
    width: 100% !important; }

  .bb, .mobilePadding5P, .section .innerwrapper.p50-10, .section .innerwrapper .right, .section.text-only .innerwrapper, .section.front-grid .innerwrapper a, .section.up-comming-event .innerwrapper, .footer .innerwrapper {
    box-sizing: border-box;
    /* css3 rec */
    -moz-box-sizing: border-box;
    /* ff2 */
    -ms-box-sizing: border-box;
    /* ie8 */
    -webkit-box-sizing: border-box;
    /* safari3 */
    -khtml-box-sizing: border-box;
    /* konqueror */ }

  .mobileShow {
    display: inline-block !important; }
    .mobileShow.clearfix {
      display: block !important; }

  .desktopShow {
    display: none !important; }

  .showImportant {
    display: block !important; }

  .header .innerwrapper {
    padding: 15px 0 !important;
    height: 50px; }
    .header .innerwrapper .logo {
      margin: 0;
      display: inline-block;
      position: relative;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
      transform: translate(-50%, -50%) !important;
      height: 50px; }
      .header .innerwrapper .logo img {
        height: 100%; }
    .header .innerwrapper .btn-menu, .header .innerwrapper .btn-search {
      width: 35px;
      height: 35px !important;
      display: inline-block;
      bottom: 10px;
      position: absolute !important;
      background-size: 100% 100% !important; }
    .header .innerwrapper .btn-menu {
      background: url("/images/common/btn-menu.png") center center no-repeat #ffffff;
      left: 10px; }
    .header .innerwrapper .btn-search {
      background: url("/images/common/btn-search.png") center center no-repeat #ffffff;
      right: 10px; }

  .footer .member-of-vtc-group {
    position: relative;
    margin-right: -30px;
    width: 45%;
    bottom: 0;
    margin-bottom: 15px;
    height: auto; }
    .footer .member-of-vtc-group img {
      width: 100%; }

  .content-wrapper {
    padding-top: 80px; }

  .section .innerwrapper {
    width: 100%;
    padding: 0; }
    .section .innerwrapper .pl180 {
      padding-left: 17%; }
    .section .innerwrapper .w70p {
      width: 73% !important; }
    .section .innerwrapper.p25-0 {
      padding: 5px 0 !important; }
    .section .innerwrapper.p50-10 {
      padding: 0 !important; }
    .section .innerwrapper .list-calendar td:nth-child(2) {
      padding-left: 3% !important;
      padding-right: 3% !important; }
    .section .innerwrapper .list-calendar .btn {
      padding: 0 !important;
      height: auto !important;
      -webkit-border-radius: 50px !important;
      -moz-border-radius: 50px !important;
      -o-border-radius: 50px !important;
      -ms-border-radius: 50px !important;
      border-radius: 50px !important;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      -o-background-clip: padding-box;
      -ms-background-clip: padding-box;
      background-clip: padding-box; }
      .section .innerwrapper .list-calendar .btn img {
        width: 100%; }
    .section .innerwrapper .breadcrumb {
      display: none; }
    .section .innerwrapper .left {
      width: 100%;
      margin-bottom: 15px; }
      .section .innerwrapper .left.w12p {
        width: 100% !important; }
      .section .innerwrapper .left img {
        width: 100% !important; }
    .section .innerwrapper .right {
      width: 100%;
      padding: 0 5% 5%; }
      .section .innerwrapper .right.w87p {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0; }
      .section .innerwrapper .right h2 {
        margin-top: 25px; }
        .section .innerwrapper .right h2.mt0 {
          margin-top: 0 !important; }
      .section .innerwrapper .right .left, .section .innerwrapper .right .right {
        padding-left: 0;
        padding-right: 0; }
      .section .innerwrapper .right .left {
        width: 100%; }
        .section .innerwrapper .right .left img {
          width: auto !important;
          margin: 12px auto;
          display: block; }
      .section .innerwrapper .right .right {
        width: 100%; }
    .section .innerwrapper > .listing {
      width: 100%; }
    .section .innerwrapper .listing.col-3 > div {
      width: 49% !important; }
      .section .innerwrapper .listing.col-3 > div:nth-child(2n+1) {
        padding-right: 2% !important;
        padding-left: 0 !important; }
      .section .innerwrapper .listing.col-3 > div:nth-child(2n) {
        padding-left: 2% !important;
        padding-right: 0 !important; }
    .section .innerwrapper .listing.col-3.site-map > div {
      width: 100% !important;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .section .innerwrapper .listing.col-3.site-map > div:nth-child(2n+1), .section .innerwrapper .listing.col-3.site-map > div:nth-child(2n) {
        padding-left: 2% !important;
        padding-right: 2% !important; }
    .section .innerwrapper .col4 > li, .section .innerwrapper .col4 > div, .section .innerwrapper .col4 > a {
      width: 49%; }
  .section.text-only .innerwrapper {
    padding: 5%; }
    .section.text-only .innerwrapper h2 {
      padding: 5% 0 0; }
    .section.text-only .innerwrapper .floatR, .section.text-only .innerwrapper .footer .member-of-vtc-group, .footer .section.text-only .innerwrapper .member-of-vtc-group, .section.text-only .innerwrapper .right {
      float: left;
      width: 100%;
      margin-left: 0; }
  .section.banner {
    min-height: 0; }
    .section.banner .innerwrapper .slider img {
      width: 100%;
      height: auto; }
    .section.banner .innerwrapper .flag {
      width: 26.4%;
      height: 100%;
      bottom: auto;
      top: 34%; }
      .section.banner .innerwrapper .flag img {
        width: 100%; }
    .section.banner .innerwrapper .arrow {
      height: 78%;
      width: 22%;
      background-size: 100% 100%; }
      .section.banner .innerwrapper .arrow > a {
        padding: 0;
        height: 100%;
        width: 100%;
        position: relative; }
        .section.banner .innerwrapper .arrow > a .title {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-size: 3.5vw !important;
          text-align: center;
          padding-left: 10%; }
        .section.banner .innerwrapper .arrow > a .triangle {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4px 0 4px 5px;
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          position: absolute;
          right: 5px; }
  .section.front-grid .innerwrapper a {
    width: 50%;
    height: 50vw;
    overflow: hidden;
    position: relative; }
    .section.front-grid .innerwrapper a img {
      width: 100%; }
    .section.front-grid .innerwrapper a.two-col {
      width: 100%; }
    .section.front-grid .innerwrapper a .mt15 {
      margin-top: 5px; }
    .section.front-grid .innerwrapper a .btn-more {
      position: absolute;
      bottom: 10px;
      right: 10px; }
    .section.front-grid .innerwrapper a .cycle-slideshow span {
      width: 100vw;
      height: 50vw; }
  .section.maintitle p {
    line-height: 1.1em; }
  .section.title .innerwrapper {
    min-height: 0 !important; }
    .section.title .innerwrapper h1 {
      padding-left: 90px; }
  .section.gallery .innerwrapper .caption {
    left: 0;
    width: 100%;
    margin-left: 0; }
  .section.gallery .innerwrapper .swiper-container {
    margin-bottom: 25px; }
  .section.gallery .innerwrapper .slider {
    margin: 25px 0; }
    .section.gallery .innerwrapper .slider .swiper-slide {
      width: 100%; }
      .section.gallery .innerwrapper .slider .swiper-slide img {
        width: 100%; }
        .section.gallery .innerwrapper .slider .swiper-slide img.vImg {
          width: auto;
          height: 66vw; }
    .section.gallery .innerwrapper .slider .indicator.arrowleft {
      left: 0; }
    .section.gallery .innerwrapper .slider .indicator.arrowright {
      right: 0; }
  .section.gallery .innerwrapper .thumbnail .swiper-slide img {
    width: 100%; }
  .section.content .innerwrapper .list-media tr th {
    width: 65px !important; }
  .section.content .innerwrapper .list-media tr td:last-child {
    width: 106px !important; }
  .section.up-comming-event .innerwrapper {
    padding: 5%; }
    .section.up-comming-event .innerwrapper h2 {
      padding-left: 0;
      padding-right: 0; }
    .section.up-comming-event .innerwrapper img {
      width: 100%; }
    .section.up-comming-event .innerwrapper .listing {
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important; }
      .section.up-comming-event .innerwrapper .listing > div {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important; }
        .section.up-comming-event .innerwrapper .listing > div:nth-child(2n+1) {
          padding-right: 0 !important;
          padding-left: 0 !important; }
        .section.up-comming-event .innerwrapper .listing > div:nth-child(2n) {
          padding-left: 0 !important;
          padding-right: 0 !important; }
  .section.pass-evet .innerwrapper .left {
    height: 200px;
    overflow: hidden;
    position: relative; }
    .section.pass-evet .innerwrapper .left img {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute; }

  .footer {
    padding-bottom: 50px;
    background-color: #ffffff; }
    .footer .innerwrapper {
      padding: 15px 25px 20px; }
      .footer .innerwrapper .logo.mb17 {
        margin-bottom: 0 !important; }
      .footer .innerwrapper .logo a {
        width: auto;
        position: relative;
        display: inline-block;
        vertical-align: middle; }
        .footer .innerwrapper .logo a img {
          margin-bottom: 15px;
          margin-left: 0 !important;
          max-height: 9999px;
          margin-right: 15px; } }
/* iPhone */
@media screen and (max-width: 320px) {
  .btn-scrollFunc.top {
    top: 82px; }

  .header .innerwrapper {
    padding: 10px 0;
    height: 40px; }
    .header .innerwrapper .logo {
      height: 40px; }
      .header .innerwrapper .logo img {
        width: auto; }
    .header .innerwrapper .btn-menu, .header .innerwrapper .btn-search {
      width: 30px;
      height: 30px !important; }

  .content-wrapper {
    padding-top: 60px; }

  .section.front-grid .innerwrapper a {
    width: 50%;
    height: 50vw;
    overflow: hidden;
    position: relative; }
    .section.front-grid .innerwrapper a * {
      font-size: 14px !important; }
    .section.front-grid .innerwrapper a .title {
      font-size: 16px; } }
/* Mobile Portrait view */
/* Mobile Landscape view */
/* iPad portrait view */
@media screen and (min-width: 641px) and (max-width: 768px) and (orientation: portrait) {
  body {
    min-height: 1280px !important; } }

/*# sourceMappingURL=layout.css.map */