html {
   background-color: #fff;
}

body {
   width: 100%;
   padding: 0;
   margin: 0 auto;
   background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   background: transparent;
}
p, li, dt, dd {
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   background: transparent;
}
a, a:visited {
   text-decoration: none;
}
.anchor {
   position: absolute;
   z-index: -1;
   left: 0;
   margin-top: -36px;
}

/* socialmedia ******************************************************************************************************************************************************************************************************************************************** */

#socialmedia {
   position: fixed;
   bottom: 50px; right: 0;
   z-index: 975;
   display: inline-block;
   vertical-align: top;
}
#socialmedia a {
   display: block;
}
#socialmedia img {
   width: 100%;
   height: auto;
   max-width: 50px;
}

/* #topbar_outer #topbar ********************************************************************************************************************************************************************************************************************************** */

#topbar_outer {
   position: fixed;
   top: 0; left 0;
   display: inline-block;
   width: 100%;
   height: 40px;
   background-color: #334b69;
   z-index: 900;
}
#topbar {
   width: 100%; max-width: 1400px;
   margin: 0 auto;
   position: relative;
}
#topbar p {
   font-size: 85%;
   font-weight: 400;
   color: #fff;
   padding: 12px 0 0 0;
   margin: 0;
   text-transform: uppercase;
   text-align: left;
   float: right;
}
#topbar .contact a {
   color: #fff;
   margin: 0 auto;
   padding-right: 14px;
   text-decoration: none;
}
#topbar .contact a:hover {
   text-decoration: underline;
}
#topbar .buttons a {
   color: #fff;
   margin: 0 auto;
   padding: 12px 14px 12px 14px;
   text-decoration: none;
}
#topbar .buttons > .higlightoption a {
   color: #fff;
   background-color: #7a8b4d;
}
#topbar .buttons a:hover,
#topbar .buttons > .higlightoption a:hover {
   color: #fff;
   background-color: #7a8b4d;
}

/* #topnav_wrapper #topnav_outer #topnav_align #topnav #topnav_min_wrapper ******************************************************************************************************************************************************************************** */

#topnav_wrapper {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   background-color: #fff;
   text-align: center;
   border-bottom: 2px #ddd solid;
}
#topnav_outer {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
   padding: 0;
}
#topnav_outer .logo {
   float: left;
   width: 100%;
   max-width: 400px;
   height: auto;
   margin: 25px 30px 22px 20px;
}
#topnav {
   display: block;
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav li {
   float: left;
   text-align: left;
}
#topnav li a {
   display: block;
   color: #666;
   text-decoration: none;
   font-size: 105%;
   font-weight: 500;
   padding: 6px 8px 12px 8px;
   margin: 43px 5px 36px 5px;
}
#topnav li a:hover {
   color: #7a8b4d;
   background-image: url("/images/menu-down-arrow.png");
   background-repeat: no-repeat;
   background-position: center bottom;
}
#topnav #destinations a:hover, #topnav #contact a:hover {
   background-image: none;
}
#topnav .no_arrow a:hover {
   background-image: none;
}
#topnav li .mega_menu {
   width: 100%;
   max-width: 1000px;
   height: 0;
   overflow: hidden;
   position: absolute;
   left: 0; right: 0;
   margin: auto;
   padding: 0;
   z-index: 100;
   display: block;
   background-image: url("/images/bg-white-90.png");
   background-repeat: repeat;
   transition: height 1s;
}
#topnav li:hover .mega_menu {
   height: 342px;
}
#topnav .mega_menu ul {
   width: 31%;
   margin: 16px 0 0 2%;
   float: left;
}
#topnav .mega_menu .mainimg {
   width: 30%;
   height: 307px;
   margin: 16px 2% 0 0;
   padding: 0;
   float: right;
   background-color: #eee;
   background-size: cover;
}
#topnav .mega_menu li {
   float: none;
   width: 100%;
   border-bottom: 1px #ddd solid;
   margin: 0;
}
#topnav .mega_menu li > a {
   padding: 10px 10px;
   margin: 0;
}
#topnav .mega_menu li > a:hover {
   background-image: none;
}
#topnav_wrapper .contact,
#topnav_min_wrapper .contact, #topnav_min_wrapper .feefo_rating {
   display: none;
   vertical-align: top;
   color: #fff;
   font-size: 90%;
   background-color: #999;
}
#topnav_wrapper .contact,
#topnav_min_wrapper .contact {
   padding: 8px 0 8px 0;
   margin: 5px 0 0 0;
}
#topnav_min_wrapper .feefo_rating {
   padding: 0 0 8px 0;
   margin: 0 0 0 0;
}
#topnav_min_wrapper .contact > .telno,
#topnav_wrapper .contact > .telno {
   margin: 0 4px;
   white-space: nowrap;
}
#topnav_wrapper .contact a, #topnav_wrapper .contact a:visited, #topnav_wrapper .contact a:hover,
#topnav_min_wrapper .contact a, #topnav_min_wrapper .contact a:visited, #topnav_min_wrapper .contact a:hover,
#topnav_min_wrapper .feefo_rating a, #topnav_min_wrapper .feefo_rating a:visited, #topnav_min_wrapper .feefo_rating a:hover {
   color: #fff; margin: 0; padding: 0;
}
#topnav_wrapper .contact a:hover,
#topnav_min_wrapper .contact a:hover,
#topnav_min_wrapper .feefo_rating a:hover {
   text-decoration: underline;
}
#topnav_min_wrapper {
   display: none;
   vertical-align: top;
   text-align: center;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   background-image: url("/images/map-10-opacity.jpg");
}
#topnav_min_wrapper .logo {
   width: 90%;
   height: auto;
   margin: 75px auto 22px auto;
}
.tnm1_close, .tnm1_open, .tnm2_close, .tnm2_open, .tnm_home, .tnm_top {
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   color: #fff;
   font-size: 100%;
   font-weight: 500;
   display: inline-block;
   vertical-align: middle;
   position: fixed;
   background-color: #334b69;
   border: 7px solid #334b69;
   border-radius: 4px;
   line-height: 100%;
   margin: 0;
   background-repeat: no-repeat;
}
.tnm1_close, .tnm1_open, .tnm2_close, .tnm2_open {
   padding: 2px 5px 0 30px;
   min-height: 18px;
   background-position: 4px 2px;
   background-size: 15px;
}
.tnm_home, .tnm_top {
   padding: 0 5px 0 18px;
   min-height: 20px;
   background-size: cover;
}
.tnm1_open {
   top: 10px; left: 10px;
   z-index: 910;
   background-image: url(/images/icon-menu-white.png);
}
.tnm1_close {
   top: 10px; left: 10px;
   z-index: 930;
   background-image: url(/images/icon-close-white.png);
}
.tnm2_open {
   top: 10px; left: 148px;
   z-index: 910;
   background-image: url(/images/icon-menu-white.png);
}
.tnm2_close {
   top: 10px; left: 148px;
   z-index: 930;
   background-image: url(/images/icon-close-white.png);
}
.tnm_home {
   top: 10px; right: 57px;
   z-index: 910;
   background-image: url(/images/icon-home-white2.png);
}
.tnm_top {
   top: 10px; right: 10px;
   z-index: 910;
   background-image: url(/images/icon-top-white2.png);
}
.tnm1_close:hover, .tnm1_open:hover, .tnm2_close:hover, .tnm2_open:hover, .tnm_home:hover, .tnm_top:hover {
   color: #fff;
   background-color: #7a8b4d;
   border: 7px solid #7a8b4d;
}
#tnm1, .tnm1_close, #tnm2, .tnm2_close, .tnm_home, .tnm_top {
   display: none;
}
#topnav1_min, #topnav2_min {
   display: none;
   vertical-align: top;
   position: fixed;
   top: 0; left: 0;
   z-index: 920;
   list-style: none;
   padding: 50px 0 10px 0;
   margin: 0;
   width: 100%;
   background-image: url("/images/bg-white-90.png");
   background-repeat: repeat;
   text-align: center;
}
#topnav1_min li, #topnav2_min li {
   font-size: 100%;
   font-weight: 500;
   border-bottom: 1px #ddd solid;
}
#topnav1_min a, #topnav1_min a:visited, #topnav1_min a:hover, #topnav2_min a, #topnav2_min a:visited, #topnav2_min a:hover {
   display: block;
   vertical-align: top;
   text-decoration: none;
   padding: 8px;
   margin: 0 auto;
}
#topnav1_min a, #topnav1_min a:visited, #topnav2_min a, #topnav2_min a:visited {
   color: #666;
   background-image: url("/images/bg-white-90.png");
   background-repeat: repeat;
}
#topnav1_min a:hover, #topnav2_min a:hover {
   color: #7a8b4d;
}
#tnm1:checked ~ #topnav1_min, #tnm1:checked ~ .tnm1_close {
   display: block;
}
#tnm2:checked ~ #topnav2_min, #tnm2:checked ~ .tnm2_close {
   display: block;
}
#tnm1:checked ~ .tnm1_open {
   display: none;
}
#tnm2:checked ~ .tnm2_open {
   display: none;
}

/* feefo ************************************************************************************************************************************************************************************************************************************************* */

#topnav_feefo{display:inline-block;vertical-align:top;float:right;width:186px;margin:15px 20px 0 0;}
#topnav_feefo .inner{background-image:url("/images/feefo-logo.png");background-repeat:no-repeat;background-position-x:center;background-position-y:2px;width:182px;height:70px;border:2px #ddd solid;text-align:center;padding-top:5px;}
#topnav_feefo .stars{background-image:url("/images/feefo-stars.jpg");background-repeat:no-repeat;background-position:top left;height:22px;margin:28px auto 0 auto;}
#topnav_feefo .rating{color:#334b69;font-size:8pt;font-family:Arial,Helvetica,sans-serif;margin:2px 0 0 0;}
#topnav_feefo .rating a, #topnav_feefo_box .rating a:visited{color:#334b69;text-decoration:none;}
#topnav_feefo .rating a:hover{color:#333;text-decoration:none;}

