/*
Theme Name: Yi Lan
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the Yi Lan team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
/* =Reset
-------------------------------------------------------------- */

@font-face {
    font-family: 'source_han_sans_tcbold';
    src: url('fonts/sourcehansanstc-bold-webfont.woff2') format('woff2'),
         url('fonts/sourcehansanstc-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.noto-sans-tc-chccp {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

img{ max-width:100%; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
    color: #333;
} 
body {
	line-height: 1;
	letter-spacing: 2.50px; /*overflow:hidden;*/
}
input, button, select, textarea{outline: 0 !important;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
img{ max-width:100%; height:auto; }
/*article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}*/
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;max-width:100%;
}
/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after {
	clear: both;
}
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {
	display: table;
	content: "";
} 
/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title, .widget-title, .entry-content th, .comment-content th {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}
/* Shared Post Format styling */
article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
/* Form fields, general styles first */
button, input, select, textarea {
	border: 1px solid #cdcdcd;
	border-radius: 0;
	font-family: inherit;
	padding: 6px; 
}
button, input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}
/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}
/* Buttons */
input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(to top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(to top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(to top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(to top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(to top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle{background-image: url(images/menu-button.svg); background-repeat:no-repeat; background-position:center; background-size:32px; height:32px; width:32px; background-color: transparent; border:none;font-size: 0;padding: 0; float:right; }
.menu-toggle:hover,.menu-toggle:active, .menu-toggle:focus{background-image: url(images/menu-button.svg); background-position:center; background-color: transparent; border:none; }
.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] {
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	/*background-image: -moz-linear-gradient(to top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(to top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(to top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(to top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(to top, #f9f9f9, #ebebeb);*/
}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
	color: #757575;
	/*background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(to top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(to top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(to top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(to top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(to top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;*/
	border-color: transparent;
} 
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}
/* Responsive images */
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full, img.size-large, img.header-image, img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/* Make sure videos and embeds fit their containers */
embed, iframe, object, video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}
/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}  
/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous, .previous-image {
	float: left;
	width: 50%;
}
.nav-next, .next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-single + .comments-area, #comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}
/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}
/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 16px;
	font-family: 'noto-sans-tc-chccp','source_han_sans_tcbold','微軟正黑體','Open Sans','Microsoft JhengHei',sans-serif !important;
	text-rendering: optimizeLegibility;
	color: #000;
} 
a {
	outline: none;
	color: #000;
}
a:hover {
}
/* Assistive text */
.assistive-text, .site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
}
.main-navigation .assistive-text:focus, .site .screen-reader-text:hover, .site .screen-reader-text:active, .site .screen-reader-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	height: auto;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}
/* Page structure */
.site {
	background-color: #fff;
}
.site-content {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}
.widget-area {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}
/* Header */ 
#header {
	/*float: left;
	width: 100%;
	clear: both;*/
}
@media screen and (min-width: 992px) {
	#header #main-menu{ position:relative;height: 140px;}
	.menu-main-menu-container{position: absolute;}
	#header #main-menu:after { content:" "; position:absolute; width:100%;
		background-color: #cdece9; height:50px; bottom:0;
		padding: 0;
	}
	#mobile-menu{ display:none; }
	.header-top { padding:15px 0;} 
} 
@media screen and (max-width: 991px) {
	.header-top { padding:10px 0 8px 0;} 
}
.header-top .logo {
	/*top: 25px;
	position: absolute;*/
} 
.header-top .logo a {
	display: inline-block;
}
#main-slider {
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 20px solid #cdece9;
}
/* Navigation Menu */
.main-navigation {
	text-align: center;
}
.main-navigation li { float:left;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover, .main-navigation a:focus {
	color: #21759b;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on, .menu-toggle {
	display: inline-block;
}
/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area .widget a:visited {
	color: #9f9f9f;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}
/* Footer */ 

/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
	font-size: 20px;
	font-size: 1.428571429rem;
	line-height: 1.2;
	font-weight: normal;
}
.entry-header .entry-title a {
	text-decoration: none;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.comments-link a, .entry-meta a {
	color: #757575;
}
.comments-link a:hover, .entry-meta a:hover {
	color: #21759b;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}
.entry-content, .entry-summary, .mu_register {
	line-height: 1.714285714;
}
.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}
.entry-content h1, .comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.entry-content h2, .comment-content h2, .mu_register h2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
}
.entry-content h3, .comment-content h3 {
	font-size: 18px; 
	line-height: 20px;
}
.entry-content h4, .comment-content h4 {
	font-size: 16px; 
	line-height: 20px;
}
.entry-content h5, .comment-content h5 {
	font-size: 15px; 
	line-height: 18px;
}
.entry-content h6, .comment-content h6 {
	font-size: 12px; 
	line-height: 1.846153846;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
	margin: 0 0 18px;
	line-height: 24px;
}
/*.entry-content a:visited, .comment-content a:visited {
	color: #9f9f9f;
}*/
.entry-content .more-link {
	white-space: nowrap;
}
.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul, .comment-content ul, .mu_register ul {
	list-style: disc outside;
}
.entry-content ol, .comment-content ol {
	list-style: decimal outside;
}
.entry-content li, .comment-content li, .mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote, .comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child, .comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code, .comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre, .comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code, .comment-content pre code {
	display: block;
}
.entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address, .comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft, .wp-caption.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright, .wp-caption.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter, .wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl, .comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt, .comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd, .comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table, .comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption, .comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td, .comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.site-content article {
	border-bottom: 4px double #ededed;
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}
/* =Archives
-------------------------------------------------------------- */

.archive-header, .page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}
/* =Single audio/video attachment view
-------------------------------------------------------------- */

.attachment .entry-content .mejs-audio {
	max-width: 400px;
}
.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}
/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}
/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}
article.format-aside blockquote:last-child, article.format-aside p:last-child {
	margin-bottom: 0;
}
/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}
/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}
/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}
/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}
/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite, .comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area cite b {
	font-weight: normal;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(to top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(to top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(to top, #009cee, #0088d0);
	background-image: -o-linear-gradient(to top, #009cee, #0088d0);
	background-image: linear-gradient(to top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
	font-weight: bold;
}
a.comment-reply-link, a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover, a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"], #respond form textarea { 
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}
/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}
/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date, .widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th, #wp-calendar td, #wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}
/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}


/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
 /*width: device-width;*/
}
@viewport {
 /*width: device-width;*/
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
.author-avatar {
	float: left;
	margin-top: 8px;
	margin-top: 0.571428571rem;
}
.author-description {
	float: right;
	width: 80%;
}
body.template-front-page .site-content,  body.attachment .site-content,  body.full-width .site-content {
	width: 100%;
}
.widget-area {
	float: right;
	width: 26.041666667%;
}
.site-header h1,  .site-header h2 {
	text-align: left;
}
.site-header h1 {
	font-size: 26px;
	font-size: 1.857142857rem;
	line-height: 1.846153846;
	margin-bottom: 0;
} 
.entry-header .entry-title {
	font-size: 22px;
	font-size: 1.571428571rem;
}
#respond form input[type="text"] {
	width: 46.333333333%;
}
#respond form textarea.blog-textarea {
	width: 79.666666667%;
}
.template-front-page .site-content,  .template-front-page article {
	overflow: hidden;
}
.template-front-page.has-post-thumbnail article {
	float: left;
	width: 47.916666667%;
}
.entry-page-image {
	float: right;
	margin-bottom: 0;
	width: 47.916666667%;
}
.template-front-page .widget-area .widget,  .template-front-page.two-sidebars .widget-area .front-widgets {
	float: left;
	width: 51.875%;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.template-front-page .widget-area .widget:nth-child(odd) {
	clear: right;
}
.template-front-page .widget-area .widget:nth-child(even),  .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
	float: right;
	width: 39.0625%;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.template-front-page.two-sidebars .widget,  .template-front-page.two-sidebars .widget:nth-child(even) {
	float: none;
	width: auto;
}
.commentlist .children {
	margin-left: 48px;
	margin-left: 3.428571429rem;
}
} 
@media screen and (min-width: 980px) { 
.main-navigation li {
	vertical-align: middle;
} 
.main-navigation ul.nav-menu,  .main-navigation div.nav-menu > ul {
	display: inline-block !important;
	text-align: left;
	width: 100%;
}
.main-navigation ul {
	margin: 0;
	text-indent: 0;
}
.main-navigation li a,  .main-navigation li {
	display: inline-block;
	text-decoration: none;
}
.main-navigation li a {
	border-bottom: 0;
	line-height: 20px;
	color: #000;
	font-size: 18px;
	letter-spacing: 0.50px;
	white-space: nowrap;
}
.main-navigation li a:hover{ color:#666; }
.main-navigation li a:hover,  .main-navigation li a:focus {
	color: #666;
}
.main-navigation li {
	margin: 0 15px 0 0;
	position: relative;
}  
.main-navigation li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 1;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
padding: 5px 8px 10px 8px;
background-color: #fff;
margin-top: 0;
}
.main-navigation li ul li{ margin-right:0px !important; width: 100%;text-align:center;}
.main-navigation li ul ul {
	top: 0;
	left: 100%;
}
.main-navigation ul li:hover > ul,  .main-navigation ul li:focus > ul,  .main-navigation .focus > ul {
	border-left: 0;
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}
.main-navigation li ul li a {
	background: #fff;
	border-bottom: 1px solid #bbbbbb;
	display: block;
	font-size: 18px; 
	color: #000;
	line-height: 18px;
	padding: 12px 10px; 
	width: 100%; 
	white-space: nowrap;
}
.main-navigation .sub-menu > li:last-child a{ border-bottom:none; padding-bottom:5px; }
.main-navigation li ul li a:hover,  .main-navigation li ul li a:focus {
	/*background: #e3e3e3;*/
	color: #444;
}
.main-navigation .current-menu-item > a,  .main-navigation .current-menu-ancestor > a,  .main-navigation .current_page_item > a,  .main-navigation .current_page_ancestor > a {
	color: #333;
	font-weight: bold;
}
}
/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
body {
	background-color: #ffffff;
}
body.custom-background-empty .site,  body.custom-background-white .site {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
}
}


/* =Print
----------------------------------------------- */

@media print {
body {
	background: none !important;
	color: #000;
	font-size: 10pt;
}
footer a[rel=bookmark]:link:after,  footer a[rel=bookmark]:visited:after {
	content: " [" attr(href) "] "; /* Show URLs */
}
a {
	text-decoration: none;
}
.entry-content img,  .comment-content img,  .author-avatar img,  img.wp-post-image {
	border-radius: 0;
	box-shadow: none;
}
.site {
	clear: both !important;
	display: block !important;
	float: none !important;
	max-width: 100%;
	position: relative !important;
}
.site-header {
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	text-align: left;
}
.site-header h1 {
	font-size: 21pt;
	line-height: 1;
	text-align: left;
}
.site-header h2 {
	color: #000;
	font-size: 10pt;
	text-align: left;
}
.site-header h1 a,  .site-header h2 a {
	color: #000;
}
.author-avatar,  #colophon,  #respond,  .commentlist .comment-edit-link,  .commentlist .reply,  .entry-header .comments-link,  .entry-meta .edit-link a,  .page-link,  .site-content nav,  .widget-area,  img.header-image,  .main-navigation {
	display: none;
}
.wrapper {
	border-top: none;
	box-shadow: none;
}
.site-content {
	margin: 0;
	width: auto;
}
.entry-header .entry-title,  .entry-title {
	font-size: 21pt;
}
footer.entry-meta,  footer.entry-meta a {
	color: #444;
	font-size: 10pt;
}
.author-description {
	float: none;
	width: auto;
}
/* Comments */
.commentlist > li.comment {
	background: none;
	position: relative;
	width: auto;
}
.commentlist .avatar {
	height: 39px;
	left: 2.2em;
	top: 2.2em;
	width: 39px;
}
.comments-area article header cite,  .comments-area article header time {
	margin-left: 50px;
	margin-left: 3.57142857rem;
}
}
/* Footer Start */
#footer {
	/*background-color: #f2f2f2;*/
	clear: both;
	width: 100%;
	float: left;
	padding: 0 0 10px 0;
}
#footer .footer-col {
	display: inline-block;
	float: left;
	padding: 0;
	width: 50%;
	position:relative;
}
#footer .footer-col h3 {
	line-height: 26px;
	/*color: #0a9989;*/
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 2.50px;
	margin-bottom: 10px;
	padding-bottom: 7px;
	/*border-bottom: 2px solid #17b6a5;*/
	padding:0 15px;
	width: 30%;
	float: inline-start;
} 
#footer .footer-col .textwidget , #footer .footer-col .footer-links{ padding:0 15px; }
#footer .footer-col .footer-content {
	color: #000;
	font-size: 16px;
	letter-spacing: 2.50px;
	line-height: 22px;
}
.footer-links ul li {
	margin-bottom: 1px;
}
.footer-links ul li a {
	//text-decoration: underline;
}
.footer-links ul li a:hover {
	text-decoration: none;
} 
.footer-social ul {
	margin: 0px;
	padding: 0px;
}
.footer-social ul li {
	display: inline-block;
	margin-right: 0px;
}
.footer-social ul li a {
	display: inline-block;
}
.footer-social ul li a img {width: 32px;}
.footer-social ul li a:hover {
	opacity: 0.74;
}
#footer *{ font-size:16px; letter-spacing: 0; }
//#footer .footer-bottom, #footer .footer-bottom *{ font-size:13px; }
.visit_time .time-row{ float:left; width:100%; }
.visit_time .time-row .left{ width:28%; float:left; }
.visit_time .time-row .right{ width:71%; float:right; }
/* Footer End */


/* Footer Product */
#footer-product{background-color: #fff4c2;
	clear: both;
	width: 100%;
	float: left;
	padding: 24px 0; color:#444; font-size:16px; line-height:20px;}
#footer-product .footer-logo{ float:left; margin-right:60px; }	
#footer-product .footer-text{ float:left; width:400px; }
#footer-product .footer-text p{ margin-bottom:12px; }
#footer-product .footer-links{ float:right; width:400px; text-align:right; }
#footer-product .footer-links ul{ padding:0px; margin:28px 0 0 0; }
#footer-product .footer-links ul > li{ display:inline-block;  margin-right:8px; padding-right:8px; margin-bottom:0px; border-right:1px solid #444; }
#footer-product .footer-links ul > li:last-child{margin-right:0px; padding-right:0px; border-right:none; line-height:16px;}
#footer-product .footer-links ul > li a{ color:#444; font-size:16px;} 
/* Footer Product End */

