/*
Template Name: Stability Responsive HTML Template
Template URI: http://themeforest.net/user/dan_fisher/portfolio
Author: Dan Fisher
Author URI: http://themeforest.net/user/dan_fisher
Description: Stability is a clean, and multi-purpose HTML Template. It is suitable for your business, a creative agency or a portfolio projects. Stability comes with stylish design, 6 home pages, 2-4 columns, fullwidth portfolio layouts, pricing tables, 4 blog page layouts, single portfolio layouts, contacts page and more.
Version: 1.2
Tags: black, blog, bold, bootstrap, business, grid, portfolio, post formats, posts, red, stability, strong, white
*/
/* Table of Content
==================================================
	#General
		- Typography
	#Header
		- Text Based Logo
		- Image Based Logo
	#Navigation
	#Slider
		- Revolution Slider
		- Royal Slider
	#Content
		- Page Heading
		- Page Content
	#Widgets
		- Base Widgets
		- Latest Post Widget
		- Contacts Info
		- Flickr
		- Tag Cloud
		- Tabbed Widget
	#Pages
		- About Us
		- 404 Error Page
		- Coming Soon
		- Contacts
	#Blog
	#Portfolio
	#Footer
		- Footer widgets
		- Copyright
	#One Page
*/
/*
// #General
// --------------------------------------------------
*/
/* trying Noto Sans TC and SC early access */
/*@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);*/
/*@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);*/
html {
  overflow-x: hidden;
  overflow-y: auto;
}
body {
  background-color: #fff;
  color: #333333;
  /*font-family: 'Muli', 'Microsoft JhengHei',"Heiti TC",'LiHei Pro Medium','PMingLiU', sans-serif;*/
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  font-size: 15px;
  line-height: 25px;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
figure {
  position: relative;
}
figcaption {
  color: gray/*white*/;
  width: 100%;
  padding: 0.2em/*1em*/ 0em/*1em*/;
  /*position: absolute;*/
  /*bottom: 0;*/
  /*background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));*/
  text-align: left;
}
@media (max-width: 750px) {
  figcaption {
	font-size: 10px;
  }
}
body.bg1 {
  background: #ffffff url(../images/bg1.jpg) 50% 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.site-wrapper {
  overflow: hidden;
  position: relative;
}
body.boxed .site-wrapper {
  margin: 0 auto;
  max-width: 1020px;
  background: #fff;
}
@media (min-width: 992px) {
  body.boxed .site-wrapper {
    margin: 0px auto;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    /*border-radius: 6px;*/
  }
  body.boxed .site-wrapper .header-top {
    /*border-radius: 6px 6px 0 0;*/
  }
}
.h2-block-title .widget-title,
.h2-block-title .widget-title span{
  font-size: 24px;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
}
/*
// #Header
// --------------------------------------------------
*/
.header {
  position: relative;
  z-index: 99;
}
/* Sticky Menu */
body.sticky-header .header {
  position: fixed;
  top: -44px;
  left: 0px;
  width: 100%;
  z-index: 99;
}
body.sticky-header .header .header-main {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
body.sticky-header .header .header-main:before {
  height: 80px;
}
  /*padding: 16px 0;*/
body.sticky-header .header .logo {
}
body.sticky-header .header .logo h1,
body.sticky-header .header .logo h2 {
  font-size: 30px;
}
body.sticky-header .header .nav-main {
  min-height: 51px;
}
@media all and (min-width: 992px) {
  body.sticky-header .header .flexnav > li > a {
    /*line-height: 50px;*/
  }
  body.sticky-header .header.menu-pills .flexnav {
    padding-top: 18px;
  }
  body.sticky-header .header.menu-pills .flexnav > li > a {
    line-height: 44px;
  }
  
  body.sticky-header  .lang_switch {
	margin-left: 390px;
    margin-top: 28px;
    text-align: left;
  }
}
body.boxed .header-main {
  margin: 0 auto;
  max-width: 1020px;
}
.header-top {
  background: #000000;
  padding: 0;
  /*height: 30px;*/
  min-height: 30px;	/* 20161111: hack: adapt to narrow screen */
  color: #a3a3a3;
  font-size: 10px;
  line-height: 30px;
  /*text-transform: uppercase;*/	/* 20161109: hack: respect "MyCUHK" */
}
@media (max-width: 767px) {
  .header-top {
    /*display: none;*/	/* 20161111: hack: remain visible no matter how narrow the width (for mobile devices) */
  }
}
.header-top ul {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
  margin: 0;
  display: inline-block;
}
.header-top ul > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.header-top ul > li {
  position: relative;
  padding: 0 10px 0 13px;
}
@media (max-width: 767px) {	/* 20161111: hack: smaller padding for smaller screen */
  .header-top ul > li {
    position: relative;
    padding: 0 3px 0 5px;
  }
}
.header-top ul > li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  background: #616161;
  height: 7px;
  width: 1px;
}
.header-top ul > li:first-child {
  padding-left: 0;
}
.header-top ul > li:first-child:before {
  display: none;
}
.header-top .info-item {
  margin-right: 25px;
}
.header-top a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.header-top a:hover {
  text-decoration: none;
  color: #fff;
  border-bottom-color: #616161;
}
.header-top .fa {
  font-size: 14px;
  vertical-align: top;
  margin-right: 5px;
  color: #fff;
}
.header-top-left {
  float: left;
  /*display: none;*/
}
@media (max-width: 767px) {
  .header-top-left {
    /*display: none;*/	/* 20161111: hack: remain visible no matter how narrow the width (for mobile devices) */
  }
}
.header-top-right {
  float: right;
}
.header-top-right > span + span {
  margin-left: 32px;
}
.header-top-right > span + span.info-item {
  margin-left: 25px;
  margin-right: 0;
}
.header-top-right > span.info-item {
  margin-right: 0;
}
@media (max-width: 767px) {
  .header-top-right {
    /*float: none;*/
	float: right;	/* 20161111: hack: continue to float to right for small screen */
    /*text-align: center;*/
    text-align: right;	/* 20161111: hack: continue to stay right for small screen */
  }
}
/* Header Main */
.header-main {
  position: relative;
  background: #ececec;
}
.header-main:before,
.header-main:after {
  content: " ";
  display: table;
}
.header-main:after {
  clear: both;
}
.header-main:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100px;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=0);
}
.header-main > .container {
  position: relative;
}
/* Logo */
.header .logo {
  margin: 0;
  padding: 10px 0;
  /*-webkit-transition: 0.2s;
  transition: 0.2s;*/
  float: left;
}
.header .logo img {
  position: relative;
  display: inline-block;
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
}
.header .logo h1,
.header .logo h2 {
  position: relative;
  z-index: 2;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  font-size: 36px;
  line-height: 1em;
  text-transform: uppercase;
  color: #2f2f2f;
  font-weight: normal;
  margin: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header .logo h1 > a,
.header .logo h2 > a {
  color: #2f2f2f;
  text-decoration: none;
  display: inline-block;
}
.header .logo h1 > a:first-letter,
.header .logo h2 > a:first-letter {
  color: #dc2a0b;
}
.header .logo .tagline {
  margin: 0;
  font-size: 10px;
  line-height: 1.5em;
  text-transform: uppercase;
  color: #a3a3a3;
  position: relative;
  z-index: 2;
}
/* Header Search Form */
.search-form {
  width: 260px;
  display: none;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .search-form {
    display: table-cell;
  }
}
.search-form .btn,
#search-block-form .btn {
  background-image: -webkit-linear-gradient(top, #3d3d3d 0%, #2f2f2f 100%);
  background-image: linear-gradient(to bottom, #3d3d3d 0%, #2f2f2f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3d3d3d', endColorstr='#ff2f2f2f', GradientType=0);
  text-align: center;
  border-color: #2f2f2f;
  padding-left: 18px;
  padding-right: 18px;
}
.search-form .btn .fa {
  line-height: 1.3em;
  color: #fff;
  margin-right: 0;
}
.header .search-form {
  float: right;
  padding: 35px 0;
}
/*
// #Navigation
// --------------------------------------------------
*/
/* Navigation Wrapper */
.nav-main {
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 991px) {
  .nav-main {
    width: 100%;
    clear: both;
  }
}
@media (min-width: 992px) {
  .nav-main {
    background: none;
    min-height: 100px;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .nav-main .container {
    width: 100%;
  }
}
/* Navigation General styles */
.flexnav {
  -webkit-transition: none;
  transition: none;
  padding-left: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 15px;
  max-height: 0;
  background: #2f2f2f;
  margin: 0 -15px;
}
.flexnav.opacity {
  opacity: 0;
  filter: alpha(opacity=0);
}
.flexnav.flexnav-show {
  max-height: 2000px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.flexnav li {
  position: relative;
  overflow: hidden;
  /* Submenu */
}
.flexnav li a {
  position: relative;
  display: block;
  z-index: 2;
  overflow: hidden;
  font-size: 1em;
  color: #fff;
  text-decoration: none;
  padding: 12px 8px;
}
.flexnav li a .label {
  margin-left: 4px;
  vertical-align: middle;
}
.flexnav li + li {
  border-top: 1px solid #3f3f3f;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.flexnav li ul {
  width: 100%;
  padding-left: 0;
  list-style: none;
  margin: 0;
  padding-left: 20px;
}
.flexnav li ul li {
  position: relative;
  overflow: hidden;
}
.flexnav li ul li a {
  display: block;
  color: #fff;
}
.flexnav li ul.flexnav-show li {
  overflow: visible;
}
@media (min-width: 992px) {
  .flexnav {
    margin: 0;
  }
}
/* Touch Button (used for Mobile) */
.touch-button {
  position: absolute;
  z-index: 999;
  top: 1px;
  right: 0;
  width: 42px;
  height: 42px;
  display: inline-block;
  text-align: center;
  background: rgba(255, 255, 255, 0.07);
  /* Touch Button Active */
}
.touch-button:hover {
  cursor: pointer;
}
.touch-button .navicon {
  position: relative;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.touch-button .navicon:before {
  display: inline-block;
  content: "\f107";
  font-family: 'FontAwesome';
  font-size: 14px;
  color: #c1c1c1;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.touch-button.active .navicon:before {
  content: "\f106";
}
/* Navigation styles - For Desktop */
@media all and (min-width: 992px) {
  .flexnav {
    overflow: visible;
    text-align: right;
    position: relative;
    z-index: 3;
    margin: 0;
    padding: 0;
    padding-left: 0;
    list-style: none;
  }
  .flexnav.opacity {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .flexnav > li {
    text-align: left;
    list-style: none;
    display: inline-block;
    overflow: visible;
    position: relative;
    border: none !important;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    /* Submenu */
  }
  .flexnav > li + li {
    margin-left: 0px;	/* was 9px; now trying to accommodate more items */
  }
  .flexnav > li > a {
    font-size: 14px;
    color: #656464;
    text-decoration: none;
    padding: 0 10px;	/* 20161109: hack: left and right padding was 15px; trying to accommodate more items with longer names */
    /*text-transform: uppercase;*/	/* 20170216: hack: letter case should be left to the content creator */
    font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
    line-height: 100px;
    font-weight: 400;
    position: relative;
    z-index: 3;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .flexnav > li > a:before {
    content: "";
    display: block;
    position: absolute;
    height: 4px;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .flexnav > li:hover,
  .flexnav > li.active {
    background: #fff;
  }
  .flexnav > li:hover > a,
  .flexnav > li.active > a {
    color: #2f2f2f;
  }
  .flexnav > li:hover > a:before,
  .flexnav > li.active > a:before {
    background: #dc2a0b;
  }
  .flexnav > li.item-with-ul > a:after {
    display: inline-block;
    content: "\f0d7";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #c1c1c1;
    margin-left: 6px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    top: -2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .flexnav > li ul {
    padding-left: 0;
    list-style: none;
    display: none;
    position: absolute;
    top: auto;
    left: 0;
    min-width: 280px;
    background: #fff;
    -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    overflow: visible !important;
  }
  .flexnav > li ul li {
    width: 100%;
    border: none !important;
    /* Submenu 2nd Level */
  }
  .flexnav > li ul li.item-with-ul > a:after {
    display: block;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -7px;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #c1c1c1;
    margin-left: 6px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .flexnav > li ul li a {
    color: #2f2f2f;
    padding: 10px 20px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .flexnav > li ul li a:hover {
    background: #f2f2f2;
    -webkit-transition: none;
    transition: none;
  }
  .flexnav > li ul li.active > a {
    background: #f2f2f2;
  }
  .flexnav > li ul li + li a {
    border-top: 1px solid #f2f2f2;
  }
  .flexnav > li ul li > ul {
    margin-left: 100%;
    top: 0;
  }
  .flexnav > li ul.open {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    z-index: 1;
  }
  .flexnav > li ul.open li {
    overflow: visible;
    max-height: 100px;
  }
  .flexnav > li ul.open ul.open {
    margin-left: 100%;
    top: 0;
  }
  .touch-button {
    display: none;
  }
}
/* Navigation Toggle Button */
.navbar-toggle {
  margin: 0;
  padding: 9px;
  border-radius: 2px;
  vertical-align: top;
  height: 40px;
  width: 40px;
  background: #2f2f2f;
  position: absolute;
  top: 38px;
  right: 15px;
  z-index: 8;
}
.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus {
  background: #434343;
}
.navbar-toggle .fa {
  color: #fff;
  font-size: 14px;
}
.navbar-toggle .touch-button {
  display: none;
}
/* Header v2 */
@media (min-width: 992px) {
  .header-menu-fullw .header-main > .container {
    margin-bottom: 0;
    padding: 0 15px;
  }
}
.header-menu-fullw .header-main .head-banner {
  padding: 13px 0;
  display: none;
  position: relative;
}
@media (min-width: 992px) {
  .header-menu-fullw .header-main .head-banner {
    display: block;
    float: right;
  }
}
.header-menu-fullw .nav-main {
  text-align: left;
  min-height: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #ececec 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffececec', GradientType=0);
}
@media all and (min-width: 992px) {
  .header-menu-fullw .nav-main {
    height: 51px;
    border-top: 1px solid #d8d8d8;
  }
  .header-menu-fullw .nav-main .flexnav {
    text-align: left;
  }
  .header-menu-fullw .nav-main .flexnav > li > a {
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    line-height: 50px;
    /*padding: 0 26px;*/
    padding: 0 10px;
  }
  .header-menu-fullw .nav-main .flexnav > li.signin {
    float: right;
  }
  .header-menu-fullw .nav-main .flexnav > li.signin > a:before {
    display: inline !important;
    background: none;
    vertical-align: middle;
    position: static;
    content: "\f007";
    font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
    font-size: 14px;
    color: #c1c1c1;
    margin-right: 10px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .header-menu-fullw .nav-main .flexnav > li + li {
    margin-left: -5px;
  }
}
/* Header v3 */
.header-top-clean .header-top {
  background: #fafafa;
  border-bottom: 1px solid #eaeaea;
}
.header-top-clean .header-top a {
  color: #2f2f2f;
}
.header-top-clean .header-top a:hover {
  border-bottom-color: #a3a3a3;
}
.header-top-clean .header-top .fa {
  color: #616161;
}
/* Header v4 */
.header-top-colored .header-top {
  background: #dc2a0b;
  color: #fff;
}
.header-top-colored .header-top a {
  color: #fff;
}
.header-top-colored .header-top a:hover {
  border-bottom-color: #fff;
}
.header-top-colored .header-top .fa {
  color: #fff;
}
.header-top-colored .header-top ul > li:before {
  background: #fff;
}
header.menu-colored {
  /* Navigation styles - For Desktop */
}
@media all and (min-width: 992px) {
  header.menu-colored .flexnav > li {
    /* Submenu */
  }
  header.menu-colored .flexnav > li > a:before {
    display: none;
  }
  header.menu-colored .flexnav > li.active {
    background: none;
  }
  header.menu-colored .flexnav > li.active > a {
    color: #dc2a0b;
  }
  header.menu-colored .flexnav > li:hover {
    background: #dc2a0b;
  }
  header.menu-colored .flexnav > li:hover > a {
    color: #fff;
  }
  header.menu-colored .flexnav > li:hover > a:after {
    color: #fff;
  }
  header.menu-colored .flexnav > li ul li.active > a {
    background: #f2f2f2;
  }
  header.menu-colored .flexnav > li ul li > a:hover {
    background: #dc2a0b;
    color: #fff;
  }
}
/* Header v5 */
@media all and (min-width: 992px) {
  .header-centered .logo {
    text-align: center;
    width: 100%;
  }
}
@media all and (min-width: 992px) {
  .header-centered .nav-main .flexnav {
    text-align: center;
  }
  .header-centered .nav-main .flexnav > li > a {
    padding-left: 28px;
    padding-right: 28px;
  }
}
/* Header v6 */
@media all and (min-width: 992px) {
  header.menu-pills .flexnav {
    background: none;
    padding-top: 35px;
  }
  header.menu-pills .flexnav > li {
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  header.menu-pills .flexnav > li > a {
    line-height: 44px;
    border-radius: 8px;
  }
  header.menu-pills .flexnav > li{
    border-radius: 8px;
  }
  header.menu-pills .flexnav > li ul{
    border-radius: 0;
  }
}
/* One Page */
header.header-fixed {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0 !important;
}
.one-page.sticky-header {
  padding-top: 0 !important;
}
.one-page .tp-banner-holder {
  border-top: none;
  margin-top: 114px;
}
.one-page .footer-copyright {
  padding: 60px 0;
}
.one-page .footer .social-links {
  margin-bottom: 20px;
}
.one-page .page-content {
  padding: 0;
}

/*
// #Sliders
// --------------------------------------------------
*/
/* Revolution Slider */
.tp-banner-container .tp-caption {
  opacity: 0;
  filter: alpha(opacity=0);
}
.tp-banner-holder {
  border-top: 6px solid #d4d4d4;
  border-bottom: 6px solid #d4d4d4;
  position: relative;
  background: #2f2f2f;
}
.tp-banner-holder:before,
.tp-banner-holder:after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  background: #bfbfbf;
}
.tp-banner-holder:before {
  top: -6px;
}
.tp-banner-holder:after {
  bottom: -6px;
}
.tp-banner-container {
  position: relative;
}
.tp-banner {
  width: 100%;
  padding: 0;
  position: relative;
}
.tp-banner ul {
  padding-left: 0;
  list-style: none;
}
.tp-banner-fullscreen-container {
  width: 100%;
  position: relative;
  padding: 0;
}
/* Revolution Slider (Custom styles) */
.tp-dottedoverlay{ background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;}
.tp-dottedoverlay.filled {
  background: #000;
  opacity: 0.55;
  filter: alpha(opacity=55.00000000000001);
  height: 66%;
  top: 17%;
}
.one-page .tp-dottedoverlay.filled{
  height: 100%;
  top: 0;
}
.tp-dottedoverlay.twoxtwo-custom {
  background: -webkit-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.52) 1%, rgba(0, 0, 0, 0.5) 100%);
  background: -moz-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.52) 1%, rgba(0, 0, 0, 0.5) 100%);
  background: -ms-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.52) 1%, rgba(0, 0, 0, 0.5) 100%);
}
.tp-caption.large_bold_white,
.tp-caption.mediumwhitebg {
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  text-transform: uppercase;
}
.tp-caption.large_bold_white {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.tp-caption.with-icon .icon {
  width: 100px;
  height: 100px;
  font-size: 48px;
  line-height: 100px;
  margin-bottom: 0;
}
.tp-caption.with-icon .circled .icon:after {
  background: rgba(0, 0, 0, 0.1);
}

/*
// #Content
// --------------------------------------------------
*/
/* Page Heading */
.page-heading {
  background: #2f2f2f;
  border-top: 6px solid #d4d4d4;
  border-bottom: 6px solid #d4d4d4;
  position: relative;
  text-align: center;
  /* Page Title */
  /* Breadcrumbs */
}
@media (min-width: 992px) {
  .page-heading {
    text-align: left;
  }
}
.page-heading:before,
.page-heading:after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  background: #bfbfbf;
}
.page-heading:before {
  top: -6px;
}
.page-heading:after {
  bottom: -6px;
}
.page-heading h1 {
  font-size: 24px;
  margin: 0;
  color: #fff;
  padding: 25px 0 10px 0;
  /*text-transform: uppercase;*/	/* 20170216: hack: letter case should be left to the content creator */
}
@media (min-width: 992px) {
  .page-heading h1 {
    padding: 25px 0;
  }
}
.page-heading .breadcrumb {
  background: none;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 20px 0;
}
@media (min-width: 992px) {
  .page-heading .breadcrumb {
    text-align: right;
    padding: 27px 0;
  }
}
.page-heading .breadcrumb > li + li:before {
  content: "\2022";
  padding-right: 6px;
}
.page-heading .breadcrumb a {
  color: #fff;
}
.section-dark {
  margin: 0 -100% 0 -100%;
  padding: 55px 100% 60px 100%;
  background: #2f2f2f;
  overflow: hidden;
}
.section-light {
/* hack: 20210103: disabling margin style to fix container width for Testimonial in smaller than 768px width */
/*  margin: 0 -100% 0 -100%; */
  padding: 55px 100% 60px 100%;
  background: #f7f7f7;
  overflow: hidden;
  border-top: 1px solid #e4e4e4;
}
.section-bottom {
  margin-bottom: -64px !important;
}
/* hack: 20220713: adjust each nd-region bottom padding per viewpoints */
.nd-region {
/* hack: 20210101: suddenly, this padding-top is causing extra padding on front page */
/*  padding-top: 64px;*/
  padding-bottom: 22px;
}
@media (min-width: 768px) {
  .nd-region {
    padding-bottom: 36px;
  }
}
@media (min-width: 992px) {
  .nd-region {
    padding-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .nd-region {
    padding-bottom: 64px;
  }
}
/* hack: 20210326: adding back margin top for all other pages */
#Content {
  margin-top: 64px;
}
.no-padding{
  padding: 0;
}
.no-top-padding{
  padding-top: 0;
}
.no-bottom-padding{
  padding-bottom: 0;
}
.padding-top{
  padding-top: 64px;
}
.padding-bottom{
  padding-bottom: 64px;
}
/* One Page section */
section.dark {
  background: #2f2f2f;
  color: #a3a3a3;
}
.section,
.one-page .nd-region{
  padding: 80px 0;
}
.one-page .top-half-padding{
  padding-top: 40px;
}
.one-page .bottom-half-padding{
  padding-bottom: 40px;
}
.one-page .half-padding{
  padding: 40px 0;
}
.top-padding{
  padding-top: 80px;
}
section.dark h1,
section.dark .h1,
section.dark h2,
section.dark .h2,
section.dark h3,
section.dark .h3,
section.dark h4,
section.dark .h4,
section.dark h5,
section.dark .h5,
section.dark h6,
section.dark .h6 {
  color: #fff;
}
section.dark label {
  color: #a3a3a3;
}
.section.section__nopadding {
  padding: 0;
}
.section .googlemap-wrapper {
  margin: 0;
}
/* Featured Section */
.featured-section {
  margin: 0 -100% 0 -100%;
  padding: 0 100% 0 100%;
  background-image: url(../images/samples/slide-bg-sm.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
@media (min-width: 992px) {
  .featured-section {
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.featured-section.featured-section__alt {
  margin-bottom: -40px;
}
h2 + .featured-section {
  margin-top: 30px;
}
.featured-section:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #000;
  opacity: 0.55;
  filter: alpha(opacity=55.00000000000001);
}
.featured-item {
  height: 300px;
  padding: 35px;
  position: relative;
  background: transparent;
  color: #fff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.featured-item:before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  bottom: 0;
  left: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.2);
}
@media (min-width: 992px) {
  .featured-item:before {
    left: -15px;
    right: auto;
    bottom: 0;
    width: 1px;
    height: 20px;
  }
}
.featured-item:after {
  content: "";
  display: none;
  position: absolute;
  bottom: 15px;
  top: 15px;
  left: -15px;
  width: 1px;
  background: rgba(255, 255, 255, 0.2);
}
@media (min-width: 768px) and (max-width: 991px) {
  .featured-item:after {
    display: block;
  }
}
@media (min-width: 992px) {
  .featured-item:after {
    display: none;
  }
}
@media (min-width: 992px) {
  .featured-section .row > [class^='col-']:first-child .featured-item:before {
    display: none;
  }
}
.featured-section .row > [class^='col-']:first-child .featured-item:after,
.featured-section .row > [class^='col-']:nth-child(3n) .featured-item:after {
  display: none;
}
.featured-item .featured-link {
  text-align: left;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  color: #fff;
}
.featured-item .featured-main {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 60px;
}
.featured-item .featured-icon {
  font-size: 42px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.featured-item .featured-title {
  text-align: center;
  color: #fff;
  margin-bottom: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.featured-item .featured-subtitle {
  color: #fff;
  line-height: 1.5em;
}
.featured-item .featured-desc {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (min-width: 992px) {
  .featured-item .featured-desc {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.featured-item .featured-desc > p {
  font-size: 14px;
  line-height: 18px;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
@media (min-width: 992px) {
  .featured-item:hover {
    background-color: #dc2a0b;
  }
  .featured-item:hover .featured-icon {
    -webkit-animation: moveFromBottom 300ms ease;
    animation: moveFromBottom 300ms ease;
  }
  .featured-item:hover .featured-title {
    -webkit-animation: smallToBig 300ms ease;
    animation: smallToBig 300ms ease;
  }
  .featured-item:hover .featured-desc {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-animation: moveFromBottom 300ms ease;
    animation: moveFromBottom 300ms ease;
  }
}
@-webkit-keyframes smallToBig {
  from {
    -webkit-transform: scale(0.1);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes smallToBig {
  from {
    -moz-transform: scale(0.1);
  }
  to {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes smallToBig {
  from {
    -ms-transform: scale(0.1);
  }
  to {
    -ms-transform: scale(1);
  }
}
@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0%);
  }
}
@-moz-keyframes moveFromBottom {
  from {
    -moz-transform: translateY(100%);
  }
  to {
    -moz-transform: translateY(0%);
  }
}
@-ms-keyframes moveFromBottom {
  from {
    -ms-transform: translateY(100%);
  }
  to {
    -ms-transform: translateY(0%);
  }
}
/*
// #Widgets
// --------------------------------------------------
*/
aside .widget {
  margin-bottom: 65px;
}
/* Base Widgets */
.widget_archive ul,
.widget_nav_menu ul,
.widget_meta ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_categories ul,
.menu-block-1,
.menu-block-1 ul ,
.menu-block-2,
.menu-block-2 ul,
.menu-block-3,
.menu-block-3 ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.widget_archive ul li,
.widget_nav_menu ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_categories ul li,
.menu-block-1 li,
.menu-block-2 li ,
.menu-block-3 li {
  padding: 8px 0 8px 20px;
  position: relative;
  border-bottom: 1px solid #dcdcdc;
}
/* 20151214: hide last menu item's border-bottom */
.menu-block-1 li:last-child {
	border-bottom-style: none;
}
.widget_archive ul li:before,
.widget_nav_menu ul li:before,
.widget_meta ul li:before,
.widget_pages ul li:before,
.widget_recent_comments ul li:before,
.widget_recent_entries ul li:before,
.widget_categories ul li:before,
.menu-block-1 li:before,
.menu-block-2 li:before ,
.menu-block-3 li:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  font-size: 14px;
  color: #dc2a0b;
  margin-right: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.widget_archive ul ul,
.widget_nav_menu ul ul,
.widget_meta ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul {
  margin-top: 1em;
  margin-bottom: -1em;
}
.widget_recent_comments ul li:before {
  content: "\f075";
}
/* Widget :: Latest Post Widget */
.widget .latest-posts-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.widget .latest-posts-list > li {
  overflow: hidden;
}
.widget .latest-posts-list > li + li {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.widget .thumbnail {
  float: left;
  margin: 0 20px 0 0;
}
.widget .date {
  display: block;
  color: #b4b8be;
  margin-bottom: .5em;
  font-size: 11px;
}
.widget .title {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0;
  text-transform: none;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  overflow: hidden;
}
.widget .title > a {
  -webkit-transition: none;
  transition: none;
  padding-top: .3em;
  display: inline;
}
.widget .title > a:hover {
  color: #dc2a0b;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
footer .widget .latest-posts-list > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
footer .widget .date {
  color: #fff;
}
footer .widget .title > a {
  color: #a3a3a3;
}
footer .widget .title > a:hover {
  color: #dc2a0b;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
/* Widget :: Contacts Info */
.contacts-widget .contacts-info-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.contacts-widget .contacts-info-list > li {
  position: relative;
  padding-left: 50px;
  min-height: 32px;
  display: table;
}
.contacts-widget .contacts-info-list > li + li {
  margin-top: 22px;
}
.contacts-widget .contacts-info-list > li .info-item {
  display: table-cell;
  vertical-align: middle;
}
.contacts-widget .contacts-info-list > li > .fa {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #2f2f2f;
  line-height: 32px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
section.dark .contacts-widget .contacts-info-list > li > .fa {
  background: rgba(255, 255, 255, 0.1);
}
.contacts-widget .contacts-info-list > li a {
  -webkit-transition: none;
  transition: none;
}
.contacts-widget .contacts-info-list > li a:hover {
  text-decoration: underline;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
footer .contacts-widget .contacts-info-list > li > .fa {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}
footer .contacts-widget .contacts-info-list > li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
footer .contacts-widget .contacts-info-list > li a:hover {
  text-decoration: none;
  color: #dc2a0b;
}
/* Widget :: Flickr */
.widget_flickr {
  overflow: hidden;
}
.widget_flickr .flickr-feed {
  padding-left: 0;
  list-style: none;
  margin-right: -15px;
}
.widget_flickr .flickr-feed > li {
  float: left;
  margin: 0 0 15px 0;
  width: 33.3%;
  padding-right: 15px;
}
@media (min-width: 400px) {
  .widget_flickr .flickr-feed > li {
    width: 25%;
  }
}
@media (min-width: 620px) {
  .widget_flickr .flickr-feed > li {
    width: 16.66%;
  }
}
@media (min-width: 992px) {
  .widget_flickr .flickr-feed > li {
    width: 33.3%;
  }
}
.widget_flickr .flickr-feed > li > a {
  display: block;
  border: 0 solid transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.widget_flickr .flickr-feed > li > a:hover {
  border: 4px solid #dc2a0b;
}
.widget_flickr .flickr-feed > li > a img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.widget_flickr .flickr-feed > li > a img:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
footer .widget_flickr .flickr-feed > li > a:hover {
  border: 4px solid #fff;
}
/* Widget :: Tag Cloud */
.widget_tag_cloud .tagcloud a {
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid #cecece;
  border-radius: 4px;
  margin: 0 3px 6px 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
footer .widget_tag_cloud .tagcloud a {
  border-color: rgba(255, 255, 255, 0.1);
}
aside .tagcloud a:hover {
  background: #fff;
  border-color: #fff;
  color: #2f2f2f;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
}
aside .tagcloud a {
  color: #2f2f2f;
  border-color: #e4e4e4;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
}
aside .tagcloud a:hover {
  background: #2f2f2f;
  color: #fff;
}
/* Widget :: Tabbed */
.tabbed-widget .tabs .tab-content {
  padding: 15px;
}
@media (max-width: 1199px) {
  .tabbed-widget .tabs .nav-tabs > li > a {
    padding-left: 14px;
    padding-right: 14px;
  }
}
.tabbed-widget .tabs .nav-tabs > li > a .fa {
  margin-right: 0;
}
/*
// #Page :: About Us
// --------------------------------------------------
*/
/* Team List */
.team-list {
  padding-left: 0;
  list-style: none;
  overflow: hidden;
  margin-bottom: -20px;
}
.team-list > li {
  margin-bottom: 40px;
}
.team-list > li:before,
.team-list > li:after {
  content: " ";
  display: table;
}
.team-list > li:after {
  clear: both;
}
.team-list > li:nth-child(4n+1){
  clear: left;
}
@media (min-width: 767px) and (max-width: 992px) {
  .team-list > li .alignnone {
    float: left;
    margin-right: 20px;
  }
}
.team-list > li .team-head .team-head-info {
  color: #b4b8be;
  display: block;
  padding-bottom: 5px;
}
.team-list > li .team-head .team-social {
  margin-bottom: 15px;
}
.team-list > li .team-head .team-social > li {
  padding-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
}
.team-list > li .team-head .team-social > li .fa {
  width: 20px;
  text-align: right;
  font-size: 14px;
  color: #b4b8be;
  margin-right: 10px;
}
.team-list > li .team-excerpt {
  overflow: hidden;
}
@media (min-width: 992px) {
  .team-list > li .team-excerpt {
    height: 60px;
  }
}
/* Page Heading */
.page-heading {
  background: #2f2f2f;
  border-top: 6px solid #d4d4d4;
  border-bottom: 6px solid #d4d4d4;
  position: relative;
  text-align: center;
}
@media (min-width: 992px) {
  .page-heading {
    text-align: left;
  }
}
.page-heading:before,
.page-heading:after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  background: #bfbfbf;
}
.page-heading:before {
  top: -6px;
}
.page-heading:after {
  bottom: -6px;
}
.page-heading h1 {
  font-size: 40px;
  margin: 0;
  color: #fff;
  padding: 25px 0 10px 0;
  /*text-transform: uppercase;*/	/* 20170216: hack: letter case should be left to the content creator */
  font-weight: bold;
}
.page-heading.lectionary-ad-excellentiam h1 small {
  color: inherit;
}
.page-heading h2 {
  font-size: 20px;
  margin: 0;
  color: #ddd;
  padding: 20px 0 5px 0;
  font-weight: bold;
}
.page-heading.lectionary-ad-excellentiam ul:not(.breadcrumb) {
  list-style-type: none;
  padding: 0.2em 0 0 0;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
}
@media (min-width: 992px) {
  .page-heading h1 {
    padding: 25px 0;
  }
}
.page-heading .breadcrumb {
  background: none;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 20px 0;
}
@media (min-width: 992px) {
  .page-heading .breadcrumb {
    text-align: right;
    padding: 29px 0;
  }
}
.page-heading .breadcrumb > li + li:before {
  content: "\2022";
  padding-right: 6px;
}
.page-heading .breadcrumb a {
  color: #fff;
}
.page-heading .search-form {
  padding: 16px 0;
}
.page-heading .search-form .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.page-heading .search-form .btn {
  background: #dc2a0b;
  border-color: #dc2a0b;
}
.page-heading.page-heading__lg {
  padding: 30px 0 0 0;
}
.page-heading.page-heading__lg.lectionary-ad-excellentiam {
  padding: 120px 0 0 0;
}
@media (min-width: 768px) {
  .page-heading.page-heading__lg {
    padding-top: 60px;
  }
}
@media (min-width: 992px) {
  .page-heading.page-heading__lg {
    padding-top: 60px;
  }
}
.page-heading.page-heading__image {
  background-position: center /*0 0*/;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
.page-heading.page-heading__image:before,
.page-heading__slideshow:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  background: #000;
  opacity: 0.55;
  filter: alpha(opacity=55.00000000000001);
}
@media (min-width: 992px) {
  .page-heading.page-heading__image {
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.page-heading.page-heading__image h1,
.page-heading.page-heading__image h2,
.page-heading.page-heading__image h3 {
  padding-bottom: 0;
  text-align: left;
}
@media (min-width: 992px) {
  .page-heading.page-heading__image h1 {
    padding-bottom: 0;
  }
}
.page-heading.page-heading__image .breadcrumb {
  text-align: left;
  padding-top: 6px;
}
@media (min-width: 992px) {
  .page-heading.page-heading__image .breadcrumb {
    text-align: left;
  }
}
.page-heading .breadcrumb .last{
  color: #999;
}
.page-heading.page-heading__slideshow {
  overflow: hidden !important;
}
.page-heading__slideshow:before {
  z-index: 50;
}
.page-heading__slideshow .container{
  z-index: 60;
  position: relative;
}
.page-heading__slideshow .tp-banner img{
  width: 100%;
}
.slides {
  height: 100%;
  overflow: hidden;
  *zoom: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.slide {
  height: 100%;
  width: 100%;
  float: left;
  clear: none;
}
.page-heading.page-heading__slideshow .tp-banner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1;
}
.page-heading.page-heading__slideshow h1 {
  padding-bottom: 0;
  text-align: left;
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .page-heading.page-heading__slideshow h1 {
    padding-bottom: 0;
  }
}
.page-heading.page-heading__slideshow .breadcrumb {
  text-align: left;
  padding-top: 6px;
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .page-heading.page-heading__slideshow .breadcrumb {
    text-align: left;
  }
}
.page-heading.page-heading__slideshow .tp-dottedoverlay.filled {
  height: 100%;
  top: 0;
}
/* Team Member */
.team-single-head {
  padding-bottom: 10px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 30px;
}
.team-single-head h2 {
  margin-bottom: .2em;
}
/*
// #Page :: 404 Error Page
// --------------------------------------------------
*/
.error-title {
  font-size: 110px;
  color: #dc2a0b;
  text-transform: uppercase;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  margin: 0 0 .3em 0;
}
@media (min-width: 992px) {
  .error-title {
    font-size: 220px;
  }
}
/*
// #Page :: Coming Soon
// --------------------------------------------------
*/
/* Header v7 (Coming Soon) */
.header-coming-soon {
  text-align: center;
  border-top: 4px solid #2f2f2f;
  border-bottom: 1px solid #ddd;
}
.header-coming-soon .header-main {
  display: block;
  margin: 0;
  padding: 30px 0;
  height: auto;
}
.header-coming-soon .header-main:before,
.header-coming-soon .header-main:after {
  content: " ";
  display: table;
}
.header-coming-soon .header-main:after {
  clear: both;
}
@media (min-width: 992px) {
  .header-coming-soon .header-main {
    padding: 80px 0;
  }
}
.header-coming-soon .header-main > .container {
  margin-bottom: 0;
  height: auto;
}
.header-coming-soon .header-main .logo {
  display: block;
  float: none;
  height: auto;
}
.main__padd-top {
  padding-top: 0;
}
@media (min-width: 768px) {
  .main__padd-top {
    padding-top: 80px;
  }
}
/* Countdown */
.countdown {
  position: relative;
  padding: 40px 0 20px 0;
}
.countdown [class^="col-"] div {
  display: block !important;
  margin: 0 auto !important;
}
.countdown .count-label {
  display: block;
  text-align: center;
}
.googlemap-wrapper {
  position: relative;
  margin: 0 0 -13px 0;
}
.googlemap-wrapper img {
  max-width: none !important;
}
.map-canvas {
  width: 100%;
  height: 200px;
  padding: 6px;
  background-color: #e5e5e5;
  border: 1px solid #cecece;
}
@media (min-width: 768px) {
  .map-canvas {
    height: 320px;
  }
}
@media (min-width: 992px) {
  .map-canvas {
    margin-bottom: 0;
    height: 390px;
  }
}
.map-canvas:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin: -15px 0 0 -15px;
  width: 30px;
  height: 30px;
  color: #2f2f2f;
  content: '\f110';
  text-align: center;
  font-size: 20px;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  line-height: 30px;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
// #Blog
// --------------------------------------------------
*/
.entry {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 60px;
  margin-bottom: 60px;
  position: relative;
  text-align: center;
}
@media (min-width: 992px) {
  .entry {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .entry.entry__with-icon {
    padding: 0 0 60px 100px;
  }
}
.entry.entry__with-icon .entry-icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  line-height: 62px;
  margin-right: 30px;
  font-size: 28px;
  text-align: center;
  background-color: #dc2a0b;
  background-image: url(../images/noise.png);
  border-radius: 50%;
  border: 4px solid #ebebeb;
  color: #fff;
}
.entry .entry-header {
  margin-bottom: 25px;
  text-align: left;
}
.entry .entry-header h2 {
  margin-bottom: .25em;
}
.entry .entry-header h2 > a {
  color: #2f2f2f;
}
.entry .entry-header h2 > a:hover {
  text-decoration: none;
  color: #dc2a0b;
}
.entry .entry-header h2.small {
  font-size: 16px;
}
.entry .entry-meta {
  font-size: 12px;
  color: #b4b8be;
  font-style: italic;
}
.entry .entry-meta > span:before {
  content: "/";
  display: inline-block;
  padding: 0 6px 0 2px;
}
.entry .entry-meta > span:first-child:before {
  display: none;
}
.entry .entry-meta a {
  border-bottom: 1px solid transparent;
}
.entry .entry-meta a:hover {
  text-decoration: none;
  border-bottom: 1px solid #dc2a0b;
}
.entry .entry-thumb {
  overflow: hidden;
  /*
  padding: 6px;
  background-color: #e5e5e5;
  border: 1px solid #cecece;
  */
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  max-width: 100%;
  height: auto;
  position: relative;
  display: inline-block;
  margin: 0 auto 30px auto;
  text-align: center;
}
@media (min-width: 992px) {
  .entry .entry-thumb {
    display: block;
  }
}
.entry .entry-thumb > a {
  display: block;
  position: relative;
}
.entry .entry-thumb > a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #dc2a0b;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}
.entry .entry-thumb > a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: translate(0, -15px);
  -ms-transform: translate(0, -15px);
  transform: translate(0, -15px);
  z-index: 2;
  margin: -8px 0 0 -13px;
  content: "\f0c1";
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  font-size: 28px;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*.entry .entry-thumb:hover > a:before {
  opacity: 0.9;
  filter: alpha(opacity=90);
}*/
.entry .entry-thumb:hover > a:after {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
/*.entry .entry-thumb:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}*/
.entry .entry-thumb img {
  padding: 0;
  border: none;
  background: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-bottom: 0;
}
.entry .excerpt {
  margin-bottom: 36px;
  text-align: left;
}
.entry .entry-footer {
  text-align: left;
}
.entry .entry-content {
  text-align: left;
}
.entry.entry__image .entry-thumb img {
  margin-bottom: 0;
}
.entry.entry__link .entry-header {
  margin-bottom: 0;
}
.entry.entry__link .entry-header h2 {
  margin-bottom: .5em;
}
.entry.entry__link .entry-url {
  display: block;
  font-size: 14px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #f4f4f4;
}
.entry.entry__quote .entry-header {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #f4f4f4;
}
.entry.entry__quote .quote-holder .quote-inner {
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  color: #2f2f2f;
}
.entry.entry__small .entry-header {
  margin-bottom: 8px;
}
.entry.entry__small .entry-header h2 {
  font-size: 16px;
}
.entry.entry__small .entry-thumb {
  margin-bottom: 22px;
}
.entry.entry__small .excerpt {
  margin-bottom: 18px;
}
.entry.entry__single {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
/* Timeline */
@media (min-width: 992px) {
  .timeline {
    position: relative;
  }
  .timeline:before {
    content: "";
    display: block;
    position: absolute;
    left: 150px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ebebeb;
  }
  .timeline .entry {
    margin-left: 20%;
    margin-left: 230px;
    padding-left: 0;
  }
  .timeline .entry .entry-icon {
    position: absolute;
    left: -114px;
    top: 0;
  }
  .timeline .entry .entry-date {
    display: block;
    position: absolute;
    left: -190px;
    top: 27px;
  }
  .timeline .entry .entry-date + span:before {
    display: none;
  }
}
/* Blog Masonry Layout */
.masonry-feed {
  padding-left: 0;
  list-style: none;
}
.masonry-feed:before,
.masonry-feed:after {
  content: " ";
  display: table;
}
.masonry-feed:after {
  clear: both;
}
.masonry-feed > .masonry-item {
  margin-bottom: 30px;
  max-width: 100%;
}
@media (max-width: 991px) {
  .masonry-feed > .masonry-item {
    width: 100%;
  }
}
.masonry-feed > .masonry-item .entry {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.masonry-feed > .masonry-item .entry .entry-header h2 {
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.masonry-feed > .masonry-item .entry .excerpt {
  margin-bottom: 1.5em;
}
.masonry-feed > .masonry-item .entry .entry-thumb {
  margin-bottom: 1.5em;
}
/* Comments */
.comments-wrapper {
  padding-bottom: 50px;
}
.comment-wrapper {
  background: #f7f7f7;
  padding: 18px 18px 20px 86px;
  margin-bottom: 30px;
  position: relative;
  border-left: 3px solid #dcdcdc;
}
.comment-wrapper:before,
.comment-wrapper:after {
  content: " ";
  display: table;
}
.comment-wrapper:after {
  clear: both;
}
@media (min-width: 992px) {
  .comment-wrapper {
    padding: 24px 24px 36px 116px;
  }
}
.comment-wrapper .comment-author > img {
  display: block;
  position: absolute;
  left: 18px;
  top: 18px;
  border-radius: 50%;
  width: 50px;
  height: auto;
}
@media (min-width: 992px) {
  .comment-wrapper .comment-author > img {
    width: 70px;
    height: auto;
    left: 24px;
    top: 24px;
  }
}
.comment-author {
  padding-top: 7px;
}
@media (min-width: 992px) {
  .comment-author {
    float: left;
  }
}
.comment-author h5 {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: .2em;
}
.comment-reply {
  padding-top: 8px;
}
@media (min-width: 992px) {
  .comment-reply {
    float: right;
    padding-top: 0;
  }
}
.comment-reply .btn .fa {
  margin-right: 7px;
}
.comment-meta {
  font-size: 12px;
  font-style: italic;
}
.comment-meta > a {
  color: #b4b8be;
}
.comment-body {
  clear: both;
  padding: 12px 0 0 0;
}
.children {
  padding-left: 0;
  list-style: none;
}
@media (min-width: 992px) {
  .indented {
    display: inline-block;
    margin-left: 100px;
  }
}
.bypostauthor .comment-wrapper {
  border-left-color: #dc2a0b;
}
/* Comment Form */
.comment-respond .reply-title {
  margin-bottom: .5em;
}
/*
// #Portfolio
// --------------------------------------------------
*/
/*  Project Feed Filter  */
.project-feed-filter {
  padding-left: 0;
  list-style: none;
  margin: 0 0 20px -2px;
}
.project-feed-filter > li {
  display: inline-block;
  padding: 0 2px;
  margin-bottom: 10px;
}
.project-feed-filter > li .btn-primary {
  text-shadow: none !important;
}
@media (max-width: 400px) {
  .project-feed-filter > li {
    display: block;
    margin-bottom: 5px;
  }
  .project-feed-filter > li .btn {
    display: block;
    width: 100%;
  }
}
/*  Project Feed  */
.project-feed {
  margin-bottom: 30px;
}
.centered-title .project-feed {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .project-feed.project-feed__4cols .project-item {
    width: 25%;
  }
}
.project-feed.project-feed__fullw {
  overflow: hidden;
  border: none;
  padding: 0;
}
.project-feed.project-feed__fullw .project-item {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 767px) and (min-width: 406px) {
  .project-feed.project-feed__fullw .project-item {
    width: 50%;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .project-feed.project-feed__fullw .project-item {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .project-feed.project-feed__fullw .project-item {
    width: 20%;
  }
}
.project-feed.project-feed__fullw .project-item .project-img img {
  width: 100%;
  height: auto;
  padding: 0;
  border: none;
}
.project-feed.project-feed__fullw .project-item .overlay {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
/*  Project Item Overlay */
.project-item {
  margin-bottom: 30px;
}
@media (min-width: 406px) and (max-width: 767px) {
  .project-feed__3cols .project-item,
  .project-feed__2cols .project-item {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .project-feed__3cols .project-item,
  .project-feed__2cols .project-item {
    margin-left: auto;
    margin-right: auto;
  }
}
.project-item .project-item-inner {
  background: #f7f7f7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.section-dark .project-item .project-item-inner {
  background: rgba(255, 255, 255, 0.08);
}
.project-item .project-img {
  position: relative;
  overflow: hidden;
  margin : 0;
}
.project-item .project-img > img {
  margin-bottom: 0;
  width: 100%;
  height: auto;
}
.section-dark .project-item .project-img > img {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.05);
}
.project-item .overlay {
  position: absolute;
  top: 7px;
  left: 7px;
  overflow: hidden;
  right: 6px;
  bottom: 7px;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.project-item .dlink,
.project-item .zoom {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  color: #dc2a0b;
  background: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 38px;
  text-align: center;
  z-index: 2;
}
.project-item .dlink:hover,
.project-item .zoom:hover {
  background: #dc2a0b;
  color: #fff;
}
.project-item .dlink .fa,
.project-item .zoom .fa {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -19px 0 0 -19px;
}
.project-item .dlink {
  left: 0;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.project-item .zoom {
  right: 0;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.project-item .project-img:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}
.project-item .project-img:hover .dlink,
.project-item .project-img:hover .zoom {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
/*  Portfolio Description  */
.project-desc {
  text-align: center;
  padding: 25px 20px;
}
.project-desc .title {
  margin-bottom: 5px;
}
.project-desc .title > a {
  color: #2f2f2f;
}
.section-dark .project-desc .title > a {
  color: #fff;
}
.project-desc .title > a:hover {
  color: #dc2a0b;
  text-decoration: none;
}
.project-desc .desc {
  color: #b4b8be;
  font-style: italic;
}
.section-dark .project-desc .desc {
  color: #aeaeae;
}
/*  Isotope Plugin  */
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  z-index: 1;
  pointer-events: none;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
.portfolio-sidebar-bottom {
  margin-bottom: -64px;
}
.portfolio-sidebar-bottom .project-feed {
  margin-bottom: 0;
}
/* Portfolio Timeline */
.portfolio-timeline {
  padding-left: 0;
  list-style: none;
  position: relative;
  margin-bottom: 50px;
}
.portfolio-timeline:before {
  content: "";
  display: block;
  position: absolute;
  left: 16px;
  top: 0;
  width: 4px;
  background: #f7f7f7;
  height: 100%;
}
@media (min-width: 992px) {
  .portfolio-timeline:before {
    left: 26px;
  }
}
@media (min-width: 992px) {
  .portfolio-timeline:after {
    content: "";
    display: block;
    position: absolute;
    left: 26px;
    bottom: 0;
    width: 4px;
    background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffffffff', GradientType=0);
    height: 100px;
  }
}
.portfolio-timeline > li {
  position: relative;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .portfolio-timeline > li {
    padding-bottom: 20px;
  }
}
.portfolio-timeline > li:last-child {
  padding-bottom: 0;
}
.portfolio-timeline > li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background: #dcdcdc;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .portfolio-timeline > li:before {
    left: 10px;
  }
}
.portfolio-timeline > li:after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 24px;
  height: 24px;
  background: #2f2f2f;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .portfolio-timeline > li:after {
    left: 15px;
  }
}
.portfolio-timeline .project-item .project-desc {
  text-align: left;
  padding: 7px 0 30px 50px;
}
@media (min-width: 992px) {
  .portfolio-timeline .project-item .project-desc {
    padding-left: 0;
    padding-bottom: 0;
  }
}
.portfolio-timeline .project-item .excerpt {
  padding: 20px 0 20px 0;
}
.portfolio-timeline .project-item .project-footer {
  color: #2f2f2f;
}
.portfolio-timeline .project-item .project-footer > ul {
  margin-bottom: 24px;
}
/*
// #Footer
// --------------------------------------------------
*/
footer.nd-region {
  background: #2f2f2f;
  color: #a3a3a3;
  padding-bottom: 14px !important;
}
footer.nd-region a {
  color: #fff;
}
footer.footer__light {
  background: none;
}
/* Footer Widgets */
footer .footer-widgets {
  padding: 64px 0 14px 0;
}
/* Footers Widgets specific styling */
footer .widget {
  margin-bottom: 50px;
  /* Widget Title */
  /* Thumbnail */
  /* Base Widgets */
}
footer .widget .widget-title {
  font-size: 14px;
  margin-bottom: 1.6em;
  text-transform: uppercase;
  color: #fff;
}
footer .widget .thumbnail {
  padding: 4px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
}
footer .widget .thumbnail:hover {
  background: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
footer .widget .thumbnail:hover img {
  border-color: #fff;
}
footer .widget .thumbnail img {
  border: 1px solid #2f2f2f;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
footer .widget_archive ul li,
footer .widget_nav_menu ul li,
footer .widget_meta ul li,
footer .widget_pages ul li,
footer .widget_recent_comments ul li,
footer .widget_recent_entries ul li,
footer .widget_categories ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
footer .widget_archive ul li:before,
footer .widget_nav_menu ul li:before,
footer .widget_meta ul li:before,
footer .widget_pages ul li:before,
footer .widget_recent_comments ul li:before,
footer .widget_recent_entries ul li:before,
footer .widget_categories ul li:before {
  color: rgba(255, 255, 255, 0.08);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
footer .widget_archive ul li:hover,
footer .widget_nav_menu ul li:hover,
footer .widget_meta ul li:hover,
footer .widget_pages ul li:hover,
footer .widget_recent_comments ul li:hover,
footer .widget_recent_entries ul li:hover,
footer .widget_categories ul li:hover {
  padding-left: 40px;
  color: #fff;
}
footer .widget_archive ul li:hover:before,
footer .widget_nav_menu ul li:hover:before,
footer .widget_meta ul li:hover:before,
footer .widget_pages ul li:hover:before,
footer .widget_recent_comments ul li:hover:before,
footer .widget_recent_entries ul li:hover:before,
footer .widget_categories ul li:hover:before {
  color: #fff;
  left: 20px;
}
footer .widget_archive ul li:hover > a,
footer .widget_nav_menu ul li:hover > a,
footer .widget_meta ul li:hover > a,
footer .widget_pages ul li:hover > a,
footer .widget_recent_comments ul li:hover > a,
footer .widget_recent_entries ul li:hover > a,
footer .widget_categories ul li:hover > a {
  color: #fff;
  text-decoration: none;
}
/* Copyright */
.footer-copyright {
  border-top: 1px solid #191919;
  background: #212121;
  font-size: 11px;
  padding: 20px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .footer-copyright {
    text-align: left;
	color: #6d6d6d;
  }
}
.footer-copyright a {
  color: #fff;
}
.footer-copyright .social-links-wrapper {
  padding-top: 10px;
}
@media (min-width: 768px) {
  .footer-copyright .social-links-wrapper {
    text-align: right;
    padding-top: 0;
  }
}
.footer-copyright .social-links-wrapper .social-links {
  display: inline-block;
  vertical-align: middle;
}
.footer__light .footer-copyright {
  background: none;
  border-top-color: #ddd;
}
.footer__light .footer-copyright a {
  color: #2f2f2f;
}
.footer__light .footer-copyright .social-links > li > a {
  border-color: #ddd;
  background: #eee;
}
.footer__light .footer-copyright .social-links > li > a:hover {
  border-color: #2f2f2f;
  background: #2f2f2f;
  color: #fff;
}
/* Loader */
#qLpercentage {
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
/*
// #Shop
// --------------------------------------------------
*/
/* Checkout */
#cart-form-pane td {
  vertical-align: middle !important;
}
#cart-form-pane td:first-child,
#cart-form-pane th:first-child  {
  width: 8%;
}
#cart-form-pane td:nth-child(2),
#cart-form-pane th:nth-child(2) {
  width: 62%;
}
#cart-form-pane td:nth-child(3),
#cart-form-pane th:nth-child(3) {
  text-align: center;
}
#cart-form-pane td:nth-child(4),
#cart-form-pane th:nth-child(4) {
  text-align: center;
}
#cart-form-pane td:nth-child(5),
#cart-form-pane th:nth-child(5) {
  text-align: center;
}
#cart-form-pane td:nth-child(6),
#cart-form-pane th:nth-child(6) {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
#cart-form-pane tbody .product-thumb {
  padding-left: 0;
  padding-right: 0;
}
#cart-form-pane tbody img {
  max-width: 50px;
  height: auto;
}
/* Quantity Buttons */
.quantity {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 160px;
  height: 46px;
}
.buttons_added .quantity {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.quantity .minus,
.quantity .plus {
  position: absolute;
  display: block;
  overflow: visible;
  margin: 0;
  padding: 0;
  width: 46px;
  height: 46px;
  outline: 0;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  background: #f1f1f1;
  box-shadow: none;
  color: #666;
  vertical-align: text-top;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  font-weight: bold;
  font-size: 12px;
  line-height: 13px;
  cursor: pointer;
}
.quantity .plus {
  right: 0;
  top: 0;
}
.quantity .qty {
  float: left;
  padding: 0 39px;
  width: 160px;
  height: 46px;
  border: 1px solid #d0d0d0;
  box-shadow: none;
  text-align: center;
  font-size: 1em;
}
.quantity .qty::-webkit-inner-spin-button,
.quantity .qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity .qty::-ms-clear {
  display: none;
}
table.cart-total > tbody > tr > th {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  text-transform: uppercase;
  color: #2f2f2f;
  vertical-align: middle;
}
table.cart-total > tbody > tr > td {
  padding-top: 17px;
  padding-bottom: 18px;
  vertical-align: middle;
  text-align: right;
}
table.cart-total > tbody > tr > td .amount {
  display: inline-block;
  font-size: 2em;
  color: #dc2a0b;
}
/* Product */
.product_title {
  margin-bottom: .5em;
}
.price .amount {
  display: inline-block;
  font-size: 2em;
  color: #dc2a0b;
}
.price del .amount {
  color: #ddd;
  text-decoration: line-through;
  font-size: 1.5em;
}
.product-comments .says{
  display: none;
}
/* Product Meta */
.product_meta > span {
  display: block;
}
/* Rating */
.review_num {
  position: relative;
  float: left;
  margin-right: 10px;
  top: -2px;
}
div.fivestar-widget-static {
  float: right;
  padding-bottom: 8px;
}
/* Widget :: Top Rated Products Widget */
.top-rated-widget .latest-posts-list .title {
  padding-top: 10px;
  margin-bottom: .5em;
}
/* Products Feed */
.products:first-child {
  padding-top: 10px;
}
.products {
  padding-left: 0;
  list-style: none;
}
.products .product .project-item-inner {
  position: relative;
}
.products .product .project-desc {
  text-align: left;
}
.products .product .project-desc .title {
  margin-bottom: .5em;
  font-size: 16px;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
}
.products .product .project-desc .price .amount {
  font-size: 1.5em;
}
.products .product .project-desc .price del .amount {
  font-size: 1em;
}
.products .product .onsale {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #dc2a0b;
  color: #fff;
  display: block;
  position: absolute;
  right: -15px;
  top: -15px;
  text-align: center;
  line-height: 38px;
  font-size: 1em;
  z-index: 3;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
}
@media (min-width: 992px) {
  .products .product .onsale {
    right: -20px;
    top: -20px;
  }
}
.catalog-ordering {
  margin-bottom: 30px;
}
/*
// #Forums (bbppress)
// --------------------------------------------------
*/
#forum table{
  margin-top: 10px;
  border: 1px solid #ddd;
}
#forum table thead{
  background-color: #f7f7f7;
}
#forum table>thead>tr>th{
  border-bottom: 0;
}
#forum table th,
#forum table td{
  width: 13%;
  text-align: center;
}
#forum table td{
  padding: 25px 14px;
}
#forum table th img{
  position: relative;
  left: 6px;
  top: -2px;
}
#forum table[id^="forum-topic"] th:nth-child(2){
  text-align: left;
  padding-left: 20px;
}
#forum table[id^="forum-topic"] th:first-child,
#forum table[id^="forum-topic"] td:first-child{
  display: none;
}
#forum #forum-0 th:first-child,
#forum #forum-0 td:first-child,
#forum table td.title{
  display: table-cell;
  padding-left: 20px;
  width: 48%;
  text-align: left;
}

#forum table th:last-child,
#forum table td:last-child{
  width: 26%;
}
#forum table .submitted a:after{
  display: block;
  content: '';
  clear: right;
}
#forum table .icon{
  display: none;
}
#forum table .description{
  margin: 0.5em 0 0;
}
/* Forum Single Topic */
.node-forum .topic {
  margin-bottom: 30px;
}
.node-forum .topic:before,
.node-forum .topic:after {
  content: " ";
  display: table;
}
.node-forum .topic:after {
  clear: both;
}
.node-forum .bbp-reply-author {
  padding-left: 80px;
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 480px) {
  .node-forum .bbp-reply-author {
    float: left;
    width: 120px;
    text-align: center;
    margin-bottom: 0;
    padding-left: 0;
  }
}
.node-forum .bbp-reply-author .bbp-author-avatar {
  display: block;
  float: left;
}
@media (min-width: 480px) {
  .node-forum .bbp-reply-author .bbp-author-avatar {
    float: none;
  }
}
.node-forum .bbp-reply-author .bbp-author-avatar img {
  max-width: 60px;
  height: auto;
  margin: 10px auto 0 auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 480px) {
  .node-forum .bbp-reply-author .bbp-author-avatar img {
    max-width: 80px;
    position: static;
  }
}
.node-forum .bbp-reply-author .bbp-author-name a{
  margin: 15px 0 0 0;
  display: block;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  color: #2f2f2f;
  text-transform: uppercase;
}
.node-forum .bbp-reply-author .bbp-author-role {
  margin: 0 0 10px 0;
}
.node-forum .bbp-reply-author .bbps-post-count {
  padding-top: 10px;
  border-top: 1px solid #dcdcdc;
}
.node-forum .bbp-reply-content {
  border: 1px solid #dcdcdc;
  position: relative;
}
@media (min-width: 480px) {
  .node-forum .bbp-reply-content {
    margin-left: 155px;
  }
}
@media (min-width: 480px) {
  .node-forum .bbp-reply-content {
    min-height: 254px;
  }
}
.node-forum .bbp-reply-content .bbp-reply-header {
  background: #f7f7f7;
  padding: 20px 30px;
  clear: none;
  text-align: right;
  overflow: hidden;
}
.node-forum .bbp-reply-content .bbp-reply-header .bbp-meta:before,
.node-forum .bbp-reply-content .bbp-reply-header .bbp-meta:after {
  content: " ";
  display: table;
}
.node-forum .bbp-reply-content .bbp-reply-header .bbp-meta:after {
  clear: both;
}
.node-forum .bbp-reply-content .bbp-reply-header .bbp-meta .bbp-reply-permalink {
  color: #2f2f2f;
  float: right;
}
.node-forum .bbp-reply-content .bbp-reply-header .bbp-meta .bbp-reply-post-date {
  float: left;
  font-size: 12px;
}
.node-forum .bbp-reply-content .bbp-reply-entry {
  padding: 30px;
}
.node-forum .comments-wrapper > h3{
  display: none;
}
.node-forum .comment-reply{
  padding-top: 25px;
}
.bbp-pagination {
  text-align: right;
  margin-bottom: 20px;
}
.bbp-reply-author img{
  width: 80px;
}
/* Profile Section */
.profile .tab{
  display: none;
}
.profile .tab.active{
  display: block;
}
.bbp-single-user-details {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dcdcdc;
}
.bbp-single-user-details:before,
.bbp-single-user-details:after {
  content: " ";
  display: table;
}
.bbp-single-user-details:after {
  clear: both;
}
.bbp-single-user-details .bbp-user-avatar {
  float: left;
  width: 100px;
}
.bbp-single-user-details .bbp-user-avatar img {
  border-radius: 50%;
  width: 100px;
}
.bbp-single-user-details .bbp-user-navigation {
  margin-left: 130px;
}
.bbp-single-user-details .bbp-user-navigation ul {
  padding-left: 0;
  list-style: none;
}
.bbp-single-user-details .bbp-user-navigation ul > li > a {
  display: block;
  padding: 8px 10px;
}
.bbp-single-user-details .bbp-user-navigation ul > li.current > a {
  background: #f7f7f7;
  color: #2f2f2f;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}


/* Drupal integration */


/* ========================== Mega Slider ================= */
.md-arrow-left, .md-arrow-right {
  display: block;
  font-size: 14px;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  line-height: 42px;
  background: none !important;
}
.md-arrow-left:before,
.md-arrow-right:before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: 2;
  display: block;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.md-arrow-left:after,
.md-arrow-right:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  border-radius: 50%;
  background: #2f2f2f;
  content: "";
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  font-family: 'FontAwesome';
  font-size: 14px;
  color: #f7f7f7;
  font-style: normal;
  font-weight: normal;
  line-height: 50px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
.md-arrow-left:hover,
.md-arrow-right:hover {
  color: #fff;
}
.md-arrow-left:after {
  content: '\f053';
}
.md-arrow-right:after {
  content: '\f054';
}
.md-arrow-right:after {
  margin-left: 1px;
}
.md-arrow-left:hover:after,
.md-arrow-right:hover:after {
  background: #fff;
  color: #2f2f2f;
}

/* ========================== Bullets (pagination) ======== */
.md-bullet {
  height: 35px;
  padding: 0px 0px;
}
.md-bullet {
  position: relative;
  display: inline-block;
  margin: 0 6px !important;
  width: 16px !important;
  height: 16px !important;
  padding: 3px !important;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.25) !important;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.md-bullet:after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  background: #2f2f2f;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.md-bullet:last-child {
  margin-right: 0px;
}
.md-bullet:hover,
.md-bullet.md-current {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #dc2a0b !important;
}
.md-bullet.md-current a{
  display: none;
}
.md-bullet:hover:after,
.md-bullet.md-current:after {
  background: #dc2a0b;
}
.md-object .icon-box .icon {
  width: 100px;
  height: 100px;
  font-size: 48px;
  line-height: 100px;
  margin-bottom: 0;
}
.md-object .icon-box.circled .icon:after {
  background: rgba(0, 0, 0, 0.1);
}

/* ========================== Panels ====================== */
.hidden-title .pane-title{
  text-indent: -9999px;
}
@media(max-width: 991px) {
  .hidden-title .pane-title{
    display: none;
  }
}

/* ========================== Content ===================== */
.alignleft img, .alignright img, .alignnone img, .aligncenter img {
  width: auto;
}
html.js fieldset.collapsed {
  height: auto;
}
.alert .close{
  display: none;
}
.alert.alert-dismissable .close{
  display: block;
}
.pager-load-more .btn{
  /*width: 358px;*/
  /*padding: 14px 0;*/
  /*font-size: 18px;*/
  border-radius: 0 !important;
}
.pager li > a,
.pager li > span {
  border-radius: 0 !important;
}
.centered-title .widget-title,
.centered-title .project-feed-filter{
  text-align: center;
}
.centered-title .widget-title{
  margin-bottom: 1.2em;
}
.centered-title .widget-title,
.centered-title .widget-title span{
  font-size: 28px !important;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
}
.centered-title.dark h3 > span{
  color: #fff !important;
}
.btn-primary{
  text-shadow: none !important;
}
/* ========================== Forms ======================= */
.container-inline .input-group{
  display: table;
}
.input-group > div,
.input-group > input{
  display: table-cell;
}
.input-group > .form-item{
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group > .form-item .form-control{
  float: none;
}
.input-group > input,
.input-group .form-actions{
  display: table-cell;
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
}
.input-group .form-submit{
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
}
.btn-icon{
  font-family: Muli !important;
}
.search-advanced{
  padding-bottom: 20px;
}
.search-advanced .form-item label{
  width: 200px;
}
@media(min-width: 991px){
  .search-advanced .criterion{
    width: 50%;
    float:left;
  }
  .search-advanced .criterion:first-child{
    padding-right: 30px;
  }
}
.one-page #block-nikadevs-cms-contact-form .widget-title,
#block-nikadevs-cms-contact-form .form-item-copy,
#contact-site-form .form-item-copy{
  display: none;
}
div.error{
  background-image: none;
}

/* ========================== Sidebar ===================== */
aside .title-accent > h3 > span {
  font-family: inherit;
  font-size: inherit;
}
aside .widget{
  margin-bottom: 65px;
}
aside .tabs .tab-content {
  padding: 15px;
}
.widget .date{
  text-transform: lowercase;
}
aside .widget_tag_cloud .tagcloud a {
  color: #2f2f2f;
  border-color: #e4e4e4;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
}
aside .widget_tag_cloud  .tagcloud a:hover {
  background: #2f2f2f;
  color: #fff;
}

/* ========================== Footer ====================== */
footer .widget-title {
  font-size: 14px;
  margin-bottom: 1.6em;
  text-transform: uppercase;
  color: #fff;
}
footer .title-accent > h3 > span,
aside .title-accent > h3 > span  {
  font-family: inherit;
  font-size: inherit;
}
footer .widget .title > a {
  color: #a3a3a3;
}
footer .thumbnail {
  padding: 4px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
}
footer .title-accent {
  padding-top: 0px;
}

/* ========================== Pager ====================== */
.hidden-pager{
  transition: all 0.5s;
  opacity: 0;
}
ul:hover > .hidden-pager{
  opacity: 1;
}

/* ========================== Patterns =================== */
.pattern-brickwall{
  /*background: url(../images/patterns/brickwall.png);*/
}
.pattern-cream-pixels{
  background: url(../images/patterns/cream_pixels.png);
}
.pattern-grey-wash-wall{
  background: url(../images/patterns/grey_wash_wall.png);
}
.pattern-greyzz{
  background: url(../images/patterns/greyzz.png);
}
.pattern-mooning{
  background: url(../images/patterns/mooning.png);
}
.pattern-p5{
  background: url(../images/patterns/p5.png);
}
.pattern-retina-wood{
  background: url(../images/patterns/retina_wood.png);
}
.pattern-shattered{
  background: url(../images/patterns/shattered.png);
}
.pattern-sos{
  background: url(../images/patterns/sos.png);
}
.pattern-squared-metal{
  background: url(../images/patterns/squared_metal.png);
}
.pattern-subtle-grunge{
  background: url(../images/patterns/subtle_grunge.png);
}
.pattern-binding-dark{
  background: url(../images/patterns/binding_dark.png);
}

/* Product Page */
.add-to-cart .form-actions{
  display: inline-block;
}
.posted_in a:after,
.tagged_as a:after{
  content: ',';
  color: #6d6d6d;
  padding-right: 4px;
}
.posted_in a:last-child:after,
.tagged_as a:last-child:after{
  content: '';
}
.field-type-fivestar{
  padding-bottom: 25px;
}
#block-views-products-block .widget-title span,
#block-views-products-block-1 .widget-title span{
  font-family: inherit;
  font-size: inherit;
}
.fivestar-static-form-item p{
  display: none;
}

/* Shop Page */
.dlink .form-item-qty{
  display: none;
}
.dlink .node-add-to-cart{
  font-family: Muli;
  font-size: 38px;
  width: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  background: none !important;
  border: none;
}
.dlink .node-add-to-cart:hover{
  color: #fff;
  background: transparent !important;
}
.dlink form > div > div{
  display: none;
}
.dlink form > div > div.form-actions{
  display: block;
}

/* Cart Page */
.remove input{
  font-family: Muli;
  border: none;
  background: none;
  font-size: 1.3333333333333333em;
  padding: 4px;
}
#cart-form-pane .entity-uc-cart-item{
  display: none;
}
#cart-form-pane table{
  margin-bottom: 15px;
}
#cart-form-pane .text-right a{
  padding-right: 10px;
}
@media(max-width: 610px) {
  #cart-form-pane .box{
    padding: 20px 10px !important;
  }
  #cart-form-pane th:first-child,
  #cart-form-pane td:first-child,
  #cart-form-pane th:nth-child(3),
  #cart-form-pane td:nth-child(3){
    display: none;
  }
  .quantity,
  .quantity .qty{
    width: 60px;
  }
  .quantity .qty{
    padding: 0 5px;
  }
  .quantity .minus, .quantity .plus{
    width: 20px;
  }
  #cart-form-pane td{
    padding: 14px 5px;
  }
}

/* Checkout Page */
fieldset{
  position: relative;
  padding: 70px 30px 15px 30px !important;
  margin-bottom: 3px;
  border-radius: 1px 1px 2px 2px;
  border: 1px solid #ddd;
  background: #f7f7f7;
}
fieldset.collapsed {
  padding: 49px 0 0 0 !important;
}
legend{
  position: absolute;
  top: 0px;
  border-bottom: none;
  left: 0;
  padding: 14px 14px 14px 18px;
  font-size: 13px;
  border-radius: 1px 1px 0 0;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
fieldset.collapsed legend{
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
}
fieldset.collapsed legend span a{
  color: #6d6d6d;
}
legend a,
legend a:hover{
  color: #fff;
  text-decoration: none;
}
.collapsible legend > span a:before{
  content: "\f067";
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-right: 10px;
  margin-left: -3px;
}
fieldset.collapsed legend > span a:before{
  content: "\f068";
}
.collapsible legend > span a{
  display: block;
}
fieldset.collapsed legend:before{
  color: #6d6d6d;
}
.uc-store-address-field .form-item label{
  text-align: left;
  width: auto;
}
.uc-cart-checkout-form .uc-store-address-field .form-item label {
  padding: 5px 6px 0px;
}
.uc-cart-checkout-form .form-item {
  margin-top: 14px;
}
.form-item-panes-billing-billing-street2 label,
.form-item-panes-delivery-delivery-street2 label{
  display: none;
}
.uc-cart-checkout-form .form-actions{
  margin-top: 20px;
}
.uc-cart-checkout-form .form-actions #edit-cancel,
#uc-cart-checkout-review-form #edit-back{
  float: left;
}
@media(min-width: 597px){
  #payment-details .form-item{
    width: 31%;
    float: left;
  }
  #payment-details .form-item-panes-payment-details-cc-number{
    width: 100%;
  }
  .form-item-panes-payment-details-cc-exp-year{
    margin: 43px 3.5% 0 !important;
  }
}

/* Checkout Overview Page */
.order-review-table{
  width: 100%;
}
.order-review-table>tbody>tr>td{
  border-top: none;
  padding: 8px;
}

/* Primary Tabs */
.tabs.primary{
  padding-left: 31px;
  margin: 0 0 -1px;
  border-bottom: 1px solid #ddd;
}
.tabs.primary li > a {
  background: #f7f7f7;
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
  border-bottom: none !important;
  border-radius: 0;
  padding: 5px 6px /*12px 13px*/;
  color: #6d6d6d;
  position: relative;
  line-height: 1.42857143;
  border: 1px solid transparent;
  display: block;
}
.tabs.primary li {
  position: relative;
  display: inline-block;
  bottom: -1px;
  z-index: 50;
  border: 1px solid #ddd;
  margin-right: 10px /* 20px */;
}
.tabs.primary li.active {
  border-bottom: 0;
  bottom: -2px;
}
.tabs.primary a:hover{
  text-decoration: none;
}

/* Mega Menu */
.tb-megamenu .nav-collapse.collapse{
  display: block;
}
.flexnav .tb-megamenu-block ul,
.flexnav .mega-group-ct{
  margin-left: 0;
  display: block !important;
  position: relative;
  min-width: 0;
  background: none;
  box-shadow: none;
  opacity: 1 !important;
  height: 100% !important;
}
.mega-group > a:after{
  content: '' !important;
}
.mega-group > a{
  font-size: 1em;
  padding-bottom: 10px;
  border-bottom: 1px solid #3f3f3f;
  color: #969696;
  padding-top: 10px;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  line-height: 1.2em;
  color: #2f2f2f;
  text-transform: uppercase;
  margin: 10px 0 8px 10px;
  padding-left: 0px !important;
  background: none !important;
}
.mega-group-ct{
  margin-bottom: 10px;
}
.mega-group-ct a{
  border: none !important;
  padding-left: 11px !important;
}
@media (min-width: 992px) {
  .mega-group > a{
    color: #2f2f2f;
    border-bottom: 1px solid #efefef;
    color: #3f3f3f;
    padding-top: 0;
  }
  .mega-align-center > .dropdown-menu {
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
  }
  .mega-align-right > .dropdown-menu {
    left: auto;
    right: 0;
  }
  .mega-align-justify > .dropdown-menu{
    right: -200px;
    left: auto;
  }
}
@media (max-width: 992px) {
  .dropdown-menu{
    position: relative;
    background: none;
    border: none;
    box-shadow: none;
  }
  .dropdown-menu .widget-title{
    color: #fff;
  }
}
.flexnav .tb-megamenu-block{
  padding: 10px 10px 15px 0;
}
.flexnav .tb-megamenu-block a{
  border: none;
  padding: 0;
}
.flexnav .tb-megamenu-block a:hover{
  background: none;
}
.flexnav > li > a i{
  position: relative;
  top: -1px;
  left: -3px;
}
.flexnav ul ul li > a i{
  color: #bfbfbf;
  margin-right: 3px;
}
/* WebForm */
.webform-component{
  margin-bottom: /*30px*/ 1em;
}
.webform-component-time .webform-container-inline div,
.webform-component-time .webform-container-inline div.form-item,
.webform-component-number {
  display: inline-block;
}
/* 20160219: hack: why should number components be inline-block?! */
.webform-component-number {
	display: block;
}
.webform-container-inline div.form-item-submitted-time-hour{
  width: 100%;
}
.webform-container-inline div.form-item-submitted-time-minute{
  margin-left: 30px;
  width: 64%;
}
#edit-submitted-time-ampm{
  position: relative;
  left: -44px;
}
.checkbox.webform-grid-option{
  display: table-cell;
}
/* 20160413: adjust for webform_layout */
.webform-layout-box.equal.child-width-2 > *,
.webform-layout-box.equal.child-width-3 > *,
.webform-layout-box.equal.child-width-4 > *,
.webform-layout-box.equal.child-width-5 > *,
.webform-layout-box.equal.child-width-6 > *,
.webform-layout-box.equal.child-width-7 > *,
.webform-layout-box.equal.child-width-8 > *,
.webform-layout-box.equal.child-width-9 > *
{
	padding-left: 5px;
	padding-right: 5px;
}
.webform-layout-box.equal.child-width-2 > *:first-child,
.webform-layout-box.equal.child-width-3 > *:first-child,
.webform-layout-box.equal.child-width-4 > *:first-child,
.webform-layout-box.equal.child-width-5 > *:first-child,
.webform-layout-box.equal.child-width-6 > *:first-child,
.webform-layout-box.equal.child-width-7 > *:first-child,
.webform-layout-box.equal.child-width-8 > *:first-child,
.webform-layout-box.equal.child-width-9 > *:first-child
{
	padding-left: 0px;
}
.webform-layout-box.equal.child-width-2 > *:last-child,
.webform-layout-box.equal.child-width-3 > *:last-child,
.webform-layout-box.equal.child-width-4 > *:last-child,
.webform-layout-box.equal.child-width-5 > *:last-child,
.webform-layout-box.equal.child-width-6 > *:last-child,
.webform-layout-box.equal.child-width-7 > *:last-child,
.webform-layout-box.equal.child-width-8 > *:last-child,
.webform-layout-box.equal.child-width-9 > *:last-child
{
	padding-right: 0px;
}
.webform-layout-box.horiz, .webform-layout-box.equal {
	/* hack: override webform-layout layout_box.css's -1em for Chrome to prevent paddings between divs from collapsing */
    word-spacing: -5px;
}

/* Magazine Layout */
.owl-carousel__posts .project-item .project-desc {
  text-align: left;
}
.owl-carousel__posts .project-item .project-desc .title {
  text-transform: none;
  font-family: /*'Muli'*/-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', /*'Noto Sans TC', 'Noto Sans SC'*/'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang', 'FontAwesome', sans-serif;
  font-size: 16px;
}
.owl-carousel__posts .project-item .project-desc .meta {
  margin-bottom: .5em;
  font-size: .91em;
}
.owl-carousel__posts .project-item .project-desc .meta .comments {
  display: inline-block;
  padding-right: 4px;
  color: #2f2f2f;
}
.owl-carousel__posts .project-item .project-desc .meta .comments:hover {
  text-decoration: none;
}
.owl-carousel__posts .project-item .project-desc .meta .comments > .fa {
  color: #dc2a0b;
}
.owl-carousel__posts .project-item .project-desc .meta .date {
  display: inline-block;
  color: #b4b8be;
  font-style: italic;
  font-size: 13px;
  text-transform: none;
}
.owl-carousel__posts .project-item .dlink {
  width: 100%;
}
.thumbnail.owl-carousel{
  margin: 0 0 20px 0;
}
/* Magazine Slider */
.magazine-slider-holder {
  overflow: hidden;
}
.magazine-border{
  border-top: 5px solid #d4d4d4;
  position: relative;
  overflow: hidden;
}
.magazine-border:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #bebebe;
}
.view-news li{
  list-style: none;
}
.view-news ul{
  padding: 0;
}
.magazine-slider-holder .item-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  color: #fff;
  background: rgba(220, 42, 11, 0.85);
}
.magazine-slider-holder .item-desc h2,
.magazine-slider-holder .item-desc h3 {
  color: #fff;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.magazine-slider-holder .item-desc .meta {
  margin-bottom: 6px;
  font-style: italic;
}
.magazine-slider-holder .item-desc .meta .date,
.magazine-slider-holder .item-desc .meta .author {
  color: #fff;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  display: inline;
}
.magazine-slider-holder .owl-pagination {
  display: none;
}
.view-news .thumbnail {
  padding: 6px;
}
/* */
.item-sm .item{
  position: relative;
  margin-bottom: 24px;
}
.item-sm img{
  display: block;
  max-width: 100%;
  height: auto;
}
.item-sm h2{
  font-size: 18px;
}
.item-sm .item-desc {
  padding: 12px 15px;
  background: rgba(47, 47, 47, 0.85) !important;
}
.item-sm.item-sm-alt .item {
  margin-bottom: 3px;
}
.item-sm.item-sm-alt .item-desc h2 {
  font-size: 14px;
}