#inline_feefo{display:block;vertical-align:top;margin:10px auto 5px auto;}
#inline_feefo .inner{display:inline-block;vertical-align:top;background-image:url("/images/feefo-logo.png");background-repeat:no-repeat;background-position:left top;text-align:center;}
#inline_feefo .stars{display:inline-block;vertical-align:top;background-image:url("/images/feefo-stars.jpg");background-repeat:no-repeat;background-position:top left;height:22px;margin:3px 5px 5px 92px;}
#inline_feefo .rating{clear:both;color:#666;font-size:80%;font-family:Arial,Helvetica,sans-serif;margin:2px 0 0 0;}
#inline_feefo .rating a, #topnav_feefo_box .rating a:visited{color:#666;text-decoration:none;}
#inline_feefo .rating a:hover{color:#666;text-decoration:none;}

#content .feefo_review{display:block;vertical-align:top;border:2px #ddd solid;padding:15px 20px 12px 20px;margin:15px 20px 0 20px;}
#content .feefo_review h2{margin-top:0;}
#content .feefo_review p{margin:3px;}
#content .feefo_review .author{font-size:80%;}
#content .feefo_review .response{font-weight:bold;}
#content .feefo_review hr{height:2px;color:#ddd;background-color:#ddd;border:0;margin:10px 0;padding:0;}
#content .short_comment{display:none;}

#feefo-carousel-widget-wrapper{display:block;width:100%;overflow:auto;vertical-align:top;text-align:center;}
#feefo-carousel-widget{display:inline-block;vertical-align:top;text-align:initial;}

/* #page_wrapper #slider #tb_titlebox #tb_datebox #body ************************************************************************************************************************************************************************************************** */

#page_wrapper {
   display: block;
   vertical-align: top;
   width: 100%;
   margin: 44px auto 0 auto;
   position: relative;
   z-index: 10;
}

#slider {
   position: relative;
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
}
#slider_narrow {
   display: none;
}

#tb_titlebox, #tb_datebox {
   display: inline-block;
   vertical-align: top;
   z-index: 90;
   position: absolute;
   top: 30px;
   padding: 10px 20px;
   background-image: url(/images/black60.png);
   background-repeat: repeat;
   background-position: top center;
}
#tb_titlebox {
   left: 30px;
}
#tb_datebox {
   right: 30px;
   max-width: 400px;
}
#tb_titlebox .tb_titleboxtitle,
#tb_datebox .tb_dateboxtitle {
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   font-size: 125%;
   margin: 0 0 7px 0;
   color: #fff;
}
#tb_titlebox .tb_titleboxsubtitle {
   font-size: 90%;
   margin: 0 0 15px 0;
   color: #fff;
}
#tb_titlebox .tb_titleboxtags a, #tb_titlebox .tb_titleboxtags a:visited {
   color: #fff;
   background-color: #334b69;
   font-size: 90%;
   margin: 0 0 0 10px;
   padding: 3px 7px;
   border: 1px #fff solid;
}
#tb_titlebox .tb_titleboxtags a:hover {
   color: #fff;
   background-color: #7a8b4d;
}
#tb_datebox p {
   font-size: 100%;
   margin: 0 0 7px 0;
   color: #fff;
}
#tb_datebox p a, #tb_datebox p a:visited {
   color: #fff;
   text-decoration: underline;
}
#tb_datebox p a:hover {
   color: #fff;
   text-decoration: none;
}
#tb_datebox .tb_dateboxaction a, #tb_datebox .tb_dateboxaction a:visited {
   display: block;
   text-align: center;
   color: #fff;
   background-color: #334b69;
   font-size: 100%;
   margin: 15px 0 0 0;
   padding: 5px 10px;
   border: 1px #fff solid;
   text-decoration: none;
}
#tb_datebox .tb_dateboxaction a:hover {
   color: #fff;
   background-color: #7a8b4d;
   text-decoration: none;
}
#tb_datebox .tb_dateboxmore {
   text-align: center;
   margin: 15px 0 0 0;
}

#body {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   background-color: #fff;
}

/* #content #content_inner #content_inner_margin ********************************************************************************************************************************************************************************************************* */

#content {
   width: 100%;
   max-width: 2000px;
   margin: 0 auto;
   position: relative;
   min-height: 500px;
}

#content_inner {
   display: block;
   vertical-align: top;
   width: 100%;
   max-width: 1380px;
   margin: 0 auto;
}
#content_inner_margin {
   padding: 25px 2%;
}
#content p {
   color: #666;
   font-size: 100%;
   line-height: 150%;
   margin: 0 0 7px 0;
}
#content li {
   color: #666;
   font-size: 100%;
   line-height: 150%;
   margin: 7px;
}
#content a, #content a:visited {
   color: #334b69;
   text-decoration: underline;
}
#content a:hover {
   color: #7a8b4d;
   text-decoration: none;
}
#content h1 {
   color: #334b69;
   font-size: 200%;
   font-weight: 400;
   text-align: center;
   max-width: 1380px;
   margin: 0 auto;
   padding: 20px 2% 5px 2%;
}
#content h2 {
   color: #334b69;
   font-size: 150%;
   font-weight: 400;
   margin: 15px 0;
}
#content h2 a, #content h2 a:visited {
   color: #7a8b4d;
}
#content h3 {
   color: #334b69;
   font-size: 115%;
   font-weight: 400;
   margin: 15px 0 10px 0;
}
#content h4 {
   color: #334b69;
   font-size: 105%;
   font-weight: 400;
   margin: 10px 0 10px 0;
}

/* .pb_page_admin .pb_page_admin_inactive .pb_block_admin .pb_block_admin_inactive *********************************************************************************************************************************************************************** */

#content .pb_page_admin, #content .pb_page_admin_inactive, #content .pb_block_admin, #content .pb_block_admin_inactive {
   display: block;
   vertical-align: top;
   position: relative;
   width: 100%;
}
#content .pb_page_admin, #content .pb_page_admin_inactive {
   border-bottom: 1px #fff solid;
}
#content .pb_block_admin, #content .pb_block_admin_inactive {
   height: 3px;
}
#content .pb_page_admin, #content .pb_block_admin {
   background-color: #474545;
}
#content .pb_page_admin_inactive, #content .pb_block_admin_inactive {
   background-color: #f00;
}
#content .pb_block_admin .pb_width_limiter, #content .pb_block_admin_inactive .pb_width_limiter {
   position: relative;
}
#content .pb_page_admin p, #content .pb_page_admin_inactive p, #content .pb_block_admin p, #content .pb_block_admin_inactive p {
   color: white;
   text-decoration: none;
   margin: 0;
}
#content .pb_page_admin p, #content .pb_page_admin_inactive p {
   padding: 10px;
}
#content .pb_block_admin p, #content .pb_block_admin_inactive p {
   padding: 13px 10px 10px 10px;
}
#content .pb_block_admin p, #content .pb_block_admin_inactive p {
   position: absolute;
   right: 0; top: 0;
   z-index: 10;
}
#content .pb_block_admin p {
   background-color: #474545;
}
#content .pb_block_admin_inactive p {
   background-color: #474545;
   background-color: #f00;
}
#content .pb_page_admin a:visited, #content .pb_block_admin a:visited {
   color: white;
   text-decoration: none;
   padding: 0; margin: 0;
}
#content .pb_page_admin a, #content .pb_page_admin a:visited, #content .pb_page_admin_inactive a, #content .pb_page_admin_inactive a:visited,
#content .pb_block_admin a, #content .pb_block_admin a:visited, #content .pb_block_admin_inactive a, #content .pb_block_admin_inactive a:visited {
   color: white;
   text-decoration: none;
   border: 1px #fff solid;
   padding: 3px 8px;
}
#content .pb_page_admin a, #content .pb_page_admin a:visited, #content .pb_page_admin_inactive a, #content .pb_page_admin_inactive a:visited {
   margin: 0 10px 0 0;
}
#content .pb_block_admin a, #content .pb_block_admin a:visited, #content .pb_block_admin_inactive a, #content .pb_block_admin_inactive a:visited {
   margin: 0 0 0 10px;
}
#content .pb_page_admin a:hover, #content .pb_block_admin a:hover {
   color: yellow;
   border: 1px yellow solid;
}
#content .pb_page_admin_inactive a:hover, #content .pb_block_admin_inactive a:hover {
   color: #474545;
   border: 1px #474545 solid;
}

/* .pb_* ************************************************************************************************************************************************************************************************************************************************* */

#content .pb_internal_link {
   color: #ee2e24 !important;
   font-size: 90%;
}
#content .pb_anchor,
#content .tour_box_anchor {
   position: absolute;
   top: -150px;
}
#content .pb_fullwidthtext,
#content .pb_imagelefttext,
#content .pb_imagerighttext,
#content .pb_imagetoptext,
#content .pb_imagebottomtext,
#content .pb_imageoverlayleft,
#content .pb_imageoverlayright,
#content .pb_videolefttext,
#content .pb_videorighttext,
#content .pb_fullwidthimage {
   display: block;
   vertical-align: top;
   position: relative;
   width: 100%;
}
#content .pb_overlay_img_white, #content .pb_overlay_img_primary, #content .pb_overlay_img_secondary, #content .pb_overlay_img_pale_grey, #content .pb_overlay_img_pale_map {
   display: inline-block;
   vertical-align: top;
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
}
#content .pb_fullwidthimage img,
#content .pb_imagelefttext img,
#content .pb_imagerighttext img,
#content .pb_imagetoptext img,
#content .pb_imagebottomtext img {
   width: 100%;
   height: auto;
   margin: 20px auto 15px auto;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .pb_fullwidthimage .pb_bg_primary img, #content .pb_fullwidthimage .pb_bg_secondary img,
