@charset "UTF-8";
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
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, 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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

hr, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

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

caption, th, td { font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

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

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* /import/_typography.scss */
@font-face { font-family: 'UtopiaStd_SB'; src: url("font/UtopiaStd-SemiboldIt.eot");
  /* IE9 Compat Modes */
  src: url("font/UtopiaStd-SemiboldIt.eot?#iefix") format("embedded-opentype"), url("font/UtopiaStd-SemiboldIt.woff") format("woff"), url("font/UtopiaStd-SemiboldIt.ttf") format("truetype"), url("font/UtopiaStd-SemiboldIt.svg#UtopiaStd-SemiboldIt") format("svg");
  /* Legacy iOS */
  font-style: italic; font-weight: 700; text-rendering: optimizeLegibility; }

@font-face { font-family: 'UtopiaStd'; src: url("font/UtopiaStd-SemiboldDispIt.eot");
  /* IE9 Compat Modes */
  src: url("font/UtopiaStd-SemiboldDispIt.eot?#iefix") format("embedded-opentype"), url("font/UtopiaStd-SemiboldDispIt.woff") format("woff"), url("font/UtopiaStd-SemiboldDispIt.ttf") format("truetype"), url("font/UtopiaStd-SemiboldDispIt.svg#UtopiaStd-SemiboldDispIt") format("svg");
  /* Legacy iOS */
  font-style: italic; font-weight: 700; text-rendering: optimizeLegibility; }

@font-face { font-family: 'UtopiaStd'; src: url("font/UtopiaStd-Italic.eot"); src: url("font/UtopiaStd-Italic.eot?#iefix") format("embedded-opentype"), url("font/UtopiaStd-Italic.woff") format("woff"), url("font/UtopiaStd-Italic.ttf") format("truetype"), url("font/UtopiaStd-Italic.svg#UtopiaStd-Italic") format("svg"); font-style: italic; font-weight: 400; text-rendering: optimizeLegibility; }

@font-face { font-family: 'Signika'; src: url("font/Signika-Regular.eot"); src: url("font/Signika-Regular.eot?#iefix") format("embedded-opentype"), url("font/Signika-Regular.woff") format("woff"), url("font/Signika-Regular.ttf") format("truetype"), url("font/Signika-Regular.svg#Signika-Regular") format("svg"); font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; }

@font-face { font-family: 'Calibri_XP'; src: url("font/Calibri.eot"); src: url("font/Calibri.eot?#iefix") format("embedded-opentype"), url("font/Calibri.woff") format("woff"), url("font/Calibri.ttf") format("truetype"), url("font/Calibri.svg#Calibri") format("svg"); font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; }

@font-face { font-family: 'Myriad'; src: url("font/MyriadPro-Regular.eot");
  /* IE9 Compat Modes */
  src: url("font/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("font/MyriadPro-Regular.woff") format("woff"), url("font/MyriadPro-Regular.ttf") format("truetype"), url("font/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg");
  /* Legacy iOS */
  font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; }

/* Revise UI 202205 Font 
@font-face { font-family: 'UniversLTStd-Bold'; src: url("/common/batch3/fonts/UniversLTStd-BoldCn.otf"); }
@font-face { font-family: 'Arial'; src: url("/common/batch3/fonts/G_ari_bd.TTF"); }
*/

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size: 100.01%; }

body { color: #222; background: #fff; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #4E4E4E; font-weight: 700; line-height: 1; margin-bottom: 8px; font-family: 'Calibri', Helvetica, 新細明體, PMingLiu; }

h1 { font-size: 1.875em; line-height: 1; }

h2 { color: #0173cb; font-size: 1.25em; line-height: 1.2; margin-bottom: 10px; font-family: "Times New Roman", 新細明體, PMingLiu; font-style: italic; }

h3 { font-size: 1.25em; }

h4 { font-size: 1.125em; }

h5 { font-size: 1em; }

h6 { font-size: 0.875em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text elements
-------------------------------------------------------------- */
a { color: #000; }

p { margin: 0 0 1.5em; font-size: 0.9375em; line-height: 1.5; }

.breadcrumbs p { font-size: 0.6875em; }

blockquote { margin: 1.5em; color: #505050; font-style: italic; }

strong, dfn { font-weight: bold; }

em, dfn { font-style: italic; }

sup { font-size: 80%; position: relative; top: -0.5em; }

sub { font-size: 80%; position: relative; top: +0.3em; }

abbr, acronym { border-bottom: 1px dotted #505050; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #505050; }

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; }

/* Lists
-------------------------------------------------------------- */
li ul, li ol { margin: 0; }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; color: #505050; }

ul > li { font-size: 0.9375em; line-height: 1.2em; font-family: 'Calibri', Helvetica, 新細明體, PMingLiu; list-style-type: disc; }
ul > li > ul { padding-left: 1.8em; }
ul > li > ul > li { font-size: inherit; line-height: inherit; *font-size: 1em; *line-height: inherit; list-style-type: circle; }
ul > li > ul > li > ul > li { list-style-type: none; background: url("../images/bullet_link.png") no-repeat left 3px transparent; padding: 0 0 0 1.5em; }
.inner_page ul > li > ul > li > ul > li { background: url("../images/bullet_third.png") no-repeat left 1px transparent; }

ol > li { font-size: 0.9375em; line-height: 1.2em; font-family: 'Calibri', Helvetica, 新細明體, PMingLiu; list-style: decimal outside none; }
ol > li > ol > li { font-size: inherit; line-height: inherit; }

dl { margin: 0 0 1.5em; font-size: 0.9375em; line-height: 1.2em; font-family: 'Calibri', Helvetica, 新細明體, PMingLiu; }

dl dt { font-weight: 700; }

dd { margin-left: 0; color: #505050; }

/* Tables
-------------------------------------------------------------- */
/* Because of the need for padding on TH and TD, the vertical rhythm on table cells has to be 27px, instead of the standard 18px or 36px of other elements. */
table { margin-bottom: 1.4em; }

thead th { background: #D1E6A5; }

th, td, caption { padding: 8px 10px 8px 18px; border-bottom: 1px solid #cfcfcf; font-size: 0.9375em; line-height: 1.2em; color: #505050; font-family: 'Calibri', Helvetica, 新細明體, PMingLiu; }

th { color: #0173cb; font-size: 1.25em; line-height: 1; margin-bottom: 10px; font-weight: 700; background: #F7F7F7; font-family: "Times New Roman", "UtopiaStd", PMingLiu; font-style: italic; }

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; }

.no-line-table th, .no-line-table td, .no-line-table caption { border-bottom: 0px !important; font-weight: normal; margin-bottom: 0px;}
.no-line-table-top th, .no-line-table-top td, .no-line-table-top caption { border-bottom: 0px !important; font-weight: normal; margin-bottom: 0px; vertical-align: top;}
.no-line-table-bottom th, .no-line-table-bottom td, .no-line-table-bottom caption { border-bottom: 0px !important; font-weight: normal; margin-bottom: 0px; vertical-align: bottom;}

.valign-top th, .valign-top td,.valign-top caption {vertical-align: top;}
.valign-bottom th, .valign-bottom td,.valign-bottom caption {vertical-align: bottom;}
.align-justify { text-align:justify; text-justify:distribute; }

/* 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; }

/* You can zebra-stripe your tables in outdated browsers by adding the class "even" to every other table row. selector NOT support by IE7-8

tbody tr::nth-of-type(even) td,
tbody tr.even td  { background: #EDF5DC;
}
.template-table {
	th,td,caption {
		font-size: 1em;
		font-weight: 400;
		padding: 0;
	}
	td {
		border-bottom: 0;
		vertical-align: top;
		img {
			margin: 0 20px 10px 0;
		}
	}
	td[align=right] {
		text-align: right;
		img {
			margin: 0 0 10px 20px;
		}
	}
}
/* You can zebra-stripe your tables in outdated browsers by adding the class "even" to every other table row. selector NOT support by IE7-8

tbody tr:nth-child(even) td,
tbody tr.even td  { background: #EDF5DC;
} */
tfoot { font-style: italic; }

caption { background: #eee; }

/* end of typography.scss */
.font_Calibri, .footer-top .ft_links_area + div, .richtext p, .richtext > table td, .richtext ul > li, .richtext ol > li, .richtext ol > li ul > li, .a_button, .c_button, .move_box p, .move_box a, .event_search .title, .date, .roll_slider .cycle-slide p a, .navi_more section p, .navi_more ul li a { font-family: 'Calibri', Helvetica, 新細明體, PMingLiu; }

/* /import/_header.scss */
header { margin: 0 0 -6px; position: relative; z-index: 2; }
header:after { content: ""; width: 100%; height: 6px; display: block; background: url(../images/func-shade.png) repeat-x 0 0; }
.lt-ie8 header { height: 123px; background: url(../images/func-shade.png) repeat-x 0 117px;}	/*Compatibility mode*/

			/*Compatibility mode*/
.part_upper { /*height: 84px;*/ background: url(../images/header_bg.png) repeat-x left top transparent; border-bottom: 1px solid #b0433e; }

.logos { height: 64px; overflow: hidden; }

.main_logo { max-width: 650px; height: 100%; overflow: hidden; float: left; }
.main_logo a { display: block; overflow: hidden; line-height: 1; font-weight: 700; color: #000; text-decoration: none; }

.hong_kong { width: 195px; height: 100%; padding: 2px 1px 0 0; float: right; }

.site_function { overflow: hidden; }

.lang_switch { width: 450px; float: left; }
.lang_switch a { height: 20px; display: block; float: left; background: #717171; text-decoration: none; line-height: 19px; }
.lang_switch a.link_govhk {}
.lang_switch span { height: 20px; text-indent: -9999px; *font-size: 0px; *line-height: 0px; display: block; }

/* .link_govhk span { width: 171px; background: url(../images/_mainbar1b.gif) no-repeat 0 0; }
/* .link_govhk:hover span { background-position: 0 100%; } */

.link_govhk span { width: 160px; background: url(../images/_mainbar1b_bg.gif) no-repeat 0 0; text-indent: 0; font-size: 13px; color: #ffffff; letter-spacing: 1px; padding: 1px 5px; font-family: "新細明體"; font-weight: 400; }
.link_govhk span:hover { color: #000000; }

/* .lang_tc span { width: 51px; background: url(../images/_lang_tc_off.gif) no-repeat 0 0; } */
/* .lang_tc:hover span { background-position: 0 100%; } */

/* .lang_sc span { width: 50px; background: url(../images/_lang_sc_off.gif) no-repeat 0 0; } */
/* .lang_sc:hover span { background-position: 0 100%; } */

/* .lang_en span { width: 56px; background: url(../images/_lang_en_off.gif) no-repeat 0 0 #717171; } */
/* .lang_en:hover span { background-position: 0 100%; } */

.lang_tc span { text-indent: 0; font-size: 13px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; padding: 1px 5px; font-family: "新細明體"; font-weight: 400; }
.lang_tc span:hover { color: #000000; }

.lang_sc span { text-indent: 0; font-size: 13px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; padding: 1px 4px; font-family: "新細明體"; font-weight: 400; }
.lang_sc span:hover { color: #000000; }

.lang_en span { text-indent: 0; font-size: 12px; color: #ffffff; text-transform: uppercase; transform: scale(0.9); letter-spacing: 0.5px; padding-top: 1px; font-family: Helvetica; }
.lang_en span:hover { color: #000000; }

.lang_sepr { width: 3px; float: left; background: url(../images/lang_sepr.png) no-repeat left bottom transparent; }

.lang_end { width: 51px; float: left; background: url(../images/_lang_end.gif) no-repeat left bottom transparent; }

.func_enquire { /*width: 295px;*/ height: 20px; /*padding-right: 16px;*/ float: right; }
.func_enquire a { display: inline-block; *display: inline; *zoom: 1; height: 20px; line-height: 12px; font-weight: 700; vertical-align: top; text-decoration: none; }
.func_enquire a:hover { color: #b0433e; cursor: pointer; }
.func_enquire span { font-size: 0.6875em; line-height: 20px; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; text-transform: uppercase; }
.func_enquire input { line-height: 20px; vertical-align: top; }
.func_enquire .search { width: 7.8125em; height: 16px; margin: 0; padding: 0 1px 1px; border: 1px solid #CCC; font-size: 12px; line-height: 18px; color:#767676  /*color: #A0A0A0;*/ }

.start_search { width: 24px; height: 18px; border: 0; text-indent: -9999px; *font-size: 0px; *line-height: 0px; background: url(../images/_mainbar8b.gif) no-repeat left top transparent; cursor: pointer; }

.link_contact_us { width: 30px; }
.link_contact_us span { width: 30px; height: 18px; text-indent: -9999px; *font-size: 0px; *line-height: 0px; display: block; background: url(../images/_mainbar10.gif) no-repeat left -3px transparent; }
.link_contact_us:hover span { background-position: left 105%; cursor: pointer; }

.part_lower { height: 32px; overflow: hidden; background: #FFF; }

.site_control { /*width:300px;*/ /*padding-right: 20px;*/ float: right; }
.site_control > * { height: 24px; float: left; border-right: 1px solid #ededed; color: #767676 /*color: #797979*/; text-decoration: none; display: inline-block; *display: inline; *zoom: 1; }
.site_control > *:hover { color: #b0433e; cursor: pointer; }
.site_control > span, .site_control > a.span { width: 30px; line-height: 32px; height: auto; text-align: center; float: none; width: 28px; font-family: 'Arial', 新細明體, PMingLiu; }

.link_lcsd, .butn_print { padding: 10px 20px 0 30px; font-size: 0.6875em; background: url(../images/link_lcsd.png) no-repeat left center transparent; }

.butn_print { background: url(../images/link_print.png) no-repeat left center transparent; }

.size_small { font-size: 12px; }
body.size_s .size_small { color: #b0433e; }

.size_middle { font-size: 16px; }
body.size_m .size_middle { color: #b0433e; }

.size_large { font-size: 21px; }
body.size_l .size_large { color: #b0433e; }

/* end of header.scss */
/* /import/_nav.scss */
nav { position: relative; margin: 0 0 4px; *z-index: 110; }
nav .container { overflow: hidden; }

.menu_lv1 { display: block; padding: 0 0 20px; margin: 0 0 0; clear: both; z-index: 120; font-family: 'Calibri', Helvetica, 新細明體, PMingLiu; }
.menu_lv1 span { font-weight: 700; }
.lt-ie8 .menu_lv1 * { zoom: 1; }
.menu_lv1 li { position: relative; background-image: none; }
.lt-ie8 .menu_lv1 li { vertical-align: bottom; } /*Compatibility mode*/
.menu_lv1 ul { padding: 0; top: -9999px; left: 100%; position: absolute; }
/*.lt-ie8 .menu_lv1 ul { position: relative; }*/ /*Compatibility mode*/
.menu_lv1 > li { width: 100%; display: block; }
.menu_lv1 > li:first-child > a { border: 0 !important; }
.menu_lv1 > li > a { display: table; width: 186px; padding: 11px 3px 12px 0; text-align: left; color: white; text-decoration: none; }
.menu_lv1 > li > a span { display: table-cell; vertical-align: middle; padding: 0 12px; font-size: 1.06667em; /*padding: 12px 12px; *display: block; */width: 80%; }
.lt-ie8 .menu_lv1 > li.current > a > span, .lt-ie8 .menu_lv1 > li.active > a > span { margin: -11px 0 -12px; padding: 11px 28px 12px 12px; background: url(../images/nav-bg-shade.png) no-repeat 100% 0; } /*Compatibility mode*/
.lt-ie8 .menu_lv1 > li.current.isoff > a > span { background: none; } /*Compatibility mode*/
.layout2 .menu_lv1 > li > a span { font-size: 1em; }
.lt-ie8 .menu_lv1 > li > a { *display: block;}

.menu_lv2 { z-index: 2; }
.menu_lv2 a { display: table; width: 153px; height: 45px; padding: 5px 12px 5px 20px; color: #FFF; text-decoration: none; }
.lt-ie8 .menu_lv2 a { height: auto; padding: 15px 12px 16px 20px;} /*Compatibility mode*/
.menu_lv2 a span { font-size: 1em; font-weight: 700; display: table-cell; vertical-align: middle; }
.menu_lv2 li { padding: 0; position: relative; list-style: none outside none; }
.menu_lv2 .has_sub_lv { *margin-bottom: -4px; }
.menu_lv2 .has_sub_lv > a { background: url(../images/bullet-nav-sub-lv.png) no-repeat 97% 50%; }
.menu_lv2 .has_sub_lv.active > a { background-image: url(../images/bullet-nav-sub-lv-hover.png); }
.active > .menu_lv2 { display: block; width: 185px; left: 219px; top: 0px;}

.menu_lv3 { z-index: 3; *height: 8px; }
.active > .menu_lv3, .menu_lv2 > li:hover .menu_lv3 { display: block; width: 185px; left: 185px; top: 0px; }
.menu_lv3 a span { font-size: 1em; }
.go_right .menu_lv3 { left: auto !important; right: 185px !important; }

.menu_lv4 { z-index: 4; *height: 8px; }
.active > .menu_lv4, .menu_lv3 > li:hover .menu_lv4 { display: block; width: 185px; left: 185px; top: 0px; }
.go_right .menu_lv4 { left: auto !important; right: 185px !important; }

/* end of nav.scss */
/* /import/_footer.scss */
footer { min-height: 80px; padding: 15px 0 0; position: relative; }
footer ul, footer p { margin: 0; padding: 0; }
footer .title { padding-top: 1px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-family: 'Calibri', Helvetica, 新細明體, PMingLiu; font-size: 1em; color: #FFF; }

.footer-deco { margin-left: -1px; }
.footer-deco:before { content: " "; display: table; width: 100%; clear: both; }
.footer-deco > img { float: left; }

.footer-top .ft_links_area + div { margin-right: 70px; }

.footer-bottom { clear: both; overflow: hidden; }

.icon_social { height: 32px; margin: 4px 0 10px; display: inline-block; *display: inline; *zoom: 1; }
.icon_social span { width: 25px; height: 24px; display: inline-block; *display: inline; *zoom: 1; text-indent: -9999px; *font-size: 0px; *line-height: 0px; overflow: hidden; *float: left; *margin: 0 3px 0 0; }
.icon_social span:hover { cursor: pointer; }

.misc_info { clear: both; overflow: hidden; }

.copy_left { float: left; padding: 6px 0 0 10px; }
/*.copy_left p { color: #FFF; font-size: 0.75em; line-height: 1.2; font-family: 'PT Sans', 'Myriad', 新細明體, PMingLiu; }*/
.copy_left p { color: #FFF; font-size: 0.75em; line-height: 1.2; font-family: 'PT Sans', Arial, 新細明體, PMingLiu; }

.noti_right { float: right; width: 500px; overflow: hidden; }
/*.noti_right p { color: #FFF; font-size: 0.75em; line-height: 1.2; font-family: 'PT Sans', 'Myriad', 新細明體, PMingLiu; }*/
.noti_right p { color: #FFF; font-size: 0.75em; line-height: 1.2; font-family: 'PT Sans', Arial, 新細明體, PMingLiu; }
.noti_right p a { color: #FFF; text-decoration: none; }
.noti_right p a:hover { color: #cccccc; }
.noti_right .flo-right { text-align: right; width: auto; }

.wcag { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: right; }

/* end of footer.scss */
/* Rich text */
.richtext a { text-decoration: underline; }
.richtext p { color: #505050; }
.richtext th { text-align: left; }
.richtext > table td { border-bottom: 1px solid #c3cbc7; font-size: 0.9375em; }
.richtext > table td * { font-size: 1em; }
.richtext li { margin: 0; }
.richtext li li { font-size: 1em; }
.richtext ul { padding-left: 12px; margin: 0 0 12px; }
.richtext ul > li { line-height: 1.2; list-style: disc outside none; }
.richtext ul > li ul { margin: 0; }
.richtext ul > li ul > li { font-size: 1em; list-style: circle outside none; }
.richtext ul > li ul > li ul > li { font-size: 1em; list-style: none outside none; }
.richtext ul > li ul > li ul > li:before { content: "- "; }
.richtext ul > li > ol > li { font-size: 1em; }
.richtext ul.color { padding: 0; }
.richtext ul.color > li { margin: 6px 0; padding-left: 16px; list-style: none outside none; background: url(../images/bullet-purple.png) no-repeat 0 3px; color: #580176; }
.richtext ol > li { list-style: decimal outside none; color: #575757; }
.richtext ol > li ul > li { padding-left: 0; list-style: disc outside none; background: none; color: #575757; font-size: 1em; }
.richtext ol > li ol > li { font-size: 1em; }
.richtext table td > ul:first-child { margin: -5px 0 0 -5px; }
.richtext table td > ul:first-child li { margin: 0; }

.flo-left { float: left; }

.flo-right { float: right; }

.access { height: 1px; left: 0; overflow: hidden; position: absolute; top: -500px; width: 1px; }

.a_button, .c_button { padding: 3px 16px 3px 8px; margin: 0 0 5px; text-decoration: none; font-size: 0.9375em; background: url("../images/bullet_butn.gif") no-repeat right 40% #0072ca; display: inline-block; *display: inline; *zoom: 1; }
.inner-page .a_button, .inner-page .c_button, .container .inner-page .a_button, .container .inner-page .c_button, .popup_box.inner-page .a_button, .popup_box.inner-page .c_button { color: #FFF; }
p .a_button, p .c_button { font-size: 1em; text-decoration: none; }

.a_button:hover, .c_button:hover { background-color: #4e4e4e; }

.c_button { padding: 2px 0px 2px 16px; font-weight: 700; text-decoration: underline; background: url("../images/bullet_link.png") no-repeat left 0 transparent; }
.inner-page .c_button, .container .inner-page .c_button, .popup_box.inner-page .c_button { color: #0072ca; }
.inner-page .c_button:hover, .container .inner-page .c_button:hover, .popup_box.inner-page .c_button:hover { color: #4e4e4e; }
.size_l .c_button { background-position: left 5px; }
.size_m .c_button { background-position: left 2px; }

.c_button:hover { color: #27a1ff; background: url("../images/bullet_link.png") no-repeat left 0 transparent; }

.img_button { width: 205px; float: right; clear: both; }
.img_button a { padding: 5px 0 0; display: block; background: #0072ca; }
.img_button a:focus, .img_button a:hover { background-color: #4e4e4e; }
.img_button a:focus .a_button, .img_button a:focus .c_button, .img_button a:hover .a_button, .img_button a:hover .c_button { background-color: #4e4e4e; }
.img_button a img { max-width: 195px; height: auto; display: block; padding: 0; margin: 0 auto; border: 0; }
.img_button .a_button, .img_button .c_button { width: 177px; padding: 3px 20px 6px 8px; margin: 0; font-family: "Times New Roman", 新細明體, PMingLiu; font-style: italic; font-size: 1em; font-weight: 700; line-height: 1; text-align: left; background-position: 97% 40%; }

.prev, .next { position: absolute; }
.prev:hover, .next:hover { cursor: pointer; }

.prev { left: 0; }

.next { right: 0; }

.wrap_inner { width: 856px; margin: 0 auto; padding: 24px 0 0 0; clear: both; overflow: hidden; }
.wrap_inner section { overflow: hidden; width: 856px; }

.datepicker + button { width: 20px; height: 20px; margin: 0; padding: 0; border: 0; vertical-align: top; background: url(../images/date_picker.png) no-repeat 0 0 transparent; text-indent: -9999px; *font-size: 0px; *line-height: 0px; }
.datepicker + button:hover { cursor: pointer; }

form label { display: none; }

button { text-indent: -9999px; *font-size: 0px; *line-height: 0px; }

#accessibility-skip-content a { display: block !important; height: 1px; left: 0; overflow: hidden; position: absolute; top: -500px; width: 1px; }
#accessibility-skip-content a:active, #accessibility-skip-content a:focus { /*position: static;*/ /*width: auto;*/ /*height: auto;*/ }

a#main_content { height: 0; overflow: hidden; display: block; }

body { min-width: 959px; }

.container { width: 955px; margin: 0 auto; }

#spec_announ { width: 100%; height: 0; display: block; overflow: hidden; background: #BC3931; font-family: "Signika", 新細明體, PMingLiu; }
.no-js #spec_announ { min-height: 112px; }

#spec_announ.show { height: auto; min-height: 112px; }

.spec_title { float: left; margin: 30px 0 0; background: url(../images/clock.png) no-repeat 10px 4px transparent; }
.spec_title span { width: 150px; display: block; padding: 0 0 0 45px; color: white; font-size: 1.125em; font-size: 18px; line-height: 1.125em; text-transform: uppercase; letter-spacing: -1px; word-break: break-word; /* FF , english word departure */ word-wrap: break-word; /* IE, FF */ white-space: normal; }

.spec_content { float: left; width: 77%; padding: 0 0 25px; }
.spec_content .title { margin: 0; padding: 30px 0 0; font-size: 0.9375em; line-height: 1.25em; font-style: italic; font-weight: 700; color: #fffcc5; }
.spec_content .body { margin: 0; font-size: 0.9375em; line-height: 1.25em; color: white; }

.spec_close { float: right; margin: 25px 0 0; width: 24px; height: 24px; background: url(../images/close_spec.png) repeat-y center top transparent; }
.spec_close a { display: block; width: 24px; height: 24px; text-indent: -9999px; *font-size: 0px; *line-height: 0px; }
.spec_close a:hover { cursor: pointer; }

.popup_box { margin: 0px; max-width: 856px; overflow: hidden; background: #FFF; }
.popup_box img { display: block; }

.popup_box.wrap_inner { padding: 12px; }

.content_body { width: 1280px; max-width: 100%; margin: 0 auto; background: url(../images/cont-bgy.png) repeat-y center top transparent; position: relative; z-index: 1; }
.content_body .container { padding: 10px 0 0; background: #FFFFFF; }
.content_body .container:after { content: " "; display: table; width: 100%; height: 0px; }

.cont_forth { overflow: hidden; }
.cont_forth section { width: 193px; float: left; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.cont_fifth { overflow: hidden; }
.cont_fifth section { width: 158.2px; margin: 0 0 16px 16px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; float: left; }
.cont_fifth section a { text-decoration: none; }
.cont_fifth section img { margin: 0; }
.cont_fifth section.first, .cont_fifth section:first-child { margin: 0; }
.cont_fifth section:nth-child(5n+1) { margin: 0; }

.goto_top { width: 50px; margin: 0 auto -35px; clear: both; display: block; position: relative; left: 462px; z-index: 9; }
.goto_top .container { width: 35px; height: 35px; overflow: hidden; background: none; }

.butn_goto_top { width: 35px; height: 35px; margin: 0 0 0; position: fixed; bottom: 100px; font-size: 0; line-height: 0; }
.butn_goto_top:hover { cursor: pointer; }
.js .butn_goto_top { visibility: hidden; }

.sepr_shade { height: 15px; margin: 8px auto; display: block; clear: both; background: url(../images/shade-hr-nar.png) no-repeat 50% 0 white; }
.inner-page .sepr_shade { margin: 20px auto; }

.move_box { width: 100px; padding: 10px 5px 0; background: #424242; position: fixed; top: 40%; right: 0px; z-index: 1; }
.move_box p { margin: 8px 0; color: #FFF; font-size: 1.25em; font-weight: 700; line-height: 0.84; text-transform: uppercase; }
.move_box a { display: block; color: #69d2f0; text-decoration: none; font-size: 0.8125em; font-weight: 700; background: url(../images/bullet_blue.png) no-repeat 95% bottom transparent; }

.move_box .close_blue { display: block; width: 25px; height: 25px; margin: 16px 0 0 70px; font-size: 0; line-height: 0; }
.move_box .close_blue:hover { cursor: pointer; }

.caroufredsel_wrapper ul { margin: 0; padding: 0; }
.caroufredsel_wrapper li { list-style: none outside none; float: left; display: block; }

/* index page */
.main_slider { width: 913px; height: 369px; margin: 0 auto; overflow: hidden; position: relative; }
.main_slider ul, .main_slider li { padding: 0; min-width: 913px; min-height: 369px; list-style: none outside none; }
.main_slider li { text-align: center; position: relative; background: #505050; }
.main_slider li a { height: 369px; display: block; }
.main_slider li a img { max-height: 369px; }
/*.main_slider h2 { margin-bottom: 5px; font-size: 2em; font-style: normal; font-weight: 400; font-family: 'PT Sans', 'Myriad', 新細明體, PMingLiu; }*/
.main_slider h2 { margin-bottom: 5px; font-size: 2em; font-style: normal; font-weight: 400; font-family: 'PT Sans', Arial, 新細明體, PMingLiu; }
.main_slider p { margin: 0; font-size: 1em; line-height: 1.2; }
.main_slider .body { width: 580px; padding: 20px 22px; position: absolute; right: 0; bottom: 40px; text-align: left; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABBJREFUeNpi+P///zOAAAMACeID5Hgpro8AAAAASUVORK5CYII="); }
.main_slider .pagin { position: relative; text-align: right; margin: -24px 60px 0 0; z-index: 10; font-size: 16px; }
.main_slider .pagin a { width: 8px; height: 8px; vertical-align: top; margin: 0 0 0 5px; border: 1px solid #FFF; display: inline-block; *display: inline; *zoom: 1; }
.main_slider .pagin a span { width: 8px; height: 8px; background: #FFF; vertical-align: top; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; text-align: left; font-size: 0; display: inline-block; *display: inline; *zoom: 1; }
.lt-ie9 .main_slider .pagin a span { display: block; zoom: 1; }
.main_slider .pagin a.selected span { background: #313131; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; }
.lt-ie9 .main_slider .pagin a.selected span { display: block; zoom: 1; }
.main_slider .ctrl { height: 20px; margin: -16px 0 0; padding-right: 25px; position: relative; text-align: right; font-size: 16px; }
.main_slider .splay, .main_slider .spause { width: 10px; height: 10px; text-indent: -9999px; *font-size: 0px; *line-height: 0px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 0; line-height: 10px; background: url(../images/play-pause.png) no-repeat 0 0; }
.main_slider .splay, .main_slider .splay:hover { background-position: 0 100%; }
.main_slider .splay.off { background-position: 0 0; }
.main_slider .spause { background-position: 100% 0; }
.main_slider .spause.on, .main_slider .spause:hover { background-position: 100% 100%; }

.main_slider.w_thumb .pagin { max-height: 322px; margin: 0 0 0 21px; padding: 10px; overflow: hidden; position: absolute; bottom: 14px; left: 0; text-align: left; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABBJREFUeNpi+P//vxpAgAEACSIDJH1yxekAAAAASUVORK5CYII="); }
.main_slider.w_thumb .pagin a { width: 94px; height: 49px; margin: 0; border: 0; overflow: hidden; display: block; text-align: center; font-size: 0; }
.main_slider.w_thumb .pagin a img { height: 49px; }
.main_slider.w_thumb .pagin .bg { margin: 12px 0 0; padding: 2px; border: 1px solid #bdbdbd; background: #000; }
.main_slider.w_thumb .pagin .bg:first-child { margin: 0; }
.main_slider.w_thumb .pagin .bg.selected { background: #FFF; }
.main_slider.w_thumb .pagin .bg .body { display: none; }

.event_search { width: 913px; min-height: 49px; margin: 0 auto 6px; background: #000; overflow: hidden; }
.event_search .title { width: 100px; margin: 16px 0 0 25px; display: inline-block; *display: inline; *zoom: 1; font-size: 1em; font-weight: 700; color: #FFF; float: left; }
.event_search select, .event_search input { background: none repeat scroll 0 0 #000; border: 0 none; margin: 0; color: #888; font-size: 0.8125em; font-family: 'Arial', 新細明體, PMingLiu; }
.event_search .grid { height: 1.25em; margin: 12px 12px 0 0; padding: 3px 2px 0; border: 1px solid #888; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; float: left; background: none repeat scroll 0 0 transparent; }
.event_search .search_event { width: 25px; height: 25px; border: 0; margin: 12px 0 0 -5px; padding: 0; display: inline-block; *display: inline; *zoom: 1; float: left; vertical-align: top; }
.event_search .search_event:hover { cursor: pointer; }

.event_keyword { width: 110px; }

.select_cate { width: 130px; }

.select_faci { width: 130px; }

.date_from { width: 110px; }

.date_to { width: 110px; }

.date, .roll_slider.w_item5 .date { font-size: 0.75em; color: #505050; }

#cycle-mo { width: 856px !important; }

.roll_slider { width: 856px; min-height: 250px; max-height: 15.625em; margin-right: -21px; padding: 6px 0; position: relative; overflow: hidden; }
.roll_slider .cycle-slide { min-height: 250px; width: 294px; float: left; overflow: hidden; }
.roll_slider .cycle-slide > a { width: 268px; display: block; }
.roll_slider .cycle-slide > a span { width: 268px; display: block; overflow: hidden; }
.roll_slider .cycle-slide p a { width: 268px; height: 2.1em; margin: 15px 0 0; display: block; font-weight: 700; line-height: 1em; color: #505050; text-decoration: none; }
.roll_slider img { max-height: 200px; }
.roll_slider .cycle-carousel-wrap { width: 5000px; }

.roll_slider.w_item5 { min-height: 300px; }
.roll_slider.w_item5 .cycle-slide { width: 154px; margin-right: 21px; min-height: 300px; vertical-align: top; float: left; }
.roll_slider.w_item5 .cycle-slide > a { width: 175px; display: block; }
.roll_slider.w_item5 .cycle-slide > a span { width: 155px; display: block; overflow: hidden; }
.roll_slider.w_item5 .cycle-slide p { padding-right: 8px; line-height: 1.2; white-space: pre-wrap; }
.roll_slider.w_item5 .cycle-slide p a { width: 155px; }
.roll_slider.w_item5 .next { right: 21px; }
.roll_slider.w_item5 .date { margin: 5px 0 0; }

.roll_control { width: 100%; clear: both; display: block; position: relative; }
.roll_control .prev, .roll_control .next { width: 46px; height: 90px; top: 55px; z-index: 10; }

.butn_list { margin: 0 0 25px; padding: 0; overflow: hidden; clear: both; }
.butn_list li { width: 170px; border: 1px solid #bfbfbf; border-bottom: 1px solid #c3c3c3; border-left: 0px solid #bfbfbf; float: left; list-style: none outside none; background: url(../images/btn_mo_re.png) repeat-x 0 0 #e5e5e5; }
.butn_list li:first-child { border-left: 1px solid #bfbfbf; }
.butn_list li a { height: 50px; text-align: center; display: block; border-bottom: 3px solid #0072ca; text-decoration: none; color: #787878; }
.butn_list li a:hover { color: #606060; }
.butn_list li a:before { content: ''; display: inline-block; *display: inline; *zoom: 1; height: 100%; vertical-align: middle; }
.butn_list li a span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 1.2; text-align: center; }

.navi_more { margin-bottom: 32px; }
.navi_more ul { padding: 0; }
.navi_more section { min-height: 335px; padding: 8px 0 0 20px; margin: 0 0 0 5px; border-left: 1px solid #CCC; }
.navi_more section p { width: 178px; margin: 0.5em 0 0.5em; font-size: 0.9375em; line-height: 1.12em; color: #505050; }
.navi_more section p.date, .navi_more section .roll_slider.w_item5 p.date, .roll_slider.w_item5 .navi_more section p.date { font-size: 0.75em; }
.navi_more section:first-child { border: 0; padding: 8px 0 0; margin: 0; }
.navi_more ul li { margin: 0 0 5px; padding: 0 0 0px 10px; list-style: none outside none; background: url("../images/bullet_link.png") no-repeat left 0 transparent; }
.size_m .navi_more ul li { background-position: left 2px; }
.size_l .navi_more ul li { background-position: left 5px; }
.navi_more ul li a { font-weight: 700; line-height: 1.12em; color: #0072ca; }
.navi_more ul li a:hover { color: #005ba2; }
.navi_more ul li li a { font-weight: 400; }
.navi_more .image_container { margin: 0 0 3px; }
.navi_more .tilte { font-weight: 700; }

.image_container ~ .image_container { margin-top: 15px; }

.logo_relavant { text-align: center; }
.logo_relavant a { margin: 0 3px 0 0; }
.logo_relavant a img { width: 168px; height: 50px; }

.js .cont_popup_box { display: none; }

.text3A { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #CCCCCC; margin: -50px -20px 0; padding: 50px 20px 0; text-align: right; width: 100%; max-width: 856px; font-size: 14px; }
.text3A a { text-decoration: none; }
.text3A a:hover { text-decoration: underline; }

/* /import/_gallery.scss */
.cont_center { display: block; }
.cont_center .large_album, .cont_center .small_album { margin: 0 auto; }
.cont_center .large_album { width: 603px; }
.cont_center .small_album { width: 428px; }

/* overlay */
.large_album, .small_album { position: relative; }
.large_album .cycle-carousel-wrap, .small_album .cycle-carousel-wrap { font-size: 0 \9; }
.large_album .cycle-carousel-wrap *, .small_album .cycle-carousel-wrap * { font-size: 12px \9; }

#cycle-1 { margin: 0 0 12px; padding: 5px; border: 1px solid #CFCFCF; }

#cycle-1 .slide a { font-size: 0; text-decoration: none; }

#cycle-1 .slide.cycle-slide-active { z-index: 200 !important; }
#cycle-1 .slide.cycle-slide-active > .clr_bx { display: table-cell; }

.cycle-next, .cycle-prev { width: 30px; height: 57px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-indent: -9999px; *text-indent: 0; *padding-top: 1px; *font-size: 0; *line-height: 0; position: absolute; bottom: 0; z-index: 999; opacity: 0.8; cursor: pointer; }

.cycle-prev { background: url("../images/small_album_prev.png") no-repeat right center transparent; float: left; left: 0; }

.cycle-next { background: url("../images/small_album_next.png") no-repeat left center transparent; float: right; right: 8px; }
.large_album .cycle-next { right: 0; }

.cycle-overlay { padding: 0px; position: absolute; bottom: 0; left: 0; z-index: 200; font-family: arial; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; background: #222222; color: #FFF; }
.lt-ie9 .cycle-overlay { display: block; zoom: 1; }
.large_album .cycle-overlay { width: 591px; }
.small_album .cycle-overlay { width: 398px; width: 408px; }
.cycle-overlay p { margin: 12px; line-height: 1.1; color: #FFF !important; }

.cycle-slideshow .slide { position: relative; display: none; }
.cycle-slideshow .slide:first-child { margin: 0; display: block; }
.cycle-slideshow .slide.cycle-slide { display: block; margin: 5px; text-align: center; background: #A7A7A7; }
.cycle-slideshow .slide.cycle-slide > a { display: table-cell; vertical-align: middle; }

.large_album #cycle-1 { width: 591px; height: 368px; }
.large_album #cycle-1 img { max-width: 591px; max-height: 368px; }
.large_album #cycle-1 .slide { display: table !important; width: 591px; height: 368px; }
.small_album #cycle-1 { width: 408px; height: 260px; }
.small_album #cycle-1 img { max-width: 408px; max-height: 260px; }
.small_album #cycle-1 .slide { display: table !important; width: 408px; height: 260px; }
#cycle-1 img { margin: 0; padding: 0; border: 0; font-size: 16px; }

.large_album #cycle-2 { width: 601px !important; }
.small_album #cycle-2 { width: 408px !important; width: 421px !important; }
.lt-ie8 #cycle-2 .cycle-slide { display: inline !important; }
#cycle-2 .cycle-slide span { width: 90px; height: 57px; display: block; overflow: hidden; text-align: center; background: #A7A7A7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; }
.lt-ie9 #cycle-2 .cycle-slide span { display: block; zoom: 1; }
#cycle-2 .cycle-slide a { display: block; }
.large_album #cycle-2 .cycle-slide { width: 102px; }
.small_album #cycle-2 .cycle-slide { width: 110px; }
#cycle-2 .cycle-slide.cycle-slide-active span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.lt-ie9 #cycle-2 .cycle-slide.cycle-slide-active span { display: block; zoom: 1; }
#cycle-2 img { margin: 0; padding: 0; border: 0; }
#cycle-2 .thumbs { display: inline; }

#cycle-1 .cycle-sentinel, #cycle-1 .cycle-sentinel img, #cycle-2 .cycle-sentinel, #cycle-2 .cycle-sentinel img { margin: 0; padding: 0; border: 0; }

#cboxContent #cboxCurrent { display: none !important; }
#cboxContent #cboxPrevious, #cboxContent #cboxNext { width: 51%; height: 100%; top: 0; bottom: auto; left: auto; right: -22px; background: none; }
#cboxContent #cboxPrevious:focus, #cboxContent #cboxPrevious.hover, #cboxContent #cboxNext:focus, #cboxContent #cboxNext.hover { background: url(../images/colorbox_arr_next.png) no-repeat 100% 50%; }
#cboxContent #cboxPrevious { left: -22px; right: auto; }
#cboxContent #cboxPrevious.hover, #cboxContent #cboxPrevious:focus { background: url(../images/colorbox_arr_prev.png) no-repeat 0 50%; }

/* /import/_inner_page.scss */
.borderless, .inner-page .borderless { padding: 0; border: 0; }

.cont_half { width: 418px; overflow: hidden; }

.cont_half.flo-left { width: 428px; }

.cont_half.flo-right { width: 408px; }

.cont_third_two { width: 603px; overflow: hidden; float: left; }

.cont_third_one { width: 230px; overflow: hidden; float: right; }

.cont_third_one.flo-right { width: 214px; }

.shade_sepr { width: 16px; min-height: 480px; margin-left: 20px; float: left; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; background: url(../images/shade_vert.png) no-repeat left top transparent; }

.breadcrumbs { padding: 0 10px 11px; }
.breadcrumbs span { color: #505050; font-size: 0.6875em; line-height: 0.825em; }
.inner-page .breadcrumbs a { color: #505050; text-decoration: none; }
.inner-page .breadcrumbs a:hover { color: #848484; }

.left-menu { width: 210px; padding: 10px; float: left; position: relative; z-index: 1000; }

.inner-page { width: 700px; padding: 10px 15px 10px 10px; min-height: 500px; float: left; }
.inner-page p { line-height: 1.2em; font-family: 'Calibri', Helvetica, 新細明體, PMingLiu; color: #505050; overflow: hidden; text-align: justify; }
.inner-page a { color: #0072ca; }
.inner-page a:hover { color: #4e4e4e; }
.inner-page hr { margin: 1em 0; border: 0; border-top: 1px solid #cfcfcf; }
.inner-page .richtext { padding: 0 20px 0 10px; }

.layout2 { background: none; }
.layout2.content_body > .container { background: none; padding: 0; overflow: visible; }
.layout2 .left-menu { width: 220px; padding: 20px 0 0; position: relative; z-index: 2; }
.layout2 .left-menu nav { padding-left: 10px; }
.layout2 .left-menu nav li:first-child a { border: 0; }
.layout2 .left-menu nav .menu_lv1 { width: 210px; }
.layout2 .left-menu nav .menu_lv1 > li { background-image: url(../images/content_bg_before.png); background-repeat: repeat-y; background-position: 100% 0; }
.layout2 .left-menu nav .menu_lv2 > li a { height: auto; padding: 10px 12px 12px 20px; display: block; }
.layout2 .left-box { width: 210px; padding: 0 0 40px; }
.layout2 .inner-page { width: 705px; margin: 0 -40px 0 0; padding: 0 12px 60px 22px; position: relative; z-index: 1; background: #FFF; }
.layout2 .inner-page:before { content: ""; width: 5px; margin-left: 7px; height: 100%; display: block; position: absolute; top: 0; left: -12px; z-index: 2; background: url(../images/content_bg_before.png) repeat-y 100% 0 transparent; }
.layout2 .inner-page:after { content: ""; width: 160px; margin-left: 7px; height: 100%; display: block; position: absolute; top: 0; right: -8px; z-index: -1; background: url(../images/content_bg_narrow_main.png) repeat-y 100% 0 transparent; }
.layout2 .inner-page > *:first-child { margin-top: 20px; }

.page-banner { margin: 0 0 40px; position: relative; }
.page-banner .header { min-width: 375px; max-width: 395px; padding: 8px 18px 2px; position: absolute; right: 7px; bottom: 34px; background: url(../images/heading-bg-opa90.png) repeat; }
.page-banner .header h1 { text-align: right; color: #FFF; }

.page-title .header { margin: 0 0 30px; overflow: hidden; background-color: #fffcf8; }
.page-title .header h1 { max-width: 70%; margin: 0; padding: 5px 10px; float: right; font-weight: 400; background-color: #fff6e9; color: #be1333; }

.accordion.ui-widget { font-size: 1em; margin-right: 28px; }

.accordion.ui-accordion h3 { margin: 0; border-radius: 0; border-bottom: 0; border-color: white; font-size: 1.25em; background: #015ca1; }
.accordion.ui-accordion h3 span { display: none; }
.accordion.ui-accordion h3 a { display: block; font-size: 1em; line-height: 1; font-weight: 700; color: white; font-family: "Times New Roman", 新細明體, PMingLiu; font-style: italic; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
.lt-ie9 .accordion.ui-accordion h3 a { display: block; zoom: 1; }
.accordion.ui-accordion h3.ui-accordion-header-active { z-index: 5; height: 0; padding: 0 10px; }
.accordion.ui-accordion h3.ui-accordion-header-active a { width: 50%; display: block; padding: 15px 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.lt-ie9 .accordion.ui-accordion h3.ui-accordion-header-active a { display: block; zoom: 1; }
.accordion.ui-accordion p { width: 180px; line-height: 1.1; margin: 0 0 7px; color: #C6CACC; }
.accordion.ui-accordion > div { position: relative; height: 100%; border-radius: 0; border-bottom: 0; border-color: white; }
.accordion.ui-accordion > div a { font-size: 0.9375em; }
.accordion.ui-accordion .ui-accordion-content { padding: 15px 10px; overflow: hidden; }
.accordion.ui-accordion .ui-accordion-content h3 { font-size: 1.25em; font-family: "Times New Roman",  新細明體, PMingLiu; font-style: italic; color: white; background: transparent; }
.accordion.ui-accordion .accord_inner { bottom: 9px; position: absolute; }

.accordion { width: 475px; }
.accordion h3 + div { max-height: 210px; overflow: hidden; position: relative; }
.accordion .img_cont { width: 100%; height: 210px; border: 0; position: absolute; top: 0px; left: 0px; overflow: hidden; }
.accordion .img_cont img { width: 100%; margin: 0; padding: 0; border: 0; }
.accordion .gradi { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/accordion_grad.png) repeat-y 0 0 transparent; }

/* Large Album */
.gv_overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
.lt-ie9 .gv_overlay { display: block; zoom: 1; }
.gv_overlay h4, .gv_overlay .gv_showOverlay { display: none; }

.gallery_view { margin: 0; padding: 0; }
.gallery_view li { float: left; list-style: none outside none; display: inline-block; *display: inline; *zoom: 1; }
.gallery_view li img { margin: 0; padding: 0; width: 90px; }
.gallery_view li:first-child { width: 95%; padding: 4px; clear: both; }
.gallery_view li:first-child img { width: 100%; }

/* albums popup */
.p____opup_overlay #cboxContent, #cboxWrapper #cboxContent { padding: 12px; }

/* temp */
.inner-page .cont_half .borderless { margin: 0; }

/* end of inner-page.scss */
/* /import/_media_query.scss */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .move_box { position: absolute; }
  .butn_goto_top { float: right; position: relative; margin: 0; bottom: auto; } }
.sprites-sprite, .icon_email, .icon_facebook, .icon_twitter, .icon_sina_weibo, .search_event, .move_box .close_blue, .main_slider_l, .main_slider_r, .butn_goto_top { background: url("../images/sprites.png") no-repeat; }

.icon_email { background-position: 0 -302px; }

.icon_facebook { background-position: 0 -278px; }

.icon_twitter { background-position: 0 -254px; }

.icon_sina_weibo { background-position: 0 -205px; }

.search_event { background-position: 0 -180px; }

.move_box .close_blue { background-position: 0 -229px; }

.main_slider_l { background-position: -1px -90px; }

.main_slider_r { background-position: 0 0; }

.butn_goto_top { background-position: 0 -326px; }

/* end of media_query.scss */

.left-box > img {
    vertical-align: top;
}

.left_menu_content_area {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	width: 100%;
}

.left_menu_content_area  td{
	border-bottom: none !important;
	padding: 1px;
}

.lt-ie8 a[href] span {cursor: hand;} /*Compatibility mode*/

/* Revise UI 202205 */

/* common */
.text-green{
	color: #336B18;
}
.inner-page p.text-subtitle{
	/* text-align:justify;	 */
	/* text-justify:distribute; */
	font-size: 16px;
	line-height: 18px;
	font-family: 'Arial';
	font-style: normal;
	font-weight: 700;
	color: #000;
}

/* plantphoto */
a.bg-shrubs,
a.bg-trees{
	text-decoration: none;
	position: relative;
	display: block;
}
.bg-shrubs p{
	color: #465d23;
	font-family: 'UniversLTStd-Bold';
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 0;

}
.photo_banner{
	width: 100%;
}
.photo-table{
	margin-top: 1.4em;
	margin-bottom: 0;
}
#H1_hidden{
	opacity: 0;
    position: ABSOLUTE;
    TOP: -5000PX;
    left: -5000PX;
}
.bg-trees p{
	color: #465d23;
	font-family: 'UniversLTStd-Bold';
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 0;
}
.bg-shrubs img,
.bg-trees img{
    width: 237px;
    height: 237px;
	max-width: 237px;
	border: 5px solid #87C32D;
    BORDER-RADIUS: 15PX;
    MARGIN-BOTTOM: 10PX;
}

/* tree_passage */
.table-tree-passage td{
	padding: 0;
	margin: 8px;
	background-color: #F9FFEC;
	display: block;
    float: left;
    width: 47%;
	border-radius: 5px;
	height: 83px;
}
.table-tree-passage a,
.table-tree-passage a:hover{
	color: #000;
	text-decoration: none;
}
.table-tree-passage a > span{
	float: left;
}
.table-tree-passage .info-container{
	text-align: left;
	margin-left: 8.13px;
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    min-height: 83px;
    width: 65%;
}
.table-tree-passage span{
	font-size: 13px;
	line-height: 15px;
	font-family: 'Arial';
	font-style: normal;
	font-weight: 700;
}
.table-tree-passage span.text-green{
	font-size: 16px;
	line-height: 18px;
}
.table-tree-passage img{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 85px;
    /* object-fit: cover; */
	object-fit: contain;
    height: 83px;
	/* background-color: #336B18; */
	background-color: #89a833;
}
.richtext > table.table-tree-family td a{
	font-size: 16px;
	line-height: 18px;
	display: block;
	
}
.table-tree-family tr:nth-child(odd){
	background-color: #EBF2D1;
}
.table-tree-family td.multi-passage{
	padding: 0 9px;
}
.table-tree-family .multi-passage a{
	padding: 12px 0 10px;
}

/* gallery */
.no-line-table-top{
	margin-bottom: 7px !important;
}
.slick-slider {
    display: flex;
	margin-bottom: 19px;
}
.slick-list {
    width: 94%;
}
.slider-for .slick-slide img {
    margin: 0 auto;
    width: 95.5%;
	max-height: 400px;
	/* object-fit: cover; */
	object-fit: contain;
}
.slick-arrow {
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: contain; */
    background-color: transparent;
    border: none;
    /* position: absolute; */
    z-index: 1;
    width: 3%;
}
.slick-prev {
    background-image: url(/common/batch3/images/icon-arrow-prev.png) !important;
}
.slick-next {
    background-image: url(/common/batch3/images/icon-arrow-next.png) !important;
}
.slider-nav .slick-slide{
	margin: 0px 4px;
}
.slider-nav .slick-slide img{
    height: 100px;
    max-height: 100px;
	min-width: auto;
}
.slider-nav .slick-track{
	background-color: #89a833;
}
.video-title {
	font-family: 'Calibri', Helvetica, 新細明體, PMingLiu;
	font-size: 18.6667px !important;
}
.grid{
	font-size: 15px;
	color: #505050;
    font-family: 'Calibri', Helvetica, 新細明體, PMingLiu;
}
.special { margin: 0; }
.special li { list-style-type: none !important; }
.special li:before { list-style-type: none; content: '\2727'; margin-left: -20px; margin-right: 10px; } 

table.period { width: 100%; }
table.period tr:nth-child(even) { background: #fce4d6; }
table.period tr:nth-child(odd) { background: #e2efda; }
table.period th { font-size: 8px; font-style: normal; border: solid 1px #555; color: #000; background: #ffe699; }
table.period th, table.period td { padding: 2px;  }
table.period td a { text-decoration: none; color: #1111ff }
.frame {
	/* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.19); */
	box-shadow: 6px 6px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.19);
	/* border: solid 1px #ccc; */
	/* padding: 4px; */
	border-radius: 10px;

}
.text-center{
	text-align:center;
}
h3.title-black{
	color: #000;
	margin: 0;
}
.filter-item{
	width: 30%;
	height: 240px;
	padding: 10px;
}
.filter-item em{
	font-style: normal;
	color: #000;
	font-size: 16px;
	margin: 15px 0 25px;
    display: block;
	font-weight: bold;
}
.filters{
	display: flex;
    justify-content: space-between;
    padding: 20px 0 48px 0;
    width: 321px;
    margin: 0 auto;
}
.filter-select{
	font-size: 16px;
	border: 0px;
    /* border-bottom: 1px solid #000; */
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	background:url(/common/batch3/images/icon-filter-arrow.png) center right no-repeat;
	width: 99px;
	text-align: center;
	text-decoration: underline;
}
.flower-number{
	display: flex;
	justify-content: space-between;
	color: #000;
	font-size: 14px;
}
.flower-number span{
	padding: 0 3.6px;
}
.bg-green{
	/* background-color: #d1e785; */
	background-color: #639D59;
}
.bg-yellow{
	/* background-color: #fffec3; */
	background-color: #A6CBA2;
}
#cboxLoadedContent{
	background: transparent !important;
}
#cboxLoadedContent .no-line-table td{
	font-weight: bold;
}
#cboxLoadedContent .no-line-table{
	margin-bottom: 36px;
}
#cboxWrapper #cboxContent{
	/* padding: 100px 82px 295px 80px; */
	/* padding: 100px 82px 255px 80px; */
	/* padding: 130px 82px 355px 80px; */
	/*padding: 130px 102px 355px 100px;*/
	padding: 12px 12px 12px 12px;
}
.popup_left_top{
	position: absolute;
	top: 13px;
	left: 9px;
}
.popup_right_top{
	position: absolute;
	top: 13px;
    right: 9px;
}
.popup-bottom-image{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.flower-time-list{
	z-index: 1;
    position: absolute;
}
.popup-3-img,
.popup-4-img{
	max-width: 846px;
	max-height: 730px;
	padding: 10px; 
	background: #fff;
	margin: 0 auto;
}
.popup-3-img img,
.popup-4-img img{
	object-fit: cover;
}
.popup-3-img img:nth-child(4),
.popup-3-img img:nth-child(5),
.popup-4-img img:nth-child(3),
.popup-4-img img:nth-child(4),
.popup-4-img img:nth-child(5),
.popup-4-img img:nth-child(6){
	width: 255px;
}
.popup-3-img img:nth-child(3){
	width: 560px;
	height: 412px;
	float: left;
    margin-right: 10px;
}
.popup-4-img img:nth-child(3),
.popup-4-img img:nth-child(4){
	height: 412px;
	float: left;
    margin-right: 10px;
}
.popup-3-img img:nth-child(4),
.popup-4-img img:nth-child(5){
	height: 200px;
	margin-bottom: 8px;
}
.popup-3-img img:nth-child(5),
.popup-4-img img:nth-child(6){
	height: 200px;
}
.list-img { 
	margin: 0;
 }
.list-img li { 
	list-style-type: none !important;
	display: flex;
    align-items: center;
 }
.list-img li:before { 
	list-style-type: none;
	content: url('/common/graphics/list_image.png');
	margin-left: -20px;
	margin-right: 10px; 
} 
.left-box-bg{
	background:url('/common/graphics/left_bg.png') center center repeat;
	width: 223px;
    height: 4500px;
    display: block;
    background-color: white;
}
.normal-title{font-style: normal;}
table.table-blossoms-pop tr td {
	font-size: 1rem;
	padding: 6px 10px 6px 18px;
}
table.table-blossoms-pop tr td:first-child {
	background-color: #ccdbad;
}
table.table-blossoms-pop .list-img li {
	font-size: 1rem;
} 

.richtext > h2 { font-style: normal; }

.sport-training-table > thead > tr > th[colspan] {
	background: #ffffff;
	text-align: left;
}

.sport-training-table > thead > tr > th {
	background: #f7f7f7;
	font-size: 0.9375em;
	font-style: normal;
	color: #505050;
	text-align: center;
}
.richtext th.data-table-th {
	color: #505050;
	font-style: normal;
	font-size: 1em;
	font-family: 'Calibri', Helvetica, 新細明體, PMingLiu;
	text-align: center;
}