/* By CWYH */
.footer_right_links {
	list-style: none;
}

.footer_right_links li {
	display: inline;
	margin-left: 10px; 
    float: right;
}

.lang_switch {
	margin-left: 390px;
    margin-top: 45px;
    text-align: left;
}

/* .row #content{ */
/* 20171211: Not sure why GP decided to override Bootstrap's grid system instead of properly utilizing its classes to achieve the layout */
/*
.col-md-push-3 {
	left: 19%;
}
*/

.logo img {
	width: 385px !important;
}
/* This is making the main menu left aligned instead of centered. Not sure what else it affects.
.header-menu-fullw .nav-main .flexnav  {
	text-align: left !important;
}
*/
#sidebar li.active > a {
	font-weight: bold;
}

#sidebar li.expanded  li{
	border: 0;
} 

#sidebar li.expanded  li a{    
	display: inline-table;
    font-size: 13px;
    line-height: 18px;
} 

/* The body.cke_editable_themed duplicates are here to make CKEditor window reflect the theme css */
#content :not(.panel-title) > a,
body.cke_editable_themed a {
	color: #750404;
	text-decoration: none;
	/*border-bottom: 1px solid rgba(143,75,171,0.1);*/
}

body.cke_editable_themed {
	/*width: 630px;*/
	/*width: 750px;*/	/* 20170215: hack: comply with widened content width previously */
/* 20210728: hack: seems no reason to keep this hardcoded width for ckeditor */
}