#content .pb_imagelefttext .pb_bg_primary img, #content .pb_imagelefttext .pb_bg_secondary img,
#content .pb_imagerighttext .pb_bg_primary img, #content .pb_imagerighttext .pb_bg_secondary img,
#content .pb_imagetoptext .pb_bg_primary img, #content .pb_imagetoptext .pb_bg_secondary img,
#content .pb_imagebottomtext .pb_content_wrapper_primary img, #content .pb_imagebottomtext .pb_content_wrapper_secondary img,
#content .pb_fullwidthimage .pb_content_wrapper_primary img, #content .pb_fullwidthimage .pb_content_wrapper_secondary img,
#content .pb_imagelefttext .pb_content_wrapper_primary img, #content .pb_imagelefttext .pb_content_wrapper_secondary img,
#content .pb_imagerighttext .pb_content_wrapper_primary img, #content .pb_imagerighttext .pb_content_wrapper_secondary img,
#content .pb_imagetoptext .pb_content_wrapper_primary img, #content .pb_imagetoptext .pb_content_wrapper_secondary img,
#content .pb_imagebottomtext .pb_content_wrapper_primary img, #content .pb_imagebottomtext .pb_content_wrapper_secondary img {
   box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
}
#content .pb_fullwidthtext .pb_text_wrapper,
#content .pb_fullwidthtext .pb_img_wrapper,
#content .pb_imagelefttext .pb_text33_wrapper, #content .pb_imagelefttext .pb_text50_wrapper, #content .pb_imagelefttext .pb_text66_wrapper,
#content .pb_imagelefttext .pb_text33_img_wrapper, #content .pb_imagelefttext .pb_text50_img_wrapper, #content .pb_imagelefttext .pb_text50_img_wrapper,
#content .pb_imagerighttext .pb_text33_wrapper, #content .pb_imagerighttext .pb_text50_wrapper, #content .pb_imagerighttext .pb_text66_wrapper,
#content .pb_imagerighttext .pb_text33_img_wrapper, #content .pb_imagerighttext .pb_text50_img_wrapper, #content .pb_imagerighttext .pb_text66_img_wrapper,
#content .pb_imagetoptext .pb_text_wrapper,
#content .pb_imagebottomtext .pb_text_wrapper,
#content .pb_imageoverlayleft .pb_text_wrapper,
#content .pb_imageoverlayright .pb_text_wrapper,
#content .pb_videolefttext .pb_text_wrapper,
#content .pb_videolefttext .pb_video_wrapper,
#content .pb_videorighttext .pb_text_wrapper,
#content .pb_videorighttext .pb_video_wrapper {
   display: inline-block;
   vertical-align: top;
}
#content .pb_imagelefttext .pb_text33_wrapper, #content .pb_imagelefttext .pb_text50_wrapper, #content .pb_imagelefttext .pb_text66_wrapper,
#content .pb_imageoverlayleft .pb_text_wrapper {
   float: right;
   padding: 25px 2% 25px 1%;
}
#content .pb_imagelefttext .pb_text33_wrapper {
   width: 30%;
}
#content .pb_imagelefttext .pb_text50_wrapper {
   width: 47%;
}
#content .pb_imagelefttext .pb_text66_wrapper {
   width: 64%;
}
#content .pb_imagelefttext .pb_text33_img_wrapper, #content .pb_imagelefttext .pb_text50_img_wrapper, #content .pb_imagelefttext .pb_text66_img_wrapper {
   position: relative;
   float: left;
   padding: 25px 1% 25px 2%;
}
#content .pb_imagelefttext .pb_text33_img_wrapper {
   width: 64%;
}
#content .pb_imagelefttext .pb_text50_img_wrapper {
   width: 47%;
}
#content .pb_imagelefttext .pb_text66_img_wrapper {
   width: 30%;
}
#content .pb_imagerighttext .pb_text33_wrapper, #content .pb_imagerighttext .pb_text50_wrapper, #content .pb_imagerighttext .pb_text66_wrapper,
#content .pb_imageoverlayright .pb_text_wrapper {
   float: left;
   padding: 25px 1% 25px 2%;
}
#content .pb_imagerighttext .pb_text33_wrapper {
   width: 30%;
}
#content .pb_imagerighttext .pb_text50_wrapper {
   width: 47%;
}
#content .pb_imagerighttext .pb_text66_wrapper {
   width: 64%;
}
#content .pb_imagerighttext .pb_text33_img_wrapper, #content .pb_imagerighttext .pb_text50_img_wrapper, #content .pb_imagerighttext .pb_text66_img_wrapper {
   position: relative;
   float: right;
   padding: 25px 2% 25px 1%;
}
#content .pb_imagetoptext .pb_img_wrapper {
   padding: 0 2% 25px 2%;
}
#content .pb_imagebottomtext .pb_img_wrapper {
   padding: 25px 2% 0 2%;
}
#content .pb_img_wrapper, #content .pb_text33_img_wrapper, #content .pb_text50_img_wrapper, #content .pb_text66_img_wrapper {
   text-align: center;
}
#content .pb_img_caption {
   text-align: center;
   font-style: italic;
   margin: 18px auto 0 auto;
}
/*
#content .pb_text_wrapper, #content .pb_text33_wrapper, #content .pb_text50_wrapper, #content .pb_text66_wrapper {
   background-color: orange;
}
*/
#content .pb_imagerighttext .pb_text33_img_wrapper {
   width: 64%;
}
#content .pb_imagerighttext .pb_text50_img_wrapper {
   width: 47%;
}
#content .pb_imagerighttext .pb_text66_img_wrapper {
   width: 30%;
}
#content .pb_videolefttext .pb_text_wrapper {
   float: right;
   width: 47%;
   padding: 25px 2% 25px 1%;
}
#content .pb_videolefttext .pb_video_wrapper {
   float: left;
   width: 47%;
   padding: 25px 1% 25px 2%;
}
#content .pb_videorighttext .pb_text_wrapper {
   float: left;
   width: 47%;
   padding: 25px 1% 25px 2%;
}
#content .pb_videorighttext .pb_video_wrapper {
   float: right;
   width: 47%;
   padding: 25px 2% 25px 1%;
}
#content .pb_fullwidthtext .pb_text_wrapper,
#content .pb_imagetoptext .pb_text_wrapper,
#content .pb_imagebottomtext .pb_text_wrapper {
   width: 96%;
   padding: 25px 2%;
}
#content .pb_width_limiter {
   display: block;
   vertical-align: top;
   max-width: 1380px;
   margin: 0 auto;
}

#content .pb_fullwidthtext h2,
#content .pb_imagelefttext h2,
#content .pb_imagerighttext h2,
#content .pb_imagetoptext h2,
#content .pb_imagebottomtext h2,
#content .pb_imageoverlayleft h2,
#content .pb_imageoverlayright h2,
#content .pb_videolefttext h2,
#content .pb_videorighttext h2 {
   margin-top: 0;
   line-height: 100%;
}
/*
#content .pb_fullwidthtext h3,
#content .pb_imagelefttext h3,
#content .pb_imagerighttext h3,
#content .pb_imagetoptext h3,
#content .pb_imagebottomtext h3,
#content .pb_imageoverlayleft h3,
#content .pb_imageoverlayright h3,
#content .pb_videolefttext h3,
#content .pb_videorighttext h3 {
   font-size: 120%;
   margin: 18px 0 7px 0;
}
*/
#content .pb_fullwidthtext .pb_keytext,
#content .pb_imagelefttext .pb_keytext,
#content .pb_imagerighttext .pb_keytext,
#content .pb_imagetoptext .pb_keytext,
#content .pb_imagebottomtext .pb_keytext,
#content .pb_imageoverlayleft .pb_keytext,
#content .pb_imageoverlayright .pb_keytext,
#content .pb_videolefttext .pb_keytext,
#content .pb_videorighttext .pb_keytext {
   padding-bottom: 5px;
}
#content .pb_fullwidthtext .pb_keytext p, #content .pb_fullwidthtext .pb_keytext li,
#content .pb_imagelefttext .pb_keytext p, #content .pb_imagelefttext .pb_keytext li,
#content .pb_imagerighttext .pb_keytext p, #content .pb_imagerighttext .pb_keytext li,
#content .pb_imagetoptext .pb_keytext p, #content .pb_imagetoptext .pb_keytext li,
#content .pb_imagebottomtext .pb_keytext p, #content .pb_imagebottomtext .pb_keytext li,
#content .pb_imageoverlayleft .pb_keytext p, #content .pb_imageoverlayleft .pb_keytext li,
#content .pb_imageoverlayright .pb_keytext p, #content .pb_imageoverlayright .pb_keytext li,
#content .pb_videolefttext .pb_keytext p, #content .pb_videolefttext .pb_keytext li,
#content .pb_videorighttext .pb_keytext p, #content .pb_videorighttext .pb_keytext li {
   font-size: 120%;
   margin-bottom: 15px;
}
#content .pb_bg_white, #content .pb_bg_primary, #content .pb_bg_secondary, #content .pb_bg_pale_grey,
#content .pb_bg_map, #content .pb_bg_map_30 #content .pb_bg_map_50,
#content .pb_content_wrapper_none, #content .pb_content_wrapper_white, #content .pb_content_wrapper_primary, #content .pb_content_wrapper_secondary, #content .pb_content_wrapper_pale_grey,
#content .pb_content_wrapper_map, #content .pb_content_wrapper_map_30 #content .pb_content_wrapper_map_50 {
   display: inline-block;
   vertical-align: top;
   width: 100%;
}
#content .pb_bg_white, #content .pb_content_wrapper_white {
   background-color: #fff;
}
#content .pb_bg_primary, #content .pb_content_wrapper_primary {
   background-color: #334b69;
}
#content .pb_bg_secondary, #content .pb_content_wrapper_secondary {
   background-color: #7a8b4d;
}
#content .pb_bg_pale_grey, #content .pb_content_wrapper_pale_grey {
   background-color: #eee;
}
#content .pb_bg_map, #content .pb_bg_map_30, #content .pb_bg_map_50, #content .pb_content_wrapper_map, #content .pb_content_wrapper_map_30, #content .pb_content_wrapper_map_50 {
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
#content .pb_bg_map, #content .pb_content_wrapper_map {
   background-image: url("/images/map-10-opacity.jpg");
}
#content .pb_bg_map_30, #content .pb_content_wrapper_map_30 {
   background-image: url("/images/map-30-opacity.jpg");
}
#content .pb_bg_map_50, #content .pb_content_wrapper_map_50 {
   background-image: url("/images/map-50-opacity.jpg");
}
#content .pb_overlay_img_primary h2, #content .pb_overlay_img_primary h3, #content .pb_overlay_img_primary h4, #content .pb_overlay_img_primary a, #content .pb_overlay_img_primary a:visited, #content .pb_overlay_img_primary a:hover, #content .pb_overlay_img_primary p, #content .pb_overlay_img_primary li,
#content .pb_overlay_img_secondary h2, #content .pb_overlay_img_secondary h3, #content .pb_overlay_img_secondary h4, #content .pb_overlay_img_secondary a, #content .pb_overlay_img_secondary a:visited, #content .pb_overlay_img_secondary a:hover, #content .pb_overlay_img_secondary p, #content .pb_overlay_img_secondary li,
#content .pb_bg_primary h2, #content .pb_bg_primary h3, #content .pb_bg_primary h4, #content .pb_bg_primary a, #content .pb_bg_primary a:visited, #content .pb_bg_primary a:hover, #content .pb_bg_primary p, #content .pb_bg_primary li,
#content .pb_bg_secondary h2, #content .pb_bg_secondary h3, #content .pb_bg_secondary h4, #content .pb_bg_secondary a, #content .pb_bg_secondary a:visited, #content .pb_bg_secondary a:hover, #content .pb_bg_secondary p, #content .pb_bg_secondary li,
#content .pb_content_wrapper_primary h2, #content .pb_content_wrapper_primary h3, #content .pb_content_wrapper_primary h4, #content .pb_content_wrapper_primary a, #content .pb_content_wrapper_primary a:visited, #content .pb_content_wrapper_primary a:hover, #content .pb_content_wrapper_primary p, #content .pb_content_wrapper_primary li,
#content .pb_content_wrapper_secondary h2, #content .pb_content_wrapper_secondary h3, #content .pb_content_wrapper_secondary h4, #content .pb_content_wrapper_secondary a, #content .pb_content_wrapper_secondary a:visited, #content .pb_content_wrapper_secondary a:hover, #content .pb_content_wrapper_secondary p, #content .pb_content_wrapper_secondary li {
   color: white;
}
#content a.pb_button, #content a.pb_button:visited {
   display: inline-block;
   vertical-align: top;
   color: #fff;
   background-color: #334b69;
   text-decoration: none;
   font-size: 125%;
   font-weight: 500;
   border: 0;
   margin: 5px 0 20px 0;
   padding: 7px 12px;
}
#content a.pb_button:hover {
   color: #fff;
   background-color: #7a8b4d;
   text-decoration: none;
}
#content .pb_overlay_img_primary a.pb_button, #content .pb_overlay_img_primary a.pb_button:visited,
#content .pb_bg_primary a.pb_button, #content .pb_bg_primary a.pb_button:visited,
#content .pb_content_wrapper_primary a.pb_button, #content .pb_content_wrapper_primary a.pb_button:visited {
   background-color: #474545;
}
#content .pb_overlay_img_primary a.pb_button:hover,
#content .pb_bg_primary a.pb_button:hover,
#content .pb_content_wrapper_primary a.pb_button:hover {
   background-color: #7a8b4d;
}
#content .pb_embedded_video {
   display: block;
   vertical-align: top;
   width: 100%;
   text-align: center;
   padding: 30px 0 30px 0;
}
#content .pb_videolefttext .pb_embedded_video,
#content .pb_videorighttext .pb_embedded_video {
   padding: 10px 0 10px 0;
}
/* width less $nTextBlockTotalLRPadding */
#content .pb_text33 {
   width: 30%;
}
#content .pb_text50 {
   width: 47%;
}
#content .pb_text66 {
   width: 64%;
}
#content .pb_text33img {
   width: 64%;
}
#content .pb_text50img {
   width: 47%;
}
#content .pb_text66img {
   width: 30%;
}
#content .video_wrap {
   display: inline-block;
   vertical-align: top;
   max-width: 560px;
   width :100%;
}
#content .video_container {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
}
#content .video_container iframe, #content .video_container object, #content .video_container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* pb_titlebox pb_widget_* unique to TCE ***************************************************************************************************************************************************************************************************************** */

