/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.
   * o 16Apr2013 retain table border, li bullet
-------------------------------------------------------------- */
/* import festival theme css */
@import url("festival-theme.css");
html {
  margin:0;
  padding:0;
  border:0;
}
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* font: inherit; */
  vertical-align: baseline;
}
h3, h4, h5, h6 {
  font-weight:400;
}
/* em{
 font-style:italic;
} */
hr, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  /* font: inherit; */
  vertical-align: baseline;
}
/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1.5;
  background: white;
  min-width: max-content;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}


td p {

    line-height: 1.7em;
margin: 0;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

p img {

    vertical-align: text-top;

}

/* Remember to define your own focus styles! */
#search-box:focus, .pink_bg > a:focus, .tab-content input { outline: 0; border:0; }

/*-------- End Reset --------*/


/* --------------------------------------------------------------

   * Add font-face
   * Embed font
-------------------------------------------------------------- */
@font-face {
    font-family: 'basilea_r';
    src: url('fonts/basilea_regular-webfont.eot');
    src: url('fonts/basilea_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/basilea_regular-webfont.svg#basilea_r') format('svg'),
         url('fonts/basilea_regular-webfont.woff') format('woff'),
         url('fonts/basilea_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sans_c';
    src: url('fonts/ptc55f.eot');
    src: url('fonts/ptc55f.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptc55f.svg#pt_sans_c') format('svg'),
         url('fonts/ptc55f.woff') format('woff'),
         url('fonts/ptc55f.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'utopia_s';
    src: url('fonts/UtopiaStd-Regular.eot');
    src: url('fonts/UtopiaStd-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/UtopiaStd-Regular.svg#utopia_s') format('svg'),
         url('fonts/UtopiaStd-Regular.woff') format('woff'),
         url('fonts/UtopiaStd-Regular.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.svg#Sheraton_g') format('svg'),
         url('fonts/SheratonGraphMedium.woff') format('woff'),
         url('fonts/SheratonGraphMedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*-------- End font Embed --------*/

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 87.5%;
  color: #333;
  background: #fff;
  /* font-family: calibri, calibri_mac,Arial, Helvetica, sans-serif; */
  font-family: calibri, calibri_mac, 微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁", Simsun, 宋體;
  line-height:1.5;
}
h1, h2, h3, h4, h5, h6, dl dt, dd, .news_title, p.left_menu_title, p.page_title { font-family: 'sheraton_g', 微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體; margin-bottom:5px; }
.box_btn, .box_btn_g, .ls-wrapper .ls-nav a, .show_pass {
	font-family: 'sheraton_g';
}
.new_add_area a, .cover_img_area a, .sl_cover_img_area a, .resource_top_area a {
    font-family: calibri,'calibri_mac',微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體;
}
.new_add_area a, .page_no_area > a, .cov_info_area > p, .link_u  {
    color: #666 !important;
}
.box_btn_g {
    font-size: 14px !important;
}

h1, p.left_menu_title, p.page_title { font-size: 1.786em; }
h2, h3 { font-size: 1.429em; }
h4 { font-size: 1.2855em; }
h5 {  font-size: 1.1425em; }
h6 { font-size: 1em; font-weight:700; }

hr {
    border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
	background-color:#CCC;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 0;
	height:1px;
	line-height:0;
    margin: 22px 0;
	page-break-after:always;
}

/* set default <a> tag color */
.font_size_mid, .font_size_normal, .font_size_large, #search-coll, .main_content a, .main_content p a, .con_btn, .left_nav .selected > a, .left_nav .selected_no_sub > a {
    color: #3A6129;
}

/* Text elements
-------------------------------------------------------------- */
div#nav { font-size: 1.3em; }
.small     { font-size: .8em; }
.large     { font-size: 1.2em; }
input {
    color: #666;
}
.fl-menu-container a { font-size: 1em; }
.fl-menu-container a:hover {text-decoration: none;}
#search-box { font-size:11px; }
.mobile_btn, .home_btn ,.top_logout_btn { float:left; }
.top_search_area a { font-size:1em; }
.top_logo { font-size: 17px; font-family: 'pt_sans_c'; font-weight:bold; }
.tc .top_logo { background: url(/common/tc/images/top_logo.png) left center no-repeat; text-indent: -9999px; display: block;}
.tc .nav_content { display: table;}
.tc .nav_content > li { max-width: none}
.nav_content > li a {
	color: #4d4e4c;
    display: table-cell;
    font-family: 'sheraton_g';
    font-size: 15px;
    height: 65px;
    line-height: 1.2em;
    vertical-align: middle;
	padding-left:5px;
}
.sub_menu h5, .sub_menu_h5 {
    color: #FFFFFF;
    font-size: 1.0715em;
    text-decoration: underline;
}
.sub_menu li a{
	font-family: calibri, 'calibri_mac';
	color:#fff;
	font-size: 1em;
	height: auto;
	display:block;
	padding-left:0;
}
.menu_bg_01 { background: url("../images/menu01_bg.jpg") no-repeat right top; min-height:213px; }
.menu_bg_02 { background: url("../images/menu02_bg.jpg") no-repeat right top; }
.menu_bg_03 { background: url("../images/menu03_bg.jpg") no-repeat right top; }
.menu_bg_04 { background: url("../images/menu04_bg.jpg") no-repeat right top; }
.menu_bg_02, .menu_bg_03, .menu_bg_04 { min-height:168px; }
.main_acc_area li a {
	font-size: 14px;
	color:#2f5c0a;
	/*font-family: calibri, 'calibri_mac';*/
}
.special_title {
	color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
	margin-top: 10px;
}
.main_acc_area h4 {
    font-size: 18px;
}
#main_touch_car .touchcarousel-item > p, #main_touch_car .touchcarousel-item a, #vertical-ticker a {
	font-family: calibri, 'calibri_mac',微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體;
    font-size: 1em;
	color:#2c2c2c;
}

a.field { font-family: calibri,微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體}

#vertical-ticker a:hover span {text-decoration: underline;}

/*.notes_container h4 {
    font-size: 1.1em;
}*/
#vertical-ticker a span {
	display: inline-block;
    margin-right: 6px;
	vertical-align: top;
}
#vertical-ticker a span.detail {
    width: 320px;
}
.search_result_area .left {
    font-family: calibri;
}
.search_result_txt {
    font-size: 1.1425em;
	font-weight:bold;
}
.ft_note_area {
	font-family: calibri, 'calibri_mac',微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體;
	font-size:0.85em;
	margin-left: 10px;
}

.ft_note_area > * { line-height: 1.3em;}

.font_size_normal { font-size:11px !important; text-align: center; line-height: 2em; line-height: 22px;}
.font_size_mid { font-size:13px !important; text-align: center; margin: 0 !important; line-height: 21px;}
.font_size_large { font-size:16px !important; text-align: center; line-height: 1.3em; line-height: 20px;}

p           { margin: 0 0 1.5em; line-height: 1.7em; }
.fl-menu-container p {
    font-family: utopia_s;
}
/*
  These can be used to pull an image at the start of a paragraph, so
  that the text flows around it (usage: <p><img class="left">Text</p>)
 */
.left       { float: left !important; }
p .left     { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right      { float: right !important; }
p .right    { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
.txt_left  { text-align:left; }
.txt_right  { text-align:right; }
.top_space_25 { margin-top: 25px !important; }
.rig_space_50 { margin-right:50px !important; }
.lef_space_35 { margin-left:35px !important; }

.clear {clear:both;overflow:hidden;}
#accessibility-skip-content {
display: block !important;
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}

a           { cursor: pointer; text-decoration: none; }

a:hover     { text-decoration: underline; }
a:active { background-color: transparent;}


.breadcrumb_area { padding: 10px 0 23px; /* margin-left: -3px; */ font-size:1em; }
.tc .breadcrumb_area { font-size: 0.9em}
.breadcrumb_area a {line-height: 1.3em}
.breadcrumb_area.bc_img {
    float: left;
    padding: 10px 0;
    width: 280px;
}
.breadcrumb_area > a { /*margin: 0 5px;*/ color: #333 !important; /*white-space: nowrap; display: inline-block;*/ }
.breadcrumb_area  .sep { margin: 0 5px; }
.breadcrumb_img { display: inline-block; float: right; width: 695px; margin-bottom: 15px; position:relative; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol  { margin: 10px 0 0; }
ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

.main_content li ul li:before,
.main_content li ol li:before {
	/*content: "\1 ";*/
	display: inline-block;
	display: none \9; /* IE */
	width: 0;
}

.main_content ul li ul {
	padding-left: 3.6em;
}

ul     { list-style: disc outside none; }
ol     { list-style-type: decimal inside none; }

.main_content ul li {
    background: url("../images/arrow.png") no-repeat scroll 0 0.5em transparent;
    list-style: none outside none;
    margin-left: -1.5em;
    padding-left: 13px;
}

.main_content ul li ul li, .main_content .dot_point li {
    background: url("../images/dot.png") no-repeat scroll 2px 0.4em transparent;
}
.main_content .dash_point li{
    background: url("../images/dash.png") no-repeat scroll 2px 0.6em transparent;
}

table         { margin-bottom: 1.4em; /*width:100%; */}
th            { font-weight: bold; font-family: 'sheraton_g'; }
thead th      { background: #D1E6A5; }
th,td,caption { padding: 10px 15px; vertical-align:middle; }

.main_content table { background-color:#F2F3DD; border-collapse: collapse; font-family: calibri, 'calibri_mac'; }
.main_content tbody tr.odd  {
  background: #ffffff;
}
.main_content th, .main_content td {
    border-left: 1px solid #ffffff;
}

.main_content th {
    border-left: 1px solid #ffffff;
	background-color:#F2F3DD;
}

.main_content td {
    border-top: 1px solid #ffffff;
	vertical-align: top;
}
.no_lef_border {
    border-left: 0px solid #eee !important;
}


/* Misc classes
-------------------------------------------------------------- */

.round, .shadow, .gradient { /*behavior: url(/hkpl_mainsite/common/css/PIE.php);*/ behavior: url(/iw/PIE.php); position:relative ;/* required for ie */  }

.round {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* shadow */
.shadow {
	-moz-box-shadow: 0 0 3px 1px #999;
	-webkit-box-shadow: 0 0 3px 1px #999;
	box-shadow: 0 0 3px 1px #999;
}
.txt_center { text-align:center; }
.small     { margin-bottom: 1.875em; line-height: 1.875em; }
.large     { line-height: 2.5em; margin-bottom: 1.25em; }
.hide      { display: none; }
.show      { visibility: visible !important; }

.quiet     { color: #666; }
.loud      { color: #000; }
.highlight { background:#ff0; }
.added     { background:#060; color: #fff; }
.removed   { background:#900; color: #fff; }

/*
.first     { margin-left:0; padding-left:0; }
.last      { margin-right:0; padding-right:0; }
*/
.top       { margin-top:0; padding-top:0; }
.bottom    { margin-bottom:0; padding-bottom:0; }

/* End of typography.css */


/* --------------------------------------------------------------

   layout.css
   * Sets up main layout

-------------------------------------------------------------- */
#wrapper {
    position: relative;
}
#float_menu {
    top: 41%;
    position: fixed;
    right: 10px;
	z-index: 100;
}
.my-acc-container {
    position: absolute;
    right: -1000px;
    bottom: 166px;
    width: 286px;
	background:#2f5c0a no-repeat right bottom;
	padding:5px 15px;
	color:#fff;
}
/* for FireFox only */
@-moz-document url-prefix() {
	.tc .my-acc-container {
		bottom: 168px;
	}
}

.my-acc-container.show { right: 0;}
/* Commented by Sam 07/10/2014 - SSO
.my-acc-container > p {
    margin-bottom: 10px;
	font-family: calibri, 'calibri_mac';
}
*/
#acc-box, #pass-box, #acc-box2, #pass-box2, #index-acc-box, #float-acc-box {
    margin-bottom: 5px;
	width:150px;
}

.my-acc-container > a {
    display: block !important;
	clear:both;
}
.ac_login_btn, .ac_logout_btn{
    width: 94px;
	float: left;
}
.fl-menu-container > p {
    background-color: #2f5c0a;
    height: auto;
    line-height: 1 !important;
    margin: 1px 0;
    padding: 8px 3px;
    text-align: center;
    width: 4.5em;
}
.fl-menu-container a {
    color: #FFFFFF;
    display: inline-block;
}

.fl-menu-container .closeMenu, .fl-menu-container .openMenu { display: block; background-color: #d9e6a3}
.fl-menu-container .closeMenu { padding: 8px 0;}
.fl-menu-container .openMenu { width: 27px; padding: 23px 0; float: right; display: none;}
.fl-menu-container .closeMenu span, .fl-menu-container .openMenu span { display: block;width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; text-align: left; text-indent: -9999em; overflow: hidden; margin: 0 auto}
.fl-menu-container .closeMenu span { border-left:8px solid #8eb52a; }
.fl-menu-container .openMenu span { border-right: 8px solid #8eb52a; }

#my_acc_btn > a {
	background: url("../images/account_icon.jpg") no-repeat center 0;
	padding-top: 35px;
}
#ask_lib_btn > a {
	background: url("../images/ask_icon.jpg") no-repeat center 0;
	padding-top: 31px;
}
#reserve_computer_workstation_btn > a {
	background: url("../images/computer_booking_icon.png") no-repeat center 0;
	padding-top: 35px;
}
#reserve_computer_workstation_btn {
	background-color: #C15800;
}
#back-top > a {
    padding: 15px 0;
}

#search-box, .text-field {
    border: none;
    padding: 4px 5px 3px;
    width: 110px;
	float: left;
	margin-top: 0px;
	height: 13px;
}
#search-button {
	width: 20px;
	height: 20px;
	background: url("../images/search_icon.jpg") no-repeat left 0;
	border: none;
	cursor: pointer;
	float: right;
	margin-left: -10px;
}
#search-coll-button {
	width: 23px;
	height: 23px;
	border: none;
	cursor: pointer;
	float: right;
	margin-left: -10px;
}
.search-box_c {
    background: none repeat scroll 0 0 #F1F6EA;
    margin-right: -5px;
    padding: 7px;
    width: 805px;
}
.email_sub_img {
    border: 4px solid #A7A9A2;
    float: right;
}
#email_sub {
    padding: 8px 3px;
    width: 200px;
}
.email_sub_btn {
    float: left;
    margin: 10px 0;
}
#hot_news {
	background-color:#fcf1da;
	padding: 30px 15px 10px;
	}
.hot-ns-container {
    position: relative;
}
#header {
	position: relative;
	background-color: #fff;
	/* display:inline-block; */
	height:60px;
}
.header-container {
    height: 65px;
	background: url("../images/header_bg.jpg") no-repeat left 0;
	/*float:left;*/
	/*position: relative;		/* added By Sam 11/02/2014 */
}