.table-striped tr:first-child td.purple_header,
.table-striped thead tr:first-child th,
body.cke_editable_themed table tr:first-child td.purple_header,
body.cke_editable_themed table thead tr:first-child th,
#content table:not(.mini) tr:first-child td.purple_header,	/* 20160108: the :not(.mini) selector is to escape the mini calendar on the front page */
#content table:not(.mini) thead tr:first-child th {
/*#content table.table-striped:not(.mini) tr:first-child td.purple_header,	*//* 20160108: the :not(.mini) selector is to escape the mini calendar on the front page */
/*#content table.table-striped:not(.mini) thead tr:first-child th {*/
    background-color: #9b59b6 !important;
	color: #ffffff;
}

table.table-bordered,
table.table-bordered td,
table.table-bordered th,
body.cke_editable_themed table,
body.cke_editable_themed table td,
body.cke_editable_themed table th,
#content table:not(.mini),
#content table:not(.mini) td,
#content table:not(.mini) th {
/*#content table.table-bordered:not(.mini),
#content table.table-bordered:not(.mini) td,
#content table.table-bordered:not(.mini) th {*/
	border: 1px solid #e0e0e0 !important;
/*
	border-right: 1px solid #ffffff !important;
	border-left: 0 !important;
	border-top: 0 !important;
	border-bottom: 1px solid #ffffff !important;
*/
	caption-side: bottom;
}