#content .pb_titlebox {
   display: none;
}
#content .pb_titlebox .pb_text_wrapper {
   text-align: center;
   padding: 10px 2%;
}
#content .pb_titlebox h2 {
   font-size: 140%;
   margin: 0 auto 25px auto;
}
#content .pb_titlebox a, #content .pb_titlebox a:visited {
   display: inline-block;
   vertical-align: top;
   color: #fff;
   background-color: #334b69;
   font-size: 90%;
   text-decoration: none;
   margin: 6px 6px;
   padding: 5px 12px;
}
#content .pb_titlebox a:hover {
   color: #fff;
   background-color: #7a8b4d;
   text-decoration: none;
}
#content .pb_widget_guides_videos {
   display: block;
   vertical-align: top;
   margin: 20px auto;
}
#content .pb_widget_guide_video {
   display: inline-block;
   vertical-align: top;
   width: 46%;
   margin: 2%;
}
#content .pb_widget_tourdateboxes {
   display: block;
   vertical-align: top;
   text-align: center;
   margin: 0 auto;
   padding: 5px 1% 25px 1%;
}
#content .pb_widget_tourdatebox {
   display: inline-block;
   vertical-align: top;
   position: relative;
   height: 315px;
   width: 215px;
   border: 3px solid #334b69;
   background-color: #fff;
   margin: 7px;
   padding: 30px 15px 0 15px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 95%;
   text-align: left;
   overflow: hidden;
}
#content .pb_widget_tourdatebox p {
   line-height: 130%;
   color: #333 !important;
}
#content .pb_widget_tourdatebox a, #content .pb_widget_tourdatebox a:visited {
   color: #334b69 !important;
}
#content .pb_widget_tourdatebox a:hover {
   color: #7a8b4d !important;
}
#content .pb_widget_tourdateboxtab {
   position: absolute;
   top: 0; right: 0;
   background-color: #334b69;
   padding: 4px 12px 7px 15px;
   border-radius: 0 0 0 7px;
}
#content .pb_widget_tourdateboxtab p {
   font-size: 95%;
   font-weight: 500;
   color: #fff !important;
   margin: 0;
}
#content .pb_widget_tourdateboxtitle {
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   font-size: 130%;
   font-weight: 500;
   line-height: 130%;
   margin: 9px auto 4px auto;
   color: #334b69 !important;
   text-align: center;
}
#content .pb_widget_tourdateboxdays {
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   font-size: 90%;
   font-weight: 500;
   line-height: 130%;
   margin: 0 auto 4px auto;
   color: #334b69 !important;
   text-align: center;
}
#content .pb_widget_tourdateboxactivitylevel {
   font-size: 85%;
   text-align: center;
   margin: 0 0 14px 0;
}
#content .pb_widget_tourdateboxstatus {
   position: absolute;
   bottom: 10px; left 0;
   text-align: center;
   width: 215px;
}
#content .pb_widget_tourdateboxstatus a, #content .pb_widget_tourdateboxstatus a:visited {
   display: block;
   vertical-align: top;
   font-size: 115%;
   font-weight: 500;
   background-color: #334b69;
   color: #fff !important;
   line-height: 150%;
   text-decoration: none;
   padding: 5px 0;
   margin: 18px auto 0 auto;
}
#content .pb_widget_tourdateboxstatus a:hover {
   background-color: #7a8b4d;
   color: #fff !important;
   text-decoration: none;
}
#content .pb_widget_trust_signal_bar {
   display: inline-block;
   vertical-align: top;
   margin: 0 auto;
}
#content .pb_widget_trust_signal_bar img {
   float: left;
   width: auto;
   height: 100%;
   max-height: 105px;
   margin: 5px;
}
#content .pb_widget_trust_signal_bar_info {
   float: left;
   margin: 10px 20px;
}
/*
#content .pb_widget_tourdateboxregister {
   display: block;
   vertical-align: top;
   position: absolute;
   bottom: 0; left: 0;
   margin: 0 20px 15px 20px;
}
#content .pb_widget_tourdateboxregister p, #content .pb_widget_tourdateboxregister p a, #content .pb_widget_tourdateboxregister p a:visited {
   text-align: center;
   font-size: 95%;
   font-weight: 600;
   color: #334b69;
   margin: 0 0 5px 0;
   text-decoration: none;
}
#content .pb_widget_tourdateboxregister p a:hover {
   color: #7a8b4d;
   text-decoration: none;
}
*/
#content .pb_widget_tourguideboxes {
   display: block;
   vertical-align: top;
   text-align: left;
   margin: 0 auto;
   padding: 10px 3% 25px 3%;
}
#content .pb_widget_tourguidebox {
   display: inline-block;
   vertical-align: top;
   position: relative;
   height: 270px;
   width: 100%;
   margin-bottom: 25px;
   background-color: #eee;
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 95%;
}
#content .pb_widget_tourguidebox p {
   color: #333 !important;
}
#content .pb_widget_tourguidebox a, #content .pb_widget_tourguidebox a:visited {
   color: #334b69 !important;
}
#content .pb_widget_tourguidebox a:hover {
   color: #7a8b4d !important;
}
#content .pb_widget_tourguideboxtext {
   display: block;
   vertical-align: top;
   height: 220px;
   padding: 15px 25px 0 25px;
   overflow: hidden;
   -webkit-mask-image: linear-gradient(180deg, #000 85%, rgba(255,255,255,0));
}
#content .pb_widget_tourguideboxtext h3 {
   color: #334b69 !important;
   margin-top: 0;
}
#content .pb_widget_tourguideboxaction {
   display: block;
   vertical-align: top;
   position: absolute;
   bottom: 0; left: 0;
   margin: 0 0 15px 0;
   width: 100%;
   text-align: center;
   font-size: 95%;
   font-weight: 600;
   color: #334b69 !important;
   text-decoration: none;
}
#content .pb_widget_tourguideboxaction:hover {
   color: #7a8b4d;
}
#content .pb_widget_tourguideboximg {
   display: block;
   vertical-align: top;
   border-radius: 50%;
   max-height: 230px;
   width: auto;
   float: right;
   margin: 5px 0 0 30px;
}

/* .tourboxes .tourbox .tmtourboxes .tmtourbox .tourdiaryboxes .tourdiarybox .newscatboxes .newscatbox .periodboxes .periodbox .themeboxes .themebox*************************************************************************************************************************** */

#content .tourboxes,
#content .tmtourboxes,
#content .tourdiaryboxes,
#content .newscatboxes,
#content .themeboxes,
#content .periodboxes {
   display: block;
   vertical-align: top;
   text-align: center;
   margin: 0 auto;
   padding: 5px 2% 25px 2%;
}
#content .tourbox, #content .tourbox:visited,
#content .tmtourbox, #content .tmtourbox:visited,
#content .tourdiarybox, #content .tourdiarybox:visited,
#content .newscatbox, #content .newscatbox:visited,
#content .themebox, #content .themebox:visited,
#content .periodbox, #content .periodbox:visited {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 400px;
   border: 3px solid #334b69;
   text-decoration: none;
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 95%;
   line-height: 145%;
   color: #333;
   margin: 13px;
   padding: 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .tourbox, #content .tourbox:visited,