#main {
	clear: both;
	float: left;
	width: 100%;
}
/* Home Page Start */
.page-home {
	float: left;
	padding: 70px 0 50px 0;
	width: 100%;
}
.newsvideo-section {	
	background-color: #f6f6f6;
	clear: both;
	float: left;	
	width: 100%;margin-bottom: 40px;padding: 0 20px 20px;
} 
/*.page-home .container {
	overflow: visible;
}*/
.newsvideo-section .news-section {
	width: 38%;
	float: left;
}
.newsvideo-section .video-section {
	width: 58%;
	float: right;
}
h2.heading {   
	color: #000; font-weight:normal;
	display: inline-block;
	font-size: 24px;
	letter-spacing: 2.5px;
	padding: 0 30px 0 56px;line-height: 40px;
	margin-bottom: 12px; position:relative; border-radius: 30px;background-color: #a7d1cd;
}
.newsvideo-section h2.heading{ top:-23px; margin-bottom: 0px;} 
h2.heading.yellow{background-color: #ffdf4f;}
h2.heading .icon {
	 background-repeat: no-repeat;
display: inline-block;
height: 46px;
width: 45px;
vertical-align: middle; 
background-position: center;
position: absolute;
left: -1px; top:-2.5px;
background-color: #fff;
border-radius: 160px;
}
h2.heading span{ display:inline-block; vertical-align:middle;position: relative; }
h2.heading .news {
	background-image: url(images/最新消息.png); 
}
h2.heading .video {
	background-image: url(images/影音專區.png); 
}
h2.heading .exhibition {
	background-image: url(images/展演活動.png); 
}
h2.heading .exhibition-black {
	background-image: url(images/展演活動.png); 
}
h2.heading .latest-newsicon {
	background-image: url(images/文創訊息.png); 
}
.page-home {
	padding: 50px 0;
}
.news-section .news-list {
	margin-top: 8px;
}
.news-section .news-list ul {  }
.news-section .news-list ul li .item{
	border-top: 1px dashed #979797; height:100%;
	padding: 8px 5px;
}
.news-section .news-list ul li a {
	text-decoration: none;
}
.news-section .news-list ul li a:hover {
	text-decoration: underline;
}
.news-section .news-list ul li p.news-date {
	color: #9b9b9b;
	margin-bottom: 3px;
	font-size: 14px;
}
.news-section .news-list ul li p.news-title {
	color: #000;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 0;
}
.newsletter h3 {
	font-size: 18px; margin-bottom:6px;
}
.es_widget_form .es_textbox_class { 
    width: 80%; margin: 0; border:1px solid #979797; border-radius: 8px; box-sizing:border-box;height: 33px;outline:none !important;
}
.es_widget_form{ position:relative; }
.es_widget_form .es_button{ margin:0px; position:absolute; right:0px; top:0px; padding:0px; }
@media screen and (max-width: 449px) {
	.es_widget_form .es_textbox_class { width:100%; }
}
 
@media screen and (max-width: 575px) {
	.newsvideo-section{ margin:0 -15px; float:none; width:auto; }
}
.es_widget_form #es_txt_button{padding: 5px 10px 6px 10px;font-size: 14px;background-color:#efcf62 !important; color:#000;background-image:none !important; border:1px solid #979797; border-radius: 8px; }
.es_widget_form #es_txt_button:hover{ background-color:#333 !important; color:#fff; }
.newsletter .es_textbox{ padding:0px; }
@media screen and (min-width: 1025px) { 
}
.news-section .button-action {
	clear: both;
	width: 100%;
	text-align: right;
}
.button {
	/*transition: background-color 0.5s ease;*/
	background-color: #5eb7ad;
	text-decoration: none;
	padding: 8px 18px;
	color: #fff;
	font-size: 16px; line-height: 20px;
	border-radius: 6px;
	display: inline-block;min-width: 160px;text-align: center;
}
.blue-btn {
	background-color: #5eb7ad; 
}
.yellow-btn {
	background-color: #ffdf4f;  color:#000;
}
.blue-btn:hover, .button:hover {
	background-color: #333;color:#fff;
}
.exhibition-section {
	clear: both;
	float: left;
	width: 100%;
}
.exhibition-list ul { 
	margin:0 -10px;
}
.exhibition-list ul > li {  
	margin-bottom: 20px; padding-right: 10px;padding-left: 10px; 
	
}
.exhibition-list ul > li .item{  
	border: 1px solid #b1b1b1;
	
}
.exhibition-list ul > li .image { 
	overflow: hidden;
	border-bottom: 1px solid #b1b1b1;
}
.exhibition-list ul > li .image img {
	width: 100%; 
}
@media screen and (min-width: 601px) {
	.exhibition-list ul > li .image {
	height: 188px;
	}
	.exhibition-list ul > li .image img {
	 min-height:188px;
}
}
.exhibition-list ul > li .exhibition-info {
	padding: 10px;
	
}
.exhibition-list ul > li h3 {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 8px;
	min-height: 48px;
} 
.exhibition-list ul > li p.exhibition-date {font-size:12px !important;} 
@media screen and (max-width: 575px) and (min-width: 401px) { 
	.exhibition-list ul > li.exhibition{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media only screen and (max-width: 600px) {
	.exhibition-list ul > li.calander{ width:100%; }
	.exhibition-list ul > li .image{height: 160px;}
	.exhibition-list ul > li .image img{ min-height:140px; }
 }
@media only screen and (max-width: 400px) {
	.exhibition-list ul > li .image{height: auto;}
	.exhibition-list ul > li .image img{ min-height:inherit; }
	.exhibition-list ul > li h3{ min-height:10px; }
} 
.video-section #owl-video .item .video {
	display: inline-block;
	width: 59%; float:left;
	vertical-align: top;
}
.video-section #owl-video .item .video-content {
	display: inline-block;
	width: 39%; float:right;
	vertical-align: top;
}
.video-section #owl-video .item .video-content h3 {
	font-size: 20px;
	line-height: 26px;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.video-section #owl-video .item .video-content .description {
	font-size: 16px;
	line-height: 22px;
}
.video-section .owl-dots {
	text-align: left !important;
}
/* Home Page End */
#primary{ padding:30px 0 50px 0; float:left; width:100%; }
/* Visite & Service Page Start */
.tab-layout .tabs-col{ display:inline-block; width:18%; box-sizing:border-box; float:left; }
.tab-layout .tab-content-section {
    border-left: 1px dashed #333;
    
    display: inline-block;
    float: right;
    min-height: 500px;
    padding-left: 30px;
    width: 80%;
}
.tab-layout .tabs-col ul.tabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.tab-layout .tabs-col ul.tabs li {
	background: none; 
	display: inline-block;
	border-radius: 30px;margin-bottom: 18px;
	cursor: pointer;
	width:100%; clear:both;  position:relative;
}
/*.tab-layout .tabs-col ul.tabs li:before{ content:" "; left:0px; background-color:#fff; width:40px; height:40px;position: absolute;border-radius: 0 18px 18px 0; }*/
.tab-layout .tabs-col ul.tabs li a{padding:0 10px 0 65px; width:100%; display:inline-block;color: #0a9989; font-size:16px;text-decoration:none !important;line-height: 42px;border-radius: 50px; outline:none !important;}
.tab-layout .tabs-col ul.tabs li.current a{background-color: #0a9989; }
.tab-layout .tabs-col ul.tabs li.current {
	
}
/*.tab-layout .tabs-col ul.tabs li.current::before {
   position: absolute;
margin: -0.5em;
padding: 2.1em 1.6em 1.9em 2.8em;
border-radius: 50%;
box-shadow: 0 0 0 300px rgba(10, 153, 137, 1);
z-index: -1;
content: "";
}*/
.tab-layout .tabs-col ul.tabs li.current a{color: #fff; }
.tab-content {
	display: none; 
}
.tab-content.current {
	display: inherit;
}
.tab-layout .tab-content{ font-size:16px; letter-spacing:2.50px; color:#000; line-height:22px;float:left; width:100%;}
#innovation-content{ clear:both; float:left; width:100%; }
.page-visite-service .tab-content p{ margin-bottom:0px; }
.page-visite-service .tab-content .entry-content p{ margin-bottom:16px; }
.page-visite-service .tab-content .entry-content p:last-child{ margin-bottom:0; }
.page-visite-service .tab-content ul{ margin-bottom:0px; }
.tab-content h2.title{ font-size:24px; font-weight:400; letter-spacing:4px; border-bottom:1px solid #333; margin-bottom:25px; padding-bottom:8px; }
.tab-content h1.title{ font-size:24px; font-weight:400; letter-spacing:4px; border-bottom:1px solid #333; margin-bottom:25px; padding-bottom:8px; }
.page-visite-service .tab-content ul{ list-style: inside}
#guide_form{ clear:both; margin-top:15px; }
#taffic_google_map{ margin-top:30px; }
.park_map_image{ clear:both; width:100%; margin-bottom:30px; float:left; }
.park_map_image .button-action{ width:100%; text-align:center; margin-top:20px; clear:both; }
.map_360_degree{clear:both; width:100%; margin-bottom:30px;}
#guide_form .ginput_container_date .datepicker{border-radius: 0;width: 280px !important;} 
#guide_form .gform_wrapper h3.gform_title{border-bottom: 1px solid #333;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 4px;
    margin-bottom: 25px;
    padding-bottom: 8px;}
/* Visite & Service Page End */ 
@media screen and (max-width: 1024px) {
	/*.newsvideo-section .news-section{ width:100%; margin-bottom:30px; }*/
	.newsvideo-section{ background-color:transparent; padding:0; }
	.newsvideo-section .news-section, .newsvideo-section .video-section{ padding: 0 20px 20px;clear: both;margin-bottom: 50px;float: left;width: 100%;background-color: #f6f6f6;}
	#owl-video { margin-top: 5px;}
	.park_map_image .button-action{ display:none; }
}
@media screen and (max-width: 768px) { 
	#footer .container{ padding:0px; }
	.copyright{ margin-top:16px; }
	#menu-footer-service-menu{ text-align:left; }
	#main-slider{margin-bottom: 20px;}
	#main-slider .ms-bullets.ms-align-bottom{bottom: -30px !important;}
	#main-slider .ms-nav-prev, #main-slider .ms-nav-next{ display:none !important; }
}
@media screen and (max-width: 768px) {
	#footer .container{ padding:0px 15px; }
	#footer .footer-col{ width:100%; padding:0px; margin-bottom:20px; } 
	.visit_time .time-row .left{ width:90px; max-width:28%; }
	.visit_time .time-row .right{ float:left; }
}
@media screen and (max-width: 600px) {
	.video-section #owl-video .item .video{ width:100%; margin-bottom:12px; }
	.video-section #owl-video .item .video-content{ float:left; width:100%; }
}
@media screen and (max-width: 370px) {
	.visit_time .time-row .right{ width:65%; }
}
.newsletter .es_widget_form .es_lablebox{ display:none; }
/*.tabs-col ul.tabs li i{background-repeat:no-repeat; display:inline-block; height:30px; width:30px;vertical-align: middle; margin-right:5px;background-position:top center; }
.tabs-col ul.tabs li.current i{ background-position:bottom center; }*/
.page-visite-service .tabs-col ul.tabs li i.information{ background-image:url(images/參觀資訊.png); }
.page-visite-service .tabs-col ul.tabs li i.traffic{ background-image:url(images/交通資訊.png); }
.page-visite-service .tabs-col ul.tabs li i.park{ background-image:url(images/園區介紹.png); }
.page-visite-service .tabs-col ul.tabs li i.guide{ background-image:url(images/導覽申請.png); }
.page-visite-service .tabs-col ul.tabs li i.lost{ background-image:url(images/失物招領.png); } 
.page-visite-service .tabs-col ul.tabs li i.map-introduction{ background-image:url(images/宜蘭3D地圖.png); }
.breadcrumbs{ margin:12px 0; }
.breadcrumbs a{ text-decoration:none; }
.breadcrumbs a:hover{ text-decoration:underline; }

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
#guide_form .gform_button{background-color: #efcf62;
    background-image: none;
    border: 1px solid #efcf62;
    border-radius: 30px;
    color: #000; width:280px !important; max-width:100% !important;
    padding: 10px 20px;}
#guide_form .gform_button:hover{background: #f7c416 !important;border-color: #f7c416 !important;}	
#owl-video{ margin-top:23px; }	
#guide_form .gfield_description{ color:#999; padding:5px 0 0 6px !important; }
.page-home{ margin-top:30px; }
.page-banner{ clear:both; }
.page-banner img{ width:100%;}
.header-top .logo-text{display: inline-block; margin:30px 0 0 80px;}
.header-top .logo-text img{ height:50px; }
.header-top .header-search{ display:inline-block;  /*width:300px;*/ } 
.header-links a:hover{ text-decoration:underline; }
.header-search .gsc-search-box input[type=text]{padding: 5px !important;height: 18px !important;margin: 0px !important;}
.header-search form.gsc-search-box{border:1px solid #979797 !important; border-radius:20px !important; padding:0px 5px 0px 12px !important; background-color:#fff; margin-bottom:0px !important;}
.header-search .gsc-search-box .gsc-input-box { border:none !important;}
.header-search .gsc-search-box td.gsc-search-button{ position:relative; }
.header-search .gsc-search-box .gsc-search-button .gsc-search-button{ background-image: url("images/search-icon.png");
    background-position: center center;
    background-repeat: no-repeat; background-color:#fedc15;
    background-size: 21px auto;
    border: 1px solid #979797;
    border-radius: 20px;
    margin: 0;
    padding: 14px 28px;
    position: absolute;
    right: -6px;
    top: -1px;
bottom: -1px;}
.header-search .gsc-search-box .gsc-search-button .gsc-search-button:hover{  background-color: #cdece9;}
@media screen and (max-width: 1024px) { 	
	.header-links {
		clear: both;  
		margin: 10px 0;
	} 
}
@media screen and (max-width: 980px) {  
	#header #main-menu{  }
	#main-menu .container{ width:100%; } 
	.header-top .logo-text {	display: inline-block;	margin: 35px 0 20px 140px;	}
	.header-top .logo-text img{width: 230px;} 
	.main-navigation a{ font-size:15px; }  
}
@media screen and (max-width: 979px) {
	#main-menu #menu-main-menu{width: 100%; text-align:left;}
	.header-top .logo {bottom: -36px;}
	.main-navigation li{margin: 0; width:100%;}
	.main-navigation li a{ padding: 5px 0;width: 100%;border-bottom: 1px solid #9cd5cf;display: inline-block; }
	#header #main-menu{float: left;width: 100%;padding: 5px 0;}
	#menu-main-menu .sub-menu li a{ padding-left:18px; }
}
@media screen and (max-width: 790px) { 
	.header-top .header-search{margin: 0; position: absolute; right: 90px; top: 115px;}
}
@media screen and (max-width: 525px) {  
	.header-top .logo-text img{ width: 200px;}
	.header-top .logo{bottom: 0;display: inline-block;position: relative;}
	.header-top .logo-text {display: inline-block;margin: 25px 0 0 15px;}
	.header-top{padding: 12px 0;}
	.header-top .header-search{ top: 115px;}
	.header-links {
    clear: both;
    margin: 0;
    position: absolute;
    right: 15px;
    top: -6px;
}
}
.exhibition-list ul > li.calander #exhibition-datepicker{ border:1px solid #cdece9; background-color:#cdece9;  min-height: 278px;}
.exhibition-list ul > li.calander *{ box-sizing:border-box; }
.exhibition-list ul > li.calander .datepicker-inline{ width:100%; }
.exhibition-list ul > li.calander .datepicker-inline .table-condensed{ width:100%; } 
#exhibition-list{ clear:both; float:left; width:100%; }
#exhibition-list > ul{ margin:0px; padding:0px; }
#exhibition-list > ul > li{ clear:both; float:left; width:100%; margin-bottom:30px; list-style:none; margin-left:0px; }
#exhibition-list > ul > li .image{ float:left; width:40%; display:inline-block; height:255px; overflow:hidden; background-repeat:no-repeat; background-position:center; border:1px solid #bab8b8; background-size: cover;}
#exhibition-list > ul > li .image img{ border:1px solid #bab8b8; width:100%; }
#exhibition-list > ul > li .exhibition-info{min-height: 255px; border:3px solid #cdece9; border-left:none; float:left; width:60%; padding:15px 20px;} 
#exhibition-list > ul > li .exhibition-info h3{ margin:0 0 15px 0; }
#exhibition-list > ul > li .exhibition-info h3 a{ font-size:20px; font-weight:600; }
#exhibition-list > ul > li .exhibition-info h3 a:hover{ text-decoration:underline; }
#exhibition-list ul > li .exhibition-info p{ margin-bottom:6px; }
#exhibition-list ul > li .exhibition-info p label{ width:76px;display: inline-block; vertical-align:top; }
#exhibition-list ul > li .exhibition-info p span{ vertical-align:top;display: inline-block;width: 344px;}
#exhibition-list > ul > li .exhibition-info .button-action{ clear:both; }
.exhibitions-page #exhibition-list > ul > li .image{height: 240px;}
.exhibitions-page #exhibition-list > ul > li .exhibition-info{min-height: 240px;}	
.button.blue-disable:hover{background-color: #5eb7ad !important;cursor:default;}
.button.yellow-disable:hover{background-color: #ffdf4f !important; color:#000 !important; cursor:default; }
.exhibition-info .button-action .button{ font-size:18px;} 
.page-exhibitions .tabs-col ul.tabs li i.exhibition{ background-image:url(images/近期展演.png);}
.page-exhibitions .tabs-col ul.tabs li i.diy{ background-image:url(images/diy體驗.png);}
.page-exhibitions .tabs-col ul.tabs li i.history{ background-image:url(images/歷史回顧.png);}
#exhibitionModal .modal-content{ border-radius:30px; }
.modal-dialog .close{background-color: #5eb7ad;
    background-image: url("images/close.png");
    background-repeat: no-repeat;
    border: 1px solid #5eb7ad; font-size:0px;
    border-radius: 40px;
    cursor: pointer;
    height: 36px; background-size:36px;
    position: absolute;
    right: -10px;
    top: -15px;
    width: 36px;}
.modal-dialog .close:hover{ opacity:0.75; }	
.modal-dialog .modal-body{ position:relative; }
ul.exhibitions-list{ margin:0px; padding:0px; }
ul.exhibitions-list li {
	border-top: 1px dashed #979797;
	padding: 8px 5px;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 0;
}    
ul.exhibitions-list li:last-child{border-bottom: 1px dashed #979797; }
#exhibitionModal h2.title{ background-color: #3fc1b3;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 10px 20px;}
.modal-header-close{ z-index:999; position:relative; }
#exhibitionModal .modal-body{ padding:25px;min-height: 250px;}
#exhibition-datepicker .prev, #exhibition-datepicker .next{ font-size:22px; }
#exhibition-datepicker .prev, #exhibition-datepicker .next, #exhibition-datepicker .datepicker-switch{background-color: #25a496;
    border-radius: 0;
    
    color: #fff;
    margin-bottom: 12px;
    padding: 5px 5px 8px;}
#exhibition-datepicker tbody td, #exhibition-datepicker tbody th, #exhibition-datepicker thead th.dow{padding: 6.6px 6px 7px;}	 
#subscriptionModal .modal-dialog{width: 450px;}
#subscriptionModal .modal-dialog .modal-body{padding: 70px 40px;}
#subscriptionModal .modal-dialog .modal-body p{ font-weight:bold; font-size:16px; line-height:22px; }
.page-title{border-bottom: 2px solid #333;letter-spacing: 4px;margin-bottom: 25px;padding-bottom: 8px;}
.page-title h1{font-size: 24px; margin:0px; font-weight:400;}

/* Exhibition Detail */
#exhibition-view{ }
#exhibition-view .exhibition-top{ float:left; width:100%; clear:both; margin-bottom:25px; }
#exhibition-view .exhibition-top .image{width:45%; vertical-align:top; display:inline-block; margin-right:2%; }
#exhibition-view .exhibition-top .image img{/* border:12px solid #cdece9; */width:100%; }
#exhibition-view .exhibition-top .exhibition-info{ vertical-align:middle; display:inline-block;width:51%;}
#exhibition-view .exhibition-top .exhibition-info h1{ font-size:26px; margin:0 0 30px 0; font-weight:400; line-height:32px;}
#exhibition-view .exhibition-top .exhibition-info p.post-date{ font-size:18px; margin-bottom:40px;}
#exhibition-view .exhibition-top .exhibition-info .exhibition-socialshare{ clear:both; }
#exhibition-view .exhibition-top .exhibition-info .exhibition-socialshare ul{ margin:0px; padding:0px;}
#exhibition-view .exhibition-top .exhibition-info .exhibition-socialshare ul li{display:inline-block; margin-right:5px; cursor:pointer;}
#exhibition-view .exhibition-content{ width:100%; clear:both; }
#exhibition-view .exhibition-content .info-row{ width:100%; clear:both; float:left; margin-bottom:15px; font-size:16px; line-height:24px; }
#exhibition-view .exhibition-content .info-row label{ font-weight:bold; font-size:20px; width:100%; display:inline-block; float:left;vertical-align:top;}
#exhibition-view .exhibition-content .info-row .value{display: inline-block;width: 100%; vertical-align:top; max-width:100%;}
#exhibition-view .exhibition-content .info-row.wide label{ width:100%; margin-bottom:8px; }
#exhibition-view .exhibition-content .info-row.wide .value{ width:100%; }
.exhibition-introduction p{ margin-bottom:16px; }
.signup-button-action{ clear:both; width:100%; text-align:center; }
#div-signupform{ clear:both; display:none; }
#div-signupform input[type="text"], #div-signupform input[type="email"]{ padding:6px !important; height:32px; }
#div-signupform textarea{padding:6px !important;}
#div-signupform .button{ background-image:none; border-radius: 20px;background-color: #ffdf4f; border:1px solid #ffdf4f;
    color: #000; font-weight:600;
    display: inline-block;
    font-size: 16px;
    min-width: 160px;
    padding: 8px 18px;
    text-align: center;
    text-decoration: none; }
#div-signupform .button:hover {background-color: #333;color:#fff; border:1px solid #333;}	
#div-signupform .gform_footer{ text-align:right; }
#div-signupform .gform_heading{ margin-bottom: 25px;}
#div-signupform .gform_heading h3{ font-size:26px; line-height:30px; }
/* End */

/* Brand Page */
#brand-section{float:left; clear:both; width:100%;}
#brand-section .brand-heading{ margin-bottom:8px; }
.brand-list{ float:left; clear:both; width:100%; }
.brand-list ul{ margin:0px; float:left; width:100%; }
.brand-list ul > li{width: 32%;margin-right: 2%;display: inline-block; float: left; margin-bottom:22px;}
.brand-list ul > li:nth-child(3n+3){ margin-right:0px; }
.brand-list ul > li:nth-child(3n+1){ clear:both; }
.brand-list .brand-item {
    position: relative;
    width: 50%;
}
.brand-list .brand-item {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.brand-list .brand-item .image{ border:1px solid #cdcccb; }
.brand-list .brand-item .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.brand-list .brand-item:hover .image {
  opacity: 0.3;
}
.brand-list .brand-item:hover .middle {
  opacity: 1;
} 
.custom-pagination{ clear:both; float:left; width:100%; background-color:#cdece9; padding:6px 10px; box-sizing:border-box; text-align:center; }
.custom-pagination .page_count {
    display: inline-block; 
    vertical-align: middle;
}
.custom-pagination .page_jump {
    display: inline-block; 
    vertical-align: middle;
}
.custom-pagination .page_jump select{ padding:2px; }
.custom-pagination div.page-numbers{display: inline-block; margin:0 30px;}
.custom-pagination .page-numbers a, .custom-pagination .page-numbers span { display:inline-block;
    background-color: #fff;
    border: 1px solid #fff; box-sizing:border-box;padding: 5px 4px;font-size: 14px;
    line-height: 14px;
}
.custom-pagination .page-numbers a.next, .custom-pagination .page-numbers a.prev {
    border: 1px solid #dcd9c8;
    padding: 5px 8px; box-sizing:border-box;
} 
.custom-pagination .page-numbers span.current, .custom-pagination .page-numbers a:hover {
    background-color: #3fc1b3;
    border: 1px solid #3fc1b3;
    color: #000;
}
/* News Page Start */ 
.news-page .tabs-col ul.tabs li i.news{ background-image:url(images/新聞訊息.png);}
.news-page .tabs-col ul.tabs li i.announcement{ background-image:url(images/園區公告.png);}
.news-page .tabs-col ul.tabs li i.online-survey{ background-image:url(images/線上問卷.png); }
.news-page .tabs-col ul.tabs li.current i{ background-position:bottom center; }
#news-list{ float:left; width:100%; clear:both;  }
#news-list > ul{ margin:0 -10px;overflow: hidden; }
#news-list > ul > li{ padding:0 10px; margin:0 0 20px 0;list-style:none; }
#news-list > ul > li .news-image {height: auto;}
#news-list > ul > li h2{ min-height:10px; }
#news-list > ul > li .item{ border:1px solid #979797; padding:15px; /*height:100%;*/}
#news-list > ul > li h2{border-bottom: 2px solid #000000;
    
    color: #000;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 0px;
    min-height: 56px;
    padding-bottom: 6px;}
#news-list > ul > li .news-image{ height:148px; overflow:hidden; margin-bottom:10px; }	
#news-list > ul > li .news-date{ margin:0px; color:#a8a8a8; margin:5px 0; }
#news-list > ul > li .news-summary p{ margin-bottom:0px; text-align: justify;}
@media screen and (max-width: 575px) and (min-width: 401px) { 
	#news-list > ul > li{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media only screen and (max-width: 400px) {
	 #news-list > ul > li .news-image{ height:auto; }
} 
/* End */

/* News Detail Start */
#news-detail h1{ font-size:24px; line-height:28px; font-weight:bold; margin:10px 0 18px 0; }
#news-detail .news-date{ color:#a8a8a8; margin:0 0 15px 0; font-size:16px; }
#news-detail .news-image{ margin-bottom:20px; }
#news-detail .news-image img{border: 1px solid #979797;}
#news-list > ul > li h2:hover a{ text-decoration:underline; }
/* End */ 

/* Area Rent */
.tabs-col ul.tabs li i.management{ background-image:url(images/租借辦法.png);}
.tabs-col ul.tabs li i.introduction{ background-image:url(images/場地介紹.png);}
.tabs-col ul.tabs li i.apply-online{ background-image:url(images/線上租借申請.png);}
.management-content{ margin-bottom:25px; width:100%; clear:both; }
.management-content p{ margin-bottom:16px; }
.management-download{ clear:both; width:100%; margin-bottom:35px; }
.management-download h3{ font-weight:normal; margin-bottom:5px; }
.management-download ul{ margin:0px; padding:0px; }
.management-download ul li{ margin:4px 0; clear:both; }
.management-download ul li a{background-image: url("images/download.png");
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 32px;
    padding-left: 45px; text-decoration:underline;}
.management-rentprocess{clear:both; width:100%; float:left; margin-top:20px; }
.management-rentprocess p{ margin-bottom:16px; }
.introduction-area{ clear:both; float:left; width:100%; }
.introduction-area ul{ margin:0px; padding:0px; float:left; width:100%; }
.introduction-area ul li{ clear:both; float:left; width:100%; padding:15px; box-sizing:border-box; background-color:#cdece9; margin-bottom:25px; }
.introduction-area ul li .image{ margin-bottom:12px; }
.introduction-area ul li .image img{ border:1px solid #979797; }
.introduction-area ul li h3{ font-size:18px; font-weight:bold; margin:0 0 5px 0; }
.introduction-area ul li .area_description{ margin-bottom:10px; }
.introduction-area ul li .area_description p{ margin-bottom:0 }
.introduction-area ul li .button-action{ clear:both; width:100%; text-align:right; }
.more-button{ background-color: #efcf62;
    background-image: url("images/arrow-right.png");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    border-radius: 40px;
    color: #000;
    display: inline-block;
    text-align: left;}
/* End */

/* Enter Stationed */
.tabs-col ul.tabs li i.enterplan{ background-image:url(images/進駐計畫-1.png); }
.tabs-col ul.tabs li i.enterunit{ background-image:url(images/進駐單位-2.png);}
.tabs-col ul.tabs li i.innovation{ background-image:url(images/創新發表-3.png);}
.enterunit-tab .filter, .innovation-tab .filter{ margin-bottom:25px; width:100%; clear:both; float:left; }
.enterunit-tab .filter select, .innovation-tab .filter select{ padding:4px; width:350px; max-width:100%;}
.enterunit-tab .units-list{ float:left; width:100%; clear:both; margin-bottom:10px; }
.enterunit-tab .units-list h2{border-bottom:2px solid #9b9b9b; font-size:18px;font-weight:400; margin-bottom:18px; padding-bottom:5px; }
.enterunit-tab .units-list ul{ margin:0px; padding:0px;float:left;width:100%;}
@media only screen and (min-width: 631px) {
	.enterunit-tab .units-list ul li{   
    margin: 0 2.55% 25px 0; 
    padding: 18px 12px;
    width: 31.55%; }
	.enterunit-tab .units-list ul li:nth-child(3n+3){margin-right: 0;}
	.enterunit-tab .units-list ul li:nth-child(3n+1){clear: both;}
}
.enterunit-tab .units-list ul li{ list-style:none; background-color:#e7f6f5;
    
    float: left;  }
.enterunit-tab .units-list ul li .season-name{ margin-bottom:12px; padding-bottom:8px; font-weight:400; border-bottom:1px solid #000000; font-size:16px; }
.enterunit-tab .units-list ul li .image{ border:1px solid #979797; width:100%; height:178px; background-position:center; background-size:cover; background-repeat:no-repeat; margin-bottom:0; }	
.enterunit-tab .units-list ul li h3{ font-weight:bold; margin:0px; font-size:16px; }
.enterunit-tab .units-list ul li h3:hover a{ text-decoration:underline; }
@media only screen and (max-width: 630px) {  
	.enterunit-tab .units-list ul li{width: 48.5%;margin-right: 0;padding: 12px; margin-bottom:20px;}
	.enterunit-tab .units-list ul li:nth-child(2n+1) {clear: left;}
	.enterunit-tab .units-list ul li:nth-child(2n+2) {float:right;} 
}
@media only screen and (max-width: 420px) {
	.enterunit-tab .units-list ul li{width: 100%;}
	.enterunit-tab .units-list ul li:nth-child(2n+2) {float:left;} 
}
.innovation-list{ float:left; clear:both; width:100%; }
.innovation-list > ul{ float:left; width:100%; margin:0px; padding:0px; }
.innovation-list > ul > li{clear: both;
    float: left;
    list-style: outside none none;
    margin-bottom: 30px;
    margin-left: 0;
    width: 100%;}
.innovation-list > ul > li .image{background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #bab8b8;
    display: inline-block;
    float: left;
    height: 220px;
    overflow: hidden;
    width: 40%;}
.innovation-list > ul > li .innovation-info {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #cdece9 #cdece9 #cdece9 currentcolor;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 3px 3px 3px medium;
    
    float: left;
    min-height: 220px;
    padding: 38px 20px;
    width: 60%;
}	
.innovation-list > ul > li .innovation-info p{ margin-bottom:35px; font-size:16px; font-weight:bold; color:#000; line-height:15px; }
.innovation-list > ul > li .innovation-info p label{ font-size:16px; font-weight:bold; color:#000; }
.innovation-list > ul > li .innovation-info p:last-child{ margin-bottom:0; }
/* End */

/* Enter Unit Detail */
#enterunit-view .enterunit-top{ float:left; width:100%; clear:both; margin-bottom:25px; }
#enterunit-view .enterunit-top .image{ float:left; width:45%; }
#enterunit-view .enterunit-top .image img{ border:12px solid #cdece9; width:100%; }
#enterunit-view .enterunit-top .enterunit-info{ float:right; width:53%;}
#enterunit-view .enterunit-top .enterunit-info p.unitsalon_name{margin:10px 0 35px 0; color:#666; font-size:16px;  }
#enterunit-view .enterunit-top .enterunit-info p.unitseason_name{margin:10px 0 15px 0; color:#000; font-size:18px;font-weight:bold;  }
#enterunit-view .enterunit-top .enterunit-info h1{ font-size:28px; margin:0 0 30px 0; font-weight:400; line-height:32px; font-weight:bold;}
.enterunit-content{ clear:both; float:left; width:100%;margin-bottom:25px; }
.enterunit-content p{ margin-bottom:18px; line-height:24px; font-size:16px; }
.filter .ajax-loader{ margin: 0 20px; display:inline-block;} 
.filter .ajax-loader img{ display:none; }
.post-gallery{border: 0px solid #cdece9;clear: both;float: left;overflow: hidden;padding: 20px 20px 5px 20px;width: 100%;}
.post-gallery .owl-carousel .owl-item{ text-align:center; }
.post-gallery .owl-carousel img{ max-width:100%; display:inline-block; }
.post-gallery .owl-thumbs .owl-thumb-item{ display:inline-block; height:90px; overflow:hidden;margin:0 16px 15px 0; opacity:0.8; cursor:pointer; }
.post-gallery .owl-thumbs .owl-thumb-item.active{ opacity:1; }
.post-gallery .owl-thumbs{ border-top: 3px solid #9b9b9b; margin-top: 20px; padding-top: 20px;}
.post-gallery .owl-carousel .owl-nav{ position:absolute; top:45%; width:100%; }
.post-gallery .owl-carousel .owl-nav .owl-prev, .post-gallery .owl-carousel .owl-nav .owl-next{background-repeat: no-repeat;font-size: 0;height: 75px;position: absolute;width: 42px;z-index: 999;background-color: transparent !important;}
.post-gallery .owl-carousel .owl-nav .owl-prev{background-image:url(images/prev-arrow.png) !important;left:0px; } 
.post-gallery .owl-carousel .owl-nav .owl-next{background-image:url(images/next-arrow.png) !important;right:0px;}
.post-gallery .owl-carousel .owl-item .item{ width:82%; margin:0 auto; }
.owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled{ opacity:0.6; }
/* End */
/* Travel Shopping */
.page-travelshopping{ }
.page-travelshopping .tab-content h2{border-bottom: 1px solid #333;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 4px;
    margin-bottom: 25px;
    padding-bottom: 6px;}
.page-travelshopping .travel-section{ clear:both; width:100%; float:left;}	
.page-travelshopping .travel-section .travel-row{clear:both; width:100%; float:left; margin-bottom:35px; }
.page-travelshopping .other_links{clear:both; width:100%; float:left;margin-bottom:20px; }
.page-travelshopping .other_links ul{ margin:0px; padding:0px; }
.page-travelshopping .other_links ul li{ margin-bottom:6px; }
.page-travelshopping .other_links ul li a:hover{ text-decoration:underline; }
/* End */

/* About Park */
.tabs-col ul.tabs li i{background-repeat:no-repeat; display:inline-block; height:50px; width:50px;vertical-align: middle; background-position:center;position: absolute;left: -1px;top: -5px; border-radius:50px; background-color:#fff; }
.page-aboutpark .tabs-col ul.tabs li i.history{ background-image:url(images/歷史沿革-1.png);}
.page-aboutpark .tabs-col ul.tabs li i.about-introduction{ background-image:url(images/建築特色-2.png);}
.page-aboutpark .tabs-col ul.tabs li i.now-future{ background-image:url(images/現在與未來-3.png);}
.page-aboutpark .tabs-col ul.tabs li.current i{ background-position:center; }

.page-aboutpark .history-content{ margin-bottom:20px; clear:both; }
.history-timeline{ clear:both; width:100%; float:left; background-color:#f7fffe; padding:20px 25px; box-sizing:border-box; }
.history-row{clear:both; width:100%; float:left;}
.history-row .history_time{ float:left; color:#0a9989; width:16%; text-align:right; padding:20px 15px 20px 0; box-sizing:border-box; }
.history-row .history_description{ position:relative; float:left; width:82%; padding:20px 0 20px 25px; box-sizing:border-box; border-left:3px solid #cdece9;min-height:90px; }
.history-row .history_description .circle-icon{background-image:url(images/circle.png); background-position:center;left: -10px; top:22px; background-repeat:no-repeat; height:16px; width:16px; position:absolute; z-index:99;}
#aboutintro-list{ float:left; width:100%; clear:both; }
#aboutintro-list ul{ margin:0px; padding:0px; float:left; clear:both; width:100%; }
#aboutintro-list ul li{ clear:both; list-style:none; float:left; width:100%; margin:0 0 25px 0; }
#aboutintro-list ul li .image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #bab8b8;
    display: inline-block;
    float: left;
    height: 250px;
    overflow: hidden;
    width: 40%;
}
#aboutintro-list ul li .introduction-info{min-height: 250px;border-left:none; float:left; width:60%; padding:0; position:relative;position:relative;} 
#aboutintro-list ul li .introduction-info h3{ background-color:#cdece9; padding:14px 15px; box-sizing:border-box; margin:0px; font-size:22px; font-weight:normal; }
#aboutintro-list ul li .sort_description{ padding: 10px 15px;}
#aboutintro-list ul li .sort_description p{ margin-bottom:0px; }
#aboutintro-list ul li .button-action{ text-align:right;  }
@media screen and (min-width: 1200px) {
#aboutintro-list ul li .button-action{ position:absolute; right:0px; bottom:0px;}
}
#about-introduction{ }
#about-introduction .architecture-name{ margin-bottom:20px; }
#about-introduction .architecture-name h1{font-size: 26px;
    font-weight: 400;
    margin: 0;}
#about-introduction .introduction-content .image{ clear:both; width:100%; margin-bottom:20px; }	
#about-introduction .introduction-content .entry-content{ clear:both; width:100%; }
/* End */ 
@media screen and (max-width: 1024px) {
	#owl-video {margin-top: 8px;}
}
@media only screen and (max-width: 980px) {
	.tab-layout .tabs-col{width: auto; float:none;
border-bottom: 1px solid #b2b2b2;
margin-bottom: 25px;
padding-bottom: 5px;
margin: 0 -15px 22px -15px;    display: block;}
	.tab-layout .tabs-col ul.tabs li{ width:auto; }
	.tab-layout .tab-content-section{ width:100%;padding-left: 0;border-left:none; }
	#exhibition-list ul > li .exhibition-info p label{ width:auto; }
	#exhibition-list ul > li .exhibition-info p span{ width:auto; }
} 
@media only screen and (max-width: 768px) { 
	.history-timeline{padding: 18px 15px;}
	.history-row .history_time{width: 20%;}
	.history-row .history_description{ width:79%; }
	#primary{padding: 20px 0 !important;}
	#guide_form input, #guide_form select, #guide_form textarea{width: 62% !important;}
	#exhibition-view .exhibition-top .exhibition-info h1{ margin-top:0px; }
	.page-home{ margin-top:30px; }
} 
@media only screen and (max-width: 600px) { 
	#exhibition-list > ul > li .image{ width:100%; }	
	.exhibitions-page #exhibition-list > ul > li .exhibition-info, #exhibition-list > ul > li .exhibition-info {padding: 15px; width: 100%;}
	#exhibition-list > ul > li .exhibition-info{border-left:3px solid #cdece9; border-top:none;min-height:10px;}
	.exhibitions-page #exhibition-list > ul > li .exhibition-info{ min-height:10px; }
}
@media only screen and (max-width: 630px) {  	 
	.history-row .history_time{width: 25%;}
	.history-row .history_description{ width:75%; }
	.history-timeline{font-size: 14px; padding: 18px 10px;}
}
@media only screen and (max-width: 550px) { 
	#aboutintro-list ul li .image{ width:100%; }
	#aboutintro-list ul li .introduction-info{ width:100%; float:left;min-height: 10px; }
	#aboutintro-list ul li .introduction-info .sort_description{padding: 10px 0;} 
	#exhibition-view .exhibition-top .image, #enterunit-view .enterunit-top .image{ width:100%; margin-bottom:16px; }
	#enterunit-view .enterunit-top .enterunit-info h1{ margin-bottom:0px; }
	#exhibition-view .exhibition-top .exhibition-info, #enterunit-view .enterunit-top .enterunit-info{float: left;width: 100%;}
	#exhibition-view .exhibition-top .exhibition-info h1, #exhibition-view .exhibition-top .exhibition-info p.post-date{ margin-bottom:20px; }
	#exhibition-view .exhibition-content .info-row{ margin-bottom:18px; }
}
@media only screen and (max-width: 500px) { 
	#guide_form .gform_wrapper .left_label .gfield_label{width: 100% !important; margin-bottom:4px;}
	#guide_form input, #guide_form select, #guide_form textarea{width: 100% !important;}
	#guide_form .gfield_description{ margin-left:0px !important; }
	#guide_form ul li.gfield{ margin:0px !important; }
	.innovation-list > ul > li .image{ width:100%; }
	.innovation-list > ul > li .innovation-info{min-height: 10px; padding: 15px; width: 100%;border-left:3px solid #cdece9; border-top:none; }
	.innovation-list > ul > li .innovation-info p{ margin-bottom:15px; }
	.innovation-list > ul > li .innovation-info p:last-child{ margin-bottom:0px; }
	.gform_wrapper .gform_footer.left_label, .gform_wrapper .gform_footer.right_label{ margin-left:0 !important;width: 100% !important;text-align: center;  }
}
@media only screen and (max-width: 480px) {  	 
	#news-list > ul > li .news-image{ height:auto; }
	#news-list > ul > li h2{ min-height:10px; }
	.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}
@media screen and (min-width: 351px) { 
	.header-top .header-search{ right:70px;  /*width: 270px;*/} 
}
@media screen and (max-width: 350px) {  
	.header-top .logo-text img{width: 180px;}
	.menu-toggle{background-size: 32px auto;width: 30px;height: 34px;}
	.header-top .header-search{top: 110px;}
	.header-top .header-search{ right:56px;/*width: 250px;*/ }
}
/* About Pages */
.footer-bottom{clear: both;float: left;width: 100%;}
#header-about{ clear:both; float:left; width:100%; background-color:#cdece9;padding:15px 30px; }
#header-about .links{ float:right; color:#000;} 
#header-about .links a{ font-size:16px; text-decoration:none; }
#header-about .links a.active{ font-weight:600; }
#header-about .links a:hover{ text-decoration:underline; }
#footer-about{ clear:both; float:left; width:100%; background-color:#f2f2f2; padding:25px 0; }
#footer-about .footer-text{display: inline-block; float: left; vertical-align: middle;}
#footer-about .footer-text p{ font-size:16px; margin:0px; }
#footer-about .textwidget{ margin-top: 14px;}
#footer-about .footer-social{clear: none;display: inline-block;float: right;margin-top: 0;vertical-align: middle;width: auto;}
.about-layout{font-size: 16px;}
.about-layout .about-content{ clear:both; float:left; width:100%; padding:35px 0;}
.about-layout .about-content .entry-header{ text-align:center;}
.about-layout .about-content .entry-header h1{font-weight:bold; font-size:30px;}
#primary.about-layout{ margin:0px; padding:0px !important; } 
#primary.about-layout .visit-section{ clear:both; width:100%; float:left; background-color:#f0fffd; padding:35px 0; }
#primary.about-layout .visit-section .heading{ margin-bottom:25px; text-align:center;}
#primary.about-layout .visit-section .heading h2{ margin:0px; padding:0px; font-size:24px;}
#primary.about-layout .visit-section .visite-top{ clear:both; float:left; width:100%; margin-bottom:25px; }
#primary.about-layout .visit-section .visite-top .col-6{ width:48%; float:left; }
#primary.about-layout .visit-section .visite-top .image img{ border:1px solid #979797; }
.visit-info ul{ margin:0px; padding:0px; }
.visit-info ul li{ list-style:none; margin:0px 0 15px 0; padding:0px;line-height:22px;}
.visit-info ul li:last-child{ margin-bottom:0px; }
.visit-info ul li label{ font-weight:bold; font-size:18px; width:100%; display:inline-block; }
#primary.about-layout .visit-section .visite-top .col-6.visit-info{ float:right; }
@media screen and (max-width: 768px) {
	.about-layout .about-content .entry-header h1{ font-size:26px; }
	#enterunit-view .enterunit-top .enterunit-info p.unitsalon_name, #enterunit-view .enterunit-top .enterunit-info p.unitseason_name{ margin-bottom:15px; }
}
.post-gallery .owl-carousel .owl-dots{ display:none; margin-top:12px; }
@media screen and (max-width: 600px) {
	#primary.about-layout .visit-section .visite-top .col-6{ width:100%; max-width:100%; padding:0px !important; }
	#primary.about-layout .visit-section .visite-top .col-6.image{margin-bottom:20px;}	
	.post-gallery .owl-thumbs{ display:none; }
	.post-gallery{ padding:20px; }
	.post-gallery .owl-carousel .owl-dots{ display:block; }
	.post-gallery .owl-carousel .owl-nav{ display:none; }
	.post-gallery .owl-carousel .owl-item .item{ width:100%; }
	.post-gallery { padding: 15px;}
}
/* End */
.post-gallery .owl-thumbs img{ width:145px;}

/* FAQ */
#faq-list button.accordion { 
    color: #000; font-size:16px;
    cursor: pointer;position:relative;
    padding: 14px 30px 14px 12px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;background-color:transparent;
    transition: 0.4s;border-bottom:1px solid #979797;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
#faq-list button.accordion:hover{  }
#faq-list button.accordion.active{ background-image:none !important;
   background-color: #cdece9 !important;  
   -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
}

/* Style the accordion panel. Note: hidden by default */
#faq-list{float:left; width:100%; background-color:#f1f1f1; padding:15px 25px;}
#faq-list div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
#faq-list div.panel p{ margin:16px 0;padding:0px; }
#faq-list button.accordion:after {
   /* content: '\02795';*/ /* Unicode character for "plus" sign (+) */
   content: ""; width:24px; height:24px;
   background-image:url(images/down-arrow.png); background-repeat:no-repeat;
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;position:absolute; top:18px; right:20px;
}

#faq-list button.accordion.active:after {background-image:url(images/up-arrow.png);
   /* content: "\2796";*/ /* Unicode character for "minus" sign (-) */
}
.faq-content .entry-header { 
    margin-bottom: 30px; 
}
.faq-content .entry-header h1 {background-color:#0a9989; display:inline-block; padding:10px 60px 10px 65px; color:#fff; border-radius:10px;
    font-size: 24px;
    margin: 0px;
    font-weight: 400;background-image:url(images/q&a-icon.png); background-repeat:no-repeat; background-position:left 20px center;
}
@media screen and (max-width: 600px) {
	#faq-list {padding: 15px 12px;}
	#faq-list button.accordion{ font-size:15px; }
	#faq-list button.accordion:after {width:20px; height:20px; top:16px;background-size:16px;}
} 
#ui-datepicker-div input, #ui-datepicker-div button, #ui-datepicker-div select{ color:#000; }
#ui-datepicker-div select{ padding:3px;margin: 3px;max-width: 70px;}
.contact-info .gov_logo{padding: 0 15px;margin-top: 10px;}
@media screen and (max-width: 600px) {
	#footer .footer-col .textwidget, #footer .footer-col .footer-social, #footer .footer-col .footer-links {padding: 0 15px;}
	#footer .footer-col h3{padding: 0 15px;}
	.gov_logo{ right:15px; }
}
@media screen and (max-width: 335px) {
	#footer .footer-col .textwidget, #footer .footer-col .footer-social, #footer .footer-col .footer-links {padding: 0 10px;}
	#footer .footer-col h3{padding: 0 10px;}
	.gov_logo{ right:0px; }
}
#main-menu .container{overflow:inherit; position:relative; z-index:999;}
#footer .copyright{ font-size: 18px; }
#footer .copyright p{ margin-bottom:0px;  }
/* End */
.owl-carousel div, #owl-video div{ max-width:none !important; }
.exhibitions_view .exhibition-top, .history_view .exhibition-top{ background-color:#cdece9; padding:10px; box-sizing:border-box; }
.heading_line{ border-bottom: 1px solid #333;
    
    letter-spacing: 4px;
    margin-bottom: 25px;
    padding-bottom: 6px;}
.heading_line h2{ margin:0px; padding:0px; font-size: 24px;
    font-weight: 400;  }
.exhibition-content .basic-info{ margin-bottom:20px;width: 100%; float:left; }
.travel-section .travel-content img{border: 10px solid #cdece9;}
.more-button.button{ min-width:130px; }
.introduction-area .more-button.button{ min-width:200px; }
.iframe_embed_code{width:100%; height:550px; border:none;}
.EmbedCodeModal .modal-dialog { 
    max-width: 95%;
    width: 850px;
}
.interactive-image .container_i{ display:none !important; }
.visit_content{margin-bottom: 30px; }
.map-content p{font-size: 16px;}
/*.ms-moz .ms-slide-bgcont > img, #main-slider .ms-container img{height: auto !important;}*/
.ssl_logo{margin-top: 10px; text-align: right;}
.file-download{ margin:15px 0 30px 0; clear:both; }
.file-download ul{ padding:0px;margin: 10px 0 10px 10px; }
.file-download ul li{  list-style:none; padding:3px 0; }
.file-download ul li a{ position:relative; text-decoration:underline;  font-size:14px; padding-left:34px;}
.file-download ul li a:hover{ text-decoration:none; }
.file-download ul li a:before{background-image: url(images/download-icon.png); background-repeat:no-repeat; background-position:left; content:" "; left:0; width:26px; height:18px; position:absolute;top: 2px;} 
.toolbar select {
	background-image: linear-gradient(-180deg, #D9D9D9 0%, #B8B8B8 100%),url('images/select-bg.svg');
	background-position: center, right top;
    background-repeat: repeat, no-repeat;
border-radius: 8px;
 border: 1px solid #D9D9D9;  
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
 /* background: #ffffff url('images/select-bg.svg') no-repeat 100% 45%;
  background-size: 30px 60px;
  border: 1px solid #cccccc;*/
  height: 40px;
  padding-right: 25px;
  padding-top: 4px;
  text-indent: .01em;
  text-overflow: ''; position:relative;
}
.toolbar select:after{ position:absolute; content:" "; background-image:url('images/select-bg.svg'); right:0; top:5px; }

/* Lost Page */
.lost-type{ position:relative; }
.lost-type label#losttype{border-radius: 8px;border-color: #cdcdcd;color: #222222;padding-left: 24px;padding-right: 24px; margin:0;}
.keyword-search > div{ display:inline-block;vertical-align: top;}
.lost-type label#losttype:hover{ background-color:#fff; }
.lost-type label#losttype.active{ border-color:#0a9989; background-color:#0a9989; color:#fff; }
.lost-type .lost-selection{ position: absolute;top: 40px;width: 385px;display:none;background-color: #fff;border-radius: 8px; padding:25px 25px 15px 25px; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);z-index: 99;height: 300px;overflow-y: scroll;}
.lost-type .lost-selection ul{ margin:0px; padding:0px; }
.lost-type .lost-selection ul li{ margin: 3px 0;list-style:none; }
.lost-type .lost-selection ul li input[type=checkbox]{vertical-align: middle; margin-right:5px; }
#foundlost-list .txt-input{height: 40px;width: 160px;}
#foundlost-list{min-height: 300px;}
.button-clear{ cursor:pointer; }
.foundlostTable{ font-size:14px; }
.foundlostTable label{ font-size:16px; }
.foundlostTable th{ }
.foundlostTable .desc, .foundlostTable .desc p{ color:#474747; }
.foundlostTable td, .foundlostTable th{border-top:none !important; }
@media only screen and (max-width: 790px) {
	.lostForm .d-flex{display: block !important;width: 100%;}
	.lostForm .lost_month_field, .lostForm .keyword-search{ width:100%; display:block;margin-right: 0 !important;}
	.lostForm .lost_month_field{ margin-bottom:15px; }
}
.keyword-search .keyword-btn .btn{ border-color:#cdcdcd;}
@media only screen and (max-width: 575px) {
	.lost-type .lost-selection ul li{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	.lost-type .lost-selection{ width:300px; }
	.lostForm .lost_month_field label{ width:100%; }
	.lost-type label#losttype{width: 100%;}
	.keyword-search .keyword, .keyword-search .lost-type, .lost_month_field input{ width:48% !important; margin-right:0px !important;}
	#foundlost-list .txt-input{ width:100%; }
	.keyword-search .keyword-btn{ text-align:center; width:100%;margin-top:15px;margin-bottom: 12px; }
	.keyword-search .keyword-btn .btn{ min-width:48%; }
}

.news-section{ clear:both; width:100%; float:left; }
.news-section h3{font-size: 16px;
line-height: 24px;
margin-bottom: 8px;
/*min-height: 48px;*/}
.news-section h3 a{ color:#666; }
.news-section .owl-nav{margin: 0 !important;
position: absolute;
left: 0;
right: 0;
top: 30%;}
.news-section .owl-nav div{ margin:0px !important; background-color:rgba(0, 0, 0, 0.4) !important;border-radius:0 !important;background-repeat: no-repeat !important;
font-size: 0px !important;
background-size: 20px !important;
width: 28px; 
height: 38px;background-position: center !important; }
.news-section .owl-nav .owl-prev{float: left; background-image: url(images/back-arrow.svg) !important;}
.news-section .owl-nav .owl-next{float: right;background-image: url(images/next-arrow.svg) !important;}
.news-section .owl-nav.disabled{ display:block !important; }
.image-wrapper {
  height: 150px;
  overflow: hidden; width:100%;
}

.image-wrapper img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.wpbc_structure_form .form-group .control-label{ display:inline-block; font-weight: 400; width: 150px; }
.management-content > label{ display:inline-block; min-width:177px; font-weight: 400;}
.management-content > select{width: 254px;box-sizing: content-box;}
.wpbc_structure_form .form-group .controls{ display:inline-block; position:relative; }
.form-group.textarea .controls{ width:calc(100% - 180px); }
.wpbc_structure_form textarea{ width:100% !important; }
.booking_form .form-group .controls select, .booking_form select, .booking_form textarea, .booking_form input[type="text"]{ border-radius:0px !important; }
.wpbc_structure_form .btn{background-color: #efcf62 !important;color: #000 !important;border: 1px solid #efcf62 !important;border-radius: 30px !important; text-shadow:none !important; padding: 10px 70px !important;font-size: 16px !important;}
.wpbc_structure_form .btn:hover, .wpbc_structure_form .btn:focus{ background-color:#f3ca40 !important; }
.wpbc_structure_form .button-action{ text-align:center; margin-top:35px !important; }
.wpbc_structure_form input[type="checkbox"]{position: inherit !important;}
.wpbc_structure_calendar .rent-calendar{ display:inline-block; }
.field_row_calendar .rent-label, .field_row_activityneed .control-label{ vertical-align:top; }
.field_row_activityneed .wpdev-list-item{ display:block; clear:both; }
.field_row_activityneed .wpdev-list-item label{padding-left: 5px !important;}
.field_row_activityneed .txt-activityother{ position:absolute;position: absolute;bottom: -3px;left: 92px;}
.booking_form .wpdev-checkbox .wpdev-list-item, .booking_form .wpdev-radio .wpdev-list-item { padding-top:5px !important; padding-bottom:5px !important; }
.booking_form .form-group.field_row_activityneed{ margin-bottom:35px; }
.txt-activityother{ display:none; }
#footer .contact-info p{ margin:0 0 16px 0; }
.footer-links ul{ }
.footer-links ul li{display: inline-block; position:relative;margin-right: 5px;}
.footer-links ul li a{ color:#6d6d6d; }
.footer-links ul li:not(:last-child):after{ content:"|"; position:absolute;right: -8px; }
.footer-links ul li:last-child{ margin-right:0px !important; }
.footer-links ul li:last-child a:after{ content:""; }

/* Navigation */
#menu-main-menu{position: relative;}
#menu-main-menu > li > .nav-item{ border:1px solid #fff;
	width:160px;
	height:140px;
	display:inline-block;
	float:left;
	cursor:pointer;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s; background-color:#aadcd7; text-align:center;
}
@media only screen and (max-width: 1150px) {
	#menu-main-menu > li > .nav-item { width: 142px;}
}
@media only screen and (max-width: 1024px) {
	#menu-main-menu > li > .nav-item { width: 138px;}
}
#menu-main-menu > li.current_page_item > .nav-item, #menu-main-menu > li.current-menu-ancestor > .nav-item, #menu-main-menu > li.current-menu-parent > .nav-item{ background-color:#fff2a7; }
#menu-main-menu > li:hover > .nav-item{
	opacity:1;
	height:155px;
}
#menu-main-menu > li:hover > .nav-item{
	border-bottom:4px solid rgba(11, 132, 138, 1);
} 
#menu-main-menu > li > .nav-item img{
	background:rgba(255, 255, 255, 0.4);
	padding:10px;
	border-radius:100%;
	margin:22px auto 12px auto;
	display:block;
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 0 0 8px rgba(255,255,255,0.1);box-sizing: initial;
}
#menu-main-menu > li:hover > .nav-item img {
	background:rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 0 10px rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.8);
}
#menu-main-menu > li > .nav-item span{
	text-align:center;
	display:block; font-size:18px !important;
	padding-top:10px;
	color:#333;
	font-size:0.9em;
	transition:padding-top 0.4s;
	-webkit-transition:padding-top 0.4s;
}
#menu-main-menu > li:hover > .nav-item span{
	padding-top:20px;
}

/* End */
.shift_review #post-body-content{width: 96%; background-color:#fff;}	
.shift_review #script-warning {
	display: none;
	background: #eee;
	border-bottom: 1px solid #ddd;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: red;
}
.shift_review #loading {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
}
.shift_review #calendar { 
	padding: 0 10px;
}
#calendar .fc-event{ border-radius:0 !important; padding:4px !important; cursor:pointer !important; }
#calendar .fc-event.user_in{ border:2px solid #f95a81 !important; } 
#calendar .fc-event.event_type_2.user_not{  cursor:default !important; }
.news_links li{ margin-bottom:20px; }
.news_links li, .news_links li a{ color:#0a9989}
.news_links_section{ background-color:#f4f4f4; border-radius:8px; padding:18px;height: 100%; }
.news-banner{ background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;}
.news-banner:after{content: ' ';position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.4);}
.news-banner h1{ color:#fff; margin:0px; font-size:24px; padding:80px 15px;position: relative;z-index: 9;}
#mobile-nav-menu{ display:none; }
@media screen and (max-width: 991px) {
	#main-slider{border-bottom: 6px solid #cdece9;border-top: 6px solid #cdece9;}
}
.fc-toolbar h2{font-size: 16px;display: inline-block; padding: 0 30px;}
#calendar .fc-button{border: none;background-color: transparent !important;background-image: none;box-shadow: unset;}
#calendar .fc-button .fc-icon:after{ color:#0a9989; }
/* Tree status page */
#treestatus-page{ border-top:20px solid #617832; background-image: url(images/tree-background-min.png); background-repeat:no-repeat; background-position:top; background-size:cover;}
.tree-heading{ padding:24px 0 0 0; }
#treestatus-page #primary{ padding:0 !important; }
#treestatus-page .container{ max-width:1024px; } 
.dynamic-tree{ position:relative; }
.dynamic-tree img.img_tree{ width:100%; border:2px solid #617832; padding:10px; }
.building_tree_image img, .the_tree_image img{ width:100%; }
.the_tree_image{ display:none;width:100%; }
.tree_board{ position:absolute; right:102px; bottom:80px; }
.tree_board .nooftree{ color:#fff;position: relative;top: 45px;left: 26px; transform: rotate(5deg);}
.nooftree .mobile_text{display:none; }
@media screen and (max-width: 576px) {
	.dynamic-tree img.img_tree{padding:5px;}
	.the_tree_image{ display:block; }
	.building_tree_image{ display:none; }
	.tree-desc p:last-child{ margin-bottom:0px; }
}
@media screen and (max-width: 980px) and (min-width: 768px) { 
	.tree_board img{ width:96px; }
	.tree_board { 
		right: 10%;
		bottom: 15%;
	}
	.tree_board .nooftree { 
		top: 38px;
		left: 15px;
		font-size: 13px;
	}
}
@media screen and (max-width: 767px) {
	.nooftree .desktop_text{display:none; }
	.nooftree .mobile_text{display:inline-block; }
	.tree_board .nooftree {
		top: 31px;
		left: 0;
		font-size: 12px;
		text-align: center;
	}
}
@media screen and (max-width: 767px) and (min-width: 576px) { 
	.tree_board img{ width:82px; }
	.tree_board { 
		right: 10%;
		bottom: 15%;
	}
}
@media screen and (max-width: 575px) and (min-width: 400px) { 
	.tree_board img{ width:60px; }
	.tree_board { 
		right: 10%;
		bottom: 15%;
	}
	.tree_board .nooftree {
		top: 25px;
		left: 2px;
		font-size: 12px;
		text-align: center;
	}
}
@media screen and (max-width: 400px) {
	.tree_board img{ width:50px; }
	.tree_board { 
		right: 10%;
		bottom: 15%;
	} 
	.tree_board .nooftree {
		top: 21px;
		left: 2px;
		font-size: 11px;
		text-align: center;
	}
	.tree-heading img{ max-width:90%; }
}
@media (max-width: 700px) {
.master-slider-parent > .master-slider {background: none !important;}
.ms-slide .ms-slide-bgcont img{height: auto !important;margin-top: 0 !important;}
.ms-bullets.ms-dir-h{bottom:0 !important; }
}

/*	2024	St	*/
#header{
	height: 117px;
}

.d_flex{
	display: flex;
}

.d_none{
	display: none;
}

.d_inblock{
	display: inline-block;
}

.flex_jc_s{
	justify-content: start;
}

.flex_jc_c{
	justify-content: center;
}

.flex_jc_e{
	justify-content: end;
}

.flex_jc_sb{
	justify-content: space-between;
}

.flex_jc_sa{
	justify-content: space-around;
}

.flex_ai_c{
	align-items: center;
}

.flex_wrap_w{
	flex-wrap: wrap;
}

.flex_flow_rw{
	flex-flow: row wrap;
}

.position_r{
	position: relative;
}

.position_a{
	position: absolute;
}

.text_align_c{
	text-align: center;
}

.mt_20{
	margin-top: 20px;
}

.mt_30{
	margin-top: 30px;
}

.mt_40{
	margin-top: 40px;
}

.mt_50{
	margin-top: 50px;
}

.mt_80{
	margin-top: 80px;
}

.mt_100{
    margin-top: 100px;
}

.mt_120{
    margin-top: 120px;
}

.mt_150{
    margin-top: 150px;
}

.pdt_50{
	padding-top: 50px;
}

.pdt_60{
	padding-top: 60px;
}

.pdt_90{
	padding-top: 90px;
}

.bg_l1{
	background-color: #C3AA34;
}

.bg_l2{
    background-color: #EAEAEA;
}

.bg_l3{
    background-color: #F4F4F4;
}

.pagebanner{
    transform-style: preserve-3d;
}

.pagebanner svg{
    width: 100%;
}

ul.nav-menu .current-menu-item .nav-item a
, ul.nav-menu .current-menu-parent .nav-item a{
    color: #C3AA34
}

.btn_def{
    cursor: pointer;
}


/*ENG VERSION ST*/

.eng-nav{
	margin-right: 20px;
}

.eng-ul li{
	margin: 0 20px 0 20px;
}

.eng-ul-interval{
	border-top: 1px solid #b4b4b4;
}

#mobilenav .eng-ul li a {
	color: #ffffff;
    width: 100%;
    display: inline-block;
    padding: 10px 20px 10px 36px;
    position: relative;
}


/*ENG VERSION ED*/

@media (min-width: 300px) {
	.widget_wgs_widget .gsc-results-wrapper-overlay{
        width: 77vw;
        margin-left: 290px;
	}
}

@media (min-width: 992px) {
	.widget_wgs_widget .gsc-results-wrapper-overlay{
        width: 77vw;
        margin-left: auto;
	}
}

.container-t{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-t {
        max-width: 363px;
    }
}

@media (min-width: 768px) {
    .container-t {
        max-width: 726px;
    }
}

@media (min-width: 1100px) {
    .container-t {
        max-width: 1000px;
    }
}

@media (min-width: 1300px) {
    .container-t {
        max-width: 1200px;
    }
}

/*	index slider	st	*/

.index_slider_back_img svg{
	width: 100vw;
}

#index_slider_text_outside{
	min-height: 240px;
}

/*	index slider	ed	*/

.header-top .logo {
    width: 210px;
    margin-top: 10px;
}

.sidebar_active{
    width: 30px;
    height: 60px;
    background-color: #C0AC4B;
    color: #3C3C3C;
    position: absolute;
    top: -17%;
    right: 0;
    line-height: 55px;
    text-align: center;
    border-radius: 5px 0px 0px 5px;
    box-shadow: 5px 0 5px rgba(23, 23, 54, 0.6);
}

.sidebar_active #svgangle-left{
	width: 15px;
	margin-left: 4px;
}

.sidebar_active #svgangle-right{
	width: 15px;
	margin-left: 4px;
}

.sidebar_section{
    position: fixed;
    top: 250px;
    right: 0;
    width: 135px;
    z-index: 99;
    margin-left: -135px;
}

.sidebar_section_btn_click{
	background-color: #E7DEB1;
}

.sidebar_section_btn_click a{
	color: #000000;
}

.sidebar_section_btn_click a:hover{
	color: #000000;
}

.sidebarSectionhideUp{
	display: none;
}

#header .header_nav_block{
	margin-top: 28px;
}

.footericon{
	margin-right: 20px;
}

@media screen and (max-width: 575px) {
    #menu-footer-service-menu {
        margin-top:10px;
    }
}
#footer .footer_block .footer-content {
	display: flex;
}

#footer .footer_block .footer-content h3{
    line-height: 26px;
    font-size: 24px;
    font-weight: bold;
    width: 9vw;
}

#footer .footer_block .footer-content .textwidget{
	width: 21vw;
	float: inline-end;
}

#footer .footer_block_time .footer-content {
	display: flex;
}

#footer .footer_block_time .footer-content h3{
    line-height: 26px;
    font-size: 24px;
    font-weight: bold;
    width: 9vw;
}

#footer .footer_block_time .footer-content .textwidget{
	width: 34vw;
	float: inline-end;
}

#footer .container .copyright{
	text-align: end;
	margin-bottom: 10px;
}

#footer .container .accessibility{
    box-sizing: border-box;
    padding: 0 5px;
}

@media (max-width: 991px) {
	#footer .footer_block .footer-content {
		display: flex;
	}

	#footer .footer_block .footer-content h3{
	    line-height: 26px;
	    font-size: 24px;
	    font-weight: bold;
	    width: 28vw;
	}

	#footer .footer_block .footer-content .textwidget{
		width: 70vw;
		float: inline-end;
	}

	#footer .footer_block_time .footer-content {
		display: flex;
	}

	#footer .footer_block_time .footer-content h3{
	    line-height: 26px;
	    font-size: 24px;
	    font-weight: bold;
	    width: 28vw;
	}

	#footer .footer_block_time .footer-content .textwidget{
		width: 70vw;
		float: inline-end;
	}
}


/* index hotnews st	*/
.news_banner_img svg{
	height: 115px;
	z-index: 0;
}

.news_banner_img{
    top: 0px;
    left: -20px;
}

.news_more{
	font-size: 18px;
    letter-spacing: 0.01em;
    left: 170px;
    top: 25px;
    z-index: 1;
}

.news_more a{
	color: #666;
    font-size: 16px;
    line-height: 16px;
}

.news_btn{
    z-index: 1;
    border-top: 3px solid;
    top: -30px;
}

.news_btn_def{
    width: 25%;
    padding: 16px 8px;
    margin: 0 1px 0 0px;
    background-color: #C0AC4B;
    color: #FFFFFF;
    cursor: pointer;
	font-size: 16px;
	letter-spacing: 0.01em;
}

.news_btn_select{
	background-color: #3C3C3C;
	color: #FFFFFF;
}

.news_dtl_li_a_div{
	min-height: 50px;
    margin: 10px 0px 30px 0px;
}

.news_dtl_catname{
	min-width: 68px;
    letter-spacing: normal;
    border-bottom: 1px solid #BFAC49;
    margin-right: 10px;
    justify-content: center;
	font-size: 16px;
    box-sizing: border-box;
}

.news_dtl_title{
    width: auto;
    min-width: 185px;
    border-bottom: 1px solid #BFAC49;
    margin-right: 5px;
	font-size: 16px;
    box-sizing: border-box;
}

.news_dtl_date{
	min-width: 100px;
    border-bottom: 1px solid #BFAC49;
    padding-left:0px;
    letter-spacing: normal;
    justify-content: center;
	font-size: 16px;
    box-sizing: border-box;
}

.news_ins_title_svg svg{
    width: 453px;
    height: 93px;
}

.news_ins_title{
	font-size: 24px;
	letter-spacing: 0.01em;
}

.news_ins_title_hr{
	width: 60%;
	margin: 12px auto;
}

.newinschgpage{
    height: 100%;
}

.newinschgpage svg{
    width: 100%;
    height: 105px;
}

#news_ins_p{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-right: none;
}

#news_ins_b{
	font-weight: 800;
	border-right: none;
    border-left: none;
    font-size: 20px;
    width: 180px;
}

#news_ins_n{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-left: none;
}

@media (min-width: 768px) {

	.news_ins_title{
		font-size: 40px;
	}

	.news_dtl_li_a_div{
	    min-height: 53px;
    	margin: 0px 0px 0px 0px;
	}

	.news_dtl_catname{
	    width: 100px;
	    margin-right: 10px;
	}

	.news_dtl_title{
		width: 400px;
        margin-right: 10px;
        justify-content: normal;
	}

	.news_dtl_date{
        width: 110px;
        padding-left: 10px;
        justify-content: normal;
	}

	.news_more{
        width: 95px;
        left: 165px;
        top: 25px;
	}
}


/* index hotnews ed	*/

/* index guide st	*/
.guide_btn{
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}

/* index guide ed	*/

/* index exhibition st	*/

.exh_section_banneru{
	top: -15px;
    z-index: 3;
    padding-left: 20px;
}
.exh_section_banneru svg{
	width: 260px;
}

.exh_section_bannerd{
	top: 30px;
    position: absolute;
    z-index: 1;
    padding-left: 20px;
}
.exh_section_bannerd svg{
	width: 120px;
}

#exh_slider{
	padding-left: 50px;
}