/*table.table-bordered,
table.table-bordered td,
table.table-bordered th,
body.cke_editable_themed table,
body.cke_editable_themed table td,
body.cke_editable_themed table th,
#content table:not(.mini),
#content table:not(.mini) td,
#content table:not(.mini) th {
	border-right: 1px solid #ffffff !important;
	border-left: 0 !important;
	border-top: 0 !important;
	border-bottom: 1px solid #ffffff !important;
}*/

/* Copied from bootstrap.min.css to make CKEditor reflect the theme css */
body.cke_editable_themed table > tbody > tr:nth-child(odd) > td,
/*body.cke_editable_themed table > tbody > tr:nth-child(odd) > th,*/
#content table:not(.mini) > tbody > tr:nth-child(odd) > td/*,
#content table:not(.mini) > tbody > tr:nth-child(odd) > th*/ {
	background-color: #f9f9f9;
}
body.cke_editable_themed table > tbody > tr > th,
#content table:not(.mini) > tbody > tr > th {
	background-color: rgb(155, 89, 182);
	color: rgb(255, 255, 255);
}
body.cke_editable_themed table > thead > tr > th,
body.cke_editable_themed table > tbody > tr > th,
body.cke_editable_themed table > tfoot > tr > th,
body.cke_editable_themed table > thead > tr > td,
body.cke_editable_themed table > tbody > tr > td,
body.cke_editable_themed table > tfoot > tr > td,
#content table:not(.mini) > thead > tr > th,
#content table:not(.mini) > tbody > tr > th,
#content table:not(.mini) > tfoot > tr > th,
#content table:not(.mini) > thead > tr > td,
#content table:not(.mini) > tbody > tr > td,
#content table:not(.mini) > tfoot > tr > td {
/*#content table.table-bordered:not(.mini) > thead > tr > th,
#content table.table-bordered:not(.mini) > tbody > tr > th,
#content table.table-bordered:not(.mini) > tfoot > tr > th,
#content table.table-bordered:not(.mini) > thead > tr > td,
#content table.table-bordered:not(.mini) > tbody > tr > td,
#content table.table-bordered:not(.mini) > tfoot > tr > td {*/
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
#content table:not(.mini):not(.table-bordered) > thead > tr > th,
#content table:not(.mini):not(.table-bordered) > tbody > tr > th,
#content table:not(.mini):not(.table-bordered) > tfoot > tr > th,
#content table:not(.mini):not(.table-bordered) > thead > tr > td,
#content table:not(.mini):not(.table-bordered) > tbody > tr > td,
#content table:not(.mini):not(.table-bordered) > tfoot > tr > td {
	border: none;
}
body.cke_editable_themed table,
#content table:not(.mini) {
	margin-bottom: 20px;
}