#content .tmtourbox, #content .tmtourbox:visited {
   height: 635px;
}
#content .tourdiarybox, #content .tourdiarybox:visited {
   height: 460px;
}
#content .newscatbox, #content .newscatbox:visited {
   height: 510px;
}
#content .themebox, #content .themebox:visited,
#content .periodbox, #content .periodbox:visited {
   height: 525px;
}
#content .tourbox:hover,
#content .tmtourbox:hover,
#content .tourdiarybox:hover,
#content .newscatbox:hover,
#content .themebox:hover,
#content .periodbox:hover {
   border: 3px solid #7a8b4d;
   color: #333;
}
#content .tourbox .tourboximg,
#content .tmtourbox .tmtourboximg,
#content .tourdiarybox .tourdiaryboximg,
#content .newscatbox .newscatboximg,
#content .themebox .themeboximg,
#content .periodbox .periodboximg {
   display: block;
   vertical-align: top;
   width: 400px;
   height: 300px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
#content .tourbox .tourboxtext,
#content .tmtourbox .tmtourboxtext,
#content .tourdiarybox .tourdiaryboxtext,
#content .newscatbox .newscatboxtext,
#content .themebox .themeboxtext,
#content .periodbox .periodboxtext {
   display: block;
   vertical-align: top;
   text-align: left;
   padding: 0 20px;
   overflow: hidden;
   -webkit-mask-image: linear-gradient(180deg, #000 85%, rgba(255,255,255,0));
}
#content .tourbox .tourboxtext,
#content .tmtourbox .tmtourboxtext {
   height: 267px;
}
#content .tourdiarybox .tourdiaryboxtext {
   height: 102px;
}
#content .newscatbox .newscatboxtext {
   height: 142px;
}
#content .themebox .themeboxtext,
#content .periodbox .periodboxtext {
   height: 157px;
}
#content .tourbox .tourboxtitle,
#content .tmtourbox .tmtourboxtitle,
#content .tourdiarybox .tourdiaryboxtitle,
#content .newscatbox .newscatboxtitle,
#content .themebox .themeboxtitle,
#content .periodbox .periodboxtitle {
   display: block;
   vertical-align: top;
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   font-weight: 500;
   line-height: 130%;
   margin: 15px 0 7px 0;
   color: #334b69;
}
#content .tourbox .tourboxtitle,
#content .tmtourbox .tmtourboxtitle,
#content .newscatbox .newscatboxtitle,
#content .themebox .themeboxtitle,
#content .periodbox .periodboxtitle {
   font-size: 135%;
}
#content .tourdiarybox .tourdiaryboxtitle {
   font-size: 120%;
}
#content .tourbox:hover .tourboxtitle,
#content .tmtourbox:hover .tmtourboxtitle,
#content .tourdiarybox:hover .tourdiaryboxtitle,
#content .newscatbox:hover .newscatboxtitle,
#content .themebox:hover .themeboxtitle,
#content .periodbox:hover .periodboxtitle {
   color: #7a8b4d;
}
#content .tourbox .tourboxcountries {
   display: inline-block;
   vertical-align: top;
   position: absolute;
   top: 0; left: 0;
}
#content .tourbox .tourboxcountries img {
   margin: 0 0 0 7px; padding: 0;
}
#content .tourbox .tourboxcountries {
}
#content .tourbox .tourboxdate {
   display: block;
   vertical-align: top;
   font-weight: 600;
   margin: 0 0 5px 0;
}
#content .tourbox .tourboxaction,
#content .tmtourbox .tmtourboxaction,
#content .tourdiarybox .tourdiaryboxaction,
#content .newscatbox .newscatboxaction,
#content .themebox .themeboxaction,
#content .periodbox .periodboxaction {
   display: inline-block;
   vertical-align: top;
   bottom: 0; left: 0;
   margin: 7px 0 0 0;
   text-align: center;
   font-size: 105%;
   font-weight: 600;
   padding: 8px 15px;
   background-color: #334b69;
   color: #fff;
}
#content .tourbox:hover .tourboxaction,
#content .tmtourbox:hover .tmtourboxaction,
#content .tourdiarybox:hover .tourdiaryboxaction,
#content .newscatbox:hover .newscatboxaction,
#content .themebox:hover .themeboxaction,
#content .periodbox:hover .periodboxaction {
   background-color: #7a8b4d;
}

/* .newsstoryboxes .newsstorybox ************************************************************************************************************************************************************************************************************************* */

#content .newsstoryboxes {
   display: block;
   vertical-align: top;
   text-align: center;
   margin: 0 auto;
   padding: 5px 2% 25px 2%;
}
#content .newsstorybox, #content .newsstorybox:visited {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 47%;
   border: 3px solid #334b69;
   text-decoration: none;
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 95%;
   text-align: left;
   line-height: 145%;
   color: #333;
   margin: 1%;
   padding: 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   position: relative;
}
#content .newsstorybox:hover {
   border: 3px solid #7a8b4d;
   color: #333;
}
#content .newsstorybox .newsstoryboximg {
   display: inline-block;
   vertical-align: top;
   width: 40%;
   padding-top: 40%;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   float: left;
   position: relative;
}
#content .newsstorybox .newsstoryboxtext {
   display: inline-block;
   vertical-align: top;
   padding: 10px 3% 0 3%;
   width: 54%;
   float: left;
   overflow: hidden;
   -webkit-mask-image: linear-gradient(180deg, #000 85%, rgba(255,255,255,0));
   height: 198px;
}
#content .newsstorybox .newsstoryboxtitle {
   display: block;
   vertical-align: top;
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   font-size: 115%;
   font-weight: 500;
   line-height: 130%;
   margin-bottom: 3px;
   color: #334b69;
}
#content .newsstorybox:hover .newsstoryboxtitle {
   color: #7a8b4d;
}
#content .newsstorybox .newsstoryboxaction,
#content .newsstorybox .newsstoryboxdate {
   display: block;
   vertical-align: top;
   position: absolute;
   font-size: 95%;
   font-weight: 600;
   color: #334b69;
}
#content .newsstorybox .newsstoryboxaction {
   bottom: 10px; right: 3%;
   text-align: right;
   margin: 0;
}
#content .newsstorybox .newsstoryboxdate {
   bottom: 10px; left: 43%;
   text-align: right;
   margin: 0;
}
#content .newsstorybox:hover .newsstoryboxaction {
   color: #7a8b4d;
}

/* .destinationboxes .destinationbox ********************************************************************************************************************************************************************************************************************* */

#content .destinationboxes {
   display: block;
   vertical-align: top;
   text-align: center;
   margin: 0 auto;
   padding: 5px 2% 25px 2%;
}
#content .destinationbox, #content .destinationbox:visited {
   display: inline-block;
   vertical-align: top;
   position: relative;
   height: 245px;
   width: 250px;
   border: 3px solid #334b69;
   text-decoration: none;
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 95%;
   text-align: left;
   line-height: 145%;
   color: #333;
   margin: 13px;
   padding: 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .destinationbox:hover {
   border: 3px solid #7a8b4d;
   color: #333;
}
#content .destinationbox .destinationboximg {
   display: block;
   vertical-align: top;
   width: 250px;
   height: 185px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
#content .destinationbox .destinationboxtitle {
   display: block;
   vertical-align: top;
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   font-size: 135%;
   font-weight: 500;
   line-height: 130%;
   width: 100%;
   text-align: center;
   margin: 15px 0 0 0;
   color: #334b69;
}
#content .destinationbox:hover .destinationboxtitle {
   color: #7a8b4d;
}
/*
#content .destinationbox .destinationboxaction {
   display: block;
   vertical-align: top;
   position: absolute;
   bottom: 0; left: 0;
   margin: 0 0 12px 0;
   width: 100%;
   text-align: center;
   font-size: 95%;
   font-weight: 600;
   color: #334b69;
}
#content .destinationbox:hover .destinationboxaction {
   color: #7a8b4d;
}

/* .library .librarycatboxes .librarywidecatboxes .librarycatbox ***************************************************************************************************************************************************************************************** */

#content .library {
   display: block;
   vertical-align: top;
   text-align: center;
}
#content .librarycatboxes, #content .librarywidecatboxes {
   display: block;
   vertical-align: top;
   margin: 0 auto;
   padding: 5px 2% 25px 2%;
}
#content .librarycatbox, #content .librarycatbox:visited {
   display: inline-block;
   vertical-align: top;
   position: relative;
   height: 70px;
   width: 280px;
   border: 3px solid #334b69;
   text-decoration: none;
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 95%;
   line-height: 130%;
   color: #333;
   margin: 8px;
   padding: 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .librarywidecatboxes > .librarycatbox, #content .librarywidecatboxes > .librarycatbox:visited {
   width: 395px;
}
#content .librarycatbox:hover {
   border: 3px solid #7a8b4d;
   color: #333;
}
#content .librarycatbox .librarycatboxtitle {
   display: grid;
   place-items: center;
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   font-size: 120%;
   font-weight: 500;
   line-height: 130%;
   text-align: center;
   height: 70px;
   color: #334b69;
   vertical-align: middle;
}
#content .librarycatbox:hover .librarycatboxtitle {
   color: #7a8b4d;
}

/* .tb_icons ******************************************************************************************************************************************************************************************************************************* */

#content .tb_icons {
   display: table;
   width: 90%;
   margin: 0 auto 20px auto;
}
#content .tb_icon_row {
   display: table-row;
}
#content .tb_icon {
   display: table-cell;
   width: 50%;
}
#content .tb_icon h2 {
   font-size: 140%;
   font-weight: 400;
   float: left;
   width: 100%;
}
#content .tb_icon img {
   width: 100%;
   height: auto;
   max-width: 100px;
   float: left;
   margin: 0 20px 0 30px;
}
#content .tb_icon h2 .title {
   display: block;
   padding-top: 15px;
}
#content .tb_icon h2 .more {
   font-size: 70%;
}
#content .tb_icon h2 a, #content .tb_icon h2 a:visited {
   display: block;
   width: 100%;
   color: #334b69;
   text-decoration: none;
   line-height: 110%;
}
#content .tb_icon h2 a:hover {
   color: #7a8b4d;
   text-decoration: underline;
}
#content .tb_icon .text {
   display: block;
   vertical-align: top;
   padding: 10px 20px 20px 20px;
}
/* .imagebuttons .imagebutton ********************************************************************************************************************************************************************************************************************* */