.exh_slider_item a svg{
	width: 100%;
	height: 315px;
}

#exh_section_prev{
	cursor: pointer;
}

#exh_section_prev svg{
	width: 40px;
	height: 40px;
}

#exh_section_next{
	cursor: pointer;
}

#exh_section_next svg{
	width: 40px;
	height: 40px;
}

.exh_section_prevnext_page{
    margin: 20px 15px 0px 15px;
}

.exh_section_prevnext_line{
	width: 120px;
	background-color: #C0AC4B;
	height: 4px;
	border-radius: 10px;
}

.exh_section_prevnext_line .line_value{
	background-color: #3C3C3C;
	height: 4px;
    border-radius: 10px;
}

.exh_more{
	margin-left: 20px;
}

@media (min-width: 991px) {
	.exh_section_banneru{
	    padding-left: 0px;
	}

	.exh_section_bannerd{
	    padding-left: 0px;
	}

	#exh_slider{
		padding-left: 0px;
		margin-left: 40px;
	}
}

/* index exhibition ed	*/

/* index workshop st	*/

.workshop_more{
    width: 105px;
    z-index: 3;
    left: 200px;
    top: -25px;
}

.workshop_more a{
    color: #666;
    font-size: 16px;
    line-height: 18px;
	letter-spacing: 0.01em;
}

