@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/cwtexkai.css);

/* normalize-scss 3.0.1+normalize.3.0.1 | MIT/GPLv2 License | bit.ly/normalize-scss */
html { font-size: 100%; line-height: 1.5em; }

html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; /* 1 */ *display: inline; *zoom: 1; vertical-align: baseline; /* 2 */ }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

template { display: none; }

a { background: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1.5em 40px; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

p, pre { margin: 1.5em 0; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dl, menu, ol, ul { margin: 1.5em 0; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1.5em 40px; }

hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

form { margin: 0; }

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ *font-family: sans-serif; /* 4 */ *vertical-align: middle; /* 5 */ }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { margin: 0 2px; border-color: #c0c0c0; border-top-width: 0.0625em; border-top-style: solid; padding-top: 0.4625em; border-bottom-width: 0.0625em; border-bottom-style: solid; padding-bottom: 0.9125em; border-left-width: 0.0625em; border-left-style: solid; padding-left: 0.875em; border-right-width: 0.0625em; border-right-style: solid; padding-right: 0.875em; }

legend { border: 0; /* 1 */ padding: 0; /* 2 */ *margin-left: -7px; /* 3 */ }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*>import/_typography.scss */
@font-face { font-family: 'calibri_mac'; src: url("fonts/calibri.eot"); src: url("fonts/calibri.eot?#iefix") format("embedded-opentype"), url("fonts/calibri.woff") format("woff"), url("fonts/calibri.ttf") format("truetype"); font-weight: normal; font-style: normal; } 	 	
@font-face { font-family: 'sheraton_g'; src: url("fonts/SheratonGraphMedium.eot"); src: url("fonts/SheratonGraphMedium.eot?#iefix") format("embedded-opentype"), url("fonts/SheratonGraphMedium.woff") format("woff"), url("fonts/SheratonGraphMedium.ttf") format("truetype"); font-weight: normal; font-style: normal; } 	 	
@font-face { font-family: 'PT Sans Caption'; src: url("fonts/PTSans-Caption.eot"); src: url("fonts/PTSans-Caption.eot?#iefix") format("embedded-opentype"), url("fonts/PTSans-Caption.woff") format("woff"), url("fonts/PTSans-Caption.ttf") format("truetype"); font-weight: normal; font-style: normal; } 	 	
@font-face { font-family: 'PT Sans Caption'; src: url("fonts/PTSans-CaptionBold.eot"); src: url("fonts/PTSans-CaptionBold.eot?#iefix") format("embedded-opentype"), url("fonts/PTSans-CaptionBold.woff") format("woff"), url("fonts/PTSans-CaptionBold.ttf") format("truetype"); font-weight: bold; font-style: normal; } 
html { font-size: 100.01%; }

body { color: #333; background: #fff; font-family: Calibri, "calibri_mac", Arial, sans-serif, Arial, "SimSun", "PMingLiu", "新細明體" sans-serif; }
.lt-ie9 body { font-family: Arial, "PMingLiU", "新細明體", sans-serif; }

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 700; line-height: 1; margin-bottom: 8px; }

h1 { font-size: 1.875em; color: #333; line-height: 1; margin-bottom: 20px; }

h2 { font-size: 1.1875em; color: #333; line-height: 1; margin-bottom: 12px; }

h3 { font-size: 1em; }

h4 { font-size: 1em; }

h5 { font-size: 1em; color: #333; }

h6 { font-size: 0.875em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; vertical-align: top; }

/* Text elements
-------------------------------------------------------------- */
a { color: #4e7837; text-decoration: none; }

a:hover { color: #333; cursor: pointer; }

p { margin: 0 0 1.0em; font-size: 0.875em; line-height: 1.2; }

p[align="center"] { text-align: center; }

.breadcrumbs p { font-family: Arial, SimHei; font-size: 0.6875em; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong, dfn { font-weight: bold; }

em, dfn { font-style: italic; }

sup { font-size: 80%; position: relative; top: -0.0em; }

sub { font-size: 80%; position: relative; top: +0.3em; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: normal; word-wrap: break-word; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

div .hidden{display:none;}
/* Lists
-------------------------------------------------------------- */
li ul, li ol { margin: 0; }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; color: #333; }

ul > li { list-style: none outside none; }

dl { margin: 0 0 1.5em; font-size: 0.875em; line-height: 1.28571em; font-family: Arial, "PMingLiU", "新細明體"; }

dl dt { font-weight: 700; }

dd { margin-left: 0; color: #333; }

/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1em; width: 100%; }

th { font-size: 1em; line-height: 1; margin-bottom: 10px; font-weight: 400; background: #F7F7F7; vertical-align: top; }

thead th { background: none; }

tbody th { background: none; font-size: 0.8125em; }

th, td, caption { padding: 8px 10px 8px 18px; border: 1px solid #DDD; font-size: 14px; color: #333; }

td { font-weight: 400; }
td + td { font-weight: 400; }

table.borderless > tr > th, table.borderless > tr > td, table[border="0"] > tr > th, table[border="0"] > tr > td { border: 0; }
table.borderless > thead > tr > th, table.borderless > thead > tr > td, table.borderless > tbody > tr > th, table.borderless > tbody > tr > td, table[border="0"] > thead > tr > th, table[border="0"] > thead > tr > td, table[border="0"] > tbody > tr > th, table[border="0"] > tbody > tr > td { border: 0; }

/* CMS Rich-editor */
body.cke_editable table.borderless tr th, body.cke_editable table.borderless tr td, body.cke_editable table.borderless tr caption, body.cke_editable table.borderless tr tr, body.cke_editable table.borderless thead th, body.cke_editable table.borderless thead td, body.cke_editable table.borderless thead caption, body.cke_editable table.borderless thead tr, body.cke_editable table.borderless tbody th, body.cke_editable table.borderless tbody td, body.cke_editable table.borderless tbody caption, body.cke_editable table.borderless tbody tr, body.cke_editable table[border="0"] tr th, body.cke_editable table[border="0"] tr td, body.cke_editable table[border="0"] tr caption, body.cke_editable table[border="0"] tr tr, body.cke_editable table[border="0"] thead th, body.cke_editable table[border="0"] thead td, body.cke_editable table[border="0"] thead caption, body.cke_editable table[border="0"] thead tr, body.cke_editable table[border="0"] tbody th, body.cke_editable table[border="0"] tbody td, body.cke_editable table[border="0"] tbody caption, body.cke_editable table[border="0"] tbody tr { border: 1px dotted #D3D3D3; }

tfoot { font-style: italic; }

/* End:| typography.scss */
/*=====Class*/
.font_arial { font-family: Arial, SimHei; }

.font_calibri, ._nav .active .lv2 a, .nav .active .lv2 a, .locate-nav .active .lv2 a, .footer .link p, .richeditor p, .box_border .body p, .richeditor li, .box_border .body li, .richeditor h3, .box_border .body h3, .richeditor h5, .box_border .body h5, .richeditor h6, .box_border .body h6, .login, .filter select, .event-block td, .pagin > a, .pagin > span, .locate-nav a, .locate-navi > a, .locate-navi > span, .note_lib a, .tag a, .gr-search-form .keyword, .tabbody .accordion h2 a, .announ-item p, .locate-detail-block td, .locate-detail-block th { font-family: Calibri, "calibri_mac", Arial, "PMingLiU", "新細明體", sans-serif; }
.lt-ie9 .font_calibri, .lt-ie9 ._nav .active .lv2 a, ._nav .active .lv2 .lt-ie9 a, .lt-ie9 .nav .active .lv2 a, .nav .active .lv2 .lt-ie9 a, .lt-ie9 .locate-nav .active .lv2 a, .locate-nav .active .lv2 .lt-ie9 a, .lt-ie9 .footer .link p, .footer .link .lt-ie9 p, .lt-ie9 .richeditor p, .richeditor .lt-ie9 p, .lt-ie9 .box_border .body p, .box_border .body .lt-ie9 p, .lt-ie9 .richeditor li, .richeditor .lt-ie9 li, .lt-ie9 .box_border .body li, .box_border .body .lt-ie9 li, .lt-ie9 .richeditor h3, .richeditor .lt-ie9 h3, .lt-ie9 .box_border .body h3, .box_border .body .lt-ie9 h3, .lt-ie9 .richeditor h5, .richeditor .lt-ie9 h5, .lt-ie9 .box_border .body h5, .box_border .body .lt-ie9 h5, .lt-ie9 .richeditor h6, .richeditor .lt-ie9 h6, .lt-ie9 .box_border .body h6, .box_border .body .lt-ie9 h6, .lt-ie9 .login, .lt-ie9 .filter select, .filter .lt-ie9 select, .lt-ie9 .event-block td, .event-block .lt-ie9 td, .lt-ie9 .pagin > a, .lt-ie9 .pagin > span, .lt-ie9 .locate-nav a, .locate-nav .lt-ie9 a, .lt-ie9 .locate-navi > a, .lt-ie9 .locate-navi > span, .lt-ie9 .note_lib a, .note_lib .lt-ie9 a, .lt-ie9 .tag a, .tag .lt-ie9 a, .lt-ie9 .gr-search-form .keyword, .gr-search-form .lt-ie9 .keyword, .lt-ie9 .tabbody .accordion h2 a, .tabbody .accordion h2 .lt-ie9 a, .lt-ie9 .announ-item p, .announ-item .lt-ie9 p { font-family: Arial, "PMingLiU", "新細明體", sans-serif; }

.font_hei { font-family: Arial, "Microsoft JhengHei", "微軟正黑體", STHeiti; }

.font_verdana { font-family: Verdana; }

.font_ptsans, #header a { font-family: "PT Sans Caption", Arial, "PMingLiU", "新細明體", STHeiti, sans-serif; }

.font_sheraton, .nav a, .footer .butn a, .richeditor h1, .box_border .body h1, .richeditor h2, .box_border .body h2, .richeditor h4, .box_border .body h4, .richeditor table thead td, .box_border .body table thead td, .richeditor table thead th, .box_border .body table thead th, .richeditor .a-button, .box_border .body .a-button, .page-section, .event-block h2, .locate-block .region, .locate-info h2, .locate-info h3, .ui-datepicker-title, .ui-datepicker-title span, .tagging .tag h3.tag-title, .gr-db-search .title, .tabs-list li a, .detail-item h2, .page-title, .announ-title { font-family: "sheraton_g", Arial, "PMingLiU", "新細明體", STHeiti, sans-serif; }

/* End:| Class */
/*>import/_header.scss */
#header { height: 64px; border-bottom: 2px solid #87b029; background: url(../images/header-top-bg.jpg) no-repeat 0 0 #D7E5BE; background-size: auto 100%; }
#header a { height: 22px; padding: 20px 0 20px 80px; display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #4e7837; }

/* End:| header.scss */
/*>import/_nav.scss */
._X2ico, .nav .ppl, .nav .cb, .nav .locate, .nav .search, .nav .elec-res, .nav .collect, .nav .lib-act, .nav .info, .nav .announc, .nav .tel { background-size: 32px 32px !important; }

._nav, .nav, .locate-nav { margin: 0; padding: 0; }
._nav a, .nav a, .locate-nav a { width: 100%; height: 44px; display: table; position: relative; box-sizing: border-box; }
._nav a::after, .nav a::after, .locate-nav a::after { content: " "; width: 10px; height: 10px; margin: -5px 0 0; position: absolute; top: 50%; right: 16px; background-size: 9px 9px !important; }
._nav a span, .nav a span, .locate-nav a span { width: 100%; padding: 9px 0 9px 12px; display: table-cell; line-height: 1.2; vertical-align: middle; }
._nav .no-sub a::after, .nav .no-sub a::after, .locate-nav .no-sub a::after { content: none; }
._nav .lv2, .nav .lv2, .locate-nav .lv2 { position: absolute; top: -999px; left: -9999px; }
._nav .active .lv2, .nav .active .lv2, .locate-nav .active .lv2 { margin: 0; padding: 0; position: relative; top: auto; left: auto; }
._nav .active .lv2::before, .nav .active .lv2::before, .locate-nav .active .lv2::before { content: " "; width: 100%; height: 20px; display: table; position: absolute; top: 0; left: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.03)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%); }
._nav .active .lv2 a, .nav .active .lv2 a, .locate-nav .active .lv2 a { padding-left: 42px; font-size: 16px; letter-spacing: 0.2px; }

.nav a { font-size: 15px; }
.nav a img { padding: 3px 0 0 12px; }

.nav .red { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZjhmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fef8f6)); background-image: -moz-linear-gradient(#ffffff 0%, #fef8f6 100%); background-image: -webkit-linear-gradient(#ffffff 0%, #fef8f6 100%); background-image: linear-gradient(#ffffff 0%, #fef8f6 100%); }
.nav .red a { border-bottom: 2px solid #f1e0d9; color: #be4523; }
.nav .red > a::after { background: url(../images/icon-top-lv/red-arrow-down.png) no-repeat 0 0; }
.nav .red.active::after { display: table; }
.nav .red.active > a::after { background-image: url(../images/icon-top-lv/red-arrow-up.png); }
.nav .red .lv2 { background: #FEF3E3; }

.nav .green { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZmRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2fddd)); background-image: -moz-linear-gradient(#ffffff 0%, #f2fddd 100%); background-image: -webkit-linear-gradient(#ffffff 0%, #f2fddd 100%); background-image: linear-gradient(#ffffff 0%, #f2fddd 100%); }
.nav .green a { border-bottom: 2px solid #d4e6c5; color: #2c6100; }
.nav .green > a::after { background: url(../images/icon-top-lv/green-arrow-down.png) no-repeat 0 0; }
.nav .green.active::after { display: table; }
.nav .green.active > a::after { background-image: url(../images/icon-top-lv/green-arrow-up.png); }
.nav .green .lv2 { background: #E7FDD0; }

.nav .grey { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7)); background-image: -moz-linear-gradient(#ffffff 0%, #f7f7f7 100%); background-image: -webkit-linear-gradient(#ffffff 0%, #f7f7f7 100%); background-image: linear-gradient(#ffffff 0%, #f7f7f7 100%); }
.nav .grey a { border-bottom: 2px solid #e1e1de; color: #41474c; }
.nav .grey > a::after { background: url(../images/icon-top-lv/grey-arrow-down.png) no-repeat 0 0; }
.nav .grey.active::after { display: table; }
.nav .grey.active > a::after { background-image: url(../images/icon-top-lv/grey-arrow-up.png); }
.nav .grey .lv2 { background: #e2f3f7; }

.lt-ie9 .nav .red > a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFEF8F6'); }

.lt-ie9 .nav .green > a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF2FDDD'); }

.lt-ie9 .nav .grey > a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF7F7F7'); }

/* End:| nav.scss */
/*>import/_footer.scss */
.footer { height: auto; background: #f6f8e0; }
.footer .butn { padding: 16px 0; overflow: hidden; }
.footer .butn a { padding: 4px 0 0; border: 1px solid #d8e4ce; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 13px; line-height: 20px; text-align: center; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #f7f7f7), color-stop(100%, #fefefe)); background-image: -moz-linear-gradient(#ffffff 0%, #ffffff 50%, #f7f7f7 51%, #fefefe 100%); background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 50%, #f7f7f7 51%, #fefefe 100%); background-image: linear-gradient(#ffffff 0%, #ffffff 50%, #f7f7f7 51%, #fefefe 100%); }
.lt-ie9 .footer .butn a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF7F7F7'); }
.footer .lang { width: 90%; margin: 0 auto; display: block; text-align: center; }
.footer .lang a { width: 50px; margin: 0 0 0 -5px; }
.footer .lang .full-website { width: 166px; margin: 0 12px 0 -5px; }
.footer .copy { padding: 0 18px; text-align: center; }
.footer .img-cont { width: 90px; margin: 0 16px 0 -6px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.footer .img-cont img { width: 100%; }
.footer .link { width: 200px; margin: 0 -20px 0 -6px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 1.2; }
.footer .link p { margin: 0 0 5px; text-align: left; font-size: 13px; color: #2c6100; }
.footer .link p a { color: #2c6100; }
.footer .sepr { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.footer p.last-rev { font-size: 10px; }

/* End:| footer.scss */
/*>import/_reuse.scss */
.access, .tabs-list .current-info { width: 1px; height: 1px; padding: 0; overflow: hidden; position: absolute; top: -500px; left: 0; }

#accessibility-skip-content a { width: 1px; height: 1px; display: block !important; overflow: hidden; position: absolute; top: -500px; left: 0; }

a#main_content { height: 0; padding: 0; margin: 0; display: block; overflow: hidden; }

.flo-left { float: left; }

.flo-right { float: right; }

/* iOS zoom select */
@media screen and (-webkit-min-device-pixel-ratio: 0) { .mobile.ios select:focus, .mobile.ios textarea:focus, .mobile.ios input:focus { font-size: 17px !important; } }
.richeditor a, .box_border .body a { text-decoration: underline; color: #1470a5; }
.richeditor p, .box_border .body p { font-size: 14px; line-height: 1.5; }
.richeditor img, .box_border .body img { max-width: 100%; }
.richeditor li, .box_border .body li { margin: 0 0 2px; font-size: 14px; line-height: 1.5; list-style: disc inside none; }
.richeditor ol > li, .box_border .body ol > li { list-style: decimal inside none; }
.richeditor ul > li, .box_border .body ul > li { list-style: disc inside none; }
.richeditor ul, .box_border .body ul, .richeditor ol, .box_border .body ol { margin: 0; padding: 0; }
.richeditor ul > li > ul > li, .box_border .body ul > li > ul > li, .richeditor ul > li > ol > li, .box_border .body ul > li > ol > li, .richeditor ol > li > ul > li, .box_border .body ol > li > ul > li, .richeditor ol > li > ol > li, .box_border .body ol > li > ol > li { margin-left: 1em; }
.richeditor ul > li > ul > li, .box_border .body ul > li > ul > li { list-style: none inside none; }
.richeditor ul > li > ul > li::before, .box_border .body ul > li > ul > li::before { content: ">"; margin-right: 3px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.richeditor ul > li > ul > li > ul > li, .box_border .body ul > li > ul > li > ul > li { list-style: none inside none; }
.richeditor ul > li > ul > li > ul > li::before, .box_border .body ul > li > ul > li > ul > li::before { content: "-"; margin-right: 3px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.detail-block .richeditor h1, .detail-block .box_border .body h1, .box_border .detail-block .body h1, .detail-block .richeditor h2, .detail-block .box_border .body h2, .box_border .detail-block .body h2, .detail-block .richeditor h3, .detail-block .box_border .body h3, .box_border .detail-block .body h3, .detail-block .richeditor h4, .detail-block .box_border .body h4, .box_border .detail-block .body h4, .detail-block .richeditor h5, .detail-block .box_border .body h5, .box_border .detail-block .body h5, .detail-block .richeditor h6, .detail-block .box_border .body h6, .box_border .detail-block .body h6 { margin: 10px 0; }
.richeditor h1, .box_border .body h1 { margin-top: 1em; font-size: 16px; color: #2c6100; }
.richeditor h2, .box_border .body h2 { font-size: 16px; color: #be4523; }
.richeditor h3, .box_border .body h3 { margin: 1.5em 0 2px; font-size: 14px; }
.detail-block .richeditor h3, .detail-block .box_border .body h3, .box_border .detail-block .body h3 { font-size: 18px; color: #2d5c46; }
.detail-block.locate .richeditor h3, .detail-block.locate .box_border .body h3, .box_border .detail-block.locate .body h3 { margin: 0; font-size: 14px; color: #333; }
.richeditor h4, .box_border .body h4 { font-size: 14px; }
.richeditor h5, .box_border .body h5 { font-size: 16px; color: #2c6100; }
.richeditor h6, .box_border .body h6 { font-size: 14px; color: #2c2c2c; }
.richeditor hr.thick, .box_border .body hr.thick { margin: 0 0 1em; border-top: 5px solid #d8d8ae; }
.richeditor table, .box_border .body table { box-sizing: border-box; }
.richeditor table td, .box_border .body table td, .richeditor table th, .box_border .body table th { border: 2px solid #FFF; }
.richeditor table td a, .box_border .body table td a, .richeditor table td p, .box_border .body table td p, .richeditor table td span, .box_border .body table td span, .richeditor table th a, .box_border .body table th a, .richeditor table th p, .box_border .body table th p, .richeditor table th span, .box_border .body table th span { font-size: 14px; }
.richeditor table thead td, .box_border .body table thead td, .richeditor table thead th, .box_border .body table thead th { font-weight: 700; text-align: left; background: #f6f8e0; }
.richeditor table tr:nth-of-type(2n) td, .box_border .body table tr:nth-of-type(2n) td, .richeditor table tr:nth-of-type(2n) th, .box_border .body table tr:nth-of-type(2n) th { background: #f6f8e0; }
.richeditor table tr.even td, .box_border .body table tr.even td, .richeditor table tr.even th, .box_border .body table tr.even th { background: #f6f8e0; }
.richeditor .a-button, .box_border .body .a-button { width: 90%; margin: 0  auto 1em; padding: 6px 0; border: 1px solid #3b6817; border-radius: 5px; display: block; position: relative; font-size: 16px; font-weight: 400; text-align: center; text-decoration: none; background: #467b24; color: #FFF; }
.richeditor .a-button::after, .box_border .body .a-button::after { content: " "; width: 10px; height: 10px; margin-top: -5px; position: absolute; top: 50%; right: 10px; background-size: 10px 10px; }
.richeditor .a-button:hover, .box_border .body .a-button:hover { color: #F1F1F1; }

.desktop .tag li { background-position: 0 6px; }

body { min-width: 300px; }

/*>import/_inner_page.scss */
/*>import/inner/_login.scss */
.login { padding: 0 0 0 8px; box-sizing: border-box; font-size: 12px; background: #9FC75D; color: #30383f; }

.page-section { height: 36px; padding: 6px 0 6px 8px; box-sizing: border-box; background: #417D28; color: #f6f8e0; }

.sect-name { height: 20px; padding: 0 0 0 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 26px; background: no-repeat 0 50%; background-size: auto 24px; }
.sect-name.activity { background-image: url(../images/page-sect-activity.png); }
.sect-name.locate { background-image: url(../images/page-sect-locate.png); }
.sect-name.e-resource { background-image: url(../images/page-sect-e-resource.png); }

.go-menu { width: 24px; height: 24px; margin: 0 8px 0 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; float: right; background: url(../images/page-sect-main-menu.png) no-repeat 0 0; background-size: auto 24px; }

/* End:| inner/login */
/*>import/inner/_selectbox.scss */
.filter select { width: 100%; height: 37px; padding: 8px 18px 9px; border: 1px solid #d5e2cb; border-radius: 4px; box-sizing: border-box; font-size: 14px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #f8f8f8), color-stop(100%, #f8f8f8)); background-image: -moz-linear-gradient(#ffffff 0%, #ffffff 50%, #f8f8f8 51%, #f8f8f8 100%); background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 50%, #f8f8f8 51%, #f8f8f8 100%); background-image: linear-gradient(#ffffff 0%, #ffffff 50%, #f8f8f8 51%, #f8f8f8 100%); }
.android.no-flexbox .filter select { -webkit-appearance: listbox; box-sizing: content-box; width: 98%; height: 36px; padding: 0 0 0 3px; }

/* End:| inner/selectbox */
/*>import/inner/_card_event.scss */
.share_btn { background: url("../images/sprite01.png") no-repeat scroll -10px -10px transparent; height: 20px; width: 20px; margin-top: 2px !important; color: #FFF !important; line-height: 24px !important; padding-right: 0px !important; margin-right: 3px !important; }

.share_this_area { background-color: #FFF; position: absolute; left: -9999px; padding: 10px 15px; top: -9999px; z-index: 25; color: #000; font-size: 10px; }
.share_this_area.show { left: 135px; top: 25px; }

._blk, .event-block, .locate-block, .locate-detail-block, .detail-block, .gr-block, .gr-detail-block { padding: 1em 10px 5px; }

.event-block { background: #f6f8e0; }
.event-block h2 { margin: 0 0 0.5em; line-height: 1.2em; font-size: 1em; color: #4e7837; }
.event-block h2 a { color: #4e7837; text-decoration: none; }
.event-block a { font-style: normal; text-decoration: underline; color: #1470a5; }
.event-block td { border: 0; padding: 4px 4px 4px 0; line-height: 1.3; vertical-align: top; }
.event-block td:first-child { width: 80px; }
.lt-ie9 .event-block td:first-child { width: 83px; }
.event-block .block { margin: 0 0 12px; padding: 1em 10px 1px; border: 1px solid #d0d0cf; box-sizing: border-box; -moz-box-shadow: 0px 2px 4px 1px #D6D6D6; -webkit-box-shadow: 0px 2px 4px 1px #D6D6D6; box-shadow: 0px 2px 4px 1px #D6D6D6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8)); background-image: -moz-linear-gradient(#ffffff 0%, #f8f8f8 100%); background-image: -webkit-linear-gradient(#ffffff 0%, #f8f8f8 100%); background-image: linear-gradient(#ffffff 0%, #f8f8f8 100%); }
.lt-ie9 .event-block .block { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF8F8F8'); }
.event-block .title { position: relative; }
.event-block .detail { padding-top: 10px; border-top: 5px solid #D8D8AE; overflow: hidden; }
.event-block .detail img { max-width: 100%; height: auto; float: left; }
.event-block .detail table { margin: 0 0 8px; }
.event-block .detail .image { display: block; }

/* End:| inner/card_event */
/*>import/inner/_card_pagin.scss */
._pn, .pagin .prev, .pagin .next, .locate-navi .prev, .locate-navi .next { overflow: hidden; position: relative; text-align: center; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #f8f8f8), color-stop(100%, #f8f8f8)); background-image: -moz-linear-gradient(#ffffff 0%, #ffffff 50%, #f8f8f8 51%, #f8f8f8 100%); background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 50%, #f8f8f8 51%, #f8f8f8 100%); background-image: linear-gradient(#ffffff 0%, #ffffff 50%, #f8f8f8 51%, #f8f8f8 100%); color: #41474c; }
.ie9 ._pn, .ie9 .pagin .prev, .pagin .ie9 .prev, .ie9 .pagin .next, .pagin .ie9 .next, .ie9 .locate-navi .prev, .locate-navi .ie9 .prev, .ie9 .locate-navi .next, .locate-navi .ie9 .next, .ie8 ._pn, .ie8 .pagin .prev, .pagin .ie8 .prev, .ie8 .pagin .next, .pagin .ie8 .next, .ie8 .locate-navi .prev, .locate-navi .ie8 .prev, .ie8 .locate-navi .next, .locate-navi .ie8 .next { filter: none; background: url(../images/shade_pagin.png) repeat-x 0 top; }
._pn::after, .pagin .prev::after, .pagin .next::after, .locate-navi .prev::after, .locate-navi .next::after { content: " "; width: 10px; height: 10px; position: absolute; top: 7px; background: no-repeat 0 50%; background-size: 10px 10px; }

.pagin { width: 100%; display: block; padding: 0 10px; box-sizing: border-box; text-align: center; }
.pagin > a, .pagin > span { border: 1px solid #d5e2cb; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; }
.pagin .curr-page { height: 26px; width: 93px; margin: 0 -16px 0 -6px; padding: 2px 18px 1px 14px; border: 1px solid #d5e2cb; -webkit-appearance: none; border-radius: 0; font-size: 14px; line-height: 1.2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjZlZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjJmNmVmIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNlZWYyZWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWYyZWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f6ef), color-stop(50%, #f2f6ef), color-stop(51%, #eef2eb), color-stop(100%, #eef2eb)); background-image: -moz-linear-gradient(#f2f6ef 0%, #f2f6ef 50%, #eef2eb 51%, #eef2eb 100%); background-image: -webkit-linear-gradient(#f2f6ef 0%, #f2f6ef 50%, #eef2eb 51%, #eef2eb 100%); background-image: linear-gradient(#f2f6ef 0%, #f2f6ef 50%, #eef2eb 51%, #eef2eb 100%); color: #2c6100; }
.lt-ie9 .pagin .curr-page { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF2F6EF', endColorstr='#FFEEF2EB'); }
.ie9 .pagin .curr-page, .ie8 .pagin .curr-page { height:30px; width: 125px; margin: 0px -46px 0px -6px; }
.ie8 .pagin .curr-page { height:30px; padding: 2px 18px 3px 14px; font-size: 14px; line-height: 14px; vertical-align: top; }
.firefox .pagin .curr-page { width: 115px; margin: 0px -25px 0px -9px; }
.pagin .prev, .pagin .next { width: 47px; }
.pagin .prev { padding: 0 22px 0 28px; border-radius: 4px 0 0 4px; }
.pagin .prev::after { left: 8px; background-image: url(../images/prev-grey1.png); }
.pagin .next { padding: 0 28px 0 22px; border-radius: 0 4px 4px 0; }
.pagin .next::after { right: 8px; background-image: url(../images/next-grey1.png); }
.pagin .next.disabled { padding-top: 1px; padding-bottom: 1px; border: 0; border-left: 1px solid #D5E2CB; background: none #F6F8E0; text-indent: -9999px; }
.pagin .next.disabled:after { content: none; }
.lt-ie9 .pagin .next.disabled:after { content: none; }
.event-block ~ .pagin { background: #F6F8E0; }

/* End:| inner/card_pagin */
/*>import/inner/_locate_nav.scss */
.locate-block { padding: 1em 0 0; border-bottom: 1px solid #dddddc; background: #f6f8e0; }
.locate-block .page-title { padding: 0 7px; }
.locate-block .region { margin: 0; padding: 5px 7px; font-size: 12px; text-transform: uppercase; background: #dddddc; }

.locate-nav > li > a { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fbfbf1)); background-image: -moz-linear-gradient(#ffffff 0%, #fbfbf1 100%); background-image: -webkit-linear-gradient(#ffffff 0%, #fbfbf1 100%); background-image: linear-gradient(#ffffff 0%, #fbfbf1 100%); color: #41474c; }
.lt-ie9 .locate-nav > li > a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFBFBF1'); background-image: none; }
.locate-nav > li > a::after { content: " "; background: url(../images/icon-top-lv/grey-arrow-down.png) no-repeat 0 0; }
.locate-nav a { padding: 0 7px; border-top: 1px solid #dddddc; font-size: 16px; }
.locate-nav .active > a::after { background-image: url(../images/icon-top-lv/grey-arrow-up.png); }
.locate-nav .active .lv2 a { background: #e8f0e0; }

/* End:| inner/login_nav */
/*>import/inner/_locate_detail.scss */
/* .ui-datepicker-current-day a { border: 1px solid #CBAD26; } */

.locate-detail-block { border-bottom: 1px solid #dddddc; }
.locate-detail-block .page-title { padding: 0 0 8px; border-bottom: 5px solid #d8d8ae; }

.locate-info h2 { margin-bottom: 16px; margin-right: 90px; font-size: 16px; line-height: 1.5; color: #2c6100; }
.locate-info h3 { font-weight: 400; }

.locate-navi { margin: -7px 0 9px 0; float: right; }
.locate-navi > a, .locate-navi > span { height: 30px; border: 1px solid #d5e2cb; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; }
.locate-navi .prev, .locate-navi .next { width: 40px; }
.locate-navi .prev::after, .locate-navi .next::after { top: 10px; }
.locate-navi .prev { margin: 0 -5px 0 0; border-radius: 4px 0 0 4px; }
.locate-navi .prev::after { left: 15px; background-image: url(../images/prev-grey1.png); }
.locate-navi .next { border-radius: 0 4px 4px 0; }
.locate-navi .next::after { right: 15px; background-image: url(../images/next-grey1.png); }

/* Open Hour */
.open_hr { width: 100%; padding: 10px 10px; box-sizing: border-box; overflow: hidden; background: #F5F4D5; }
.open_hr * { line-height: 19px; }
.open_hr.with_cal > * { max-width: 344px; }
.open_hr.with_cal > h2 { margin: 0 0 8px; font-size: 14px; font-weight: 400; color: #2c2c2c; }
.open_hr.with_cal > h3 { margin: 0 0 6px; }
.open_hr.with_cal li { line-height: 19px !important; /* text size */ }
.open_hr ul { max-width: 344px; margin: 0; padding: 0; overflow: hidden; line-height: 19px; }
.open_hr li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; font-family: Calibri, "calibri_mac", Arial, "PMingLiU", "新細明體", sans-serif; list-style: none outside none; }
.lt-ie9 .open_hr li { font-family: Arial, "PMingLiU", "新細明體", sans-serif; }
.tc .open_hr li { /* yeahh */ font-size: 14px; }
.open_hr h3 { margin: 0 0 5px; }
.open_hr .week { width: 110px; clear: left; vertical-align: top; }
.open_hr .week sup { margin: -5px 0 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.open_hr .time { width: 165px; }
.open_hr .current { font-weight: 700; color: #2F5C0A; }

.note_lib { width: 100%; padding: 10px 0; overflow: hidden; position: relative; box-sizing: border-box; }
.with_cal + .note_lib { padding: 12px 10px 10px; }
.note_lib ul, .note_lib ol { margin: 0; padding: 0; }
.note_lib li { list-style: none outside none; }
.note_lib p { margin: 0 0 16px; font-size: 14px; }
.tc .note_lib p { font-size: 14px; }
.note_lib a { color: #2c6100; }
.note_lib .date { margin: 0; font-size: 14px; }

.box_border { margin: 0 0 1em; border: 2px solid #D6DDCB; }
.box_border > * { padding: 16px 10px; }
.box_border h2 { margin: 0; padding: 12px 10px; font-size: 18px; font-family: Calibri, "calibri_mac", Arial, "PMingLiU", "新細明體", sans-serif; color: #2d5c46; }
.lt-ie9 .box_border h2 { font-family: Arial, "PMingLiU", "新細明體", sans-serif; }
.box_border ul { margin: 0; padding: 0; }
.box_border a { text-decoration: underline; }
.box_border .body { background: url(../images/shade_repeat_x.png) repeat-x 0 top; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjxzdG9wIG9mZnNldD0iMjVweCIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(25px, #ffffff), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(#f3f3f3 0%, #ffffff 25px, #ffffff 100%); background-image: -webkit-linear-gradient(#f3f3f3 0%, #ffffff 25px, #ffffff 100%); background-image: linear-gradient(#f3f3f3 0%, #ffffff 25px, #ffffff 100%); }
.ie9 .box_border .body, .ie8 .box_border .body { filter: none; background: url(../images/shade_repeat_x.png) repeat-x 0 top; }
.box_border .body li { margin: 0 0 2px 24px; list-style-position: outside; }
.box_border .body h3 { font-weight: 700; }
.box_border .body h3.week { margin: 0 0 1em; }
.box_border .body table tr:nth-of-type(2n) td, .box_border .body table tr:nth-of-type(2n) th { background: none; }
.box_border .body table tr.even td, .box_border .body table tr.even th { background: none; } 
.service_hour td { margin: 0; padding: 0; border: 0; vertical-align: top; line-height: 1.4; font-size: 14px; font-family: Calibri, "calibri_mac", Arial, "PMingLiU", "新細明體", sans-serif; }
.lt-ie9 .service_hour td { font-family: Arial, "PMingLiU", "新細明體", sans-serif; }
.service_hour td:first-child { padding: 0 3px 0 0; }
.service_hour li { padding: 0; margin: 0; float: left; line-height: 1.34; font-size: 14px; font-family: Calibri, "calibri_mac", Arial, "PMingLiU", "新細明體", sans-serif; background: none; }
.lt-ie9 .service_hour li { font-family: Arial, "PMingLiU", "新細明體", sans-serif; }
.service_hour li li { font-size: 1em; }
.service_hour .time p { margin: 0; font-size: 1em; }

.highlit { background: #547c34; color: #FFF !important; }

.box_border .body .season_title { font-weight: 700; font-size: 16px; color: #2d5c46; }

/* End:| inner/locate_detail */
/*>import/inner/_locate_calendar.scss */
.ui-datepicker-title { text-align: center; line-height: 21px; height: 30px; font-size: 13.96px; color: #cbad26; }
.ui-datepicker-title span { font-size: 13.96px; color: #cbad26; }

.ui-datepicker-header { position: relative; }

.ui-datepicker-prev, .ui-datepicker-next { left: 0; position: absolute; top: 0; height: 14px; line-height: 14px; }
.ui-datepicker-prev span, .ui-datepicker-next span { width: 14px; height: 14px; margin: 4px 0 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-indent: -9999px; *text-indent: 0; *padding-top: 1px; *font-size: 0; *line-height: 0; vertical-align: top; background: url(../images/cal_np.png) no-repeat 0 bottom; }

.ui-datepicker-next { right: 0; left: auto; }
.ui-datepicker-next span { background: url(../images/cal_np.png) no-repeat 0 0; }

.ui-datepicker-calendar td, .ui-datepicker-calendar th { border: 0; background: none; font-family: Arial; font-size: 13px; padding: 0; text-align: right; }

.ui-datepicker-calendar td { height: 29px; }

.ui-datepicker-calendar th { font-weight: 700; }

.ui-datepicker-calendar td a, .ui-datepicker-calendar td span, .ui-datepicker-calendar th span { color: #52464B; padding: 5px 7px; }

.ui-widget-content .ui-state-highlight a { background: #cbad26; padding: 5px 7px; display: inline-block; width: 14px; margin 0;}

#cal_endar td a:hover { cursor: default; }

#cal_endar { margin: 10px 0 14px; padding: 5px 0 0; border-top: 1px solid #CAC08F; width: 278px; }

#cal_endar .ui-datepicker-calendar { margin: 0 5px 0 -7px; }

.lgnd_serv { padding-left: 18px; display: block; font-size: 15px; font-family: Calibri, "calibri_mac", Arial, "PMingLiU", "新細明體", sans-serif; background: url(../images/lgnd_serv.png) no-repeat 0 50%; }
.lt-ie9 .lgnd_serv { font-family: Arial, "PMingLiU", "新細明體", sans-serif; }

/* End:| inner/locate_calendar */
/*>import/inner/_detail.scss */
.detail-block { border-bottom: 1px solid #d5e2cb; }
.detail-block .page-title { padding-bottom: 16px; border-bottom: 5px solid #d8d8ae; }
.detail-block.locate .page-title { padding-bottom: 0; border-bottom: 0; }

/* End:| inner/detail */
/*>import/inner/_tagging.scss */
.tagging { margin: 0 0 10px; }
.tagging .tag { margin: 0 0 5px; padding: 10px 15px; border-right: 2px solid #d0d0cf; border-bottom: 2px solid #d0d0cf; box-sizing: border-box; }

.tag.green { background-color: #e4f4d9; }
.tag.blue { background-color: #eef9ff; }
.tag.yellow { background-color: #fcffee; }
.tag a { text-decoration: none; font-weight: 700; color: #2c6100; }
.tag p { margin: 0 0 2px; }
.tag li { margin: 0; padding: 0 0 0 12px; list-style: none outside none; background: url(../images/bullet-grey.png) no-repeat 0 3px; background-size: 10px 10px; }
.tagging .tag h3.tag-title { margin: 0 0 5px; font-size: 16px; font-weight: 400; }
.tag .horizontal li { margin: 0 4px 0 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.richeditor .tag li, .box_border .body .tag li { list-style: none outside none; }

/* End:| inner/tagging */
/*>import/inner/_gr_search.scss */
.gr-block { letter-spacing: 0.2px; background: #f6f8e0; }
.gr-block .richeditor a, .gr-block .box_border .body a, .box_border .gr-block .body a, .gr-block .richeditor p, .gr-block .box_border .body p, .box_border .gr-block .body p, .gr-block .richeditor li, .gr-block .box_border .body li, .box_border .gr-block .body li, .gr-block .richeditor span, .gr-block .box_border .body span, .box_border .gr-block .body span { font-size: 12px; }
.gr-block .richeditor p, .gr-block .box_border .body p, .box_border .gr-block .body p { margin: 0 0 5px; }
.gr-block .richeditor ul, .gr-block .box_border .body ul, .box_border .gr-block .body ul { margin: 0 0 5px; }
.gr-block .pagin { margin: 0 -10px; padding-bottom: 10px; border-bottom: 1px solid #CCC; box-sizing: content-box; }

.gr-db-search { margin: 1em 0; }
.gr-db-search .title { margin: 0 10px; font-size: 16px; }
.gr-db-search .title a { padding: 10px 20px; border: 1px solid #356413; border-radius: 5px; display: block; position: relative; background: #417D28; color: #f6f8e0; box-sizing: border-box; }
.gr-db-search .title a::after { content: " "; width: 16px; height: 16px; position: absolute; top: 15px; right: 18px; background: url(../images/arrow-gr-white-up.png) no-repeat 0 0; background-size: 16px 16px; }
.gr-db-search.open .title a { border-radius: 5px 5px 0 0; }
.gr-db-search.open .title a::after { background-image: url(../images/arrow-gr-white-down.png); }

.gr-search-form { max-height: 0; border-radius: 0 0 5px 5px; overflow: hidden; position: relative; background: #FFF; box-sizing: border-box; }
.open .gr-search-form { max-height: 300px; margin: 0 10px; padding: 10px 6px; border: 1px solid #d5e2cb; border-top: 0; }
.gr-search-form .filter { margin: 3px 0 0; }
.gr-search-form .filter select { margin: 0 0 6px; }
.gr-search-form .keyword { min-width: 177px; width: 94%; margin: 0 -2px 3px 8px; padding: 8px 5px 9px 22px; border: 0; border-top: 2px solid #dddddc; border-radius: 5px 9px 9px 5px; box-sizing: border-box; font-size: 14px; background: #ebebeb; color: #626b72; }
.safafi .gr-search-form .keyword:focus + button, .chrome .gr-search-form .keyword:focus + button { height: 40px; }
.ie8 .gr-search-form .keyword:focus + button { height: 36px; }
.gr-search-form .go-search { min-width: 32px; width: 8%; height: 36px; position: absolute; top: 10px; right: 14px; padding: 3px 20px 4px; border-style: solid; border-width: 1px 1px 3px 1px; border-color: #92ae55; border-radius: 0 5px 5px 0; text-indent: -9999px; font-size: 0; *text-indent: 0; *line-height: 0; vertical-align: top; background: url(../images/gr-go-search.png) no-repeat 50% 50% #a2c455; background-size: 16px 16px; box-sizing: border-box; }
.ie8 .gr-search-form .go-search { min-width: 0; }

.searching-term { margin: 20px 0 -8px; font-size: 18px; }
.searching-term span { font-weight: 700; }

/* End:| inner/_gr_search */
/*>import/inner/_gr_tab_block.scss */
._db_ico, .gr-tab-block .db-e, .gr-tab-block .db-cd { height: 26px; padding-left: 28px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.gr-tab-block { margin: 25px -10px; overflow: hidden; position: relative; clear: both; }
.gr-tab-block .tabhead { display: none; }
.gr-tab-block .content { padding: 20px 10px 0; border-bottom: 1px solid #d5e2cb; overflow: hidden; background: white; }
.gr-tab-block .db-e { background: url(../images/db-e.png) no-repeat 0 50%; background-size: 32px 32px; }
.gr-tab-block .db-cd { background: url(../images/db-cd.png) no-repeat 0 50%; background-size: 32px 32px; }
.gr-tab-block .legend { margin: 0 0 0.5em; }
.gr-tab-block .legend span { min-width: 25%; font-size: 12px; }

.tabs-list { margin: 0; padding: 0; border-bottom: 3px solid #a2c455; }
.tabs-list li { width: 49.5%; margin: 0 0 0 1%; border-radius: 5px 5px 0 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: center; background: #d8e4bd; box-sizing: border-box; }
.tabs-list li:first-child { margin: 0; }
.tabs-list li.current { background: #a2c455; }
.tabs-list li a { width: 100%; padding: 1px 0 0; display: block; font-size: 12px; line-height: 28px; color: #30383f; }

/* End:| inner/_gr_search */
/*>import/inner/_gr_accordion.scss */
/* Accordion */
.accordion { margin: 0 0 12px; background: #FFF; }
.accordion h2 { margin: 0; display: inline; font-size: 1.125em; font-weight: 400;  }
.accordion h2 a { padding: 10px 20px; display: block; position: relative; text-decoration: none; color: #2c6100; }
.accordion h2.active { margin: 0;  }
.accordion span { font-size: 12px; }
.accordion img { float:right;margin-top: 5px ; margin-right: 10px }


.accord-content { display: none; height: 0; padding: 0 10px; overflow: hidden; }
.accord-content *:first-child { margin-top: 3px; }
.accord-content h3 { margin: 0 0 10px; font-size: 1em; font-weight: 700; }
.accord-content a { color: #1470a5; text-decoration: underline; }

.tabbody .accordion { margin: 0 -10px; border-top: 1px solid #d5e2cb; }
.tabbody .accordion h2 a { width: 85%; height: auto; padding: 13px 33px 14px 40px; font-size: 16px; font-weight: 700; background-position: 10px 6px; box-sizing: border-box; }



.tabbody .richeditor, .tabbody .box_border .body, .box_border .tabbody .body { margin: 0 0 1em; }

/* End:| inner/accordion */
/*>import/inner/_gr_detail.scss */
.gr-detail-block { padding-bottom: 0; border-bottom: 1px solid #d9e4ce; background: #f6f8e0; }

.detail-item { margin: 0 -10px; padding: 20px 8px; background: #FFF; }
.detail-item img { max-width: 100%; box-sizing: border-box; }
.detail-item h2, .detail-item h3 a { font-size: 16px; text-decoration: none; color: #2c6100; }
.page-title ~ .detail-item h3 a { font-size: 14px; text-decoration: none; color: #333; }
.detail-item h3 a:hover { text-decoration: underline; }
.detail-item h2 { margin: 0 0 18px; padding: 0 0 0 18px; position: relative; font-weight: 400; }
.detail-item h2::before { content: " "; width: 10px; height: 10px; position: absolute; top: 3px; left: 0; background: #2c6100; }
.detail-item h3, .detail-item h3 a { margin: 14px 0; }
.detail-item.item-even { background: #fcf9ef; }
.detail-item.item-even h2, .detail-item.item-even h3, .detail-item.item-even h3 a { text-decoration: none; color: #be4523; }
.detail-item.item-even h3 a:hover { text-decoration: underline; }
.detail-item.item-even h2::before { background: #be4523; }

/* End:| inner/accordion */
/*>import/_lang_spec.scss */
#header a { background: url(/common/en/mobile/images/main-logo.png) no-repeat 13px 11px; background-size: auto 42px; }

.lt-ie9 #header a { background-image: url(/common/en/mobile/images/main-logo_ie8.png); }

.tc #header a { background: url(/common/tc/mobile/images/main-logo.png) no-repeat 13px 11px; background-size: auto 42px; }
.lt-ie9 .tc #header a { background-image: url(/common/tc/mobile/images/main-logo_ie8.png); }

/* End:| lang_spec.scss */
.page-title { margin: 0 0 15px; font-size: 19px; line-height: 24px; color: #2c6100; }

#content { min-height: 400px; }

.filter { margin: 0 0 1em; padding: 0 8px; }
.filter select { position: relative; }
.lt-ie9 .filter select { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF8F8F8'); }
.filter select::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #f8f8f8), color-stop(100%, #f8f8f8)); background-image: -moz-linear-gradient(#ffffff 0%, #ffffff 50%, #f8f8f8 51%, #f8f8f8 100%); background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 50%, #f8f8f8 51%, #f8f8f8 100%); background-image: linear-gradient(#ffffff 0%, #ffffff 50%, #f8f8f8 51%, #f8f8f8 100%); background-image: url(../images/selectbox-arrow.png); }
.filter label.has-select { position: relative; display: block; overflow: hidden; }
.filter label.has-select::after { content: ' '; width: 36px; height: 35px; position: absolute; top: 1px; right: 3px; pointer-events: none; background: url(../images/selectbox-arrow.png) repeat-x 0 98% #FFF; background-size: 32px 36px; }
.ios.safari .filter label.has-select::after { background-position: 0 2px; }
.firefox .filter label.has-select::after { height: 35px; right: 1px; }
.android.no-flexbox .filter label.has-select::after { right: 7px; } 

.announ { max-height: 2000px; padding: 0 10px; overflow: hidden; display: block; background: #fcf1da; -moz-transition: max-height 1.2s ease; -o-transition: max-height 1.2s ease; -webkit-transition: max-height 1.2s ease; transition: max-height 1.2s ease; }
.announ.hide { max-height: 0; }

.announ-close { width: 16px; height: 16px; margin: 20px 5px 0 0; float: right; background: url(../images/announ-close.png) no-repeat 0 0; background-size: 16px 16px; }

.announ-item { margin: 0 0 2em; }
.announ-item a { text-decoration: underline; color: #1470a5; }
.announ-item p {
	font-size: 16pt;
	font-weight: bold;
}
.tc .announ-item p {
	font-size: 18pt;
	font-family: 標楷體,'utopia_s','cwTeXKai',微軟正黑體, Heiti TC, Arial, Helvetica, sans-serif;
}

.announ-title { margin: 20px 0; font-size: 16pt; }
.tc .announ-title  {
	font-size: 18pt;
	font-family: 標楷體,'utopia_s','cwTeXKai',微軟正黑體, Heiti TC, Arial, Helvetica, sans-serif;
}


.user_dl_btn { margin: 0 0 1em; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

/* End:| inner_page.scss */
/*>import/_selectbox.scss */
/* select stlye */
.sbHolder { font-size: 12px; float: left; position: relative; }
.sbHolder .sbSelector { font-size: 12px; float: left; line-height: 27px; height: 22px; overflow: hidden; color: #FFF; padding-left: 13px; background: left top no-repeat; }
.sbHolder .sbToggle { float: right; width: 27px; height: 27px; background: url(../img/bg-select-box.png) 50% 50% no-repeat; }
.sbHolder a { font-size: 12px; line-height: 24px; display: block; color: #474747; text-decoration: none !important; }
.sbHolder .sbOptions { background: url(../img/bg-dropdown-block-mid.png) left bottom no-repeat; z-index: 2; position: absolute; width: 100%; margin-top: -6px; padding: 6px 0 8px; overflow: auto; max-height: 350px !important; }
.sbHolder .sbOptions span, .sbHolder .sbOptions a { line-height: 1.3em; padding: 5px 5px 5px 8px; margin: 0 4px; color: #FFF; }
.sbHolder .sbOptions a:hover { background-color: #89760D; color: #AAA; }

.sbHolder { width: 170px; margin: 0 0 5px; display: block; clear: both; background: #89760D; }
.sbHolder a { display: block; color: #FFF; }
.sbHolder .sbSelector { height: 20px; display: block; line-height: 20px; float: none; }
.sbHolder .sbToggle { color: #FFF; height: 20px; }
.sbHolder .sbOptions li { background: #89760D; }
.sbHolder .sbOptions li span { font-style: italic; display: none; }

/* End:| selectbox.scss */
/*>import/_rte_template.scss */
table.styled th { padding-top: 12px; background-color: #f9f9f9; color: #8e6800; }
table.styled td { border-right: 1px solid #FFF; background-color: #f9f9f9; }
table.styled table td:first-child { padding-left: 0; }

.template-block { margin: 0 0 20px; }

.template-play { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; margin-left: 18px; }
.template-play:first-child { margin-left: 0; }
.template-play .img-cont > a { display: block; position: relative; }
.template-play .overlay-play { width: 45px; height: 45px; margin-top: -23px; margin-left: -23px; display: block; position: absolute; left: 50%; top: 50%; background: url(../img/icon-play.png) no-repeat 50% 50%; }
body.cke_editable .template-play .overlay-play { display: none; }

.rte-img[style*=left][style*=float] img { margin-left: 0 !important; }

div.rte-templates > ul > li { margin-bottom: 10px; }

.template-dotted { margin: 0 0 8px; border: 0; border-bottom: 1px dotted #ccc; }

/* End:| rte_template.scss */

/*# sourceMappingURL=style.css.map */

/* Locate Library */
.locate-info .richeditor > .photo { /*width: 440px; margin-right: -30px;*/ overflow: hidden; }
.locate-info .richeditor > .photo ul { margin: 0; padding: 0; }
.locate-info .richeditor > .photo li { width: 191px; height: 191px; margin: 0 27px 18px 0; float: left; display: table; list-style: none outside none; background: #E7EDE1; }
.locate-info .richeditor > .photo a { text-align: center; display: table-cell; vertical-align: middle; }
.locate-info .richeditor > .photo a.no-link { cursor: default; }
.locate-info .richeditor > .photo span { width: 191px; display: block; line-height: 0; text-align: center; }
.locate-info .richeditor > .photo img { max-width: 100%; max-height: 191px; }

.locate-detail-block  { display: none; min-height: 410px;} 
.locate-detail-block:target { display: block; }
.locate-detail-block:first-of-type  .locate-navi .prev {display: none; }
.locate-detail-block:last-of-type  .locate-navi .next {display: none; }
.locate-detail-block .lib_type { margin-left: 10px; }

.notice-block h2 {color: black;}
.richeditor { word-wrap: break-word; }
a.no-link:hover {color: #4e7837; cursor: default; }

.clean_table { background: none repeat scroll 0 0 transparent; border: medium none; }

.clean_table td { border: none; }

.sub_btn_area {
    margin: 25px 0 0;
    text-align: center;
}

.sub_btn_area > a {
    margin: 0 12px;
}

.page_no_area > a {display: inline-block; line-height: 20px; vertical-align: middle; }

.page_no_area .currentPage { color: #669940 !important;}

.page_no_area .current { color: #669940 !important;}

.page_no_area {
    float: right;
	margin-top: 20px;
}
.page_no_area img {
    vertical-align: top;
	margin: 0 5px;
}
.page_input {
    margin: 0 5px;
    width: 35px;
	vertical-align: middle;
}

/* Locate Libraries Remark */

.lib_remark{
	padding: 10px 10px;
	background: #ffffcc;
	font-size: 12px;
}

.lib_remark p:last-child {
	margin: 0;
}

/* Locate Libraries Remark End */

/* BOD */

.lib_station .lib_remark {
	font-size: 100%;
	color: red;
	font-weight: bold;
	display: none;
}
.paging_select {
	font-size: 0.95em;
}
/* BOD End */

:root{
	--popup-image-desktop: 300px; 
	--popup-left-desktop: 50%;
	--popup-image-mobile: 300px;
	--popup-top-mobile: 50%;
}
@media only screen and (min-width: 992px){  
	@keyframes slidein{
		0%{
		  max-width: var(--popup-image-desktop);
		  left: var(--popup-left-desktop);
		}
		75%{
		  max-width: var(--popup-image-desktop);
		  left: var(--popup-left-desktop);
		}
		100%{
		  max-width: var(--popup-image-desktop);
		  left: calc(var(--popup-image-desktop)/2);
		}			
	}	
}

@media only screen and (max-width: 480px){  	
	@keyframes slidein{
		0%{
		  max-width: var(--popup-image-mobile);
		  top: var(--popup-top-mobile);
		}
		75%{
		  max-width: var(--popup-image-mobile);
		  top: var(--popup-top-mobile);
		}
		100%{
		  max-width: var(--popup-image-mobile);
		  top: calc(var(--popup-top-mobile)*1.6);
		}			
	}
}		  

#isd-popup{ 
	animation-name: slidein; 
	animation-duration: 1s;
	animation-fill-mode: forwards;		
}

html.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	_filter: none;
}