.main .section-light {
	padding: 5px 0;
}

.main .owl-theme blockquote {
	padding:  30px 100px 0;
}

.purple_header .panel-title a:not(.collapsed)  {
	color: #ffffff !important;
}

.purple_header .panel-heading {
	background-image: linear-gradient(to bottom, #9b59b6 0%, #8f4bab 100%);
	background-repeat: repeat-x;
}

#home_page_links {
    margin: 0 auto;
    width: 960px;
	height: 43px;
}

#home_page_links div {
	float: left;
	height: 43px;
	text-align: center;
	line-height: 43px;
	text-transform: uppercase;	
}

#home_page_links div a {
	color: #fff;
}

#block-block-41, .content_page_wood_bar {
	background-color: #452b0c;
	height: 43px;
	background: url("../images/wood_bg_4.jpg") repeat-x;
	width: auto;
}

.home_page_links_about_us,
.home_page_links_1 {
	width: 321px;
	background-image: url("../images/wood_bg_1.png");
}
.home_page_links_publication,
.home_page_links_2 {
	width: 317px;
	background-image: url("../images/wood_bg_2.png");
}
.home_page_links_upcoming_events,
.home_page_links_3 {
	width: 322px;
	background-image: url("../images/wood_bg_3.png");
}

#cus_footer {
	width: 100%;
	background-color: #dddddd;
	display: table;
	padding: 20px 0;
}