.workshop_banneru{
    position: absolute;
    top: -54px;
    z-index: 2;
    padding-left: 20px;
}

.workshop_banneru svg{
	height: 88px;
}

.workshop_bannerd{
	position: absolute;
    top: -9px;
    padding-left: 20px;
}

.workshop_bannerd svg{
	width: 140px;
}

#workshop_slider{
    margin-left: 20px;
    padding-left: 40px;
}

.workshop_home_item{
    /*background-color: #F1F1F1;*/
    margin-bottom: 3px;
    border-radius: 6px;
    width: 240px;
    height: 300px;
}

#workshop_section_prev, #workshop_section_next{
	cursor: pointer;
}

@media (min-width: 991px) {
	.workshop_banneru{
	    padding-left: 0px;
	}

	.workshop_bannerd{
	    padding-left: 0px;
	}

	#workshop_slider{
	    margin-left: 20px;
    	padding-left: 0px;
	}
}


/* index workshop ed	*/

/* index map st	*/


/* index map ed	*/

/* index review st	*/

.index_review_banner svg{
	height: 95px;
}

.review_yt .item .video-content{
    background-color: #C0AC4B;
    width: 400px;
    border-radius: 15px;
    padding: 6px 1px 6px 10px;
    color: #FFFFFF;
}