#content { min-height:500px;background-color:#fff; overflow:hidden; }
#notes_area {  background: url("../images/notes_bg.jpg") repeat-x; overflow:hidden; }
.notes_container { height: 200px; background: url("../images/notes_area_bg.jpg") no-repeat right 0; }
#slides {
	background-color:#fff;
	margin-bottom:20px;
}
#footer {
	background-color:#f6f8e0;
}
.ft_note_area, .ft_note_area a, .ft_cont_links, .ft_cont_links a { color:#2f5c0a; }
.tc .ft_cont_links a { letter-spacing: 1px;}
#wrapper, #footer, #content, #header, #top-header {width:100%;}
.top-header-container, .hot-ns-container, .header-container, .content-container, .footer-container, .sub_menu_content, .notes_container {
    margin: 0 auto;
	width:990px;

}
.zoom_in { display:table-row; }
.zoom_in .top-header-container, .zoom_in .header-container { margin-left: 0px; }
.zoom_in .content-container { padding: 0px 10px;  }
.top-header-container {
    height: 30px;
	/*background-color: #797979;	/* added By Sam 11/02/2014 */
	/*position: relative;			/* added By Sam 11/02/2014 */
}
.footer-container {
    padding: 25px 5px 35px;
}

.top-header-container, .top-header-container a, .img_box a { color:#fff; }
.top_logo a, .top_logo:hover { color:#4e7837; }

.box_btn {
	background: url(../images/more_btn_bg.png) no-repeat 6px center;
	padding: 3px 6px 0px 15px;
	border: 1px solid #c63006;
	font-size:11px;
	line-height:15px;
}

.box_btn_g {
	background: url(../images/more_btn_bg_g.png) no-repeat 6px center;
	padding: 3px 6px 0px 15px;
	border: 1px solid #2f5c0a;
	font-size:11px;
	margin-top: 10px !important;
}
.box_btn, .box_btn:hover, .orange { color: #c63006; }
.box_btn_g, .box_btn_g:hover, .green { color: #2f5c0a; }
.con_btn {
	padding: 2px 8px 2px 13px;
}

.box_btn, .box_btn_g, .con_btn { display:inline-block; margin:5px 0;  }
.box_btn:hover, .box_btn_g:hover, .con_btn:hover { text-decoration: none; }

.gallery_area > a {
    background-color: #ddd;
    border: 7px solid #CCCCCC;
    display: inline-block;
    height: 125px;
    margin: 0 5px;
    text-align: center;
    width: 195px;
}

.top-header-left-bg {
    float: left;
    height: 30px;
	/*width: 30%;			/* added By Sam 11/02/2014 */
	/*position: absolute;		/* added By Sam 11/02/2014 */
}

.top_info_area, .top_login_area {
    height: 22px;
	width: auto;
    padding: 4px 0;
	font-family: calibri, 'calibri_mac';
}
.home_btn {
	background: url("../images/sprite01.png") no-repeat 0 0;
	background-position: -10px -313px;
	padding-left: 18px;
    width: 38px;
	margin-left:10px;
	margin-right:10px;
}
.mobile_btn {
	background: url("../images/sprite01.png") no-repeat 0 0;
	background-position: -10px -348px;
	padding-left: 15px;
	width: 105px;
}

.top_logout_btn {
	background: url("../../images/logout.png")  no-repeat 0 0;;
	background-position: -4px -4px;
	padding-left: 17px;
	width: 65px;
}

.acc_btn, .sign_out_btn { font-style:italic; margin: 0 8px; display: inline-block; float:left; color: white}
.mobile_btn, .home_btn, .acc_btn, .sign_out_btn { font-size:14px; vertical-align:top; line-height:1.5em; }
.top_login_area > span {
    float: left;
	font-style:italic;
}
.top_search_area {
    height: 26px;
    padding: 2px 0;
	width: 300px;
	position:relative;
	line-height: 20px;
}
.top_search_area a {
	float: left;
    margin: 2px 6px;
}

.top_search_area a:hover {text-decoration: none;}

.font_size_mid, .font_size_normal, .font_size_large {
    background: url("../images/sprite01.png") no-repeat scroll 0 0 transparent;
	background-position: -10px -48px;
    height: 18px;
    width: 17px;
	margin: 3px 4px 0 4px !important;
	font-family: arial;
	padding-right:2px;
	color: #237d10 !important;
}

.search_bar {
	margin: 2px 2px;
	position: absolute;
	top: 2px;
	right: 0;
}


.delete_pane {
    margin-top: -20px;
    position: absolute;
    right: 15px;
}
.news_issue {
    overflow: hidden;
	font-family: calibri, 'calibri_mac';
}
.news_title {
    float: left;
    line-height: 1.8em;
    text-align: left;
    width: 295px;
	font-size: 16pt;
	font-weight: bold;
}
.tc .news_title {
	font-size: 18pt;
	font-weight: bold;
	font-family: 標楷體,'utopia_s',微軟正黑體, Heiti TC, Arial, Helvetica, sans-serif;
}
.news_content {
    float: left;
    padding-left: 40px;
    width: 574px;
	font-size: 16pt;
	font-weight: bold;
}
.tc .news_content {
	font-size: 18pt;
	font-family: 標楷體,'utopia_s',微軟正黑體, Heiti TC, Arial, Helvetica, sans-serif;
}
.tc .news_content * {
	font-size: 18pt;
	font-family: 標楷體,'utopia_s',微軟正黑體, Heiti TC, Arial, Helvetica, sans-serif;
}
.news_content a {
	color:#1470a5;
}
.news_content p {
    margin: 0 0 15px 0;
}
.top_logo {
    background: url("../images/sprite01.png") no-repeat 0 0;
	background-position: -10px -385px;
    margin: 5px -1px 0px 10px;
    padding: 17px 0px 15px 60px;
	color:#4e7837;
	display: inline-block;
	float:left;
	width:280px;
	white-space: nowrap;
}

.nav_content, .nav_content ul {
    list-style: none outside none;
}
.nav_content {
   padding:0;
   margin:0;
}
.menu_space { background: url("../images/sprite01.png") no-repeat 0 0; background-position: -7px -77px; width: 22px !important; }

.nav_content > li {
    float: left;
    max-width: 135px;
	height: 65px;
	min-width:22px;
}
.nav_content > li.w17 { width: 22px !important; }

.nav_content img {
    margin-top: -10px;
}

.sub_menu {
    left: 0;
    position: absolute;
    top: 65px;
    width: 100%;
	z-index: 55;
	text-align: left;
	top:-9999px;
}
.sub_menu.show { top:65px; }
.nav_content ul {
    overflow: hidden;
    padding: 20px 10px;
    top: -1000px;
}
.nav_content ul, .sub_menu li { width: 240px; display: inline-table; vertical-align: top; }
.sub_menu_style_b {
    width: 100% !important;
}
.sub_menu_style_b li {
	padding-right:20px;
}
.sub_menu li {
    margin: 10px 0;
}
.slider_account_area {
	position:relative;
	height:315px;
	overflow:hidden;
}
.main_acc_area {
	width:310px;
	height:315px;
	position:absolute;
	background:url(../../en/images/main_acc_area_bg.png) no-repeat 0 0;
	right:0;
	top:0;
	z-index:16;
}

.tc .main_acc_area {
  background-image: url(../../tc/images/main_acc_area_bg.png)
}


.main_acc_area > ul {
    margin: 65px 0 5px 50px;
	padding-left: 21px;
    margin-right: 0px;
}
.main_acc_area li {
	background: url("../images/green_link_arrow.png") no-repeat scroll 0 5px transparent;
    list-style: none outside none;
    padding-left: 14px;
	line-height: 20px !important;
}
.green_arrow_list li {
	background: url("../images/green_link_arrow.png") no-repeat scroll 0 5px transparent;
    list-style: none outside none;
    padding-left: 20px;
	line-height: 20px !important;
    margin-top: 10px;
}
.green_arrow_list ul {
    padding-left: 0px;
}
.main_search_area {
	background: url("../images/main_search_area_bg.jpg") no-repeat scroll -1px 0 transparent;
	height:152px;
	width:990px;
	overflow: hidden;
}
.link_1 {
    margin-left: 20px;
}
.link_2 {
    margin-left: 14px;
}
.link_3 {
    margin-left: 7px;
}
/*.main_acc_area_login {
    margin: 37px 0 0 60px;
}*/
.main_acc_area_login {
    margin: 0px 0 0 65px;
}
.col-one {
    float: left;
    margin: 25px 0 0 50px;
    width: 535px;
	position:relative;
}
.col-two {
    float: right;
    margin: 25px 10px 0 30px;
    width: 355px;
}

.bot_cols {
    margin: 25px 0 0 127px;
}
.bot_cols .col-one {
    float: left;
    margin-right: 31px;
    width: 246px;
}
.bot_cols .col-two {
    float: left;
    width: 453px;
}

.box_title {
    margin: 141px 0 25px;
    padding: 85px 10px 10px;
    width: 325px;
	display: inline-block;
}
.box_title > img, .special_title {
    float: left;
}

.ft_cont_links {
    overflow: hidden;
}
.ft_cont_links > ul {
    float: left;
    font-size: 0.857em;
    margin: 0 25px 0 0;
	padding:0;
}
.ft_cont_links .col-five { margin-right: 0;}
.ft_cont_links .col-one { width:162px}
.ft_cont_links .col-two { width:195px}
.ft_cont_links .col-three { width:160px}
.ft_cont_links .col-five { width:200px}
.ft_cont_links .col-four { width: 160px;}

.ft_cont_links .h5 {
    border-bottom: 1px solid #2F5C0A; font-size: 1.1425em;font-family: 'sheraton_g';
    margin-bottom: 10px;
	 padding:0 8px 5px 0;
}

.tc .ft_cont_links .h5 {  font-size: 1.3em; font-family: "微軟正黑體", "Heiti TC",Simsun, 宋體}

.ft_cont_links li {
    list-style: none outside none;
    margin: 4px 0;
}
.ft_cont_links li a { font-size: 1.1em}
.ft_links_area {
    position: relative;
    width: 700px;
	margin-top: 10px;
	padding: 0 35px;
}

#quick_links_img > ul {
    list-style: none;
	height: 50px;
	margin: 0;
	padding: 0;
}
#quick_links_img li {
    width: auto;
	float: left; !important
}
#quick_links_img a {
    margin: 0 2px;
	display:inline-block;
	padding-top:2px;
}
#quick_prev, #quick_next {
    position: absolute;
    top: 12px;
	line-height:16px;
}
#quick_prev {
    left: 20px;
}
#quick_next {
    right: 17px;
}

.w3c_logo {
    margin-top: 15px;
}

.search_collect_bar {
    margin-top: 5px;
	width: 279px;
	line-height: 20px;
}
#search-coll {
    height: 15px;
    width: 250px;
}
.inner_page {
	padding-bottom: 35px !important;
}
.inner_page .content-container {
    padding-left: 10px !important;
    width: 980px;
}
.inner_page .main_content {
    float: left;
    padding: 15px 0 0 10px;
    width: 700px;
}
.left_nav_content {
    overflow: hidden;
    width: 100%;
}
.left_nav p.left_menu_title {
 /*   margin-bottom: 25px;*/
}
.left_nav {
    float: left;
    padding: 15px 0px;
    width: 270px;
}
.join_activity .left_nav { padding: 0;}
.join_activity .left_nav ul { padding: 15px 0 0;}
.bl_download_btn, .view_btn {
    display: block;
    margin: 5px 0;
	max-width: 79px;
    width: 50px;
}
.left_nav a .left_nav .hot_topics_title {
    font-size: 1.1425em;
}
.left_nav ul ul {
    margin-top: 10px;
}
.left_nav ul li {
    /*background: url("../images/arrow.png") no-repeat scroll 0 0.3em transparent;
  padding-left: 13px;*/
    line-height: 19px;
    list-style: none outside none;
    margin-bottom: 8px;

}

.left_nav > ul > li {
    border-bottom: 1px solid #ccc; padding-bottom: 10px;margin-bottom: 10px;
}

.left_nav ul li ul li ul li ul li {
    background: url("../images/nav_dot_off.png") no-repeat scroll 0 0.4em transparent;
}

.left_nav a, .book_show_area a {
    color: #333333;
}
hr.hr_w {
	margin: 10px 0 10px -16px;
    width: 250px;
}
.txt_content {
    float: right;
    width: 530px;
	color:#333;
}
.book_show_area > ul { margin: 30px 0 20px; padding: 0; }
.book_show_area li {
    background: none repeat scroll 0 0 transparent !important;
    list-style: none outside none !important;
    padding: 0 !important;
	width: 162px;
	height: 230px;
	text-align:center;
	float: left;
	margin-left: 0px !important;
	margin-bottom:25px !important;
}
.no_right_space {
    margin-right: 0 !important;
}
.book_rig_area {
    float: right;
    position: relative;
    width: 14px;
	/*background: url("../images/books/book_rig.png") repeat-y;*/
}
.top_rig_book {
    position: absolute;
    top: 0;
	left: 0;
    width: 14px;
	height: 9px;
	background: url("../images/books/book_rig_top_hot.png") no-repeat;
}
.mid_rig_book {
    background: url("../images/books/book_rig.png") repeat-y;
    left: 0;
    position: absolute;
    top: 9px;
    width: 14px;
}
.bot_rig_book {
    bottom: 0;
	left: 0;
    position: absolute;
	width: 14px;
	height: 10px;
	background: url("../images/books/book_rig_bottom_hot.png") no-repeat;
}

.hottest_book_area .book_show_area li {
    margin-right: 30px;
}
.no_cover {
     position:relative;
}
.book_show_img{

    max-width:162px; 

    max-height:230px;

    scale:expression((this.offsetWidth / this.offsetHeight > 162/230)?(this.style.width = this.offsetWidth >= 162 ? "162px" : "auto"):(this.style.height = this.offsetHeight >= 230 ? "230px" : "auto"));

    display:inline !important;

}
.book_show_area a {
    display: block;
	margin: 0 auto;
	font-family: calibri, 'calibri_mac',微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體;
}
.book_show_area img {
    padding-bottom: 5px;

    max-width:162px;

    width:expression(this.offsetWidth > 162 ? "162px" : "auto");

    display:inline !important;
}
.book_tit {
    color: #FFFFFF;
    left: 18px;
    position: absolute;
    top: 12px;
    white-space: normal;
    width: 118px;
	height: 175px;
	display: table;
}
.book_center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.page_no_area > a, .page_no_area {
    font-family: calibri;
}
.page_no_area > a {display: inline-block; line-height: 20px; vertical-align: middle; }