#content .imagebuttons {
   display: block;
   vertical-align: top;
   text-align: center;
   margin: 0 auto;
   padding: 5px 2% 25px 2%;
}
#content .imagebutton, #content .imagebutton:visited {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 400px;
   border: 3px solid #334b69;
   background-color: #334b69;
   text-decoration: none;
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 95%;
   text-align: left;
   line-height: 145%;
   color: #333;
   margin: 13px;
   padding: 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .imagebutton:hover {
   border: 3px solid #7a8b4d;
   background-color: #7a8b4d;
   color: #333;
}
#content .imagebutton .imagebuttonimg {
   display: block;
   vertical-align: top;
   width: 400px;
   height: 220px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
#content .imagebutton .imagebuttontitle {
   display: block;
   vertical-align: top;
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   font-weight: 500;
   line-height: 130%;
   text-align: center;
   margin: 5px 0 7px 0;
   color: #fff;
}
#content .imagebutton .imagebuttontitle {
   font-size: 135%;
}

/* .peopleboxes .peoplebox ******************************************************************************************************************************************************************************************************************************* */

#content .peopleboxes {
   display: block;
   vertical-align: top;
   text-align: center;
   margin: 0 auto;
   padding: 5px 2% 25px 2%;
}
#content .peoplebox, #content .peoplebox:visited {
   display: inline-block;
   vertical-align: top;
   position: relative;
   text-align: center;
   height: 460px;
   width: 250px;
   text-decoration: none;
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 95%;
   text-align: left;
   line-height: 145%;
   border: 3px solid #334b69;
   color: #333;
   margin: 13px;
   padding: 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .peoplebox:hover {
   border: 3px solid #7a8b4d;
   color: #333;
}
#content .peopleboximglarge,
#content .peoplebox .peopleboximg {
   display: block;
   vertical-align: top;
   border-radius: 50%;
   width: auto;
   margin: 15px auto;
}
#content .peoplebox .peopleboximg {
   max-height: 220px;
}
#content .peopleboximglarge {
   max-height: 400px;
}
#content .peoplebox .peopleboxtext {
   display: block;
   vertical-align: top;
   text-align: center;
   padding: 0 20px;
   height: 160px;
   overflow: hidden;
}
#content .peoplebox .peopleboxtitle {
   display: block;
   vertical-align: top;
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   font-size: 110%;
   font-weight: 500;
   line-height: 130%;
   margin: 15px 0 7px 0;
   color: #334b69;
}
#content .peoplebox:hover .peopleboxtitle {
   color: #7a8b4d;
}
#content .peoplebox .peopleboxdate {
   display: block;
   vertical-align: top;
   font-weight: 600;
   margin: 0 0 5px 0;
}
#content .peoplebox .peopleboxaction {
   display: block;
   vertical-align: top;
   position: absolute;
   bottom: 0; left: 0;
   margin: 0 0 12px 0;
   width: 100%;
   text-align: center;
   font-size: 95%;
   font-weight: 600;
   color: #334b69;
}
#content .peoplebox:hover .peopleboxaction {
   color: #7a8b4d;
}

/* contact_details / contact_form_outer ****************************************************************************************************************************************************************************************************************** */

#content .contact_details{
   display: inline-block;
   vertical-align: top;
   text-align: center;
   float: left;
   width: 44%;
   margin: 0 2% 30px 4%;
}
#content .contact_details h2,
#content .contact_form_outer h2 {
    margin: 20px auto 10px auto;
}
#GoogleMap {
   display: block;
   vertical-align: top;
   height: 490px;
   margin: 30px auto 0 auto;
   max-width: 550px;
}
#content .contact_form_outer {
   display: inline-block;
   vertical-align: top;
   float: left;
   width: 44%;
   margin: 0 4% 30px 2%;
}
/* Cookie Bot ***************************************************************************************************************************************************************************************************************************** */

#cookiebot .CookieDeclarationTableHeader,
#cookiebot .CookieDeclarationTableCell,
#cookiebot #CookieDeclarationUserStatusPanel {
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   background: transparent;
   color: #474545;
   line-height: 150%;
   margin-top: 0;
   margin-bottom: 9px;
}
#cookiebot .CookieDeclarationTableHeader,
#cookiebot .CookieDeclarationTableCell {
   font-size: 95%;
}
#cookiebot #CookieDeclarationUserStatusPanel {
   font-size: 105%;
}

/* Gallery Image Drag n Drop ***************************************************************************************************************************************************************************************************************************** */

#drop-region {
   background-color: #fff;
   border-radius:20px;
   box-shadow:0 0 35px rgba(0,0,0,0.05);
   width:400px;
   padding:60px 40px;
   text-align: center;
   cursor:pointer;
   transition:.3s;
}
#drop-region:hover {
   box-shadow:0 0 45px rgba(0,0,0,0.1);
}
#image-preview {
   margin-top:20px;
}
#image-preview .image-view {
   display: inline-block;
   position: relative;
   margin-right: 13px;
   margin-bottom: 13px;
}
#image-preview .image-view img {
    max-width: 100px;
    max-height: 100px;
}
#image-preview .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
    background: rgba(255,255,255,0.5);
}
#image-review img {
    height: 100%;
    max-height: 200px;
    width: auto;
    border: 2px #7eadb5 solid;
    margin: 5px;
}

.dropzone {
   font-family: Arial, Helvetica, sans-serif;
   color: #666;
   font-size: 100%;
   margin: 20px 0;
}
#image-review {
   margin: 20px 0;
}
#image-review .image-container {
   display: inline-block;
   vertical-align: top;
   position: relative;
}
#image-review .image-container a, #image-review .image-container a:visited {
   font-family: Arial, Helvetica, sans-serif;
   position: absolute;
   top: 15px; right: 15px;
   border: 1px #fff solid;
   margin: 0; padding: 2px 3px;
   color: #fff;
   font-weight: bold;
   font-size: 110%;
   text-decoration: none;
}
#image-review .image-container a:hover {
   color: #f00;
   border: 1px #f00 solid;
}

/* pb_icon_button *************************************************************************************************************************************************************************************************************************************** */

#content .pb_icon_button_row, #content .pb_icon_button_col {
   text-align: center;
}
#content .pb_icon_button {
   display: inline;
   vertical-align: top;
   text-align: center;
}
#content .pb_icon_button a {
   display: inline-block;
   vertical-align: top;
   background-repeat: no-repeat;
   background-position: 10px center;
   background-size: 120px;
   border: 2px #ddd solid;
   height: 120px; width: 375px;
   padding: 10px; margin: 10px;
   text-decoration: none;
   overflow: hidden;
}
#content .pb_icon_button_col .pb_icon_button {
   display: block;
   vertical-align: top;
}
#content .pb_icon_button .pb_icon_button_text {
   display: inline-block;
   vertical-align: top;
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 130%;
   font-weight: 500;
   text-align: center;
   padding: 20px 20px 0 135px;
}
#content .pb_icon_button a:hover .pb_icon_button_text {
   text-decoration: underline;
}
#content .pb_icon_button .pb_icon_book_online { background-image: url("/images/icons/book-online.jpg"); }
#content .pb_icon_button .pb_icon_book_online:hover { background-image: url("/images/icons/hover/book-online.jpg"); }
#content .pb_icon_button .pb_icon_booking_form { background-image: url("/images/icons/download-booking-form.jpg"); }
#content .pb_icon_button .pb_icon_booking_form:hover { background-image: url("/images/icons/hover/download-booking-form.jpg"); }
#content .pb_icon_button .pb_icon_download_pdf { background-image: url("/images/icons/download-pdf.jpg"); }
#content .pb_icon_button .pb_icon_download_pdf:hover { background-image: url("/images/icons/hover/download-pdf.jpg"); }
#content .pb_icon_button .pb_icon_download_other { background-image: url("/images/icons/download-other.jpg"); }
#content .pb_icon_button .pb_icon_download_other:hover { background-image: url("/images/icons/hover/download-other.jpg"); }
#content .pb_icon_button .pb_icon_tel_uk { background-image: url("/images/icons/tel-uk.jpg"); }
#content .pb_icon_button .pb_icon_tel_uk:hover { background-image: url("/images/icons/hover/tel-uk.jpg"); }
#content .pb_icon_button .pb_icon_tel_us { background-image: url("/images/icons/tel-us.jpg"); }
#content .pb_icon_button .pb_icon_tel_us:hover { background-image: url("/images/icons/hover/tel-us.jpg"); }
#content .pb_icon_button .pb_icon_tel_international { background-image: url("/images/icons/tel-international.jpg"); }
#content .pb_icon_button .pb_icon_tel_international:hover { background-image: url("/images/icons/hover/tel-international.jpg"); }

/* pb_tour_itinery_item ********************************************************************************************************************************************************************************************************************************** */

#content .pb_tour_itinery_item {
   display: inline-block;
   vertical-align: middle;
   width: 96%;
   padding: 0; margin: 0 2% 5px 2%;
   overflow: hidden;
}
#content .pb_tour_itinery_item h3 {
   font-size: 140%;
   margin: 0; padding: 0;
}
#content .pb_tour_itinery_item a, #content .pb_tour_itinery_item a:visited {
   color: #334b69;
   display: block;
   vertical-align: top;
   height: 50px;
   padding: 6px 0 0 70px;
   text-decoration: none;
   background-repeat: no-repeat;
   background-position: 5px 5px;
   background-size: 40px;
}
#content .pb_tour_itinery_item a:hover {
   color: #7a8b4d;
   text-decoration: underline;
}
#content .pb_tour_itinery_item p {
   padding: 0 0 10px 70px;
}
#content .pb_tour_itinery_item .open {
   background-image: url("/images/icons/down-arrow.jpg");
}
#content .pb_tour_itinery_item .open:hover {
   background-image: url("/images/icons/hover/down-arrow.jpg");
}
#content .pb_tour_itinery_item .close {
   background-image: url("/images/icons/up-arrow.jpg");
}
#content .pb_tour_itinery_item .close:hover {
   background-image: url("/images/icons/hover/up-arrow.jpg");
}