.review_yt .item .video-content div{
    line-height: 18px;
    color: #FFFFFF;
	font-size: 18px;
}

.review_yt{
    position: static;
}

.review_section_btn{
    position: static;
    width: 350px;
	margin-top: 30px;
}

.review_iframe{
	border-radius: 10px;
}

.review_section_down{
	margin-top: 30px;
}

#review_section_prev svg{
	width: 33px;
	height: 33px;
}

#review_section_next svg{
	width: 33px;
	height: 33px;
}

#review_line{
    width: 135px;
    background-color: #C0AC4B;
    height: 4px;
    border-radius: 10px;
    margin: 15px 15px 0px 15px;
}

#review_line .line_value{
    background-color: #3C3C3C;
    height: 4px;
    border-radius: 10px;
}

@media (min-width: 768px) {
	.review_section_btn{
	    width: 250px;
		margin-top: 0px;
	}
	
	.review_section_down{
		margin-top: 0px;
	}
}

@media (min-width: 991px) {
	.index_review_banner{
	    position: absolute;
	    top: 80px;
        left: -45px;
	}

	.review_yt{
		margin-left: 160px;
	}

	.review_yt .item .video-content{
	    width: 615px;
	}

	.review_section_btn{
	    position: relative;
	    top: -33px;
	    left: 770px;
	    z-index: 1;
	}
}