.page_no_area .currentPage { 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;
}
.hottest_book_area {
	background: url("../images/hottest_bk_bg.jpg") no-repeat scroll 0 0 transparent;
	height: 337px;
}
.hottest_book_area .book_show_area {
    padding: 15px 20px;
}
#book_touch_car.book_show_area { padding: 45px 0 35px;}
.hottest_book_area .book_show_area img {
    margin-bottom: 30px;
}
.sub_txt {
    margin-top: -23px;
}
.page_title {
    margin-bottom: 20px !important;
}
.new_add_area {
    margin: 10px 0 20px;
    overflow: hidden;
}
.new_add_area > img, .new_add_area ul {
    float: left;
}
.new_add_area img {
    border: 1px solid #C7D491;
    padding: 3px 4px;
}
.new_add_area > ul {
    margin: 0 15px;
	max-width: 320px;
}
.new_add_area li{
	background:url(../images/pt_arrow.png) no-repeat 0 4px;
    padding-left: 20px;
	 list-style: none;
}
.resource_top_area {
    background: none repeat scroll 0 0 #F1F4EF;
    height: 302px;
	margin-bottom: 25px;
}
.resource_top_area > ul {
    margin: 0;
    padding: 0;
}
.resource_top_area li {
    float: left;
    list-style: none outside none;
    margin: 20px;
    max-height: 302px;
    width: 200px;
}
.resource_top_area.col_three li {
	width: 280px;
	text-align: center;
}
.res_search_area {
    margin: 5px 0 40px;
}
.res_img_area {
    display: table-cell;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}