/* #mailchimp form *************************************************************************************************************************************************************************************************************************************** */

#mc_embed_signup{background:#efefef; clear:left; font:14px Arial, Helvetica, sans-serif; width: 100%; max-width: 500px;}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:2px solid #334b6d; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#ddd;}
#mc_embed_signup .button {font-family: 'Lato', sans-serif; clear:both; background-color: #334b6d; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#ddd; color: #334b6d;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}
#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

/* #bottombar_outer #bottombar *************************************************************************************************************************************************************************************************************************** */

#bottombar_outer {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   background-color: #334b69;
}
#bottombar {
   display: block;
   vertical-align: top;
   max-width: 1400px;
   margin: 40px auto 30px auto;
   padding: 0;
   text-align: left;
}
#bottombar .awards_and_accreditations {
   width: 96%;
   margin: 0 2% 40px 2%;
   text-align: center;
}
#bottombar .awards_and_accreditations img {
   height: 100%;
   max-height: 120px;
   width: auto;
   margin: 5px;
}
#bottombar .block_contact, #bottombar .block_links, #bottombar .block_info {
   display: block;
   vertical-align: top;
   width: 29%;
   margin: 0 2%;
   float: left;
   border-top: 2px #fff solid;
}
#bottombar .block_contact {
   width: 30%;
}
#bottombar h5 {
   margin: 15px 0 12px 0;
   font-size: 130%;
   color: #fff;
}
#bottombar p {
   font-size: 95%;
   color: #fff;
   margin: 0 0 2px 0; padding: 0;
   line-height: 175%;
}
#bottombar a, #bottombar a:visited {
   color: #fff;
   text-decoration: none;
}
#bottombar a:hover {
   color: #fff;
   text-decoration: underline;
}

/* #footer_outer #footer ********************************************************************************************************************************************************************************************************************************* */

#footer_outer {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   background-color: #334b69;
}
#footer {
   display: block;
   vertical-align: top;
   width: 96%;
   max-width: 1400px;
   margin: 30px auto;
   padding: 0;
   text-align: center;
}
#footer p {
   font-size: 85%;
   color: #fff;
   margin: 0 0 7px 0; padding: 0;
   line-height: 175%;
}
#footer a, #footer a:visited {
   color: #fff;
   text-decoration: none;
}
#footer a:hover {
   color: #fff;
   text-decoration: underline;
}
#footer .footeradmin {
   display: block;
   vertical-align: top;
   margin: 25px 0;
   border-top: 2px #fff solid;
}
#footer .footeradmin h5 {
   margin: 15px 0 5px 0;
   font-size: 120%;
   color: #fff;
}
#footer .footeradmin p {
   font-size: 95%;
   color: #fff;
   margin: 0 0 5px 0; padding: 0;
}

/* #form_r2_one_col ************************************************************************************************************************************************************************************************************************************** */

#form_r2_one_col {
   width: 100%;
}
#form_r2_one_col:after {
  content: "";
  display: table;
  clear: both;
}
#form_r2 {
   margin: 0 20px;
   text-align: left;
   display: block;
}
#form_r2_one_col > #form_r2 {
   margin: 0 auto;
   max-width: 650px;
}
#form_r2 h2 {
   font-size: 115%;
   font-weight: 500;
   width: 100%;
   color: #333;
   background-color: #ddd;
   text-align: center;
   padding: 6px 17px;
   margin: 20px 0 5px 0;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}
#form_r2 .h2_top {
   margin-top: 0;
}
.form_r2_field_wrapper, .form_r2_field_wrapper_error {
   position: relative;
}
.form_r2_field_wrapper label, .form_r2_field_wrapper_error label {
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   font-size: 90%;
   padding: 0; margin: 0;
   color: #aaa;
   position: absolute;
   top: 9px; left: 0;
}
.form_r2_input_text,
.form_r2_text_area,
.form_r2_select {
   width: 100%;
   padding: 8px 15px;
   color: #333;
   font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
   font-size: 100%;
   border-width: 2px;
   border-style: solid;
   border-color: #ddd #ddd #ddd #ddd;
   margin: 30px auto 0 auto;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   transition: all 500ms;
   &:focus {
      outline: none;
      border-color: #ddd #444 #444 #444;
      +label {
         color: #333;
      }
   }
}
.form_r2_field_wrapper_error .form_r2_input_text,
.form_r2_field_wrapper_error .form_r2_text_area,
.form_r2_field_wrapper_error .form_r2_select {
   padding: 8px 14px;
   border-width: 3px;
   border-color: #f00 #f00 #f00 #f00;
   &:focus {
      border-color: #f00 #f00 #f00 #f00;
      +label {
         color: #f00;
      }
   }
}
.form_r2_text_area {
   resize: none;
}
.form_r2_select {
   width: 100%;
   padding: 8px 15px;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}
.form_r2_field_wrapper_error label,
.form_r2_long_error_message {
   color: #f00 !important;
   font-weight: bold;
}
.form_r2_long_error_message {
   font-size: 90% !important;
   padding: 0 !importanr;
   margin: 0 !important;
}
#form_r2 .form_r2_button {
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 110%;
   font-weight: 500;
   color: #fff;
   background-color: #334669;
   margin-top: 25px;
   padding: 10px 0;
   border: 0;
   border-radius: 4px;
   width: 100%;
   display: block;
}
#form_r2 .form_r2_button:hover {
   color: #fff;
   background-color: #7a8b4d;
}
.form_r2_checkbox {
   display: block;
   position: relative;
   padding-left: 35px;
   margin-top: 12px;
   margin-bottom: 12px;
   cursor: pointer;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 100%;
   color: #666;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.form_r2_checkbox_multi_col > .form_r2_checkbox {
   display: inline-block;
   vertical-align: top;
   width: 44%;
}
.form_r2_checkbox input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0; width: 0;
}
.form_r2_checkmark {
   position: absolute;
   top: 0; left: 0;
   height: 25px;
   width: 25px;
   background-color: #ddd;
}
.form_r2_checkbox:hover input ~ .form_r2_checkmark {
   background-color: #444;
}
.form_r2_checkbox input:checked ~ .form_r2_checkmark {
   background-color: #7a8b4d;
}
.form_r2_checkmark:after {
   content: "";
   position: absolute;
   display: none;
}
.form_r2_checkbox input:checked ~ .form_r2_checkmark:after {
   display: block;
}
.form_r2_checkbox .form_r2_checkmark:after {
   left: 9px; top: 5px;
   width: 5px;
   height: 10px;
   border: solid white;
   border-width: 0 3px 3px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}
/* required if start label is different color
   &:not(:placeholder-shown) {
      +label {
         color: #ccc;
      }
   }
*/

/* #ums_index #ums_form #ums_html_text_area .adminbutton .adminbuttonsmall - legacy for admins *********************************************************************************************************************************************************** */

#ums_index {
   margin: 0;
   padding: 10px 0;
}
#ums_index table {
   background-color: #eee;
   padding: 10px;
}
#ums_index th {
   background-color: #474545;
   padding: 3px 8px;
   font-weight: normal;
}
#ums_index td {
   border-bottom: 1px #474545 solid;
   padding: 4px 8px;
}
#ums_index .line {
   border-bottom: 1px #474545 solid;
}
#ums_index .noline {
   border-bottom: 0 #474545 solid;
}
#ums_index th p {
   color: #fff;
   font-size: 95%;
}
#ums_index p {
   font-size: 95%;
   margin-top: 0;
   margin-bottom: 0;
}
#ums_index .green {
   background-color: green;
   display: block;
   vetical-align: top;
   height: 11px; width: 20px;
}
#ums_index .red {
   background-color: red;
   display: block;
   vetical-align: top;
   height: 11px; width: 20px;
}
#ums_index .spacer {
   display: block;
   vetical-align: top;
   height: 2px; width: 20px;
}

#ums_form {
   margin: 0;
   padding: 0;
}
#ums_form .button {
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #fff;
   background-color: #474545;
   padding: 4px 10px;
   border: 0;
}
#ums_form .button2 {
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #fff;
   background-color: #474545;
   padding: 2px 5px;
   border: 0;
}
#ums_form .button:hover,
#ums_form .button2:hover {
   color: #000;
   background-color: yellow;
}
#ums_form table {
   background-color: #eee;
   padding: 10px;
   margin: 15px;
}
#ums_form th {
   padding: 3px 8px;
   font-weight: normal;
}
#ums_form td {
   padding: 3px 8px;
}
#ums_form .label {
   text-decoration: none;
   text-align: right;
   margin: 0;
   color: #333;
   font-weight: 600;
}
#ums_form .info {
   margin: 0;
}
#ums_form .checkbox_label {
   text-decoration: none;
   text-align: right;
   font-weight: bold;
}
#ums_form .checkbox_outer {
   text-align: left;
}
#ums_form .header {
   text-align: left;
   background-color: #474545;
   padding: 3px 8px;
}
#ums_form .header p {
   color: #fff;
   font-size: 90%;
}
#ums_form p {
   color: #2f2318;
   margin: 0 0 2px 0;
}
#ums_form a, #ums_form a:visited {
   color: #555;
}
#ums_form .infopopup, #ums_form .infopopup:visited {
   background-color: #474545;
   color: #fff;
   padding: 3px 8px;
   vertical-align: top;
   font-size: 80%;
   text-decoration: none;
}
#ums_form .infopopup:hover {
   color: #000;
   background-color: yellow;
   text-decoration: none;
}

#ums_html_text_area {
   min-width: 550px;
}
#ums_form .color,
#ums_form .text_field,
#ums_form .text_field_loqate,
#ums_form .select_field,
#ums_form .text_area {
   border: 2px #474545 solid;
}
#ums_form .checkbox_label {
   font-weight: normal;

}
#ums_form .help_text {
  font-size: 70%;
}