/* index review ed	*/


/* index favlink ed	*/
.favlink_banner{
    width: 233px;
    position: relative;
    top: 10px;
    left: 35px;
}

.favlink_url{
    width: 167px;
    height: 167px;
    border-radius: 50%;
    overflow: hidden;
    background: #D7D2B4;
}

@media (min-width: 768px) {
	.favlink_url{
	    margin: 0 50px;
	}
}

@media (min-width: 991px) {
	.favlink_url{
	    margin: 0 17px;
	}
}

/* index favlink ed	*/

/* pages st */

.pagenum_prev{
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.pagenum_next{
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.custom-pagination-II .page-numbers span.current{
	border-top: 4px solid #3C3C3C;
    color: #666666;
    font-weight: 800;
}

.custom-pagination-II{
	clear:both; 
	float:left; 
	width:100%; 
	padding:6px 10px; 
	box-sizing:border-box; 
	text-align:center;
}
.custom-pagination-II .page_count {
    display: inline-block; 
    vertical-align: middle;
}
.custom-pagination-II .page_jump {
    display: inline-block; 
    vertical-align: middle;
}
.custom-pagination-II .page_jump select{ 
	padding:2px; 
}
/*.custom-pagination-II div.page-numbers{
	display: inline-block; 
	margin:0 30px;
}*/
.custom-pagination-II .page-numbers a, .custom-pagination-II .page-numbers span {
	display:inline-block;
    background-color: #fff;
    border-top: 4px solid #C3AA34;
    color: #B3B3B3;
    box-sizing:border-box;
    padding: 5px 6px;
    font-size: 16px;
    line-height: 16px;
    margin-top: 23px;
    font-weight: 800;
}

.custom-pagination-II .page-numbers .prev{
    border-top: none;
    margin-top: 0px;
    margin-right: 20px;
}

.custom-pagination-II .page-numbers .next{
    border-top: none;
    margin-top: 0px;
    margin-left: 20px;
}

/*
.custom-pagination-II .page-numbers a.next, .custom-pagination-II .page-numbers a.prev {
    border: 1px solid #dcd9c8;
    padding: 5px 8px; 
    box-sizing:border-box;
}
.custom-pagination-II .page-numbers span.current, .custom-pagination-II .page-numbers a:hover {
    background-color: #9D8F8E;
    border: 1px solid #9D8F8E;
    color: #FFF;
}
*/
/* pages ed */


/*	newspage st	*/

.page-banner-2{ 
	clear:both; 
    flex-direction: column;
    height: 160px;
}

.page-banner-img1{
    z-index: 1;
    position: relative;
}

.page-banner-img1 img{
    object-fit: cover;
    overflow: hidden;
    height: 160px;
    width: 100%;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.page-banner-svg1{
    top: 135px;
    left: 155px;
    z-index: 0;
}

.page-banner-svg1 svg{
    width: 130px;
    height: 72px;
}

.page-banner-svg2{
    top: 163px;
    left: 160px;
}

.page-banner-svg2 svg{
    width: 130px;
    height: 50px;
}

.bannerwblock{
    height: 50px;
}

.news_menu_btns a{
    color: #FFFFFF;
    width: 24.5%;
    border-bottom: 2px solid #c3aa34;
}

.news_menu_btn{
	background-color: #3C3C3C;
	letter-spacing: normal;
	margin: 0 1px;
	padding: 3px 0;
    color: #FFF;
    height: 43px;
    font-size: 16px;
}

.news_menu_btn_select{
	background-color: #c3aa34;
}

.news_item{
	margin: 0 0 30px 0;
}

.news_item_date{
	border-bottom: 1px solid;
    min-width: 145px;
    flex-direction: column;
    margin: 0 30px;
}

.news_item_date_md{
	font-size: 28px;
    letter-spacing: normal;
}

.news_item_date_y{
    font-size: 16px;
    letter-spacing: normal;
}

.news_item_categoryname{
	border-bottom: 1px solid;
	font-weight: 800;
    min-width: 145px;
    margin: 0 30px;
    font-size: 16px;
}

.news_item_title{
	border-bottom: 1px solid;
    margin: 0 30px;
    font-size: 16px;
}

.news_item_title svg{
    width: 2rem;
    height: 2rem;
}

@media (min-width: 768px) {
    .page-banner-2{ 
        height: 320px;
    }

    .page-banner-img1{
        z-index: 1;
    }

    .page-banner-img1 img{
        height: 320px;
    }

    .page-banner-svg1{
        top: 270px;
        left: 240px;
    }

    .page-banner-svg1 svg{
        width: 260px;
        height: 145px;
    }

    .page-banner-svg2{
        top: 326px;
        left: 253px;
    }

    .page-banner-svg2 svg{
        width: 260px;
        height: 100px;
    }

    .bannerwblock{
        height: 100px;
    }

    .news_item_date{
        margin: 0 10px 0 30px;
    }

    .news_item_categoryname{
        margin: 0 10px 0 0px;
    }

    .news_item_title{
        border-bottom: 1px solid;
        min-width: 450px;
        margin: 0;
    }

    .news_item{
        margin: 10px 0;
        height: 6rem;
    }
}

@media (min-width: 991px) {
    .page-banner-img1{
        z-index: 0;
    }

    .bannerwblock{
        height: 100px;
    }

    .page-banner-svg1{
        top: 271px;
        left: 430px;
        z-index: -1;
    }

    .page-banner-svg1 svg{
        width: 260px;
        height: 145px;
    }

    .page-banner-svg2{
        top: 327px;
        left: 442px;
    }

    .page-banner-svg2 svg{
        width: 260px;
        height: 101px;
    }

    .news_item_title{
        border-bottom: 1px solid;
        min-width: 550px;
        margin: 0;
    }
}

@media (min-width: 1100px) {
    .news_item_title{
        border-bottom: 1px solid;
        min-width: 680px;
        margin: 0;
    }
}

/*	newspage ed	*/


/*	aboutpage st	*/

.history_timeline_slider{
}

.history_timeline_item{
    height: 300px;
}

.history_timeline_item svg{
	height: 280px;
}

#history_section_prev svg{
    width: 40px;
    height: 40px;
}

#history_section_next svg{
    width: 40px;
    height: 40px;
}

.history_line_block{
	width: 180px;
    margin: 16px 13px 0px 13px;
}

#history_line{
    width: 180px;
    background-color: #C3AA34;
    height: 4px;
}