#cus_footer_container {
	width: 960px; 
	margin: 0px auto;
	display: table;
}

#cus_footer_container .footer_sitemap {
	float: left;
	width: 155px;
	margin-right: 5px;
	display: table;
}

.main footer.nd-region {
	display: none;
}

#Circle-Icons #content > div {
  /* 20190417: hack: disable these; use bootstrap's grid system instead */
	/*width: 30%;*/
	/*float: left;*/
	/*margin-right: 3%;*/
}

#Circle-Icons #content #block-views-calendar-block-4  .date-nav{
	padding-bottom: 0;
}

#Circle-Icons #content #block-views-calendar-block-4  .date-nav .date-heading{
	width: 220px;
	margin: auto;
}

.view-display-id-block_5 .item-list ul li div {
	font-size: 10px;
}

.header-menu-fullw .flexnav > li > a {
	font-weight: bold;
}

.header-top-right .expanded ul {
	display: none;
}

.book_display_row, .book_display_container, .book_display_header, .book_display_denote {
	clear: both;    
	display: table;
}

.book_display_item {
	float: left;
	width: 180px;
	overflow: hidden;
	text-align: center;
	color: #ffffff !important;
	padding-top: 30px;
	margin: 0 9px;
}

.book_display_item a {
	color: #ffffff !important;
}

.book_display_container {
	background-color: #dddddd;
	padding: 14px;
}

.book_display_item_image img {
	max-height: 200px;
}

.book_display_header  {
	padding-bottom: 10px;
}

.book_display_denote  {
	padding-top: 10px;
	padding-bottom: 30px;
}

.book_display_separater {
	width: 100%;
	height: 20px;
	margin-bottom: 20px;
	background-color: #888888;
}

.book_display_item_title {
	margin-top: -15px;
	background-color: #6b2e0a;
	display: inline-block;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	padding: 5px;
}

.book_display_item_image {
	z-index: 0;
}

td.cuhk_course, td.seagst_course, td.other_course {
	border-bottom: 1px solid #ffffff !important;
}

.cuhk_course {
	background-color: #fde4e4 !important;
}

.seagst_course {
	background-color: #f9efcc !important;
}

.other_course {
	background-color: #def9cc !important;
}

#block-views-calendar-block-4 .date-heading h3{
	font-size: 1.2em;
    /*line-height: 48px;*/
}

.header-top a:hover {
	color: yellow !important;
}

#cus_footer a:hover {
	color: white !important;
}

.en_footer_sitemap_div4 {
	width: 135px !important;
}

.en_footer_sitemap_div5 {
	margin-right: 25px !important;
}

.header-top-right li.last {
	padding-right: 0;
}

/*
.header-menu-fullw .nav-main .container > ul > li:last-child > a {
	padding: 0 33px;
}
*/
.owl-theme .owl-pagination {
	display: none;
}

/*
#content ul.list li {
	margin-bottom: 10px;
}
*/

td.no_background_table  {
	background-color: transparent !important;
}

.header  .logo-sticky {
	margin-top: 8px;
	margin-bottom: -8px;
}

.panel-title {
	text-transform: none;
}

.view-display-id-block_4 {
	background-image: url("../images/front_calendar_bg.jpg");
	height: 250px;
	width: 288px;	/* 20161109: hack: the home page specifies the three columns to be of width 30%, making the calendar background wraps around */
}

.view-display-id-block_4 .date-nav-wrapper {
	height: 25px;
	margin: 0 auto;
    width: 82%;
	line-height: 12px;
}

.view-display-id-block_4 .date-nav-wrapper .pager a {
	margin: 0;
	padding: 0;
	background-color:transparent;
}

.view-display-id-block_4 .view-header {
	height: 74px;
}

.view-display-id-block_4 .calendar-calendar {
	margin-left: 2%;
    width: 95%;
}

.view-display-id-block_4 .date-nav {
	line-height: 12px;
	margin: 44px auto 0;
    width: 215px;
}

.view-display-id-block_3 .date-nav .pager li, .view-display-id-block_4 .date-nav .pager li {
	background: transparent;
}
.view-display-id-block_3 .date-nav .pager li a, .view-display-id-block_4 .date-nav .pager li a , .calendar-year-view .date-nav .pager li a , .view-display-id-page_2 .date-nav .pager li a , .view-display-id-page_3 .date-nav .pager li a {
	border: 0;
	background: transparent;
}

.view-display-id-block_3 .calendar-calendar th.days, .view-display-id-block_4 .calendar-calendar th.days {
	border: 1px solid #ffffff;
}

.view-display-id-block_4 .calendar-calendar td {
	text-align: center;
}

.view-display-id-block_4  thead tr th {
	background: url("../images/wood_bg_4.jpg");
	color: #ffffff !important;
}

.menu-block-wrapper > li > ul > li, .menu-block-wrapper > li > ul > li > ul > li{
	padding-top: 0;
}

.menu-block-wrapper > li > ul > li:last-child, .menu-block-wrapper > li > ul > li > ul > li:last-child{
	padding-bottom: 0;
}

#block-views-calendar-block-3, .calendar-year-view, .view-id-calendar.view-display-id-page_2, .view-display-id-page_3 {
	background-image: url("../images/big_calendar_body_bg.jpg");
	background-repeat: repeat-y;
	background-size: 100%;
}

.view-display-id-page_2 .calendar-calendar, .view-display-id-page_3 .calendar-calendar {
	width: 96%;
	margin: 0 auto;
}