#content .adminbutton a, #content .adminbutton a:visited {
   font-size: 18px;
   text-align: center;
   text-decoration: none;
   color: #fff;
   padding: 5px 10px;
   margin: 5px;
   background-color: #474545;
   border: 0;
}
#content .adminbuttonsmall a, #content .adminbuttonsmall a:visited {
   font-size: 14px;
   text-align: center;
   text-decoration: none;
   color: #fff;
   padding: 3px 5px;
   margin: 0 2px;
   background-color: #474545;
   border: 0;
}
#content .adminbutton a:hover, #content .adminbuttonsmall a:hover {
   color: #000;
   background-color: yellow;
}

@media (max-width: 1400px) {
   #topnav_outer .logo {
      float: none;
      margin: 23px auto;
   }
   #topnav_feefo {
      float: none;
      margin: 12px 0 0 40px;
   }
   #topnav_align {
      display: block;
      text-align: center;
   }
   #topnav {
      display: inline-block;
      margin: 0 auto;
   }
   #topnav > li > a {
      display: inline-block;
      text-align: center;
      padding: 2px 11px 12px 11px;
      margin: 0 0 5px 0;
   }
   #content .newsstorybox .newsstoryboxtext {
      height: 176px;
   }
}
@media (max-width: 1265px) {
   #content .newsstorybox .newsstoryboxtext {
      height: 154px;
   }
}
@media (max-width: 1210px) {
   #content .newsstorybox, #content .newsstorybox:visited {
       width: 90%;
       max-width: 680px;
       margin: 15px auto;
   }
   #content .newsstorybox .newsstoryboxtext {
      height: 219px;
   }
   #tb_titlebox {
      display: none;
   }
   #content .pb_titlebox {
      display: inline;
   }
}
@media (max-width: 1100px) {
   #topbar .contact {
      display: none;
   }
   #topnav_wrapper {
      border-bottom: 0 #ddd solid;
   }
   #topnav_wrapper .contact {
      display: block;
   }
   #topnav .mega_menu ul {
      width: 47%;
      margin: 16px 0 0 2%;
   }
   #topnav .mega_menu .ul2 {
      margin: 16px 2% 0 2%;
   }
   #topnav .mega_menu .mainimg {
      display: none;
   }
   #tb_datebox {
      display: none;
   }
   #content .contact_details,
   #content .contact_form_outer {
      display: block;
      float: none;
      width: 100%;
      margin: 0 0 25px 0;
   }
   #socialmedia img {
      max-width: 40px;
   }
   #content .tb_icons {
      display: block;
      vertical-align: top;
      width: 100%;
      margin: 0 0 0 0;
   }
   #content .tb_icon_row {
      display: inline;
   }
   #content .tb_icon {
      display: block;
      vertical-align: top;
      width: 96%;
      max-width: 600px;
      margin: 0 auto 20px auto;
   }
   #bottombar .block_info {
      display: none;
   }
   #bottombar .block_contact, #bottombar .block_links {
      width: 46%;
   }
}
@media (max-width: 1000px) {
   #content .pb_imagelefttext .pb_text33_wrapper, #content .pb_imagelefttext .pb_text50_wrapper, #content .pb_imagelefttext .pb_text66_wrapper,
   #content .pb_imagelefttext .pb_text33_img_wrapper, #content .pb_imagelefttext .pb_text50_img_wrapper, #content .pb_imagelefttext .pb_text66_img_wrapper,
   #content .pb_imagerighttext .pb_text33_wrapper, #content .pb_imagerighttext .pb_text50_wrapper, #content .pb_imagerighttext .pb_text66_wrapper,
   #content .pb_imagerighttext .pb_text33_img_wrapper, #content .pb_imagerighttext .pb_text50_img_wrapper, #content .pb_imagerighttext .pb_text66_img_wrapper {
      float: none;
      padding: 20px 4% 20px 4%;
      width: 92%;
   }
   #content .pb_imageoverlayleft .pb_text_wrapper,
   #content .pb_imageoverlayright .pb_text_wrapper {
      float: none;
      padding: 20px 4% 20px 4% !important;
      width: 92% !important;
      background-position: -200px 0 !important;
   }
   #content .pb_overlay_img_white, #content .pb_overlay_img_orange, #content .pb_overlay_img_turquoise_blue, #content .pb_overlay_img_pale_grey, #content .pb_overlay_img_pale_orange, #content .pb_overlay_img_pale_blue {
      background-image: none !important;
   }
   #content .pb_imagelefttext .pb_text33_img_wrapper .portrait, #content .pb_imagelefttext .pb_text50_img_wrapper .portrait, #content .pb_imagelefttext .pb_text66_img_wrapper .portrait,
   #content .pb_imagerighttext .pb_text33_img_wrapper .portrait, #content .pb_imagerighttext .pb_text50_img_wrapper .portrait, #content .pb_imagerighttext .pb_text66_img_wrapper .portrait {
     display: block;
     margin: 0 auto 10px auto;
     width: 50%; height: auto;
   }
   #content .pb_imagelefttext .pb_text33_img_wrapper .landscape, #content .pb_imagelefttext .pb_text50_img_wrapper .landscape, #content .pb_imagelefttext .pb_text66_img_wrapper .landscape,
   #content .pb_imagerighttext .pb_text33_img_wrapper .landscape, #content .pb_imagerighttext .pb_text50_img_wrapper .landscape, #content .pb_imagerighttext .pb_text66_img_wrapper .landscape {
     display: block;
     margin: 0 auto 10px auto;
     width: 75%; height: auto;
   }
   #content .pb_videolefttext .pb_text_wrapper,
   #content .pb_videorighttext .pb_text_wrapper {
      float: none;
      width: 92%;
      padding: 20px 4% 20px 4%;
   }
   #content .pb_videolefttext .pb_video_wrapper,
   #content .pb_videorighttext .pb_video_wrapper {
      float: none;
      width: 92%;
      padding: 0 4% 30px 4%;
   }
}
@media (max-width: 920px) {
   #content p {
      font-size: 95%;
   }
   #content li {
      font-size: 95%;
   }
   #content h1 {
      font-size: 170%;
   }
   #content h2 {
      font-size: 130%;
   }
   #content .tourbox, #content .tourbox:visited,
   #content .tmtourbox, #content .tmtourbox:visited,
   #content .tourdiarybox, #content .tourdiarybox:visited,
   #content .newscatbox, #content .newscatbox:visited,
   #content .themebox, #content .themebox:visited,
   #content .periodbox, #content .periodbox:visited {
      display: block;
      height: auto;
      width: 98%;
      max-width: 400px;
      margin: 20px auto;
      font-size: 90%;
   }
   #content .tourbox .tourboximg,
   #content .tmtourbox .tmtourboximg,
   #content .tourdiarybox .tourdiaryboximg,
   #content .newscatbox .newscatboximg,
   #content .themebox .themeboximg,
   #content .periodbox .periodboximg {
      width: 100%;
   }
   #content .tourbox .tourboxtext,
   #content .tmtourbox .tmtourboxtext,
   #content .tourdiarybox .tourdiaryboxtext,
   #content .newscatbox .newscatboxtext,
   #content .themebox .themeboxtext,
   #content .periodbox .periodboxtext {
      height: auto;
      -webkit-mask-image: none;
   }
   #content .tourbox .tourboxaction,
   #content .tmtourbox .tmtourboxaction,
   #content .tourdiarybox .tourdiaryboxaction,
   #content .newscatbox .newscatboxaction,
   #content .themebox .themeboxaction,
   #content .periodbox .periodboxaction {
      margin: 20px 0;
   }
   #content .librarywidecatboxes > .librarycatbox, #content .librarywidecatboxes > .librarycatbox:visited {
      width: 280px;
   }
   #content .newsstorybox .newsstoryboximg {
      display: block;
      margin: 15px auto 15px auto;
      width: 250px;
      padding-top: 0;
      height: 250px;
      float: none;
   }
   #content .newsstorybox .newsstoryboxtext {
      width: 94%;
      padding: 10px 3% 40px 3%;
      float: none;
      height: auto;
   }
   #content .newsstorybox .newsstoryboxdate {
      bottom: 10px; left: 3%;
   }
   #content .pb_widget_guide_video {
      width: 96%;
   }
}
@media (max-width: 800px) {
   #topbar_outer, #topnav_wrapper {
      display: none;
   }
   #page_wrapper {
      margin: 0 auto 0 auto;
   }
   #topnav_min_wrapper {
      display: inline-block;
   }
   #topnav_min_wrapper .contact {
      padding: 8px 0 4px 0;
   }
   #topnav_min_wrapper .contact, #topnav_min_wrapper .feefo_rating {
      display: block;
   }
   .tnm_home, .tnm_top {
      display: inline;
   }
   #content .imagebutton, #content .imagebutton:visited {
      width: 90%;
      max-width: 400px;
   }
   #content .imagebutton .imagebuttonimg {
      width: auto;
   }
   #content .pb_widget_trust_signal_bar img {
      max-height: 80px;
   }
   #content .pb_widget_trust_signal_bar_info {
      float: none;
      display: block;
      vertical-align: top;
      clear: both;
      padding-top: 10px;
   }
   #content .pb_icon_button a {
      width: 90%;
      max-width: 375px;
      margin: 10px auto;
   }
   #content .pb_tour_itinery_item {
      width: 100%;
      margin: 0 0 5px 0;
   }
   #content .pb_tour_itinery_item h3 {
      font-size: 130%;
   }
   #content .pb_tour_itinery_item a, #content .pb_tour_itinery_item a:visited {
      height: 39px;
      padding: 2px 0 0 50px;
      background-position: 2px 2px;
      background-size: 35px;
   }
   #content .pb_tour_itinery_item p {
      padding: 0 0 10px 50px;
   }
   #content .pb_widget_tourguidebox {
      height: 320px;
   }
   #content .pb_widget_tourguideboxtext {
      height: 270px;
   }
   #content .pb_widget_tourguideboximg {
      max-height: 100px;
      margin: 5px 0 0 15px;
   }
}
@media (max-width: 700px) {
   #bottombar .awards_and_accreditations img {
      max-height: 80px;
   }
   #bottombar .block_contact, #bottombar .block_links {
      width: 96%;
      float: none;
      text-align: center;
   }
   #bottombar .block_contact {
      margin: 0 2% 30px 2%;
   }
}
@media (max-width: 400px) {
   #content .pb_titlebox a, #content .pb_titlebox a:visited {
      display: block;
      margin: 6px 0;
   }
}