.history_prevnext_page{
	width: 180px;
}

#history_line .line_value{
	background-color: #3C3C3C;
	height: 4px;
}

.chccpinfotitle-svg{
    z-index: 0;
    top: -55px;
    left: 30px;
}

.chccpinfotitle-svg svg{
    width: 290px;
}

.chccpinfotitle-content{
    z-index: 1;
}

.chccpinfotitle-svg2{
    z-index: 2;
    top: -55px;
    left: 5px;
}

.chccpinfotitle-svg2 svg{
    width: 290px;
}

.chccpinfotitle-content .container .entry-content{
    padding-top: 50px;
}

#timeimprint_slider{
    padding-top: 0px;
    width: 250px;
}

.timeimprint_banneru{
    position: absolute;
    top: 23px;
    z-index: 2;
}

.timeimprint_banneru svg{
    width: 190px;
}

.timeimprint_bannerd{
    position: absolute;
    top: 58px;
}

.timeimprint_bannerd svg{
    width: 150px;
}

.timeimprint_banner{
    width: 250px;
    z-index: 2;
    top: 80px;
    left: -70px;
}

.timeimprint_block{
    width: 240px;
    height: 300px;
    margin: 10px 5px;
	box-sizing: border-box;
}

#timeimprint_section_prev, #timeimprint_section_next{
	cursor: pointer;
}

.timeimprint-ins-chgpage{
    height: 100%;
}

.timeimprint-ins-chgpage svg{
    width: 100%;
    height: 105px;
}

#timeimprint_ins{
	z-index: 0;
}

#timeimprint_ins_prev{
    cursor: pointer;
}

#timeimprint_ins_next{
    cursor: pointer;
}

.timeimprint_post_title{
    font-size: 14px;
    max-width: 230px;
}

.timeimprint_post_chg{
    margin: 0 10px;
    font-weight: 800;
    font-size: 20px;
}

.timeimprint_post_chg svg{
	margin: 0 8px;
}

#timeimprint_ins_line{
  background-color: #c3aa34;
  width: 180px;
  height: 4px;
}

#timeimprint_ins_line .line_value{
  background-color: #3c3c3c;
  height: 4px;
}

.timeimprintInsmobBlock{
    box-sizing: border-box;
}

.timeimprintInsmobTitle{
    font-size: 32px;
    text-align: center;
    letter-spacing: 0.01em;
    font-weight: bold;
    margin: 20px 0;
}

.timeimprintInsmobContent{
	font-size: 16px;
	letter-spacing: 0.01em;
    margin: 20px 0;
}

.timeimprintInsmobPrevnext{
    margin: 20px 0;
    box-sizing: border-box;
}

@media (min-width: 768px) {
	#timeimprint_slider{
	    padding-top: 60px;
	}

    .chccpinfotitle-svg{
        left: 80px;
    }

    .chccpinfotitle-svg2{
        left: 55px;
    }

    .history_timeline_slider{
    }

    #timeimprint_slider{
        width: 500px;
    }
}

@media (min-width: 991px) {
    .history_timeline{
    }

    .chccpinfotitle-svg{
        left: 190px;
    }

    .chccpinfotitle-svg2{
        left: 165px;
    }

    .history_timeline_slider{
    }

    #timeimprint_slider{
        width: 1000px;
    }
}

/*	aboutpage ed	*/


/*	parkposition st	*/

.visitinfo svg, .visitlinkbtn svg{
    width: 90%;
}

.trafficinfo{
    padding: 10px 0;
}

.visit_notice_content{
	margin-top: 20px;
}

.visit_notice_content ul{
	list-style: disc;
    margin-left: 0px;
    width: 90%;
}

.visit_notice_content li{
    font-size: 15px;
}

.trafficinfof{
    z-index: 2;
    top: -40px;
    left: 5px;
}

.trafficinfof svg{
    width: 200px;
}

.trafficinfog{
    z-index: 0;
    top: -40px;
    left: 5px;
}

.trafficinfog svg{
    width: 220px;
}

.trafficmap{
	margin: 0;
}

.parkinfodtl{
    width: 80%;
}

.tfcelestatus{
    width: 90%;
}

.tfcelestep{
    width: 90%;
}

.tfc_mapguideu{
    z-index: 2;
}

.tfc_mapguideu svg{
    width: 343px;
}

.tfc_mapguided{
    z-index: 0;
    top: 32px;
    left: 1px;
}

.tfc_mapguided svg{
    width: 98px;
}

.tfcmapguidegooglemap{
    top: 30px;
    left: 30px;
}

.tfcmapguidegooglemap iframe{
    width: 300px;
    border-radius: 20px;
}

.guided_tour_banner{
    margin-left: 0px;
}

.guided_tour_banner svg{
    width: 457px;
}

.guidetourtitlemob h1{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.01em;
}

.guidetourapplymob svg{
	width: 93%;
}

@media screen and (min-width: 768px) {
	.trafficmap{
		margin: 0 20px 0px 40px;
	}
	
    .visit_notice_content ul{
        list-style: disc;
        margin-left: 0px;
    }

    .trafficinfof{
        left: 70px;
    }

    .trafficinfog{
        left: 70px;
    }

    .parkinfobanner svg{
        width: 500px;
    }

    .tfc_mapguideu svg{
        width: 466px;
    }

    .tfc_mapguided{
        top: 45px;
        left: 1px;
    }

    .tfc_mapguided svg{
        width: 133px;
    }

    .tfcelebanner svg{
    	width: 75%;
    }

    .tfcmapguidegooglemap{
        top: 50px;
        left: 50px;
    }

    .tfcmapguidegooglemap iframe{
        width: 570px;
    }

	.guidetourstep svg{
		width: 90%;
	    margin-left: 35px;
	}
}

@media screen and (min-width: 991px) {
    .tfcmapguidegooglemap{
        top: 60px;
        left: 60px;
    }

    .tfcmapguidegooglemap iframe{
        width: 850px;
    }

	.guidetourstep svg{
		width: 90%;
	    margin-left: 60px;
	}
}

/*	parkposition ed	*/

.parkmap_tab_inner{
	padding-top: 60px;
	margin-top: -60px;
}

.mapablock{
	flex-direction: column-reverse;
}

.mapamenu{
	width: 100%;
	margin-top: 30px;
}

.mapacontent{
	width: 100%;
}

.mapbblock{
	flex-direction: column-reverse;
}

.mapbmenublock{
	width: 100%;
}

.mapbmenu{
    height: 40vw;
    overflow-y: scroll;
}

.mapbmenudesc{
    height: 50px;
}

.mapbcontent{
	width: 100%;
}

@media screen and (min-width: 768px) {
	.mapablock{
		flex-direction: row;
	}

	.mapamenu{
		width: 20%;
		margin-top: 0px;
	}

	.mapacontent{
		width: 80%;
	}
	
	.mapbblock{
		flex-direction: row;
	}

	.mapbmenublock{
		width: 20%;
	}
	
	.mapbmenu{
		height: 50vw;
		overflow-y: scroll;
	}

	.mapbcontent{
		width: 75%;
	}
}

/*	map ed 	*/


/*	exhinitions st	*/

#exhinitions_section_prev, #exhinitions_section_next{
    cursor: pointer;
}

.exhitemlist{
    width: 30%;
    margin: 20px 15px;
}

.exhinitions_item_nodata{
    margin: 50px;
    font-size: 24px;
    font-weight: 800;
}

@media screen and (max-width: 991px) {
	.exhitemlist{
		width: 45%;
		margin: 20px 15px;
	}
}

@media screen and (max-width: 630px) {
	.exhitemlist{
		width: 90%;
		margin: 20px 15px;
	}
}
/**/

.exhinitions_menu{
    border-bottom: 0.1rem solid #C3AA34;
    padding: 5px 0;
    font-size: 1.1rem;
    letter-spacing: normal;
    cursor: pointer;
    background-color: #3C3C3C;
    color: #FFFFFF;
    width: 19.5%;
    margin-right: 1px;
}

.exhinitionsselect{
    background-color: #C3AA34;
    color: #FFFFFF;
}

.exhinitions_search_bg{
    padding-top: 25px;
    background-color: #EAEAEA;
    margin: 0 3px;
}

.exhinitions_search_item{
	display: none;
}

.exh_search_date{
	display:flex;
	margin-bottom: 15px;
}

.exhinitions_search_block{
	width: 93%;
}

.exhinitions_search_date{
    font-weight: 800;
    letter-spacing: normal;
    font-size: 18px;
    margin-right: 16px;
}

.exhinitions_search_date_remark{
    font-size: 15px;
    font-weight: 800;
    letter-spacing: normal;
}

.exhinitions_search_d_text{
	margin: auto 10px auto 0;
}

.exhinitions_search_l_text{
	margin: auto 10px auto 0;
}

.exhinitions_search_stdate{
    font-weight: 800;
    letter-spacing: normal;
    font-size: 18px;
    margin-right: 16px;
}

.exhinitions_search_stdate input, .exhinitions_search_eddate input{
    width: 105px;
}

.exhinitions_search_eddate{
    font-weight: 800;
    letter-spacing: normal;
    font-size: 18px;
    margin-right: 16px;
}

.exhinitions_search_location{
    font-weight: 800;
    letter-spacing: normal;
    font-size: 18px;
    margin-right: 16px;
	margin-top: 15px;
}

.exhinitions_search_location select{
	width: 220px;
}

.exhinitions_search_keyword{
    font-size: 18px;
}

.exhinitions_search_keyword input{
    width: 205px;
    margin-left: 0px;
    margin-bottom: 10px;
}

.exhinitions_search_btn_clean{
    border-radius: 6px;
    padding: 9px 18px;
    width: 100%;
    height: 50px;
    background-color: #FFF;
    font-weight: 800;
    cursor: pointer;
    margin: 15px;
    line-height: 30px;
}