.calendar-year-view .date-heading {
	margin: 0 auto;
}

.calendar-year-view .date-nav, .view-display-id-page_2 .date-nav, .view-display-id-page_3 .date-nav {
height: 30px !important;
margin-bottom: 0 !important;
}

.calendar-year-view .date-nav .pager .date-prev {
background: none;
right: 362px;
top: -9px;
}
.view-display-id-page_2 .date-nav .pager .date-prev, .view-display-id-page_3 .date-nav .pager .date-prev {
background: none;
right: 500px;
top: -9px;
}

.calendar-year-view .date-nav .pager .date-next {
background: none;
right: 232px;
top: -9px;
}
.view-display-id-page_2 .date-nav .pager .date-next, .view-display-id-page_3 .date-nav .pager .date-next {
background: none;
right: 90px;
top: -9px;
}

.view-display-id-page_2 .date-heading, .view-display-id-page_3 .date-heading {width: 420px !important; margin: 0 auto;}

.view-display-id-page_2 .content_calendar_mode, .view-display-id-page_3 .content_calendar_mode {
	margin-right: 5px;
}

.calendar-year-view .content_calendar_mode {
	margin-right: 15px;
}

#block-views-calendar-block-3 .calendar-calendar {
	width: 96%; 
	margin: 0 auto;
}

#block-views-calendar-block-3 .date-nav {
    height: 40px;
    line-height: 8px;
    margin: 0 auto;
    width: 50%;
}

#block-views-calendar-block-3 .date-nav h3, .calendar-year-view .date-nav h3, .view-display-id-page_2 .date-nav h3 , .view-display-id-page_3 .date-nav h3 {
	color: #750404;
}

.view-display-id-block_3 .date-nav .pager li a, .calendar-year-view .date-nav .pager li a,  {
	font-size: 30px;
}

.view-display-id-block_3  thead tr th {
	background: url("../images/wood_bg_4.jpg");
	color: #ffffff !important;
}

.view-display-id-block_3 .calendar-calendar th.days {
	height: 43px;
}

.view-display-id-block_3 .calendar-calendar .month-view .full tr.date-box, .view-display-id-block_3 .calendar-calendar .month-view .full tr.date-box td, .view-display-id-block_3 .calendar-calendar .month-view .full tr.multi-day, .view-display-id-block_3 .calendar-calendar .month-view .full tr.multi-day td {
	min-height: 40px;
}


.node-events .date-display-single,
/* 20160311: the bottom margin should only apply to -range instead of -start and -end to be responsive */
.node-events .date-display-range
/*.node-events .date-display-start,
.node-events .date-display-end*/ {
	color:#663366;
	font-size:17px;
	font-weight:bold;
	margin-bottom: 30px;
}
/* 20160311: make event date range's children responsive */
.node-events .date-display-start,
.node-events .date-display-end {
	display: inline-block;
}
/* 20151223: make news date a block instead of flowing with the content */
.node-news .date-display-single {
	display: block;
}

.view-id-calendar.view-display-id-block_1 {
	background-image: url("../images/content_sidebar_calendar_bg.jpg");
	height: 250px;
	width: 218px;	/* 20161111: hack: must specify width to avoid wrapping */
}

.view-id-calendar.view-display-id-block_1 .date-nav-wrapper {
	height: 25px;
	margin: 0 auto;
    width: 82%;
	line-height: 12px;
}

.view-id-calendar.view-display-id-block_1 .date-nav-wrapper .pager a {
	margin: 0;
	padding: 0;
	background-color:transparent;
	border: 0 !important;
}

.view-id-calendar.view-display-id-block_1 .view-header {
	height: 74px;
}

.view-id-calendar.view-display-id-block_1 .calendar-calendar {
	margin-left: 2%;
    width: 95%;
}

.view-id-calendar.view-display-id-block_1 .date-nav {
	line-height: 16px;
	margin: 44px auto 0;
}

.view-id-calendar.view-display-id-block_1 h3 {
	font-size: 16px !important; 
	color: #750404;
}

.view-id-calendar.view-display-id-block_1 .date-nav .pager li {
	background: transparent;
	border: 0 !important;
}
.view-id-calendar.view-display-id-block_1.date-nav .pager li a  {
	background: transparent;
}

.view-id-calendar.view-display-id-block_1 .calendar-calendar th.days  {
	border: 1px solid #ffffff;
}

.view-id-calendar.view-display-id-block_1 .calendar-calendar td {
	text-align: center;
}

.view-id-calendar.view-display-id-block_1  thead tr th, .calendar-calendar th.days {
	background: url("../images/wood_bg_4.jpg");
	color: #ffffff !important;
}

.calendar-year-view td.mini, .calendar-year-view td.empty, .calendar-year-view tr {
background-color: transparent !important;
}

.calendar-year-view .year-view table  {
	width: 97% !important;
}

/* 20160414: this was the reference code given to God Platform for Campus Snapshots captions. it is obsolete as the photos will be shown by some slider libraries like Slick or bxSlider. refer to Stability custom.js's code also. */
/* div.wrapper{ */
/*	position:relative;*/ /* important(so we can absolutely position the description div */
/*}*/
/*div.description{*/
/*	position:absolute;*/ /* absolute position (so we can position it where we want)*/
/*	bottom:0px;*/ /* position will be on bottom */
/*	left:0px;*/
/*	display:none;*/ /* hide it */
	/* styling bellow */
/*	background-color:black;*/
/*	font-family: 'tahoma';*/
/*	font-size:15px;*/
/*	color:white;*/
/*}*/
/*div.description_content{*/
/*	padding:10px;*/
/*}*/

.background-audio {display: none;}

.bxslider, .bxsliderManual {
 padding: 0;
 margin: 0;
}

.bx-caption {
	display: none;
}

.content_calendar_mode {
	float: right; 
	margin-right: -146px;    
	position: relative;
    z-index: 9999;
}

.content_calendar_mode_item {
	float: left; 
	border: 1px solid rgb(161, 161, 161); 
	padding: 9px; 
	margin-right: 2px;
}

#content .multilevel_ol OL { counter-reset: item !important; }
#content .multilevel_ol LI { display: list-item !important; }
#content .multilevel_ol > OL > LI:before { content: " " !important; counter-increment: item !important; color: #333333 !important; font-weight: normal !important; }
#content .multilevel_ol LI:before { content: counters(item, ".") " " !important; counter-increment: item !important; color: #333333 !important; font-weight: normal !important; }

#content .multilevel_ol ol > li > ol > li {padding-left: 30px !important;}
#content .multilevel_ol ol > li > ol > li > ol > li {padding-left: 45px !important;}

.bx-wrapper {max-width: 625px !important;}

/* 20160302: hack: these are hacks by God Platform to prevent Mega Menu from rendering off the screen
.menu_offset_2 {top: -130px !important;}
.menu_offset_3 {top: -180px !important; }
.menu_offset_4 {top: -230px !important; }
.menu_offset_5 {top: -330px !important; }
*/

.bold .panel-title {font-weight: bold !important;}

  .flexnav  li.level-3:first-child > a, .flexnav  li.level-4:first-child  > a, .flexnav  li.level-5:first-child > a, .flexnav  li.level-6:first-child > a {
    border-top: none;
  }
  
  #header-container .full {
	max-width:99%; 
  }
  
  header * {
   /* 20151216: trying to make the site smoother for slow computers */
   /*transition-duration: 1s;*/
   transition-duration: 0s;
  }
/*  
  .list ol {margin-bottom: 0 !important;}
  .list ol li {padding: 0 !important;}
*/
  .menu-mlid-1270 > ul, .menu-mlid-2324 > ul { display: none; }
/*
.list ol li:before, ol.list li:before {
	color: #333333 !important;
	font-weight: normal !important;
  }
*/
/*  
.list ol li {
	padding: 0 0 8px 20px !important;
  }
*/
/*
  ol.customList li {
	padding: 0 !important;
  }


  ol.customList li:before {
	content: "" !important;
  }


  li ol.customList li {
	margin-left: 20px !important;
  }
*/
/*
p + ul, p + ol {
    margin-top: -1.5em;
}
*/

#content hr,
body.cke_editable_themed hr {
	margin: 1em 0;
}

/* 20160311: standardize date style for both events and news on homepage */
/* events */
.view-id-calendar .date-display-single,
.view-id-calendar .date-display-range,
/* news */
.view-id-home_page_news .date-display-single,
.view-id-home_page_news .date-display-range {
	font-size: smaller;
}

.views-id

.view-display-id-page_1 .date-prev {
	right: 78px !important;
}

.call-to-action {
	margin-bottom: 15px;
}

.purple_heading {
	font-size: 24px; font-weight: bold; text-transform: none; width: 100%; color: rgb(255, 255, 255); background-color: rgb(155, 89, 182); padding: 7px; margin: 0 0 1em;
}

.section_heading {
	color : #663366; font-size: 22px; font-weight : bold; text-transform: none; margin: 0 0 1em;
}

.subsection_heading,
.field-label {
	color : #663366; font-size: 20px; font-weight : bold; text-transform: none; margin: 0 0 1em;
}

.paragraph_heading {
	color : #663366; font-weight : bold; text-transform: none; font-size: 16px; margin: 0 0 1em;
}

#content div.title-accent + .purple_heading,
#content div.title-accent + .section_heading,
#content div.title-accent + .subsection_heading,
#content div.title-accent + .paragraph_heading {
	margin-top: 0;
}

.caption_title {
	color : #9e0101; font-size: 16px; font-weight : bold;
}

/* hanging indent (v1) */
/*
#content div.hanging_indent p,
body.cke_editable_themed div.hanging_indent p {
	margin-top: 0;
	padding-left: 2em;
	text-indent: -2em;
}
#content div.hanging_indent p:not(:last-child),
body.cke_editable_themed div.hanging_indent p:not(:last-child) {
	margin-bottom: 0;
}
#content p.hanging_indent,
body.cke_editable_themed p.hanging_indent {
	padding-left: 2em;
	text-indent: -2em;
}
*/
/* hanging indent (v2) to handle bibliography, with different em */
#content div[class^="hanging"] p,
body.cke_editable_themed div[class^="hanging"] p {
	margin-top: 0;
}
#content div[class^="hanging"] p:not(:last-child),
body.cke_editable_themed div[class^="hanging"] p:not(:last-child) {
	margin-bottom: 0;
}
#content div.hanging_1em,
body.cke_editable_themed div.hanging_1em {
	padding-left: 1em;
	text-indent: -1em;
}
#content div.hanging_2em,
body.cke_editable_themed div.hanging_2em {
	padding-left: 2em;
	text-indent: -2em;
}
#content div.hanging_3em,
body.cke_editable_themed div.hanging_3em {
	padding-left: 3em;
	text-indent: -3em;
}
#content div.hanging_4em,
body.cke_editable_themed div.hanging_4em {
	padding-left: 4em;
	text-indent: -4em;
}
#content div.hanging_5em,
body.cke_editable_themed div.hanging_5em {
	padding-left: 5em;
	text-indent: -5em;
}
/* fixme: deprecated */
#content div.hanging_indent,
body.cke_editable_themed div.hanging_indent {
	padding-left: 2em;
	text-indent: -2em;
}
/* fixme: deprecated */
#content p[class^="hanging"],
body.cke_editable_themed p[class^="hanging"] {
	padding-left: 2em;
	text-indent: -2em;
}

.blue_heading {
	color : Blue;
}

.red_heading {
	color : Red;
}

#content p,
body.cke_editable_themed p {
	margin: 0 0 1em;
}
#content td > p:last-child,
body.cke_editable_themed td > p:last-child {
	margin-bottom: 0;
}
#content blockquote p:last-child,
#content blockquote ol:last-child,
#content blockquote ul:last-child {
	margin-bottom: 0;
}
#content .thumbnail .caption p {
  margin-bottom: 0.25em;
}

/* for lists at different levels (I'm styling all lists after the title-accent div that seems to immediately precede all main body contents. Note that I'm not using the default .list class added by Stability's shortcodes module as the selectors, as it may also use .customList class for ol with other numbering styles, and no class for ul with other bullet styles. It's too difficult to exhaust all combinations. Let's hope it doesn't have any side effect.) */
/* lists immediately following title-accent div should have a bottom margin */
/* 20170907: hack: I have rewritten node--page.tpl.php to get rid of "title-accent" and revert to the default rendering. */
#content div.title-accent ~ ul,
#content div:not(.alert) ul:not(.tabs):not(.primary):not(.pager):not(#pgthumbs):not(#pgalbums):not(.list-group):not(.contextual-links):not(.nav-tabs):not(:last-child),
#content ul:not(.tabs):not(.primary):not(.pager):not(#pgthumbs):not(#pgalbums):not(.list-group):not(.contextual-links):not(.nav-tabs):not(:last-child),
#content div.list,
#content .item-list-student-leave > ul,
body.cke_editable_themed > ul {
	margin: 0 0 1em 0;
}
#content div.title-accent ~ ol,
#content div:not(.alert) ol:not(.tabs):not(.primary):not(.pager):not(#pgthumbs):not(#pgalbums):not(.list-group),
#content ol:not(.tabs):not(.primary):not(.pager):not(#pgthumbs):not(#pgalbums):not(.list-group),
#content .item-list-student-leave > ol,
body.cke_editable_themed > ol {
	margin: 0 0 1em 0;
}
/* all list items should have a bottom margin... */
#content div.title-accent ~ * ul:not(.pagination-custom):not(.media-list) > li,
#content div.title-accent ~ * ol:not(.media-list) > li,
#content div:not(.alert) ul:not(.tabs):not(.primary):not(.list-group):not(.contextual-links):not(.nav-tabs):not(#pgthumbs):not(.pagination-custom):not(.media-list) > li:not(:last-child),
#content ul:not(.tabs):not(.primary):not(.list-group):not(.contextual-links):not(.nav-tabs):not(#pgthumbs):not(.pagination-custom):not(.media-list) > li:not(:last-child),
#content ol:not(.media-list) > li,
#content .item-list-student-leave > * li,
body.cke_editable_themed > * li {
	margin: 0 0 1em 0;
	padding-bottom: 0;
}
/* but last-child li should cut the bottom margin; the margin with the next element is the duty of the list */
#content div.title-accent ~ * ul:not(.pagination-custom) > li:last-child,
#content div.title-accent ~ * ol > li:last-child,
#content div:not(.alert) ul:not(.tabs):not(.primary):not(.contextual-links):not(.pagination-custom) > li:last-child,
#content ul:not(.tabs):not(.primary):not(.contextual-links):not(.pagination-custom) > li:last-child,
#content ol > li:last-child,
#content .item-list-student-leave > * li:last-child,
body.cke_editable_themed > * li:last-child {
	margin-bottom: 0;
}
/* meanwhile, all list within a list item should cut the bottom margin, as the list item has bottom margin already */
#content div.title-accent ~ * li ul,
#content div:not(.alert) li ul:not(.tabs):not(.primary):not(.pager):not(#pgthumbs):not(#pgalbums):not(.list-group),
#content li ul:not(.tabs):not(.primary):not(.pager):not(#pgthumbs):not(#pgalbums):not(.list-group),
#content .item-list-student-leave > * li ul,
#content li > div.list,
body.cke_editable_themed > * li ul {
	margin-top: 1em;
	margin-bottom: 0;
}
#content div.title-accent ~ * li ol,
#content div:not(.alert) li ol,
#content li ol,
#content .item-list-student-leave > * li ol,
body.cke_editable_themed > * li ol {
	margin-top: 1em;
	margin-bottom: 0;
}
/* all last-child lists should have no bottom margin with the closing of the parent elements */
#content div.title-accent ~ * ul:not(.pagination-custom):not(.media-list):last-child,
#content div.title-accent ~ * ol:not(.media-list):last-child,
#content div:not(.alert) ul:not(.contextual-links):not(#pgthumbs):not(.pagination-custom):not(.media-list):last-child,
#content div:not(.alert) ol:not(.media-list):last-child,
#content ul:not(.contextual-links):not(#pgthumbs):not(.pagination-custom):not(.media-list):last-child,
#content ol:not(.media-list):last-child,
#content .item-list-student-leave > * ul:not(.media-list):last-child,
#content .item-list-student-leave > * ol:not(.media-list):last-child,
body.cke_editable_themed > * ul:not(.pagination-custom):not(.media-list):last-child,
body.cke_editable_themed > * ol:not(.pagination-custom):not(.media-list):last-child {
	margin-bottom: 0;
}