.res_title { font-size: 1.1425em; }
.resource_top_area.col_three .res_img_area {
    width: 280px !important;
}
.resource_top_area a {color: #666}

.resource_top_area .res_txt {
    display: block;
    text-align: center;
	color:#666;
}
.key_search_area {
    display: inline-block;
	margin-left: 15px;
	vertical-align:top;
}
.key_search_area .key-field {
    background: none repeat scroll 0 0 #EAEAEA;
    font-family: calibri,微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體;
    font-size: 14px;
    padding: 6px;
    width: 135px;
	border: medium none;
	height:14px;
}
.green_search_btn {
	background: url("../images/keyword_search_btn.png") no-repeat scroll 0 0 transparent;
	height:26px;
	width:26px;
	border: medium none;
	cursor: pointer;
	vertical-align: middle;
	margin: 0 5px;
}
.show_cat_area {
    float: right;
    margin: 0 10px;
}
.res_content_area {
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
}

.res_content_area > ul{
	margin: 0;
	padding: 0;
}
.res_content_area li {
    list-style: none;
	width:320px;
	float:left;
}
.cover_img_area { float: left; position:relative; }
.cover_txt {
    position: absolute;
    top: 0;
}
.cover_img_area a, .cover_img_area a:hover, .sl_cover_img_area a, .sl_cover_img_area a:hover {
	color: #FFFFFF;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.cover_img_area a, .cover_img_area a:hover {
	height: 199px;
    width: 147px;
}
.cov_01 { background: url("../images/resoure/cover_01.png") no-repeat scroll 0 0 transparent; }
.cov_02 { background: url("../images/resoure/cover_02.png") no-repeat scroll 0 0 transparent; }
.cov_03 { background: url("../images/resoure/cover_03.png") no-repeat scroll 0 0 transparent; }
.cov_04 { background: url("../images/resoure/cover_04.png") no-repeat scroll 0 0 transparent; }
.cov_05 { background: url("../images/resoure/cover_05.png") no-repeat scroll 0 0 transparent; }
.cov_06 { background: url("../images/resoure/cover_06.png") no-repeat scroll 0 0 transparent; }
.cov_07 { background: url("../images/resoure/cover_07.png") no-repeat scroll 0 0 transparent; }
.cov_08 { background: url("../images/resoure/cover_08.png") no-repeat scroll 0 0 transparent; }
.cov_09 { background: url("../images/resoure/cover_09.png") no-repeat scroll 0 0 transparent; }
.cov_10 { background: url("../images/resoure/cover_10.png") no-repeat scroll 0 0 transparent; }
.cov_11 { background: url("../images/resoure/cover_11.png") no-repeat scroll 0 0 transparent; }
.cov_12 { background: url("../images/resoure/cover_12.png") no-repeat scroll 0 0 transparent; }
.cov_13 { background: url("../images/resoure/cover_13.png") no-repeat scroll 0 0 transparent; }
.cov_14 { background: url("../images/resoure/cover_14.png") no-repeat scroll 0 0 transparent; }
.cov_15 { background: url("../images/resoure/cover_15.png") no-repeat scroll 0 0 transparent; }
.cov_info_area {
    float: left;
    margin: 0 15px;
    width: 135px;
}
.cov_info_area > p {
    line-height: 1.2em !important;
}
.cov_info_area .cov_title {
    display: block;
    font-size: 1.072em;
    margin-bottom: 2px;
	font-weight:bold;
	color:#666;
}
.cov_info_area .date {
    display: block;
}
.sl_cover_img_area { float: right; position:relative; }
.sl_cover_img_area a, .sl_cover_img_area a:hover {
	height: 130px;
    width: 97px;
}
.sl_cov_01 { background: url("../images/resoure/small_cover_01.png") no-repeat scroll 0 0 transparent; }
.sl_cov_02 { background: url("../images/resoure/small_cover_02.png") no-repeat scroll 0 0 transparent; }
.sl_cov_03 { background: url("../images/resoure/small_cover_03.png") no-repeat scroll 0 0 transparent; }
.sl_cov_04 { background: url("../images/resoure/small_cover_04.png") no-repeat scroll 0 0 transparent; }
.sl_cov_05 { background: url("../images/resoure/small_cover_05.png") no-repeat scroll 0 0 transparent; }
.sl_cov_06 { background: url("../images/resoure/small_cover_06.png") no-repeat scroll 0 0 transparent; }
.sl_cov_07 { background: url("../images/resoure/small_cover_07.png") no-repeat scroll 0 0 transparent; }
.sl_cov_08 { background: url("../images/resoure/small_cover_08.png") no-repeat scroll 0 0 transparent; }
.sl_cov_09 { background: url("../images/resoure/small_cover_09.png") no-repeat scroll 0 0 transparent; }
.sl_cov_10 { background: url("../images/resoure/small_cover_10.png") no-repeat scroll 0 0 transparent; }
.search_result_list {
    margin: 0 0 50px 0;
    padding: 0;
}
.search_result_list > li { list-style: none; overflow: hidden; margin-left: -15px; }
.search_result_list .cov_info_area {
    width: auto;
}
.search_result_list .cov_info_area > p {
    margin-bottom: 0.5em;
}
.search_result_list .view_btn, .search_result_list .bl_download_btn {
    display: inline-block;
    margin-right: 8px;
}
.res_sub_title {
    font-size: 1em;
    margin-top: -5px;
}
.search_result_area .page_no_area {
    margin-top: 0;
	margin-right: 0;
}

.info_input { width:250px; }
.info_input.add_input { width:455px; }
.sub_q_txt_area { padding:10px; border:0; width:500px; display:block; margin: 10px 0 15px; }

.book_suggestion_form .info_input { width: 364px; }
.tc .book_suggestion_form .info_input { width: 317px; }
.book_suggestion_form .sub_q_txt_area { width: 590px; }
.tc .book_suggestion_form .sub_q_txt_area { width: 552px }
/* Chrome Hack */
.book_suggestion_form .info_input:not(*:root) { width:379px; }
.tc .book_suggestion_form .info_input:not(*:root) { width: 312px; }
.book_suggestion_form .sub_q_txt_area:not(*:root) { width: 605px; }
.tc .book_suggestion_form .sub_q_txt_area:not(*:root) { width: 545px; }
/* Firefox Hack */
_:-moz-tree-row(hover), .book_suggestion_form .info_input { width: 357px; }
_:-moz-tree-row(hover), .book_suggestion_form .sub_q_txt_area { width: 591px; }


.sub_btn_area {
    margin: 25px 0 0;
    text-align: center;
}
.currentCategory .sub_btn_area .btn-submit { background: url(../../en/images/submit_btn.png) center center no-repeat; width:91px; height:30px; vertical-align: middle; text-indent: -9999px; }
.currentCategory .sub_btn_area .btn-cancel { background: url(../../en/images/reset_f_btn.png) center center no-repeat; width:111px; height:30px; vertical-align: middle; text-indent: -9999px; border: none; margin-left: 10px;}
.currentCategory .sub_btn_area .btn-submit:focus , .currentCategory .sub_btn_area .btn-cancel:focus { outline: rgb(229, 151, 0) auto 5px}
.tc .currentCategory .sub_btn_area .btn-submit { background: url(../../tc/images/submit_btn.png) center center no-repeat; }
.tc .currentCategory .sub_btn_area .btn-cancel { background: url(../../tc/images/reset_f_btn.png) center center no-repeat; }
.sub_btn_area > a {
    margin: 0 12px;
}
.faq_menu_area {
    font-family: sheraton_g;
    font-size: 1.071em;
    margin-left: -5px;
}
.faq_menu_area > a {
    margin: 5px;
    white-space: nowrap;
	color:#333;
}
.faq_menu_area > span {
    margin: 0 5px;
}
.faq_area {
    margin: 15px 0 0;
}
.faq_area > li {
    background: none !important;
    padding: 10px 15px 5px 25px !important;
	border-bottom: 2px solid #CCCCCC;
}
.faq_area > li.asw_on {
    background: #f2f3dd !important;
	padding: 20px 15px 20px 25px !important;
	border-bottom: 0px;
	margin-top: -10px !important;
}
.ans_btn {
    cursor: pointer;
    float: right;
    height: 29px;
    margin-left: 5px;
    width: 92px;
}

.ans_btn_text {
	color: white;
	font-weight: bold;
	display: block;
	padding: 5px 15px;
}
	
	
.tc .ans_btn_text {
	padding: 5px 15px;
}

.a_hide { background: url("../../en/images/ans_btn_on2.png") left top no-repeat; }
.a_show { background: url("../../en/images/ans_btn_on2.png") left bottom no-repeat; }

.tc .a_hide {background: url("../../tc/images/ans_btn_on2.png") left top no-repeat; }
.tc .a_show {background: url("../../tc/images/ans_btn_on2.png") left bottom no-repeat; }

.faq_area p {
    line-height: 1.3em;
    margin: 0 !important;
}
.tc .faq_area p { font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁";}
.tc .faq_area .answ { font-family: 微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體}
.quest {
    background: url("../images/faq_q.png") no-repeat scroll 0 0.2em transparent;
    font-size: 1.071em;
    font-weight: bold;
    padding-bottom: 15px;
    padding-left: 25px;
}
.answ {
    background: url("../images/faq_a.png") no-repeat scroll 0 0.3em transparent;
    padding-left: 25px;
	display:none;
}

.coming_event_table, .clean_table {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    vertical-align: top !important;

}
.coming_event_table td, .clean_table td {
    vertical-align: top; padding-left:0 !important;
}
.coming_event_table ul {
    margin-left: -15px;
}
.coming_event_table a {
    display: inline-block;
}
.main_content li {
    margin-bottom: 10px;
	margin-right: 35px;
}

.share_this_area {
    background-color: #fff;
    position: absolute;
    left: -9999px;
    padding: 10px 15px;
    top: -9999px;
    z-index: 25;
	color: #000000;
    font-size: 10px;
}

.share_this_area.show {
    left: 135px;
    top: 25px;}

.share_this_area hr {
    margin: 5px 0;
}
.share_this_area > a {
    color: #000000;
    display: block;
    font-size: 11px;
	float: none;
}

.share_this_area > a:hover {text-decoration: none;}

.share_fb, .share_twitter, .share_weibo, .share_mail {
	background: url("../images/share_btn.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    overflow: hidden;
    padding-left: 22px;
    margin-bottom: 7px !important;
}
.share_close {
    margin-right: -5px !important;
}
.share_fb {
    background-position: 0 0;
}
.share_twitter {
    background-position: 0 -16px;
}
.share_weibo {
    background-position: 0 -32px;
}
.share_mail {
    background-position: 0 -48px;
}


.top-header-left-bg {
    background-color: #4d4e4c;
}
#top-header {
    background-color: #797979;
}
.top_info_area {
	background:url(../images/top_info_bg.jpg) repeat;
}
.top_info_area > *, .top_login_area > * { line-height: 21px; }
#header .top-header-left-bg {
    background-color: #d6e5c0;
    height: 65px;
}

.con_btn {
	background: url(../images/btn_arrow.jpg) no-repeat left center;
}
.share_btn, .font_current {
    background: url("../images/sprite01.png") no-repeat scroll 0 0 transparent;
	background-position: -10px -10px;
    height: 20px;
    width: 20px;
	margin-top: 2px !important;
	color: #fff !important;
	line-height: 24px !important;
	padding-right:0 !important;
	margin-right: 3px !important;
}

.txt_col, .current { color: #4e7837 !important; }
.page_no_area .current {
    color: #549077 !important;
}
body:after{
    display:none;
    content: url(../images/nav_lef_pin.png) url(../images/nav_rig_pin.png);
}
.menu_lef { background:url(../images/nav_lef_pin.png) no-repeat right bottom; }
.menu_rig { background:url(../images/nav_rig_pin.png) no-repeat left top; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  	.menu_lef { margin-right:-1px; }
	.menu_rig { margin-left:-1px; }
	/* your css rules for ipad portrait */
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  	.menu_lef { margin-right:-1px; }
	.menu_rig { margin-left:-1px; }
  	/* your css rules for ipad landscape */
}

.pink_bg, .sub_menu {
	background-color: #508118;
}
.pink_bg > a { color:#fff !important; }
.nav_content > li a.section_on {
    color: #4E7837;
}

.tc .nav_content > li a { font-family: calibri, 'calibri_mac',SimSun, 宋體; }
.tc .nav_content > li > a {font-weight: bold; font-size: 18px ; padding: 0 15px;}
.nav_content > li a:hover {text-decoration: none;}

#slides .play.selected {
	background: url("../images/sprite01.png") no-repeat 0 0;
	background-position: -10px -263px;
}

#slides .stop.selected {
	/*background:url(../images/slides_stop_btn_on.png) left top no-repeat;*/
	background:url("../images/sprite01.png") no-repeat scroll 0 0;
	background-position: -30px -284px;
}

.selectorsBlock .selectors .item { background: url("../images/slide_dot.png") no-repeat 0 0; background-position: 0px -18px; }
.selectorsBlock .selectors .selected { background-position: 0px 0px; }

.bg_tit_box { background-color: #582d66; }
.bg_col_01 { background-color: #77146a; }
.bg_col_02 { background-color: #3c027c; }
.bg_col_03 { background-color: #542846; }
.bg_col_04 { background-color: #210445; }


/*.left_nav ul li.selected {
    background: url("../images/arrow_down.png") no-repeat scroll 0 0.4em transparent;
}
.left_nav ul li.selected_no_sub {
    background: url("../images/arrow_on.png") no-repeat scroll 0 0.3em transparent;
}
.left_nav .dot_point li.selected_no_sub, .main_content .dot_point li {
    background: url("../images/nav_dot_on.png") no-repeat scroll 0 0.4em transparent;
}*/
/*.font_size_mid, .font_size_normal, .font_size_large, #search-coll, .main_content a, .con_btn, .left_nav .selected > a, .left_nav .selected_no_sub > a {
    color: #669940;
}*/
#search-coll-button {
	background: url("../images/content_search_btn.png") no-repeat left 0;
}
.gallery_area > a:hover {  border: 7px solid #660066; }



.con_btn {
	padding: 2px 8px 2px 13px;
	font-family: 'sheraton_g';
	font-size: 12px;
}
.green_bg_area {
    background-color: #F2F3DD;
    padding: 15px 30px;
}
.green_bg_area ul li {
    background: url("../images/twbg_arrow.png") no-repeat scroll 0 0.3em transparent;
	margin-bottom:0;
	font-family: calibri,'calibri_mac';
}
.style_btn {
	background: url(../images/btn_arrow.png) no-repeat right center;
	border: 0; zoom:1;
	padding: 0 21px 0 13px; line-height: 32px;
	background-color: #669940 !important;
	display: inline-block; height: 32px; font-size: 13px;
	/* additional added*/
	color:#fff !important;
}
.style_btn, .style_btn:hover { color:#fff; }
.img_title {
    font-family: 'sheraton_g';
    font-size: 30px;
    right: 20px;
    line-height: 1em;
    width: 250px;
    position: absolute;
}
.img_title.txt_col > span {
    display: table-cell;
    height: 160px;
    vertical-align: middle;
}


.tc .query_table td {min-width: 90px;}
.tc .info_input.add_input {width: 415px !important;}

/*from batch 2*/
.tc .img_title.txt_col span { font-family: 'pt_sans_c',"STHeiTi", "黑體-繁",Simsun, 宋體}

/* innerscroll style */
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 5px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #d9d9d9; position: relative; }
.jspDrag { background: #7a7a7a; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

.tc * { font-family: calibri,微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體;}
@media \0screen { .tc * { font-family: none; /* IE 8- only */ } }

.join_activity .txt_col { font-weight: normal; font-size: 1.8em; width: 270px; line-height: 1.3em}
.tc .txt_col {font-family: 'pt_sans_c',"STHeiTi", "黑體-繁",Simsun, 宋體; font-weight: bold; }
.tc .breadcrumb_img .txt_col { font-size: 32px}
.join_activity .tag_search { float: right; margin-right: 30px;}
.join_activity .tag_search .h { color: #333}
.join_activity .tag_search * { color: #4e7837;}
#content-search-box { background-color: transparent;}
.join_activity .tag_search .search_bar { position: relative; background-color: #eaeaea; top: 0}

.join_activity .main_content { width: 680px; margin-right: 20px; zoom:1; position: relative; margin-top: 20px;}

.join_activity .event_search_bar { margin-bottom: 42px;}
.join_activity .search_tab { position: relative;}
.join_activity .search_tab ul { padding: 0; margin: 0; overflow: hidden;}
.join_activity .tag_search > * { display: inline-block; vertical-align: middle;}
.join_activity .icon_rss { background: url(../images/batch2/icon_rss.png) center center no-repeat; display: inline-block; width: 16px; height: 16px; margin: 0 8px; text-indent: -9999px;}
.join_activity .tag_search .search_bar { background-color: #eaeaea;}
#content-search-box { background: none;height: auto; margin: 0; line-height: 19px; color: #2C2C2C; width: 148px; font-size: 14px;font-family: calibri,'calibri_mac'; }
.tc #content-search-box { font-size: 12px; font-family:'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁";}
.join_activity .tag_search p { margin-bottom: 0; font-size: 1.1em}
.tc.join_activity .tag_search p { font-size: 1em}
.join_activity .tag_search .tag_label_cont p { font-size: 1em}
.join_activity .tag_search #content-search-button { background: url(../images/batch2/search_icon.png) center center no-repeat; height: 26px; width: 26px;border: none; cursor: pointer; float: right;margin-left: -10px; text-indent: -9999px;}

.custome_s_box { /*height: 158px;*/ background: url(../images/batch2/bg-custom-search-box.png) left top repeat-x; padding:5px 20px 15px; }
.event_search_bar .custome_s_box { border-top: 4px solid #669940; position: absolute; top: -9999px; left: -9999px; margin-top: -4px \9; width: 639px;}
.event_search_bar .custome_s_box.visible {  position: relative; top: 0; left: auto;}
.custome_s_box .search-col { float: left; margin-right: 10px;}
.custome_s_box .title { color: #2f5c0a; border-right: 1px solid #ccddc0; font-size: 16px; line-height: 52px; }
.custome_s_box .search-month .title { border: none;}
.tc .custome_s_box .title { font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁"; font-size: 18px;}
.custome_s_box .search-district { width: 215px;}
.search-district .title { padding: 0 10px 0 27px; background: url(../images/batch2/icon-search-by-district.png) left center no-repeat; }
.custome_s_box .search-category {width: 265px;}
.search-category .title { padding: 0 10px 0 41px; background: url(../images/batch2/icon-search-by-cate.png) left center no-repeat;}
.custome_s_box .search-month {width: 136px;}
.search-month .title { padding: 0 10px 0 34px; background: url(../images/batch2/icon-search-by-month.png) left center no-repeat;}
.custome_s_box .last {margin: 0;}
.accessibility { position: absolute; top: -9999px; left: -9999px; height: 0;}
.custome_s_box .selectOption {width: 187px; padding: 0 10px; background-color: white; position: relative; line-height: 30px; font-size: 1em; color: #666666; margin-bottom: 5px; cursor: pointer; z-index: 1}
.custome_s_box .selectOption.show { z-index: 10}
.selectOption input.accessibility { display: none;}
.custome_s_box .selectOption > a { background: url(../images/batch2/arrow-down-custome-search.png) right center no-repeat; display: block; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 10px;}
.custome_s_box .selectOption a:hover { text-decoration: none;}
.tc .custome_s_box .selectOption a { font-family:Calibri, 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁"; font-size: 0.9em;}
.listOfOption { position:absolute; top: -9999px; background: white;  width: 187px; padding: 10px 10px; left: -9999px; height: 300px; margin-top: 2px; zoom:1; margin-left: -10px;
	-webkit-box-shadow: 0 0 1px 1px #d6d6d6;
	-moz-box-shadow: 0 0 1px 1px #d6d6d6;
	box-shadow: 0 0 1px 1px #d6d6d6;
}
.listOfOption > div { height: 270px; width: 100%;}
.listOfOption ul { margin-right: 10px;}
.search-category .listOfOption { width: 240px}

.selectOption.show .listOfOption { top: 100%; left: auto;}


.join_activity .listOfOption a:hover { background: none}
.join_activity .search_tab .listOfOption li {}
.firstLevelOption { margin-bottom: 15px;}
.firstLevelOption > a { color: #4e7837}
.join_activity .search_tab .secLevelOption { display: list-item; margin-left: 15px; line-height: 1.3em}
.secLevelOption a { color: #333333}

.search-category .selectOption { width: 240px}

.search-month .selectOption { width: 116px;}
.search-month .calendarSel { background: url(../images/batch2/bg-calendarSel.png) center center no-repeat; width: 246px; height: 215px; /*height: 183px;*/ padding: 15px 10px; position: absolute; top: -9999px; right: -9999px;}
.search-month .calendarSel .hidden { background: none !important; cursor: default !important}
.search-month .yearSel { line-height: 34px; color: #4e7837; text-align: center; font-size: 1.7em;
	background: #eaefcd; /* Old browsers */
	background: -moz-linear-gradient(top,  #eaefcd 0%, #f6f8e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaefcd), color-stop(100%,#f6f8e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eaefcd 0%,#f6f8e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eaefcd 0%,#f6f8e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eaefcd 0%,#f6f8e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eaefcd 0%,#f6f8e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefcd', endColorstr='#f6f8e0',GradientType=0 ); /* IE6-9 */
}

.search-month .show .calendarSel { top: 100%; right: -5px; left: auto}
.search-month .yearSel { margin-bottom: 0;}
.search-month .yearSel > * { padding: 0 15px; vertical-align: middle;}
.search-month .yearSel .prevYr { text-indent: -9999px; overflow: hidden;  background: url(../images/batch2/btn-arrow-calendar.png) left center no-repeat; display: inline-block;}
.search-month .yearSel .nextYr { text-indent: -9999px; overflow: hidden;  background: url(../images/batch2/btn-arrow-calendar.png) right center no-repeat; display: inline-block;}
.tc.join_activity .search-month .yearSel * { font-weight: normal; font-family: calibri,微軟正黑體, "microsoft jhenghei", PMingLiu}
.search-month .calendarSel ul { overflow: hidden; margin: 0 15px;}
.search-month .calendarSel .monthOpt { float: left; border-bottom: 1px dotted black; width: 25%; text-align: center; padding: 10px 0; margin: 0}
.search-month .calendarSel .monthOpt.lastRow { border-bottom: 0;}
.monthOpt a { padding: 5px 7px; color: #4e7837}
.custome_s_box .selectOption .monthOpt a:hover {text-decoration: underline;}
.custome_s_box .selectOption .disabled a:hover {text-decoration: none;}
.monthOpt.disabled a { cursor: default; color: #333}
.tc .calendarSel .monthOpt { font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁"; font-size: 1.2em}
.currentMonth a { border: 1px solid #4e7837}
.showingMonth a { background:#4e7837; color: white}
.searchBtn { background: url(../images/batch2/btn-custom-box-search.png) center center no-repeat; width: 30px; height: 30px; position: absolute; right: 10px; bottom: 15px; display: block; text-indent: -9999px; overflow: hidden; border: none;}

.join_activity .left_nav_content { clear: both;}
.join_activity .search_tab li { padding: 0;margin-left: 0; background: none; margin: 1px 8px 0 1px;}
.join_activity .search_tab > ul li { float: left;}
.join_activity .search_tab .custom_s { width: 211px; margin-right: 0; height: 46px; cursor: pointer; margin-left: -2px;}
.join_activity .search_tab .custom_s .bg { width: 11px; height: 7px; background: url(../images/batch2/arrow-search-bg.png) left center no-repeat; display: inline-block; margin-left: 10px;}
.join_activity .search_tab .round { width: 85px; line-height: 39px; text-align: center; display: block; color: #4e7837; font- font-weight: bold; font-size: 1em}
.tc .join_activity .search_tab .round { font-size: 0.9em}
.tc.join_activity .search_tab .round, .tc.join_activity .search_tab span {font-family: 'pt_sans_c', "STHeiTi", "黑體-繁",SimSun, 宋體; font-weight: bold; font-size: 1em;}
.join_activity .search_tab .round { background: white; border-radius: 7px;
	-webkit-box-shadow: 0 0 1px 1px #d6d6d6;
	-moz-box-shadow: 0 0 1px 1px #d6d6d6;
	box-shadow: 0 0 1px 1px #d6d6d6;
}
.join_activity .custom_s .round {width: auto; margin-right: 0; background: url(../images/batch2/bg-custom-search.jpg) left top repeat-x;}
.join_activity .custom_s .round.clicked { height: 46px; box-shadow: none; border-bottom: 0; background: #669940; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: white}
.join_activity .search_tab > ul a:hover, .join_activity .current .round {background:#669940; color: white; text-decoration: none}
.join_activity .search_tab .custom_s:hover .bg {background-position: right center}
.join_activity .custom_s .round.clicked .bg { background-position:  -11px center}

.join_activity .event_block { overflow: hidden;}
.join_activity .col { width: 330px;}
.join_activity .col.col_left { float: left; margin-right: 20px;}
.join_activity .col.col_right { float: left;}

.join_activity .event_block .shadow_wrap { padding: 0 0 21px 0; background: url(../images/batch2/bg-event-block-shadow.jpg) 5px bottom no-repeat; width: 331px; position: relative;}
.join_activity .event_block .block { padding: 20px 11px 30px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 0 1px 1px #d6d6d6;
	-moz-box-shadow: 0 0 1px 1px #d6d6d6;
	box-shadow: 0 0 1px 1px #d6d6d6;
	margin: 2px
}

.join_activity .event_block .title { position: relative;}
.join_activity .event_block .title h2 {float: left;width: 250px; line-height: 1.2em; font-size: 1.3em}
.tc.join_activity .event_block .title h2 { font-size: 1.5em}
.join_activity .event_block h2 a {  font-style: normal; color: #4e7837; }
.tc.join_activity .event_block h2 a {font-family:'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁"; font-weight:bold; }
.join_activity .event_block .title .share_btn { float: right;}
.join_activity .event_block .title .share_this_area { left: auto; right: 0;}
.join_activity .event_block .detail { padding-top: 25px;border-top: 7px solid #d8d8ae; overflow: hidden;}
.join_activity .event_block .image { width: 305px; height: 145px; display: block; overflow: hidden;}
.join_activity .event_block img { display: block;}
.join_activity ul.related { padding: 0; margin: 0; clear: both;}
.join_activity .event_block ul.related { margin-top: 10px;}
.join_activity .related li {  display: inline-block; width: 48%; background:none; padding: 0; margin-right: 0; margin-left: 0; margin-bottom:5px; vertical-align: top}
.join_activity .related li a { color: #4e7837; display: inline-block; line-height: 21px; padding-left: 18px;background: url(../images/batch2/bg-li-event-block.png) left top no-repeat;}
.tc.join_activity .related li a { font-weight: bold; }
.join_activity .event_block .detail table, .join_activity .detail td { background: none; border:none; padding: 0 10px 0 0; width: auto; margin-bottom: 0; vertical-align: top;}
/*.tc.join_activity .detail td { min-width: 35px;}*/
.join_activity .detail td { min-width: 80px;}
.tc.join_activity .detail .date_de, .tc.join_activity .detail .time_de, .tc.join_activity .detail .venue_de, .tc.join_activity .detail .venue_de a { font-family: 微軟正黑體, "microsoft jhenghei",Simsun, 宋體}
.join_activity .related, .join_activity .detail table { margin-top: 10px; width:100% !important;word-wrap:break-word;}
.join_activity .detail table a {word-break:break-all;}
.join_activity .page_no_area { margin-right: 0;}
/* modified by ray.huang@2014-03-21 */
.series_block .event_detail {padding-left:40px !important; padding-right:30px !important;}
.series_block .left  {width: 355px !important;}
/* end modified by ray.huang@2014-03-21 */


.series_block { border-bottom: 1px solid #d9d9d9; margin-top: 35px;}
.series_block .event_tag, .result_listing .event_tag,  .series_block .event_locat { display: inline-block; vertical-align: top;}
.series_block .event_tag, .result_listing .event_tag { width: 380px; margin-right: 20px;}
.series_block .event_tag .bg, .result_listing .event_tag .bg { background: url(../images/batch2/bg-tag-series.png) left top no-repeat; float: left; width: 43px; height: 19px;}
.series_block .event_tag p, .result_listing .event_tag p { color: #4e7837; font-size: 1em; line-height: 19px; margin-bottom: 0; width: 290px; float: left;}
.series_block .event_locat { width: 225px;}
.series_block .event_locat span { /*display: inline-block; white-space: nowrap;*/}
.series_block .event_locat .bg { background: url(../images/batch2/bg-tag-series.png) left bottom no-repeat; float: left; width: 53px; height: 14px;}
.series_block .event_locat p { color: #333; font-size: 0.9em; line-height: 14px; margin-bottom: 0; width: 170px; float: left;}
.series_block .event_locat .sep { margin: 0 4px;}
.series_block h2 { font-style: normal; color: #4e7837; padding:0 20px; margin-bottom: 10px;}
.tc .series_block h2 { font-family:'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁";font-weight:bold; }
.series_block .detail { border-top:7px solid #d8d8ae; padding: 0 20px;}
.series_block .tag_cont { margin: 5px 0 15px;}
.series_block .shadow_wrap { background:url(../images/batch2/shadow-event-in-series.png) center bottom no-repeat white; padding-bottom: 23px;}
.series_block .shadow_wrap .event_in_series { border: 2px solid #d5ddca;}
.series_block .event_title h3 { padding: 7px 0; font-size: 1.4em; margin-bottom: 0;}
.series_block .event_title .no {  margin-right: 15px; width: 45px; display: inline-block; text-align: right; line-height: 20px; font-size: 0.9em}
.tc .series_block .event_title .no {font-family: SimSun, 宋體; font-weight: bold;}
.series_block .event_title .word_c { color: #2f5c0a; font-size: 0.9em; display: inline-block; vertical-align: top; width: 550px}
.tc .series_block .event_title .word_c {font-family:'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁";font-weight: bold;}
.series_block .event_detail { background: url(../images/batch2/bg-event-detail.png) left top repeat-x; padding: 15px 45px 5px 60px; overflow: hidden;}
.series_block .event_detail table, .series_block .event_detail td { background: none; border: none; vertical-align: top; text-align: left; margin-top: 0}
.join_activity .venue_de a { color: #333;}
.series_block .extraEvent { display: none}
.join_activity .noImage .left { width: 100%;}
.series_block .moreEvent { text-align: right;}
.series_block .moreEvent .hide { display: none;}
.moreEvent a { display: inline-block; line-height: 22px;  color: #2f5c0a !important; border-radius: 3px; background: #eaefcd; font-weight: bold;
background: -moz-linear-gradient(top, #eaefcd 0%, #f6f8e0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaefcd), color-stop(100%,#f6f8e0));
background: -webkit-linear-gradient(top, #eaefcd 0%,#f6f8e0 100%);
background: -o-linear-gradient(top, #eaefcd 0%,#f6f8e0 100%);
background: -ms-linear-gradient(top, #eaefcd 0%,#f6f8e0 100%);
background: linear-gradient(to bottom, #eaefcd 0%,#f6f8e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefcd', endColorstr='#f6f8e0',GradientType=0 );border: 1px solid #d5ddca; text-decoration: none; padding: 0 5px; text-decoration: none !important}
.series_block .left { width: 320px;}
.series_block .right.event_banner, .right.fn_banner { margin-left: 30px;}
.series_block .right.event_banner a, .right.fn_banner a { position: relative; display: block;border:2px solid #d8d8ae;width: 173px; height: 82px; overflow: hidden;}
.series_block .right.event_banner img, .right.fn_banner img { display: block}
.series_block .right.event_banner .caption, .right.fn_banner .caption { position: absolute; bottom: 0; left: auto; width: 165px; padding: 3px 4px; background: url(../images/batch2/bg-caption-white.png) left top repeat; color: #2f5c0a; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

.series_block .related { clear: both; width: 340px;}
.series_block .extra { padding: 5px 15px;
	background: #eaefcd; /* Old browsers */
	background: -moz-linear-gradient(top,  #eaefcd 0%, #f6f8e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaefcd), color-stop(100%,#f6f8e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eaefcd 0%,#f6f8e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eaefcd 0%,#f6f8e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eaefcd 0%,#f6f8e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eaefcd 0%,#f6f8e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefcd', endColorstr='#f6f8e0',GradientType=0 ); /* IE6-9 */
}
.series_block .extra .bl_download_btn { margin: 0;width: auto;}
.series_block .bl_download_btn { display: block; height: 22px;}

.content_title { color: #4e7837; font-style: normal; font-size: 1.786em}
.tc .content_title {font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁"; font-weight: bold; }
.join_activity .content_title { font-size: 1.429em}
.tc.join_activity .content_title { font-size: 1.786em}

.series_detail table { margin-bottom: 0; border: none; width: 100%;}
.series_detail td {padding: 12px 20px;  border-bottom: 5px solid white}
.tc .series_detail .tag {font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁"; }
.join_activity .main_content .series_detail .tag { width: 130px; background-color: #669940; vertical-align: top; color: white; font-size: 1em; font-weight: bold;}
.series_detail .detail {border-left: 5px solid white; background-color: #f6f8e0; vertical-align: top; font-size: 1em}
.series_detail .detail a { color: #333; }
.series_detail .remarks {background: url(../images/batch2/bg-remark-series-table.png) left top repeat-x; padding-top: 10px; margin-bottom: 10px; font-size: 0.85em;}


.tag_label.tag_search {background: url(../images/batch2/bg-shadow-tag-label-long.png) -88px bottom no-repeat; padding-bottom: 35px; float: none; width: 100%}
.tag_label.tag_search .tag_label_cont { background-color: #e5f4da; padding: 20px 15px; display: block;}
.join_activity .tag_search.tag_label .title { margin-bottom: 10px;  color: #000; font-weight: normal;font-family: 'sheraton_g';font-size: 1.25em; }
.tc.join_activity .tag_search.tag_label .title {font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁"; font-weight: bold;font-size: 1.45em; }
.tag_label.tag_search a { padding-left: 0; color: #2f5c0a; font-weight: bold; font-size: 1em}

.series_banner { border:1px solid #d5ddca; margin-top: 30px; overflow: hidden;}
.series_banner a { display: block; width: 680px; /*height: 324px;*/ overflow: hidden;}
.series_banner img { display: block;}
.ref_link { text-align: right; margin: 12px 0; color: #2f5c0a}
.ref_link span { margin: 0 12px;}

.event_banner_large {background: url(../images/batch2/bg-shadow-tag-label-long.png) -88px bottom no-repeat; padding-bottom: 35px; margin-top: 30px}
.event_banner_cont { padding: 20px; overflow: visible; position: relative;
	-webkit-box-shadow: 0 0 1px 1px #d6d6d6;
	-moz-box-shadow:    0 0 1px 1px #d6d6d6;
	box-shadow:         0 0 1px 1px #d6d6d6;background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
.event_banner_large > .event_banner_cont > a { display: block; width: 630px; /*height: 300px;*/ overflow: hidden;}
.event_banner_cont img { display: block}
.event_banner_cont p { margin: 15px 0 0; font-size: 1em}
.event_banner_cont .left_part { /*border: 1px solid #d8d8ae*/; display: table-cell; vertical-align: top}
.event_banner_cont .left_part a { width: 630px; /*height: 200px;*/ display: block; overflow: hidden;}
.event_banner_cont .left_part img { max-width: 630px;}
.event_banner_cont .right_part { width: 215px;  background-color: #edf1d2; display: table-cell; vertical-align: middle; text-align: center;}
.event_banner_cont .right_part img { margin: 0 auto}
.event_banner_cont .right_part p { font-size: 1.2em; font-family: 'sheraton_g';}
.tc .event_banner_cont .right_part p {font-size: 1.4em; font-weight: bold; font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁";}

.event_list { margin-top: 20px;border-bottom: 1px solid #cccccc}
.join_activity .event_list .title { color: #333;padding-left: 15px; border-bottom: 1px solid #cccccc}
.tc.join_activity .event_list .title { font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁"; font-size: 1.5em; font-weight: bold; }
.fn_detail_cont { margin: 0 20px; overflow: hidden; margin-top: 35px;}
.join_activity .fn_detail_cont .fn_title { font-size: 1.3em; font-weight: normal;}
.tc.join_activity .fn_detail_cont .fn_title { font-weight: bold; font-size: 1.5em;}
.join_activity .fn_detail_cont .fn_title a {color: #2f5c0a; margin-bottom: 10px;}
.tc .fn_title a {font-family: SimSun, 宋體;font-weight: bold;  }
.fn_detail { border-top: 7px solid #d8d8ae; width: 435px; padding-top: 15px;}
.fn_detail table, .fn_detail td { background: none; border: none; vertical-align: top; text-align: left; padding: 0 5px 0 0;}
.fn_detail td { font-size: 1em;}
.fn_detail td.tag, .event_detail td.tag { width: 100px;}
.tc .fn_detail td.tag, .tc .event_detail td.tag { width: 80px;}
.right.fn_banner { background: url(../images/batch2/bg-fn-banner.jpg) right bottom no-repeat; padding: 0  5px 5px 0; margin-left: 20px;}
.fn_detail_cont ul.related { width: 435px;}
.fn_block { margin:0 0 40px;}
.kwSearch .fn_block { margin:0 0 15px}

.fn_content { margin: -10px 20px 0;}
.fn_content .fn_detail { border-top: none; border-bottom: 7px solid #d8d8ae; width: 100%;}
.fn_brief { margin-top: 40px; font-size: 1.15em}
.fn_brief p { /*color: #4e7837;*/ line-height: 1.8em}
.fn_bio { margin-top: 35px; font-size: 1em; overflow: hidden; margin-bottom: 20px;}
.tc .fn_bio .title {font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁"; font-weight: bold; font-size: 1.2em; margin-bottom: 15px;}

.related_link_cont .tag_label.tag_search { background-position: -129px bottom; position: relative; margin-bottom: -33px;}
.related_link_cont .first { z-index: 10;}
.related_link_cont .second { z-index: 9}
.related_link_cont .third { z-index: 8}
.related_link_cont .refer_link .tag_label_cont { background-color: #edf9fe; text-align: left; }
.related_link_cont .tag_label_cont li { width: auto; margin-right: 10px;}
.related_link_cont .download .tag_label_cont { background-color: #fcffee }

table.publication , table.publication * { background: none; border:none;}
table.publication tr { border-bottom: 1px solid #c2c2c2}

.activity_search h2 {  color: #333; font-style: normal; font-size: 1.429em}
.activity_search h2 .tag { color: #4e7837;}
.tc .activity_search h2, .tc .activity_search h2 .tag { font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁";font-weight: bold; font-weight: 1.6em}
.result_listing { margin-top: 30px; border-bottom: 1px solid #ccc}
.activity_search .fn_block { border-top: 1px solid #ccc;}
.activity_search .fn_detail_cont { margin-top: 15px;}
.activity_search .fn_detail { padding-top: 5px;}
.activity_search .fn_detail p { line-height: 1.4em; margin-bottom: 0; font-size: 1em}
p.tag * { text-decoration: none;}
p.tag a { color: #4e7837;}
p.tag a:hover { text-decoration: underline;}
p.tag span { margin: 0 4px; color: #999999}
.tc p.tag {font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁";}
.event_tag p.tag { font-size: 0.9em}

.activity_search .event_tag { margin-bottom: 10px;}

.series_block .contact_info .phone, .series_block .contact_info .fax { margin-left: 20px;}
.series_block .contact_info { font-size: 1em}
.tc .series_block .contact_info { font-size: 0.9em}

.search_tab h3 {padding-left: 15px;}
.tc .search_tab h3 {font-family: 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁"; font-weight: bold;  font-size: 1.3em}


.left_nav .subMenu { margin: 10px 0 0 15px; padding-left: 0;}
.left_nav .subMenu li { background: url(../images/batch2/arrow-left-sub-menu.png) left -2px no-repeat; padding-left: 20px; margin: 0 0 10px 0;}
.left_nav .currentPage > a, .left_nav a:hover { color: #4e7837}

.top_search_area { width: auto;}
/*.top_search_area a { display: inline-block; vertical-align: middle; float: none; margin: 2px 2px}*/
.search_bar { position: relative; top: 0;display: inline-block; float: none !important; vertical-align: middle;}

#top-header {  background-color:#767676;}

/*from batch 3*/
@charset "UTF-8";
/* Batch 3 */
/* Common Element */
.access { height: 1px; left: 0; overflow: hidden; position: absolute; top: -500px; width: 1px; }

.skiptabs { top: -80px; }

td[align=right] { text-align: right; }

.non_singln td { vertical-align: top; }

.highlit { background: #679940; color: #FFF !important; }

.td_align_right { text-align: right; }

.lib_intro_width { width: 585px; }

/* Map */
.map_note_area { position: relative; margin: 0 0 35px; }
.map_note_area .map_pin { width: 980px; height: 500px; overflow: hidden;}
.map_note_area .map_pin > iframe { border: 0; overflow: hidden; margin: 0; }
.map_note_area .right { height: 100%; overflow: hidden; position: absolute; top: 0; right: 0; background: #E5E585; }
.map_note_area .right h2 { margin: 0 0 10px; font-size: 15px; color: #4d4e4c; font-style: normal; font-family: 'sheraton_g' }
.tc .map_note_area .right h2 {font-family: Calibri, 'calibri_mac', "微軟正黑體", "Microsoft JhengHei", "a–°c’°a??e?”", "PMingLiU";}
.tc .map_note_area .right h2 { /* chi */ font-size: 15px; font-weight:bold}


/* Open Hour */
.open_hr, .note_lib { width: 275px; overflow: hidden; }

.open_hr { width: 285px; padding: 10px 10px 10px 20px; background: #F5F4D5; }
.open_hr * { line-height: 19px; }
.open_hr.with_cal { width: 285px; padding: 10px 10px 10px 20px; }
.open_hr.with_cal > h3 { margin: 0 0 6px; }
.open_hr.with_cal li { line-height: 19px !important; /* text size */ }
.open_hr ul { margin: 0; padding: 0; overflow: hidden; line-height: 19px; }
.open_hr li { display: inline-block; *display: inline; *zoom: 1; font-size: 15px; font-family: Calibri, 'calibri_mac', "微軟正黑體", "Microsoft JhengHei", "a–°c’°a??e?”", "PMingLiU"; list-style: none outside none; }
.tc .open_hr li { /* chi */ font-size: 14px; }
.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; }
.open_hr .time { width: 165px; }
.open_hr .current { font-weight: 700; color: #2f5c0a; }

.note_lib { padding: 12px 20px 10px; overflow: hidden; position: relative; background: #E5E585; }
.with_cal + .note_lib { padding: 12px 20px 10px; }
.note_lib ul { margin: 0; padding: 0; }
.note_lib ol { margin: 0; padding: 0; }
.note_lib li { list-style: none outside none; }
.note_lib p { margin: 0 0 16px; line-height: 1.2 !important; /* text size */ font-size: 16px; }
.tc .note_lib p { font-size: 14px; }
.note_lib a { font-family: Calibri, 'calibri_mac'; color: #333; }
.note_lib a:hover { color: #185408; }
.note_lib .date { margin: 0; }
.note_lib .view_all { width: 120px; height: 20px; position: absolute; top: 17px; right: 17px; background: url(../../en/images/view_all.png) no-repeat 0 0; }
.tc .note_lib .view_all { background: url(../../tc/images/view_all.png) no-repeat 0 0; }

/* Library List */
.chose_type { padding: 25px 20px; background: #f7f7f7; }
.chose_type ul { margin: 0; padding: 0; }
.chose_type .dis_trict > li { margin: 0 0 19px; }
.chose_type .each_pl { padding-left: 25px; }

.sw_tab { margin: 0 0 25px; text-align: right; overflow: hidden; }
.sw_tab a { height: 30px; margin: 0 0 0 12px; line-height: 30px; color: #666;text-align: center; display: inline-block; *display: inline; *zoom: 1; font-family: 'sheraton_g'; font-size: 0.9em }
.sw_tab a span { line-height: 30px; display: block;}
.tc .sw_tab a { font-size: 1.1em; letter-spacing: 3px;}
.sw_tab a:hover, .sw_tab .active { color: white; text-decoration: none; background: #669841;}

.regi_hkg, .regi_kln, .regi_ntr { width: 32%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.regi_title { margin: 0 0 25px; font-size: 1.07143em; font-family: 'sheraton_g'; text-transform: uppercase; color: #2f5c0a; }
.tc .regi_title { font-size: 1.14286em; }

.dis_trict a { display: block; font-size: 1em; font-family: 'sheraton_g'; text-decoration: none; color: #666666; }
.tc .sub_district a, .tc .dis_trict a, .tc .regi_title, .tc .note_lib a { font-family: calibri,微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體}
.tc .dis_trict a { font-size: 1.07143em; }

.dis_trict li { margin: 0; padding: 0; list-style: none outside none; }
.dis_trict > li > a { padding-left: 25px; background: url(../images/bullet_dis_lib.png) no-repeat -4px -27px; }
.dis_trict > li.active a { background-position: -28px -3px; }

.sub_district { padding: 0 0 16px; overflow: hidden; }
.sub_district ul { margin: 0; padding: 0; }
.sub_district li { width: 32%; margin: 0 12px 0.7em 0; list-style: none outside none; display: inline-block; vertical-align: top }
.sub_district a { font-size: 1.07143em; font-family: Calibri, 'calibri_mac', "微軟正黑體", "Microsoft JhengHei",Simsun, 宋體; color: #666;  }


/* 5 Info Tabs */
.info_tab { margin: 27px 0 12px; overflow: hidden; }

.info_tabbtn { margin: 0 0 28px; padding: 0; overflow: hidden; }
.info_tabbtn li { width: 19.78%; height: 59px; padding: 1px 1px 0 1px; border-bottom: 1px solid #000; position: relative; float: left; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; }
.info_tabbtn li.active { padding: 0 0 1px 0; border: 1px solid #000; border-bottom: 0; }
.info_tabbtn a { width: 100%; height: 59px; font-size: 1.07143em; font-family: 'sheraton_g'; text-align: center; display: table; *display: block; color: #333; }
.info_tabbtn a:active, .info_tabbtn a:focus { border: none; outline: none;}
.info_tabbtn a span { padding: 0 10px; line-height: 1.12 !important; /* text size */ display: table-cell; vertical-align: middle; *padding: 1em 0 0.5em; *display: block; }
.info_tabbtn a[href="#skip2tab_content"], .info_tabbtn a[href="#skip2prev"] { display: none; }
.info_tabbtn li.active a { color: #2f5c0a; }
.info_tabbtn li.active a[href="#skip2tab_content"], .info_tabbtn li.active a[href="#skip2prev"] { display: block; }
.info_tabbtn li.active a:hover {text-decoration: none;}
.info_tabbtn li.active a:active { border: none;}

.info_tabcont { position: relative; overflow: hidden; height: 0; }
.info_tabcont.active { height: auto; }
.info_tabcont h2 { margin: 0 0 20px; font-size: 1.42857em; font-style: normal; font-weight: 700; line-height: 1.3 !important; /* text size */  color: #2f5c0a; }
.info_tabcont h2 span,.info_tabcont .lib_type a {font-family: Calibri, 'calibri_mac', Arial, Helvetica;}
.tc .info_tabcont h2 span, .tc .info_tabcont .lib_type a, .tc .info_tabcont h3 { font-family: ,SimSun, 宋體, "STHeiTi", "黑體-繁";}
.info_tabcont h2 span:first-child { margin: 0 10px 0 0; }
.info_tabcont h3 { margin: 0; font-size: 1.07143em; font-family: Calibri, 'calibri_mac' font-weight: 700; line-height: 1 !important; /* text size */ }
.info_tabcont p { margin: 0 0 12px; font-size: 1.07143em; line-height: 1.34 !important; /* text size */ }
.info_tabcont > .left { width: 450px; padding: 0 0 5px 20px; }
.info_tabcont > .left a { color: #000;  }
.info_tabcont > .left a:hover { color: #666666; }
.info_tabcont > .right { width: 440px; margin-right: -30px; overflow: hidden; }
.info_tabcont > .right ul { margin: 0; padding: 0; }
.info_tabcont > .right li { width: 191px; height: 191px; margin: 0 27px 18px 0; float: left; display: table; list-style: none outside none; background: #E7EDE1; }
.info_tabcont > .right a { text-align: center; display: table-cell; vertical-align: middle; }
.info_tabcont > .right span { width: 191px; display: block; line-height: 0; text-align: center; }
.info_tabcont > .right img { max-width: 100%; max-height: 191px; }
.info_tabcont .lib_type { width: 175px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; color: #000; }
.info_tabcont .lib_type a { letter-spacing: 0.2px; }
.info_tabcont .access_fac { margin: -15px 0 12px; }
.info_tabcont .access_fac a { padding: 0 0 0 32px; font-weight: 700; font-size: 1.07143em; display: inline-block; *display: inline; *zoom: 1; line-height: 1.6; background: url(../images/access_logo.png) no-repeat 0 0; }
.info_tabcont .contact .left { width: 255px; }
.info_tabcont .contact .right { width: 120px; }

.up_event_list { clear: both; margin: 0 0 16px; padding: 0; filter: inherit; }
.up_event_list ul { margin: 0; padding: 0; }
.up_event_list li { overflow: hidden; list-style: none outside none; filter: inherit; }
.up_event_list li a { font-weight: 700; color: #333; }
.up_event_list > li { padding: 12px 20px 14px; position: relative; background: #f2f3dd; }
.up_event_list > li.even { background: #FFF; }
.up_event_list > li:nth-child(2n) { background: #FFF; }
.up_event_list .title { margin: 0; width: 750px;}
.up_event_list .body { width: 750px;}
.up_event_list .body > li { font-size: 1.07143em; font-family: Calibri, 'calibri_mac', "微軟正黑體", "Microsoft JhengHei", "a–°c’°a??e?”", "PMingLiU"; }
.up_event_list .img_cont { border: 2px solid #d6ddcb; line-height: 0; position: absolute; top: 12px; right: 20px; }
.up_event_list .img_cont a { display: block; width: 173px; height: 82px; overflow: hidden;}

.col_cont .col { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.col_cont.full .col { width: 100%; }
.col_cont.half .col { width: 48%; margin-left: 30px; }
.col_cont.half .col:first-child { margin: 0; }
.col_cont.third .col { width: 31%; margin-left: 30px; }
.col_cont.third .col:first-child { margin: 0; }

.col_cont { margin: 0; clear: both; }
.col_cont li { padding: 0 0 3px 30px; font-family: Calibri, 'calibri_mac',Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", "a–°c’°a??e?”", "PMingLiU"; list-style: none outside none; background: url(../images/bullet_small.png) no-repeat 10px 8px; }
body[style*="75%"] .col_cont li { background-position: 10px 7px; }
body[style*="100%"] .col_cont li { background-position: 10px 10px; }
.col_cont li * { color: #333; }
.col_cont li a { font-size: 1.07143em; }
.col_cont .box_full { padding: 0 0 23px; background: url(../images/shade-bottom-full.png) no-repeat center bottom; }
.col_cont .box_full .body { padding: 45px 18px 24px; }
.col_cont .box_half { padding: 0 0 23px; background: url(../images/shade-bottom-half.png) no-repeat center bottom; }
.col_cont .box_half .body { min-height: 217px; padding-top: 25px; }
.col_cont .box_third { padding: 0 0 23px; background: url(../images/shade-bottom-third.png) no-repeat center bottom; }
.col_cont .box_border { border: 2px solid #d6ddcb; }
.col_cont .box_border > * { padding: 27px 18px 16px; }
.col_cont .box_border h2 { margin: 0; padding: 7px 18px;font-family: Calibri, 'calibri_mac',Arial, Helvetica; }
.tc .col_cont .box_border h2 { font-family: SimSun, 宋體, "STHeiTi", "黑體-繁"}
.col_cont .box_border ul { margin: 0; padding: 0; }
.col_cont .box_border .body { background: url(../images/shade_repeat_x.png) repeat-x 0 top; }
.col_cont .body table { margin: 0; }
.col_cont .body table td { padding: 0; }

.chose_type .intro { border-bottom: 1px solid #000; margin: 0 0 32px; }
.chose_type .intro h2 { margin: 0 0 9px; font-style: normal; color: #2f5c0a; }
.chose_type .intro table { margin: 0 0 13px; }
.chose_type .intro td { padding: 0; border: 0; }
.chose_type .intro td p { line-height: 1.2; color: #666; }
.tc .chose_type .intro td p { font-size: 1.07143em; }

.service_hour { width: 480px; }
.service_hour td { margin: 0; padding: 0; vertical-align: top; line-height: 1.4; font-size: 1.07143em; font-family: Calibri, 'calibri_mac', "微軟正黑體", "Microsoft JhengHei", "a–°c’°a??e?”", "PMingLiU"; }
.service_hour li { padding: 0; margin: 0; float: left; line-height: 1.34; font-size: 1.07143em; font-family: Calibri, 'calibri_mac', "微軟正黑體", "Microsoft JhengHei", "a–°c’°a??e?”", "PMingLiU"; background: none; }
.service_hour li li { font-size: 1em; }
.service_hour .week { width: 140px; }
body[style*="100%"] .service_hour .week { width: 100px; }
.service_hour .time { width: 360px; }
.service_hour .time p { margin: 0; font-size: 1em; }

.non_singln > tbody > tr > td:first-child { width: 54%; }

.info_tabcont .season_title { font-weight: 700; font-size: 1.28571em; font-family: Calibri, SimSun, 宋體, "STHeiTi", "黑體-繁"; color: #2f5c0a; }

/* Richtext */
.richtext { padding: 0 20px 9px; }
.richtext a { color: #333; }
.richtext a:hover { color: #666; }
.richtext p { margin: 0 0 5px; }

/* end of batch3.scss */
/* Calendar */
.ui-datepicker-title { text-align: center; line-height: 21px; height: 21px; font-size: 13.96px; color: #cbad26; font-family: 'sheraton_g';  }
.tc .ui-datepicker-title span {padding-right: 3px;}

.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; 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 { background: none; font-family: Arial; font-size: 13px; padding: 0px 0; text-align: right; }

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

#cal_endar td a:hover { cursor: pointer; }

#cal_endar { width: 278px; margin: 10px 0 14px -3px; padding: 5px 0 0; border-top: 1px solid #CAC08F; }

#cal_endar .ui-datepicker-calendar { margin: 0; width:100%;}

.lgnd_serv { padding-left: 18px; display: block; font-size: 15px; font-family: Calibri, 'calibri_mac', "微軟正黑體", "Microsoft JhengHei", "a–°c’°a??e?”", "PMingLiU"; background: url(../images/lgnd_serv.png) no-repeat 0 50%; }

/* end of Calendar */



/* Batch 3 */
.sw_tab a {
	background: #e6ede0; border-radius: 2px;
}
.sw_tab .tab_libs {
  width: 145px;
}
.sw_tab .tab_libm {
  width: 142px;
}
.sw_tab .tab_libc {
  width: 178px;
}
/* end of Batch 3 -en */

/*batch 3 - tc*/

.tc .sw_tab .tab_libc {
  width: 142px;
}



/* search result page */
.searchResult .page_title { margin-bottom: 0 !important;}
.searchResult .custome_s_box { border-top: 4px solid #669940; height: auto; padding: 20px 20px 10px; margin-bottom: 30px; clear: both;}
.searchResult .search-col h3 { margin-right: 13px; line-height: 30px;}
.searchResult .search-col > * { display: inline-block; vertical-align: middle; border: none;}
.searchResult .searchBtn { position: static; float: left; cursor: pointer;}
.searchResult .listOfOption, .searchResult .listOfOption > div { height: auto;}
.searchResult .custome_s_box .selectOption, .searchResult #content-search-box { width: 202px; padding: 0 10px;}
.searchResult #content-search-box { height: 20px; padding: 5px 10px; background: white;}
.searchResult .listOfOption { width: 202px;}
.searchResult .listOfOption li { list-style: none; line-height: 1.3em; margin-bottom: 1px;}
.searchResult .listOfOption li a { color: #333}
.searchResult .listOfOption li a:hover { color: #2f5c0a}
.searchResult .listOfOption ul { margin: 0; padding: 0;}
.searchResult .search-col, .searchResult #content-search-box { margin-right: 15px; color: #666}
.searchCretia span { font-weight: bold;}
.searchResult .page_no_area { margin-top: 0;}
.searchResult .itemCont { margin-top: 25px;}
.resultCont > .left { margin-bottom: 0;}
.resultItem { padding: 20px 7px; overflow: hidden;}
.resultItem .itemOrder { float: left; width:20px; margin-right: 10px; text-align: right; font-size: 1.1em; line-height: 1.5em}
.resultItem.odd { background-color: #f8f9ec;}
.resultItem .itemTitle { font-size: 1.1em; margin-bottom: 20px; font-family: calibri,'calibri_mac',微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體; font-weight: bold;}
.resultItem a { color: #4e7837; border-bottom: 1px solid #4e7837}
.resultItem a:hover { text-decoration: none;}
.resultItem .itemDetail  { width: 900px; float: left;}
.resultItem p { margin-bottom: 20px; color: #333333; line-height: 1.3em}
.resultItem .extra { margin: 0; padding: 0;}
.resultItem .extra li { float: left; margin-left: 10px; border-left: 1px solid #789866; list-style:  none; padding-left: 10px;}
.resultItem .extra .first { border: none; padding: 0; margin: 0;}
.resultItem .val { color: #2f5c0a}
.resultItem .itemDetail.type1 { padding-left: 35px; background: url(../images/bg-search-result-type1.png) left top no-repeat;}
.resultItem .itemDetail.type2 { padding-left: 35px; background: url(../images/bg-search-result-type2.png) 2px top no-repeat;}
.searchResult .helpSearch { background: url(../images/btn-help-search.png) center center no-repeat; padding: 3px 20px 5px 45px; color: white; float: right; font-size: 1em; font-family: calibri,'calibri_mac',微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁",Simsun, 宋體; font-weight: bold; margin-bottom: 20px;  border: 1px dotted white}
.searchResult .helpSearch:focus { border: 1px dotted black}

.errorCont { overflow: hidden; margin-top: 55px;}
.errorCont .left { background: url(../images/bg-errorpage.png) center top no-repeat; width: 280px; height: 280px;}
.errorCont .errorPageMsg { width: 700px;}
.errorCont .errorPageMsg a {color: #2f5c0a;}
.errorCont .errorPageMsg a:hover {text-decoration: underline;}

.ui-datepicker-calendar .ui-state-highlight a{
	width:14px !important;
	margin:0px;
	display:inline-block;
}

.ui-datepicker-calendar td{
	height:29px !important;
}

.hidden_text {
	position: absolute;
	top: -9999px;
}

.green_arrow_list li a {
color:#669940;
}

.login_form .text-field {
	width: 128px; 
	margin-bottom: 5px;
}

.main_acc_area .login_hint, .my-acc-container .login_hint{
	vertical-align: top;
	line-height: 1;
	font-size: small;
	padding-left: 100px;
}

.main_acc_area .login_hint {
	color: #c63006;
}

.main_acc_area_login .logout_panel{
	padding-top: 50px;
}

.my-acc-container .login_hint {
	color: #FFF;
	padding-top: 2px;
}

.top_login_area {
	padding: 4px 10px;
	max-width: 200px;
	overflow: hidden;
}

/*personalisation*/
/*! jQuery UI - v1.11.4 - 2015-03-30
* http://jqueryui.com
* Includes: core.css, button.css, datepicker.css, tabs.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
#my_evt_container{
	background: none no-repeat scroll right bottom #2f5c0a;
    bottom: 166px;
    color: #fff;
    padding: 5px 15px;
    position: absolute;
    right: 0px;
    bottom: -70px;
   /* height: 650px;*/
    width: 700px;
    display: none;
	z-index:9999;
}
#my_evt_container .ui-helper-hidden {
	display: none;
}
#my_evt_container .ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
#my_evt_container .ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
#my_evt_container .ui-helper-clearfix:before,
#my_evt_container .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
#my_evt_container .ui-helper-clearfix:after {
	clear: both;
}
#my_evt_container .ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
#my_evt_container .ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

#my_evt_container .ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
#my_evt_container .ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
#my_evt_container .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
#my_evt_container .ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#my_evt_container .ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
	color:white !important;
	background: #e6e6e6 url("images/ui-bg_highlight-hard_15_459e00_1x100.png") 50% 50% repeat-x !important; 
}
#my_evt_container .ui-button,
#my_evt_container .ui-button:link,
#my_evt_container .ui-button:visited,
#my_evt_container .ui-button:hover,
#my_evt_container .ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
#my_evt_container .ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button#my_evt_container .ui-button-icon-only {
	width: 2.4em;
}
#my_evt_container .ui-button-icons-only {
	width: 3.4em;
}
button#my_evt_container .ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
#my_evt_container .ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
#my_evt_container .ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
#my_evt_container .ui-button-icon-only .ui-button-text,
#my_evt_container .ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
#my_evt_container .ui-button-text-icon-primary .ui-button-text,
#my_evt_container .ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
#my_evt_container .ui-button-text-icon-secondary .ui-button-text,
#my_evt_container .ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
#my_evt_container .ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input#my_evt_container .ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
#my_evt_container .ui-button-icon-only .ui-icon,
#my_evt_container .ui-button-text-icon-primary .ui-icon,
#my_evt_container .ui-button-text-icon-secondary .ui-icon,
#my_evt_container .ui-button-text-icons .ui-icon,
#my_evt_container .ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
#my_evt_container .ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
#my_evt_container .ui-button-text-icon-primary .ui-button-icon-primary,
#my_evt_container .ui-button-text-icons .ui-button-icon-primary,
#my_evt_container .ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
#my_evt_container .ui-button-text-icon-secondary .ui-button-icon-secondary,
#my_evt_container .ui-button-text-icons .ui-button-icon-secondary,
#my_evt_container .ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
#my_evt_container .ui-buttonset {
	margin-right: 7px;
}
#my_evt_container .ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input#my_evt_container .ui-button::-moz-focus-inner,
button#my_evt_container .ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
#my_evt_container .ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
#my_evt_container .ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
#my_evt_container .ui-datepicker .ui-datepicker-prev,
#my_evt_container .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
#my_evt_container .ui-datepicker .ui-datepicker-prev-hover,
#my_evt_container .ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
#my_evt_container .ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
#my_evt_container .ui-datepicker .ui-datepicker-next {
	right: 2px;
}
#my_evt_container .ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
#my_evt_container .ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
#my_evt_container .ui-datepicker .ui-datepicker-prev span,
#my_evt_container .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
#my_evt_container .ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
#my_evt_container .ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
#my_evt_container .ui-datepicker select.ui-datepicker-month,
#my_evt_container .ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
#my_evt_container .ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
#my_evt_container .ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
#my_evt_container .ui-datepicker td {
	border: 0;
	padding: 1px;
}
#my_evt_container .ui-datepicker td span,
#my_evt_container .ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
#my_evt_container .ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
#my_evt_container .ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
#my_evt_container .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
#my_evt_container .ui-datepicker.ui-datepicker-multi {
	width: auto;
}
#my_evt_container .ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
#my_evt_container .ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
#my_evt_container .ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
#my_evt_container .ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
#my_evt_container .ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
#my_evt_container .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
#my_evt_container .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
#my_evt_container .ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
#my_evt_container .ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
#my_evt_container .ui-datepicker-rtl {
	direction: rtl;
}
#my_evt_container .ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
#my_evt_container .ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
#my_evt_container .ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
#my_evt_container .ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
#my_evt_container .ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
#my_evt_container .ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
#my_evt_container .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
#my_evt_container .ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
#my_evt_container .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
#my_evt_container .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
#my_evt_container .ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
#my_evt_container .ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
#my_evt_container .ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
#my_evt_container .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em .5em;
	text-decoration: none;
}
#my_evt_container .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
#my_evt_container .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
#my_evt_container .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
#my_evt_container .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
#my_evt_container .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
#my_evt_container .ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/* Component containers
----------------------------------*/
#my_evt_container .ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
#my_evt_container .ui-widget .ui-widget {
	/*font-size: 1em;*/
}
#my_evt_container .ui-widget input,
#my_evt_container .ui-widget select,
#my_evt_container .ui-widget textarea,
#my_evt_container .ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
#my_evt_container .ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
}
#my_evt_container .ui-widget-content a {
	color: #222222;
}
#my_evt_container .ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
#my_evt_container .ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
#my_evt_container .ui-state-default,
#my_evt_container .ui-widget-content .ui-state-default,
#my_evt_container .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
#my_evt_container .ui-state-default a,
#my_evt_container .ui-state-default a:link,
#my_evt_container .ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
#my_evt_container .ui-state-hover,
#my_evt_container .ui-widget-content .ui-state-hover,
#my_evt_container .ui-widget-header .ui-state-hover,
#my_evt_container .ui-state-focus,
#my_evt_container .ui-widget-content .ui-state-focus,
#my_evt_container .ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
#my_evt_container .ui-state-hover a,
#my_evt_container .ui-state-hover a:hover,
#my_evt_container .ui-state-hover a:link,
#my_evt_container .ui-state-hover a:visited,
#my_evt_container .ui-state-focus a,
#my_evt_container .ui-state-focus a:hover,
#my_evt_container .ui-state-focus a:link,
#my_evt_container .ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
#my_evt_container .ui-state-active,
#my_evt_container .ui-widget-content .ui-state-active,
#my_evt_container .ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
#my_evt_container .ui-state-active a,
#my_evt_container .ui-state-active a:link,
#my_evt_container .ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
#my_evt_container .ui-state-highlight,
#my_evt_container .ui-widget-content .ui-state-highlight,
#my_evt_container .ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
#my_evt_container .ui-state-highlight a,
#my_evt_container .ui-widget-content .ui-state-highlight a,
#my_evt_container .ui-widget-header .ui-state-highlight a {
	color: #363636;
}
#my_evt_container .ui-state-error,
#my_evt_container .ui-widget-content .ui-state-error,
#my_evt_container .ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
#my_evt_container .ui-state-error a,
#my_evt_container .ui-widget-content .ui-state-error a,
#my_evt_container .ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
#my_evt_container .ui-state-error-text,
#my_evt_container .ui-widget-content .ui-state-error-text,
#my_evt_container .ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
#my_evt_container .ui-priority-primary,
#my_evt_container .ui-widget-content .ui-priority-primary,
#my_evt_container .ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
#my_evt_container .ui-priority-secondary,
#my_evt_container .ui-widget-content .ui-priority-secondary,
#my_evt_container .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
#my_evt_container .ui-state-disabled,
#my_evt_container .ui-widget-content .ui-state-disabled,
#my_evt_container .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
#my_evt_container .ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
#my_evt_container .ui-icon {
	width: 16px;
	height: 16px;
}
#my_evt_container .ui-icon,
#my_evt_container .ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
#my_evt_container .ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
#my_evt_container .ui-state-default .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}
#my_evt_container .ui-state-hover .ui-icon,
#my_evt_container .ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
#my_evt_container .ui-state-active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
#my_evt_container .ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}
#my_evt_container .ui-state-error .ui-icon,
#my_evt_container .ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
#my_evt_container .ui-icon-blank { background-position: 16px 16px; }
#my_evt_container .ui-icon-carat-1-n { background-position: 0 0; }
#my_evt_container .ui-icon-carat-1-ne { background-position: -16px 0; }
#my_evt_container .ui-icon-carat-1-e { background-position: -32px 0; }
#my_evt_container .ui-icon-carat-1-se { background-position: -48px 0; }
#my_evt_container .ui-icon-carat-1-s { background-position: -64px 0; }
#my_evt_container .ui-icon-carat-1-sw { background-position: -80px 0; }
#my_evt_container .ui-icon-carat-1-w { background-position: -96px 0; }
#my_evt_container .ui-icon-carat-1-nw { background-position: -112px 0; }
#my_evt_container .ui-icon-carat-2-n-s { background-position: -128px 0; }
#my_evt_container .ui-icon-carat-2-e-w { background-position: -144px 0; }
#my_evt_container .ui-icon-triangle-1-n { background-position: 0 -16px; }
#my_evt_container .ui-icon-triangle-1-ne { background-position: -16px -16px; }
#my_evt_container .ui-icon-triangle-1-e { background-position: -32px -16px; }
#my_evt_container .ui-icon-triangle-1-se { background-position: -48px -16px; }
#my_evt_container .ui-icon-triangle-1-s { background-position: -64px -16px; }
#my_evt_container .ui-icon-triangle-1-sw { background-position: -80px -16px; }
#my_evt_container .ui-icon-triangle-1-w { background-position: -96px -16px; }
#my_evt_container .ui-icon-triangle-1-nw { background-position: -112px -16px; }
#my_evt_container .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
#my_evt_container .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
#my_evt_container .ui-icon-arrow-1-n { background-position: 0 -32px; }
#my_evt_container .ui-icon-arrow-1-ne { background-position: -16px -32px; }
#my_evt_container .ui-icon-arrow-1-e { background-position: -32px -32px; }
#my_evt_container .ui-icon-arrow-1-se { background-position: -48px -32px; }
#my_evt_container .ui-icon-arrow-1-s { background-position: -64px -32px; }
#my_evt_container .ui-icon-arrow-1-sw { background-position: -80px -32px; }
#my_evt_container .ui-icon-arrow-1-w { background-position: -96px -32px; }
#my_evt_container .ui-icon-arrow-1-nw { background-position: -112px -32px; }
#my_evt_container .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
#my_evt_container .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
#my_evt_container .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
#my_evt_container .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
#my_evt_container .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
#my_evt_container .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
#my_evt_container .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
#my_evt_container .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
#my_evt_container .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
#my_evt_container .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
#my_evt_container .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
#my_evt_container .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
#my_evt_container .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
#my_evt_container .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
#my_evt_container .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
#my_evt_container .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
#my_evt_container .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
#my_evt_container .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
#my_evt_container .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
#my_evt_container .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
#my_evt_container .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
#my_evt_container .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
#my_evt_container .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
#my_evt_container .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
#my_evt_container .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
#my_evt_container .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
#my_evt_container .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
#my_evt_container .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
#my_evt_container .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
#my_evt_container .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
#my_evt_container .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
#my_evt_container .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
#my_evt_container .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
#my_evt_container .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
#my_evt_container .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
#my_evt_container .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
#my_evt_container .ui-icon-arrow-4 { background-position: 0 -80px; }
#my_evt_container .ui-icon-arrow-4-diag { background-position: -16px -80px; }
#my_evt_container .ui-icon-extlink { background-position: -32px -80px; }
#my_evt_container .ui-icon-newwin { background-position: -48px -80px; }
#my_evt_container .ui-icon-refresh { background-position: -64px -80px; }
#my_evt_container .ui-icon-shuffle { background-position: -80px -80px; }
#my_evt_container .ui-icon-transfer-e-w { background-position: -96px -80px; }
#my_evt_container .ui-icon-transferthick-e-w { background-position: -112px -80px; }
#my_evt_container .ui-icon-folder-collapsed { background-position: 0 -96px; }
#my_evt_container .ui-icon-folder-open { background-position: -16px -96px; }
#my_evt_container .ui-icon-document { background-position: -32px -96px; }
#my_evt_container .ui-icon-document-b { background-position: -48px -96px; }
#my_evt_container .ui-icon-note { background-position: -64px -96px; }
#my_evt_container .ui-icon-mail-closed { background-position: -80px -96px; }
#my_evt_container .ui-icon-mail-open { background-position: -96px -96px; }
#my_evt_container .ui-icon-suitcase { background-position: -112px -96px; }
#my_evt_container .ui-icon-comment { background-position: -128px -96px; }
#my_evt_container .ui-icon-person { background-position: -144px -96px; }
#my_evt_container .ui-icon-print { background-position: -160px -96px; }
#my_evt_container .ui-icon-trash { background-position: -176px -96px; }
#my_evt_container .ui-icon-locked { background-position: -192px -96px; }
#my_evt_container .ui-icon-unlocked { background-position: -208px -96px; }
#my_evt_container .ui-icon-bookmark { background-position: -224px -96px; }
#my_evt_container .ui-icon-tag { background-position: -240px -96px; }
#my_evt_container .ui-icon-home { background-position: 0 -112px; }
#my_evt_container .ui-icon-flag { background-position: -16px -112px; }
#my_evt_container .ui-icon-calendar { background-position: -32px -112px; }
#my_evt_container .ui-icon-cart { background-position: -48px -112px; }
#my_evt_container .ui-icon-pencil { background-position: -64px -112px; }
#my_evt_container .ui-icon-clock { background-position: -80px -112px; }
#my_evt_container .ui-icon-disk { background-position: -96px -112px; }
#my_evt_container .ui-icon-calculator { background-position: -112px -112px; }
#my_evt_container .ui-icon-zoomin { background-position: -128px -112px; }
#my_evt_container .ui-icon-zoomout { background-position: -144px -112px; }
#my_evt_container .ui-icon-search { background-position: -160px -112px; }
#my_evt_container .ui-icon-wrench { background-position: -176px -112px; }
#my_evt_container .ui-icon-gear { background-position: -192px -112px; }
#my_evt_container .ui-icon-heart { background-position: -208px -112px; }
#my_evt_container .ui-icon-star { background-position: -224px -112px; }
#my_evt_container .ui-icon-link { background-position: -240px -112px; }
#my_evt_container .ui-icon-cancel { background-position: 0 -128px; }
#my_evt_container .ui-icon-plus { background-position: -16px -128px; }
#my_evt_container .ui-icon-plusthick { background-position: -32px -128px; }
#my_evt_container .ui-icon-minus { background-position: -48px -128px; }
#my_evt_container .ui-icon-minusthick { background-position: -64px -128px; }
#my_evt_container .ui-icon-close { background-position: -80px -128px; }
#my_evt_container .ui-icon-closethick { background-position: -96px -128px; }
#my_evt_container .ui-icon-key { background-position: -112px -128px; }
#my_evt_container .ui-icon-lightbulb { background-position: -128px -128px; }
#my_evt_container .ui-icon-scissors { background-position: -144px -128px; }
#my_evt_container .ui-icon-clipboard { background-position: -160px -128px; }
#my_evt_container .ui-icon-copy { background-position: -176px -128px; }
#my_evt_container .ui-icon-contact { background-position: -192px -128px; }
#my_evt_container .ui-icon-image { background-position: -208px -128px; }
#my_evt_container .ui-icon-video { background-position: -224px -128px; }
#my_evt_container .ui-icon-script { background-position: -240px -128px; }
#my_evt_container .ui-icon-alert { background-position: 0 -144px; }
#my_evt_container .ui-icon-info { background-position: -16px -144px; }
#my_evt_container .ui-icon-notice { background-position: -32px -144px; }
#my_evt_container .ui-icon-help { background-position: -48px -144px; }
#my_evt_container .ui-icon-check { background-position: -64px -144px; }
#my_evt_container .ui-icon-bullet { background-position: -80px -144px; }
#my_evt_container .ui-icon-radio-on { background-position: -96px -144px; }
#my_evt_container .ui-icon-radio-off { background-position: -112px -144px; }
#my_evt_container .ui-icon-pin-w { background-position: -128px -144px; }
#my_evt_container .ui-icon-pin-s { background-position: -144px -144px; }
#my_evt_container .ui-icon-play { background-position: 0 -160px; }
#my_evt_container .ui-icon-pause { background-position: -16px -160px; }
#my_evt_container .ui-icon-seek-next { background-position: -32px -160px; }
#my_evt_container .ui-icon-seek-prev { background-position: -48px -160px; }
#my_evt_container .ui-icon-seek-end { background-position: -64px -160px; }
#my_evt_container .ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
#my_evt_container .ui-icon-seek-first { background-position: -80px -160px; }
#my_evt_container .ui-icon-stop { background-position: -96px -160px; }
#my_evt_container .ui-icon-eject { background-position: -112px -160px; }
#my_evt_container .ui-icon-volume-off { background-position: -128px -160px; }
#my_evt_container .ui-icon-volume-on { background-position: -144px -160px; }
#my_evt_container .ui-icon-power { background-position: 0 -176px; }
#my_evt_container .ui-icon-signal-diag { background-position: -16px -176px; }
#my_evt_container .ui-icon-signal { background-position: -32px -176px; }
#my_evt_container .ui-icon-battery-0 { background-position: -48px -176px; }
#my_evt_container .ui-icon-battery-1 { background-position: -64px -176px; }
#my_evt_container .ui-icon-battery-2 { background-position: -80px -176px; }
#my_evt_container .ui-icon-battery-3 { background-position: -96px -176px; }
#my_evt_container .ui-icon-circle-plus { background-position: 0 -192px; }
#my_evt_container .ui-icon-circle-minus { background-position: -16px -192px; }
#my_evt_container .ui-icon-circle-close { background-position: -32px -192px; }
#my_evt_container .ui-icon-circle-triangle-e { background-position: -48px -192px; }
#my_evt_container .ui-icon-circle-triangle-s { background-position: -64px -192px; }
#my_evt_container .ui-icon-circle-triangle-w { background-position: -80px -192px; }
#my_evt_container .ui-icon-circle-triangle-n { background-position: -96px -192px; }
#my_evt_container .ui-icon-circle-arrow-e { background-position: -112px -192px; }
#my_evt_container .ui-icon-circle-arrow-s { background-position: -128px -192px; }
#my_evt_container .ui-icon-circle-arrow-w { background-position: -144px -192px; }
#my_evt_container .ui-icon-circle-arrow-n { background-position: -160px -192px; }
#my_evt_container .ui-icon-circle-zoomin { background-position: -176px -192px; }
#my_evt_container .ui-icon-circle-zoomout { background-position: -192px -192px; }
#my_evt_container .ui-icon-circle-check { background-position: -208px -192px; }
#my_evt_container .ui-icon-circlesmall-plus { background-position: 0 -208px; }
#my_evt_container .ui-icon-circlesmall-minus { background-position: -16px -208px; }
#my_evt_container .ui-icon-circlesmall-close { background-position: -32px -208px; }
#my_evt_container .ui-icon-squaresmall-plus { background-position: -48px -208px; }
#my_evt_container .ui-icon-squaresmall-minus { background-position: -64px -208px; }
#my_evt_container .ui-icon-squaresmall-close { background-position: -80px -208px; }
#my_evt_container .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
#my_evt_container .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
#my_evt_container .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
#my_evt_container .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
#my_evt_container .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
#my_evt_container .ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
#my_evt_container .ui-corner-all,
#my_evt_container .ui-corner-top,
#my_evt_container .ui-corner-left,
#my_evt_container .ui-corner-tl {
	border-top-left-radius: 4px;
}
#my_evt_container .ui-corner-all,
#my_evt_container .ui-corner-top,
#my_evt_container .ui-corner-right,
#my_evt_container .ui-corner-tr {
	border-top-right-radius: 4px;
}
#my_evt_container .ui-corner-all,
#my_evt_container .ui-corner-bottom,
#my_evt_container .ui-corner-left,
#my_evt_container .ui-corner-bl {
	border-bottom-left-radius: 4px;
}
#my_evt_container .ui-corner-all,
#my_evt_container .ui-corner-bottom,
#my_evt_container .ui-corner-right,
#my_evt_container .ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
#my_evt_container .ui-widget-overlay {
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
#my_evt_container .ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}



#my_evt_container .ui-datepicker .event-date-highlight a { 
	background: #B6EA8C !important;
}

.mycalendar_main_panel{
	overflow-y:auto;
	height:350px;
	width:360px;
	font-size:14px;
}
.mycalendar_main_panel a:hover{
	color:green !important;
	text-decoration:underline;
}

.mycalendar_main_panel tr,td{
	padding: 5px 10px;
	/*vertical-align:top !important;*/
}

.mycalendar_main_panel .event_date{
	font-weight:bold;
	padding-top: 25px;
}

.mycalendar_main_panel .event_title{
	width:260px;
	vertical-align:top;
}

#my_loc_lib_panel span{
	font-size:10px
}
#my_fav_lib_panel span{
	font-size:10px
}

#my_fav_lib_mob_panel span{
	font-size:10px
}

.evt_cal .ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	height:25.5px !important;
}
#my_evt_tabs{
	height:450px !important;
}

#tabs-2 {
	overflow-y:auto;
	height:350px;
	padding:1em 1em!important;
}

#tabs-3{
	overflow-y:auto;
	height:350px;
	padding:1em 1em!important;
}
#tabs-2 a:hover{
	color:green;
	text-decoration:underline;
}

#tabs-3 a:hover{
	color:green;
	text-decoration:underline;
}

#tabs-2 table{
	table-layout:fixed;
	width:98%;
	/*height:300px;*/
	border:1.5px;
	border-style:solid;
	border-collapse:collapse;
	border-spacing:0;

}

#tabs-3 table{
	table-layout:fixed;
	width:98%;
	/*height:300px;*/	
	border:1.5px;
	border-style:solid;
	border-collapse:collapse;
	border-spacing:0;
}

.fl-menu-tab td{
	font-size:14px;
	word-wrap: break-word;
	padding:5px 5px !important;
	border:1px solid black;
}

.fl-menu-tab th{
	font-size:14px;
	word-wrap: break-word;
	padding:5px 5px !important;
	border:1px solid black;
}

.evt-row1{
	width:25%;
}
.evt-row2{
	width:20%;
}
.evt-row3{
	width:20%;
}
.evt-row4{
	width:21%;
}
.evt-row5{
	width:14%;
}

.lib-row1{
	width:25%;
}
.lib-row2{
	width:20%;
}
.lib-row3{
	width:55%;
}

/*personalisation*/

/** BOD Start **/

.sw_tab .tab_libl {
	width: 200px;
}

.bdp_cat li { width: 100%; }

.tc .sw_tab .tab_libl {
	width: 142px;
}

.lib_station .open_hr {
	
	min-height: auto;
	
}

.lib_station .note_lib {
	padding: 12px 20px 10px;
}

.lib_station .lib_remark {
	font-size: 100%;
	color: red;
	font-weight: bold;
	display: none;
}

/* BOD End */

/* Locate Libraries Remark */

.libs_landing .map_note_area .map_pin, .libm_landing .map_note_area .map_pin {
	height: 650px;
}

.lib_remark{
	background: #ffffcc;
	font-size: 12px;
}

.lib_remark p:last-child {
	margin: 0;
}

.lib_remark a {
	color: #375D27;
}

/* Locate Libraries Remark End */

.overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	overflow-x: hidden;
	opacity: 0.8;
}

.login_form {
	position: relative;
}

.grecaptcha-badge {
	display: none;
}

.login_form .overlay {
	background-color: #d6d6d6;
}




/**
* Top account menu
*/
	
.top_account_dropdown_div {
    float: left;
    overflow: hidden;
	display: none;
}

.top_account_dropdown_div .account_button {
    font-size: 14px;    
	vertical-align: top;
    line-height: 1.5em;
    border: none;
    outline: none;
	color: white;
    background: url("../images/user.png") no-repeat 0 2px;
    
    font-family: inherit;
    margin: 0;
	padding-left: 18px;
	
	
}

.top_account_dropdown_div:hover .account_button {
    /*background-color: var(--primary-color-light2);
	color: #000;*/
}

.account_menu_dropdown_content {
    display: none;
    position: absolute;
    background-color: #4d4e4c;
    min-width: 200px;
    z-index: 1;
}

.account_menu_dropdown_content a {
    float: none;
    color: white;
    padding: 5px 30px ;
    display: block;
    text-align: left;
	background-position: 10px 9px;
	
}

.account_menu_dropdown_content a:hover {
    background-color: #767676;
}

.top_account_dropdown_div:hover .account_menu_dropdown_content {
    display: block;
}


.top_logout_menu_item {
	background: url("../images/logout.png")  no-repeat 0 0;
	/*background-position: -4px -4px;
	/*padding-left: 17px;
	width: 65px;*/
}

.top_password_menu_item {
	background: url("../images/padlock-unlock.png")  no-repeat 0 0;
/*	background-position: -4px -4px;
	padding-left: 17px;
	width: 65px;*/
}

.iamsmart_login{
	display: flex;
}

.iamsmart_login .moreinfolink{
	color: #4d4e4c;
}

.iam-smart-separator{
	margin-top: 0px; 
	margin-bottom: 5px;
}
/*
.btn-index-iamsmart-login {
 font-size: 18px;
 background-color: #2b7367;
 border: none;
 border-radius: 10px;
 border-radius: 10px;
 color: #FFFFFF;
 padding: 4.375px 8.75px 4.375px 8.75px;
 cursor: pointer;
 outline:none;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-right: 10px;

}*/

.btn-index-iamsmart-login {
 background-color: #2b7367;
 border: none;
 color: #FFFFFF;
 padding: 4.375px 8.75px 4.375px 8.75px;
 cursor: pointer;
 outline:none;
 border-radius: 10px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-family: 'Noto Sans SC', Arial, Helvetica, sans-serif;
 margin-right: 5px;
}


.btn-index-iamsmart-login-buttontext {
 font-size: 12px;
 padding-left: 0px;
 overflow: hidden;
 white-space: nowrap;
 display: block;
 text-overflow: ellipsis;
}


/*
.fl-menu-container .btn-float-menu-iamsmart-login {
 font-size: 18px;
 background-color: #2b7367;
 border: none;
 border-radius: 10px;
 border-radius: 10px;
 color: #FFFFFF;
 padding: 4.375px 8.75px 4.375px 8.75px;
 cursor: pointer;
 outline:none;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 10px;
}*/

.fl-menu-container .btn-float-menu-iamsmart-login {
 /*font-size: 18px;*/
 font-size: 12px;
 background-color: #FFFFFF;
 border: 1px solid #2b7367;
 border-radius: 10px;
 color: #2b7367;
 /*padding: .5em;*/
 padding: 4.375px 8.75px 4.375px 8.75px;
 cursor: pointer;
 outline:none;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 10px;
}

.highlights_title { font-size: 1.429em}


.nse_tab { margin: 0 0 25px; overflow: hidden; display: flex; justify-content: space-between;}
.nse_tab a { flex: 1; background: #e6ede0; border-radius: 2px; margin: 0 12px 0 12px; color: #666;text-align: center; display: inline-block; font-family: calibri, calibri_mac, 微軟正黑體, "microsoft jhenghei", "STHeiTi", "黑體-繁", Simsun, 宋體; font-size: 1.5em;}
.nse_tab .text_style {align-items: center; display: flex; height: 100%;justify-content: center; font-weight: bold;}

.tc .nse_tab a { font-size: 1.8em; letter-spacing: 3px;}
.nse_tab a:hover, .nse_tab .active { color: white; text-decoration: none; background: #669841;}

.custome_s_box .search-selector {border-color: white; font-family: Calibri, 'pt_sans_c',SimSun, 宋體, "STHeiTi", "黑體-繁"; width: 190px; padding: 0 10px; background-color: white; position: relative; height: 30px; line-height: 30px; font-size: 1em; color: #666666; margin-bottom: 5px; cursor: pointer; z-index: 1}
.tc .custome_s_box .search-selector {font-size: 0.9em;}
.search-category .search-selector { width: 240px}
.custome_s_box .search-option {color: #4e7837; font-weight: bold;}


.input-group button {
	padding: 2px 2px 0px 2px;
	border: none;
    outline: none;
	background-color: white;
	cursor: pointer;
}

.masked-input {
    -webkit-text-security: disc;
}


:root{
    --popup-image-desktop: 300px; 
    --popup-left-desktop: 50%;
    --popup-image-mobile: 300px;
    --popup-top-mobile: 50%;
    --popup-image-ipad: 300px;
    --popup-left-ipad: 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 (min-width: 481px) and (max-width: 991px){
    @keyframes slidein{
        0%{
          max-width: var(--popup-image-ipad);
          left: var(--popup-left-ipad); 
        }
        75%{
          max-width: var(--popup-image-ipad);
          left: var(--popup-left-ipad);
        }
        100%{
          max-width: var(--popup-image-ipad);
          left: calc(var(--popup-image-ipad)/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;		
}

#my_gov_panel {
    margin-bottom: 2.4em;
}

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