.exhinitions_search_btn{
	border-radius: 6px;
    padding: 9px 18px;
    width: 100%;
    height: 50px;
    margin: 0 15px 15px 15px;
    background-color: #C3AA34;
    color: #FFF;
    font-weight: 800;
    cursor: pointer;
    line-height: 30px;
}

.exhinitions_search_blockb, .exhinitions_search_blocka{
	margin-left: 20px;
}

/**/

.exhinsbanner svg{
    width: 370px;
}

.exh-ins-chgpage{
    height: 100%;
}

.exh-ins-chgpage svg{
    width: 100%;
    height: 105px;
}

.exhinsother{
    margin-left: -15px;
    width: 100%;
    padding: 20px 0;
    padding: 70px 0px 70px 0px;
}

.exhinsintroduction{
	font-size: 20px;
}

#exhibitionbannerslider{
	display:none;
}

@media screen and (min-width: 768px) {
	#exhibitionbannerslider{
		display:initial;
	}

	.exh_search_date{
		display: initial;
    	margin-bottom: 0px;
	}
	
    .exhinitions_search_bg{
        margin: 0 8px;
    }

    .exhinsbanner svg{
        width: 400px;
    }

    .exhinsother{
        margin-left: -40px;
    }

	.exhinitions_search_stdate input, .exhinitions_search_eddate input{
		width: 140px;
	}
	
	.exhinitions_search_location{
		margin-top: 0px;
	}

	.exhinitions_search_keyword{
		margin-top: 20px;
	}
	
	.exhinitions_search_block{
		width: 93%;
		margin-left: 30px;
	}
	
	.exhinitions_search_btn_clean{
		width: 110px;
		height: 40px;
		margin: 0px;
    	line-height: normal;
	}
	
	.exhinitions_search_btn{
		width: 110px;
		height: 40px;
		margin: 15px 0 0 0;
    	line-height: normal;
	}

	.exhinitions_search_keyword input{
	    width: 500px;
    	margin-left: 20px;
	}
	
	.exhinsintroduction{
		margin: 0px 90px;
	}
}

@media screen and (min-width: 991px) {

    .exhinitions_search_bg{
        margin: 0 11px;
    }

    .exhinsother{
        margin-left: -50px;
    }
}

@media screen and (min-width: 1280px) {

    .exhinitions_search_bg{
        margin: 0 13px;
    }

    .exhinsother{
        margin-left: -90px;
    }
}

/*	exhinitions ed	*/

/*	workshop	st */

.esitemlist{
    width: 30%;
    margin: 20px 15px;
}

.esitemlistinfo{
    position: absolute;
    top: 60%;
    padding: 0 20px;
    font-size: 18px;
    letter-spacing: 0em;
    line-height: 20px;
}

#esall, #es1, #es2, #es3, #esalla, #es1a, #es2a, #es3a, #sal04, #sal12, #sal13, #sal14, #sal54, #sal56
, #visitinfolink1, #visitinfolink2, #visitinfolink3{
    cursor: pointer;
}

#esall:focus, #es1:focus, #es2:focus, #es3:focus
, #esalla:focus, #es1a:focus, #es2a:focus, #es3a:focus
, #sal04:focus, #sal12:focus, #sal13:focus, #sal14:focus, #sal54:focus, #sal56:focus
, #esinsinfomenua:focus, #esinsinfomenub:focus, #parkmapclickmenua:focus, #parkmapclickmenub:focus {
	outline: 2px dashed rgb(255 255 255) !important;
	outline-offset: -5px;
}

.workshop_search_nodata{
	font-size: 24px;
}

.workshop_tab_inner{
    margin-top: -50px;
    padding-top: 50px
}

.workshop_tab_inner p{
    font-size: 18px;
}

.esinsback svg{
    width: 167px;
}

@media screen and (max-width: 991px) {
	.esitemlist{
		width: 45%;
		margin: 20px 15px;
	}
}

@media screen and (max-width: 630px) {
	.esitemlist{
		width: 90%;
		margin: 20px 15px;
	}
}

/*	workshop	ed */

/*	venue	st */

.venueitemlist{
    width: 30%;
    margin: 20px 15px;
}

#venus_ins_prev{
    cursor: pointer;
}

#venus_ins_next{
    cursor: pointer;
}

.venusback svg{
    width: 400px;
}

.venueinsnotice svg{
	width: 90%;
}

@media screen and (max-width: 991px) {
	.venueitemlist{
		width: 45%;
		margin: 20px 15px;
	}
}

@media screen and (max-width: 630px) {
	.venueitemlist{
		width: 90%;
		margin: 20px 15px;
	}
}

/*	venue	ed */

/*	rent	st */

.rentback svg{
    width: 400px;
}

.rentapplybanner svg{
    width: 351px;
    margin-left: -90px;
}

.rentapplynextbtn svg{
    width: 167px;
    height: 80px;
}

@media screen and (min-width: 768px) {
    .rentapplybanner svg{
        width: 460px;
    }
}

/*	rent	ed */

/*	sitemap st	*/

.main_menu_item{
    border: 2px solid #bca932;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 800;
    padding-left: 15px;
    margin-top: 10px;
}

.sub_menu_item{
    padding: 0 0 6px 15px;
    margin: 10px 0 0 15px;
    border-bottom: 1px dashed;
}

/*	sitemap ed	*/

/*	news ins st */

#single_news_ins_prev{
    cursor: pointer;
}

#single_news_ins_next{
    cursor: pointer;
}

.single_new_ins{

}

.single_new_ins_title_img{
	width: 450px;
}

.single_new_ins_title{
    font-size: 25px;
    color: #FFFFFF;
    position: absolute;
    top: 15px;
    left: 30px;
}


/*	news ins ed*/

/* faq ins st */

/* FAQ */
#accordionopen{
	display: none;
}

#faq-list-ins button.accordion { 
    color: #000; 
    font-size:18px;
    cursor: pointer;
    position:relative;
    padding: 14px 30px 14px 12px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    background-color:#EAEAEA;
    transition: 0.4s;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: 15px;
    font-weight: 800;
}

#faq-list-ins button.accordion.active{
	color: #FFF; 
}

#faq-list-ins button.accordion span svg{
    width: 27px;
}

#faq-list-ins button.accordion span svg .q-cls-2{
    fill: #010101;
}

#faq-list-ins button.accordion.active span svg .q-cls-2{
    fill: #FFF;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
#faq-list-ins button.accordion:hover{  }
#faq-list-ins button.accordion.active{ 
	background-image:none !important;
   background-color: #C3AA34 !important;
}

/* Style the accordion panel. Note: hidden by default */
#faq-list-ins{
	padding:15px 25px;
}
#faq-list-ins div.panel {
    padding: 0 40px;
    background-color: white;
    max-height: 10px;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom: 1px solid #ECECEC;
}
#faq-list-ins div.panel p{
	margin:16px 0;
	padding:0px;
	font-size: 18px;
	font-weight: 800;
}
#faq-list-ins button.accordion:after {
   content: ""; 
   width:24px; 
   height:24px;
   background-image:url(images/down-arrow.png); 
   background-repeat:no-repeat;
   font-size: 13px;
   color: #777;
   float: right;
   margin-left: 5px;
   position:absolute; 
   top:18px; 
   right:20px;
}

#faq-list-ins button.accordion.active:after {
	background-image:url(images/up-arrow.png);
}

@media screen and (max-width: 600px) {
	#faq-list-ins {padding: 15px 12px;}
	#faq-list-ins button.accordion{ font-size:15px; }
	#faq-list-ins button.accordion:after {width:20px; height:20px; top:16px;background-size:16px;}
}

/* faq ins ed*/

/* en ver st*/
.envisittransportbanner{
    width: 380px;
    position: relative;
    left: -60px;
}

.envisittransmap{
    width: 40%;
    display: flex;
    padding: 20px;
}

.envisittransport{
    width: 60%;
    display: flex;
}

.envisitparkbanner{
    width: 430px;
    position: relative;
    left: -60px;
}
/* ev ver ed*/

/*plugin st */

#guide_form .gform_body{
	display: flex;
    justify-content: center;
}

#guide_form .gform_body #gform_fields_1{
	width: 600px;
}

#guide_form .gform_body .validation_message{
    font-size: 16px;
    color: #f00 !important;
}

#guide_form .gform_body .gform_confirmation_wrapper {
    display: flex;
    justify-content: center;
    font-size: 20px;
}

#gform_confirmation_wrapper_1{
    display: flex;
    justify-content: center;
}
	
#gform_confirmation_message_1{
    border-color: #ffffff;
    background-color: #ffffff;
    color: #C0AC4B;
    font-size: 15px;
    font-weight: 800;
    height: 300px;
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 4px 10px #3C3C3C;
}

.bk_forms .wpdevelop{
	display: flex;
	justify-content: center;
}

.booking_form_div .wpbc_structure_form .controls .attahment_note_application{
	width: 350px;
}

.bk_forms .datepick-inline .calendar-links{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C3AA34), to(#C3AA34));
    background: -webkit-linear-gradient(top, #C3AA34, #C3AA34);
    background: -moz-linear-gradient(top, #C3AA34, #C3AA34);
    background: -ms-linear-gradient(top, #C3AA34, #C3AA34);
    background: -o-linear-gradient(top, #C3AA34, #C3AA34);
}

.bk_forms .datepick-inline .date2approve, .bk_forms .block_hints .block_pending{
	background-color: #C3AA34;
}

.bk_forms .datepick-inline .date_approved, 
.bk_forms .datepick-inline .datepick-header, 
.bk_forms .datepick-inline .calendar-links .datepick-prev a,
.bk_forms .datepick-inline .calendar-links .datepick-next a{
	color: #FFFFFF;
}

.bk_forms .datepick-inline .date_approved, .bk_forms .block_hints .block_booked{
	background-color: #000000;
}

.bk_forms .submiting_content.wpdev-help-message.alert.alert-warning.alert-success {
	border-color: #ffffff;
    background-color: #ffffff;
    color: #C0AC4B;
    font-size: 22px;
    font-weight: 800;
    height: 150px;
    width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 4px 10px #3C3C3C;
}

.bk_forms .wpbc_structure_form .form-group.field_row_email.email{
	display: flex;
}

.bk_forms .wpbc_structure_form .form-group.field_row_remark.textarea{
	display: flex;
}

/*plugin ed*/

a:focus, input:focus, button:focus, select:focus, textarea:focus, #clearsearch:focus, #checksearch:focus, .newscategory a:focus .news_item{
	outline: 2px dashed rgb(215 209 176) !important;
	outline-offset: -2px;
}
.exh_slider_item a:hover, .exh_slider_item a:focus, .workshop_home_item a:hover, .workshop_home_item a:focus{
	display: block;
}

.map_menu svg{
	height: 170px;
}

#visitnote svg{
	width: 50%;
}

.favlinkbannera{
	width: 20%;
}

.favlinkbannerb svg{
	height: 130px;
}

.favlinka{
	width: 80%;
}

.reviewsecblock{
    margin: 0 10px 0 10px;
    box-sizing: border-box;
}

.reviewsecblockimg img{
    height: 250px;
    width: auto;
    min-width: 320px;
    object-fit: cover;
    border-radius: 20px;
}

.reviewsecblocktitle{
    margin: 20px 0 10px 0px;
    padding: 10px;
    border-bottom: 1px solid #c0ac4b;
}

.reviewsecblocktitle h2{
	font-size: 24px;
	font-weight: bold;
}

.favlinkablock{
	width: 25%;
}

.favlinkdblock{
	background-color: #ebebeb;
	border-radius: 50%;
	margin: 0 10px 10px 10px;
	box-sizing: border-box;
}

.favlinkimgblock img{
	width: 100%;
}

#footer .footer-links ul li a{
	font-size: 18px;
}

.workshopbanneruh1{
	position: absolute;
	top: 15px;
	left: 20px;	
    letter-spacing: 0.01em;
}

.workshopbanneruh1 h1{
	font-weight: bold;
    font-size: 32px;
}

.reviewbannerh1{
    position: absolute;
    top: 10px;
    left: 15px;
    letter-spacing: 0.01em;
}

.reviewbannerh1 h1{
	font-weight: bold;
    font-size: 32px;
}

.favlinkh1 {
    position: absolute;
    top: 70px;
    left: 15px;
    letter-spacing: 0.01em;
}

.favlinkh1 h1{
	font-weight: bold;
    font-size: 32px;
}

.mapmenuh1 {
	top: 25px;
    left: 45px;
    letter-spacing: 0.01em;
}

.mapmenuh1 h1{
	font-weight: bold;
    font-size: 32px;
}

.mapmenuspan {
    top: 45px;
    left: 205px;
    letter-spacing: 0.01em;
}

.mapmenuspan span{
    font-size: 16px;
    color: #666;
}

.mapmenuspana {
	top: 103px;
    left: 98px;
    letter-spacing: 0.01em;
}

.mapmenuspana span{
    font-weight: bold;
    color: white;
    font-size: 19px;
}

.mapmenuspanb {
	top: 103px;
    left: 230px;
    letter-spacing: 0.01em;
}

.mapmenuspanb span{
    font-weight: bold;
    color: white;
    font-size: 19px;
}

.newsbannerh1 {
    top: 10px;
    left: 20px;
    letter-spacing: 0.01em;
}

.newsbannerh1 h1{
	font-weight: bold;
    font-size: 32px;
}

.historytimelinep{
    position: absolute;
    letter-spacing: 0.01em;
    top: 140px;
    left: 64px;
    width: 12em;
    line-height: 18px;
}

.historytimelinep p{
	font-size: 16px;
	text-align: justify;
}

.historytimelineh1{
    position: absolute;
    letter-spacing: 0.01em;
    top: 15px;
    left: 45px;
    line-height: 40px;
}

.historytimelineh1 h1{
	font-size: 45px;
	color: #333;
}

.historytimelineh2{
    position: absolute;
    letter-spacing: 0.01em;
    top: 65px;
    left: 60px;
    line-height: 40px;
}

.historytimelineh2 h2{
	font-size: 16px;
	color: #333;
}

.mobilemode{
	display: none;
}

.desktopmode{
	display: block;
}


@media screen and (max-width: 575px) {
	.booking_form .form-group{
		display:flex;
		flex-direction: column;
	}
	
}

@media screen and (max-width: 768px) {
	.mobilemode{
		display: initial;
	}

	.desktopmode{
		display: none;
	}
	
	.map_menu{
		width: 100%;
	}
	.map_block{
		margin-top: 20px;
	}
	#visitnote svg{
		width: 100%;
	}
	
	.reviewsecblockwrap{
		flex-wrap: wrap;
	}
	
	.favlinkbannera{
		width: 100%;
	}

	.favlinkbannerb{
		width: 100%;
	}

	.favlinka{
		width: 100%;
		margin-top: 20px;
	}
	
	.favlinkablock{
		width: 50%;
	}
	
	.menu-footer-service-menu-container ul li{
		width: 100%;
	}
	
}
/*	2024	Ed