/*#content div.title-accent ~ ol ol,
#content div.title-accent ~ ul ul,
#content div.title-accent ~ ol ul,
#content div.title-accent ~ ul ol {
	margin-top: 1em;
	margin-bottom: 0;
}*/
#content .btn {
	margin-bottom: 1em;
}

/* these are internal anchors to be offset from the top to avoid the fixed-position site header */
#exemption, #reallocation, #language_note, #field_note, #faculty_note {
	display: block;
	position: relative;
	top: -150px;
	visibility: hidden;
}

/* for ckeditor footnotes */
#content {
	counter-reset: fn-number;	/* 20180326: moved from ol to here, the whole content */
}
#content section.footnotes,
body.cke_editable_themed section.footnotes {
	border-top: 1px solid #eeeeee;
	padding: 0px;
	background: none;
	margin-bottom: 2em;
}
/*
#content section.footnotes header,
body.cke_editable_themed section.footnotes header {
	display: none;
}
*/
#content section.footnotes ol,
body.cke_editable_themed section.footnotes ol {
	/*counter-reset: fn-number;*/
	list-style: none;
	padding-left: 0px;
}
#content section.footnotes ol > li:before,
body.cke_editable_themed section.footnotes ol > li:before {
	content: counter(fn-number);
	counter-increment: fn-number;
	color: #ff8c00;
	font-size: smaller;
	position: relative;
	left: -1.5em;
}
#content section.footnotes ol > li,
body.cke_editable_themed section.footnotes ol > li {
	margin: 0 0 0.5em 0;
	padding-left: 1.5em;
}
#content section.footnotes ol > li:last-child,
body.cke_editable_themed section.footnotes ol > li:last-child {
	margin-bottom: 0;
}
#content section.footnotes ol > li > a,
body.cke_editable_themed section.footnotes ol > li > a {
	vertical-align: super;
	font-size: smaller;
}
#content section.footnotes ol > li > cite:before,
body.cke_editable_themed section.footnotes ol > li > cite:before {
	display: none;
}
#content section.footnotes ol > li > cite,
body.cke_editable_themed section.footnotes ol > li > cite {
	text-align: left;
	display: inline;
	vertical-align: text-top;
	font-style: normal;
}
/* for footnote jumping to avoid the fixed header of the theme */
/* fixme: disabled on 2015-12-11 because 1) the links back to the text are not clickable and 2) the links in the footnotes (such as to external websites) are not clickable */
/*
[id^="footnote"]:before {
	content: '';
	padding-top: 150px;
	display: inline-block;
	position: relative;
	margin-top: -150px;
	height: 0;
	z-index: -1;
}
li[id^="footnote"]:before {
	display: block;
}
*/

/* 20161004: hack: add a section "bibliography" similar to "footnotes" of ckeditor */
#content section.bibliography,
body.cke_editable_themed section.bibliography {
	border-top: 1px solid #eeeeee;
	padding: 0px;
	background: none;
	margin-bottom: 2em;
}

#content figure:not(.video-holder),
body.cke_editable_themed figure:not(.video-holder) {
	margin-bottom: 1em;
	display: inline-block;
}

.header-main .tb-megamenu-item {
	float: left;
	margin-left: 0px;	/* was 20px; now trying to accommodate more items */
}
.header-main li:first-child {
	margin-left: 30px;	/* was 70px; changed to accommodate chinese tool menu */
}

.mejs-video {
	margin-bottom: 25px;
}

.album_title {
	margin-bottom: 25px;
	display: block;
}

.node-photo-album img {
	max-width: 250px;
	max-height: 250px;
	cursor: pointer;
}

.node-photo-album .file-image {
	width: 250px;
	height: 250px;
	float: left; 
	margin-right: 25px;
	margin-bottom: 25px;
}

.node-photo-album .file-image .content {
	width: 250px;
	height: 250px;
	background-color: #ccc;
    border: 1px solid #000080;
    display: table-cell;
    font-size: 25px;
    text-align: center;
    vertical-align: middle;
}

@media (max-width: 780px) {
	#block-views-calendar-block-4 {
		float: none !important;
		margin: 0 auto !important;
		min-width: 288px;
	}
	
	#block-views-calendar-block-5, #block-views-home-page-news-block {
		clear: both;
		width: 100% !important;
		margin-top: 25px;
	} 
	
	#block-41 {
		width: 100% !important;
		margin-bottom: 5px !important;
	}
	
	.home_page_links_about_us, .home_page_links_publication, .home_page_links_upcoming_events,
  .home_page_links_1, .home_page_links_2, .home_page_links_3 {
		background-image: url("../images/wood_bg_4.jpg") !important;
		width: 100% !important;
	}
	
	#home_page_links {
		width: 100% !important;
	}
	
	.owl-item  p {
		margin: 0 auto 0.5em auto; /* hack: 20210105: (orig. 0 auto) fix testimonals paragraph spacing */
		width: 100%; /* hack: 20210105: (orig. 35%) fix testimonals text width */
	}
	#cus_footer_container, #cus_footer_container .footer_sitemap, #content #block-views-calendar-block-3 img, #content .view-calendar img {
		width: 100% !important;
	}
	
	#cus_footer_container .footer_sitemap {
		text-align: center; 
		margin-bottom: 20px;
	}
	
	#Content .col-md-push-3 {
		left: 0;
	}
	
	#sidebar #block-menu-block-1 {
		margin-top: 30px;
	}
	
	#block-views-calendar-block-3 .date-nav {
		margin: 0 !important;
	}
	
	.view .date-nav-wrapper .date-heading h3 {
		font-size: 16px;
	}
	
	table  {
		overflow: scroll;
	}
}

/* 20190508: hack: for owl carousel views */
/*#block-views-8bfc3233b893a87be7dea34b5120456c .owl-item p,*/
.view.non-stability .owl-item p {
  width: unset;
}
/*#block-views-8bfc3233b893a87be7dea34b5120456c .owl-item,*/
.view.non-stability .owl-item {
  padding-left: 10px;
  padding-right: 10px;
}
/* 20190508: hack: end */

/* 20151009: remove padding for .container-fluid from bootstrap.min.css. the container-fluid seems to be added for responsiveness on mobile devices */
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

/* 20151104: trying to make img responsive */
/* 20151211: ckeditor adds a wrapper span for img */
#content img,
body.cke_editable_themed img,
body.cke_editable_themed span.cke_widget_wrapper {
	max-width: 100%;
	height: auto;
}

/* moved from sites/all/modules/calendar/theme/calendar-mini.tpl.php and sites/all/themes/stability/templates/calendar-mini.tpl.php */
/* 20160103: restrict it to the mini calendar on the front page (#block-views-calendar-block-4) */
#block-views-calendar-block-4 .date-heading {
	width: 180px !important;
}

/* 20160115: for webform */
legend span.fieldset-legend {
	font-size: 1.5em;
	font-weight: bold;
}
div.form-item label {
	font-weight: bold;
}
div.form-item div.description,
div.fieldset-wrapper div.fieldset-description {
	font-weight: normal;
	color: #9b59b6;
	margin-bottom: 1em;
}
div.form-item .form-file {
	height: auto;	/* override bootstrap's 46px */
}

/* 20160811: hack: for removed or added courses in course lists */
#content del,
body.cke_editable_themed del {
	text-decoration: line-through solid grey;
}
#content ins,
body.cke_editable_themed ins {
	text-decoration: none;
}

/* 20160812: hack: switching some remarks from tables to definition lists */
/* 20160920: hack: added ":not(div.profile)" to avoid messing the user profile page */
#content dl:not(div.profile),
body.cke_editable_themed dl {
	margin-bottom: 0;	/* counter bootstrap */
}
#content dt:not(div.profile),
body.cke_editable_themed dt {
	float: left;
	clear: left;
	width: 2em;
	text-align: right;
}
#content dd:not(div.profile) + dt,
body.cke_editable_themed dd + dt {
	margin-top: 0 !important;	/* counter theme-elements.css */
}
#content dd:not(div.profile),
body.cke_editable_themed dd {
	margin: 0 0 0 2em;
	padding: 0 0 0.5em 0.5em;
}

/* 20170106: hack: fix date-heading and date-nav alignment for view, overriding calendar_multiday.css, date_views.css and bootstrap.min.css */
.view .date-nav-wrapper .date-nav {
	text-align: center;
}
.view .date-nav-wrapper .date-nav .date-heading {
	display: inline-block;
}
@media (max-width: 768px) {
	.view .date-nav-wrapper .date-nav .date-heading {
		text-align: left;
	}
}
.view .date-nav-wrapper .date-nav .pager {
	display: inline-block;
	position: absolute;
	right: 0;
	margin: 0;
}
.view .date-nav-wrapper .date-nav .date-prev,
.view .date-nav-wrapper .date-nav .date-next {
	position: relative;
	right: 0;
	left: 0;
	border: 0;
	background: none;
}
.view .date-nav-wrapper .date-nav .date-prev a,
.view .date-nav-wrapper .date-nav .date-next a {
	margin: 0;
}

/* 20170124: hack: hide webform invitation code */
div.webform-component--webform-invitation-code {
	display: none;
}

/* 20170124: hack: equal width for grid options */
table.webform-grid {
	table-layout: fixed;
}
table.webform-grid-6 th.webform-grid-question,
table.webform-grid-6 td.webform-grid-question {
	position: static;
    float: none;
    display: table-cell;
	width: 52%;
}
table.webform-grid-6 th.webform-grid-option,
table.webform-grid-6 td.webform-grid-option {
	position: static;
    float: none;
    display: table-cell;
	width: 8%;
	padding-left: 1px;
	padding-right: 1px;
}

/* 20170124: hack: styling progress bar */
.webform-progressbar .webform-progressbar-page-label {
	color: #d5b8e0;
}
.webform-progressbar .webform-progressbar-outer {
	border-color: #d5b8e0;
}
.webform-progressbar .webform-progressbar-inner {
	background-color: #aa71c1;
}
.webform-progressbar .webform-progressbar-page {
	border-color: #eadcef;
}
.webform-progressbar .webform-progressbar-page.completed,
.webform-progressbar .webform-progressbar-page.current {
	background-color: #aa71c1;
}
.webform-progressbar .webform-progressbar-page.completed .webform-progressbar-page-label,
.webform-progressbar .webform-progressbar-page.current .webform-progressbar-page-label {
	color: #aa71c1;
}
/* 20170216: hack: stability doesn't style table caption at all! */
#content table caption,
.cke_editable_themed table caption {
	text-align: left;
	font-weight: bolder;
	padding-bottom: 0.25em;
}

/* 20180221: https://coderwall.com/p/0jezca/vertical-spacing-for-bootstrap-columns */
.row.row-grid [class*="col-"] + [class*="col-"] {
    margin-top: 15px;
}

@media (min-width: 1200px) {
    .row.row-grid [class*="col-lg-"] + [class*="col-lg-"] {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .row.row-grid [class*="col-md-"] + [class*="col-md-"] {
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .row.row-grid [class*="col-sm-"] + [class*="col-sm-"] {
        margin-top: 0;
    }
}
.row-grid + .row-grid {
    margin-top: 15px;
}

/* 20180927: for the view All Graduation Requirements to display the Simple Hierarchical Select formatter output UL */
/* 20181002: also for the corresponding blocks on individual programme pages */
.view-id-test_all_graduation_checklists.view-display-id-page ul.shs-hierarchy,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_mdiv ul.shs-hierarchy,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_macs ul.shs-hierarchy,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_bd ul.shs-hierarchy,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_mtheol ul.shs-hierarchy {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.view-id-test_all_graduation_checklists.view-display-id-page ul.shs-hierarchy > li,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_mdiv ul.shs-hierarchy > li,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_macs ul.shs-hierarchy > li,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_bd ul.shs-hierarchy > li,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_mtheol ul.shs-hierarchy > li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.view-id-test_all_graduation_checklists.view-display-id-page ul.shs-hierarchy > li::before,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_mdiv ul.shs-hierarchy > li::before,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_macs ul.shs-hierarchy > li::before,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_bd ul.shs-hierarchy > li::before,
.block-views .view-id-test_all_graduation_checklists.view-display-id-block_grad_req_mtheol ul.shs-hierarchy > li::before {
  content: none !important;
}

/* 20181031: a better solution to spacing between elements in main content (not completed) */
/*#content *:nth-child(n+2),
body.cke_editable_themed *:nth_child(n+2) {
  margin-bottom: 1.25em;
}*/

/* 20181213: trying to fix mdslider arrows' covering problem */
.md-arrow-left,
.md-arrow-right {
  opacity: 0.3;
}

/* 20190102: trying to fix mdslider bullets' covering problem */
.md-bullet {
  opacity: 0.3;
}

/* 20190305: adjust spacing between views' header and content */
.view-all-student-handbooks.view-id-all_student_handbooks div.view-header + div.view-content {
  margin-top: 1em;
}

/* 20200609: adjust spacing between latest posts list media list items */
.latest-posts-list > div {
	padding-bottom: 1.5em;
}

/* 20201102: slice table within custom blocks for inauguration video */
/* 20240417: same for 60th video review */
#block-block-53 .table-responsive,
#block-block-53 table,
#block-block-55 .table-responsive,
#block-block-55 table {
  border: 0 !important;
}
#block-block-53 table td,
#block-block-55 table td {
  padding: 0px;
  border: 0 !important;
  height: auto;
}
#block-block-53 table td img,
#block-block-55 table td img {
  max-width: 100%;
  height: auto;
}
#Inauguration-Service-Review {
  background-color: #fefef2;
}
#\36 0th-Anniversary-Review {
  background-color: #2b0c65;
}
/* 20211012: event page */
.node-events .field-name-field-event-date {
  padding-bottom: 1em;
}
.node-events .field-name-field-event-date .field-label {
  margin-bottom: 0.25em;
}
/* 20220408: front page Lectionary ad Excellentiam teaser */
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 section::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  background: #000;
  opacity: 0.45;
}
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 a {
  color: unset;
}
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 blockquote::before {
  left: 0px;
  top: 0px;
}
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 blockquote h3 {
  color: #fff;
}
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 section {
  padding: 60px 20px;
}
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 blockquote {
  padding: 26px;
  margin-bottom: 0px;
}
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 blockquote,
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 cite {
  background: unset;
  color: #fff;
  font-size: 16px;
  border: unset;
}
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 blockquote {
  line-height: 1.5em;
}
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 cite {
  line-height: 1.1em;
}
@media (min-width: 992px) {
  .view-id-lectionary_ad_excellentiam.view-display-id-block_2 section {
    padding: 70px 20px;
  }
  .view-id-lectionary_ad_excellentiam.view-display-id-block_2 blockquote,
  .view-id-lectionary_ad_excellentiam.view-display-id-block_2 cite {
    font-size: 20px;
  }
}
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 h5 {
  color: #fff;
  line-height: 1.5em;
}
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 h5 span {
  position: relative;
}
.view-id-lectionary_ad_excellentiam.view-display-id-block_2 h5 span:not(.date-display-single)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: auto;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid white;
}