@charset "utf-8";
/* CSS Document */

html, body { margin:0px; }

body { width:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#f3521b; color:#333333; font-size:16px; }

a { outline:none; text-decoration:none; }
/*ul, ol { list-style:none; margin:0; padding:0; }*/
ul, ol { list-style:none; margin:0; }
li { vertical-align:top; }

h1, h2, h3, h4, p { padding:0; margin:0; }

img { border:none; }

/*-------------------------------------------------------------------------------------*/
/* Main Lang Format */

@font-face {
    font-family:'BebasNeue';
    src:url('../fonts/BebasNeue.eot');
    src:url('../fonts/BebasNeue.eot') format('embedded-opentype'),
        url('../fonts/BebasNeue.woff2') format('woff2'),
        url('../fonts/BebasNeue.woff') format('woff'),
        url('../fonts/BebasNeue.ttf') format('truetype'),
        url('../fonts/BebasNeue.svg#BebasNeue') format('svg');
}

.en_format { font-family:'Oxygen', "微軟正黑體", "Microsoft JhengHei", sans-serif; }
.en_format button { font-family:'Oxygen', "微軟正黑體", "Microsoft JhengHei", sans-serif; }
	
.tc_format { font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif; }
.tc_format button { font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; min-width:1000px; background:url(../img/main_bg.png) no-repeat #ffffff center top; position:relative; overflow:hidden; }
#wrap .container { width:1000px; margin:0px auto; position:relative; box-sizing:border-box; }

#top { border-bottom:1px solid #c1c1c1; }
#top .logo { float:left; padding:25px 0 10px 16px; position:relative; }
#top .logo img { width:100%; }
#top .logo a { position:absolute; left:16px; top:15px; display:block; width:100%; }
#top .lang_area { float:right; width:120px; padding-top:4px; padding-right:5px; text-align:right; font-size:0; }
#top .lang_area a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:25px; height:25px; background-color:#cccccc; margin-right:4px; text-align:center; line-height:25px; font-size:14px; color:#663333; transition:all 0.2s ease; }
#top .lang_area a.fa-home { font-size:18px; line-height:27px; }
#top .lang_area a.onLang, 
#top .lang_area a:hover { background-color:#7a4b4b; color:#ffffff; }
#top .nav_area { float:right; width:610px; padding-top:32px; padding-right:9px; text-align:right; }
#top .nav_area a { margin-left:16px; font-size:13px; transition:all 0.2s ease; }
#top .nav_area a.nav_1 { color:#ff0000; }
#top .nav_area a.nav_2 { color:#0099ff; }
#top .nav_area a.nav_3 { color:#ff6600; }
#top .nav_area a img { padding-right:2px; vertical-align:top; }
#top .nav_area a:first-child { margin-left:0; }
#top .nav_area a:hover { color:#990000; }

#menu { border-bottom:1px solid #c1c1c1; }
#menu .menu_area { padding-top:5px; padding-bottom:3px; }
#menu ul.menu_list { text-align:right; font-size:0; }
#menu ul.menu_list > li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:21px; border-left:1px solid #f3be13; position:relative; }
#menu ul.menu_list > li:first-child { border-left:none; }
#menu ul.menu_list > li > a.lv1 { display:block; padding:0 10px; background-color:transparent; margin:-5px 0 -3px 0; line-height:29px; font-size:13px; color:#990000; font-weight:bold; transition:all 0.2s ease; }
#menu ul.menu_list > li:hover > a.lv1, 
#menu ul.menu_list > li > a.lv1:hover { background-color:#ff6600; color:#ffffff; }

#menu ul.dropdown_menu { position:absolute; left:0; top:24px; z-index:1000; width:140px; padding:6px 0; background-color:rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ccffffff', endColorstr='#ccffffff'); text-align:left; box-sizing:border-box; }
#menu ul.dropdown_menu > li { position:relative; }
#menu ul.dropdown_menu > li > a.lv2 { display:block; padding:4px 10px; background-color:transparent; font-size:13px; color:#990000; transition:all 0.2s ease; }
#menu ul.dropdown_menu > li:hover > a.lv2, 
#menu ul.dropdown_menu > li > a.lv2:hover { background-color:#ff6600; color:#ffffff; }

#menu ul.sub_dropdown_menu { position:absolute; left:140px; top:-6px; z-index:1000; width:200px; padding:6px 0; background-color:rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ccffffff', endColorstr='#ccffffff'); text-align:left; box-sizing:border-box; }
#menu ul.sub_dropdown_menu > li { }
#menu ul.sub_dropdown_menu > li > a.lv3 { display:block; padding:4px 10px; background-color:transparent; font-size:13px; color:#990000; transition:all 0.2s ease; }
#menu ul.sub_dropdown_menu > li > a.lv3:hover { background-color:#ff6600; color:#ffffff; }

#menu ul.fallback { display:none; }
#menu ul.menu_list > li:hover > ul.fallback { display:block; }
#menu ul.sub_dropdown_menu > li:hover > ul.fallback { display:block; }

#banner { background-color:#c1280d; }
#banner .banner_row { width:100%; max-width:1090px; position:relative; z-index:100; margin:0 auto; }
#banner .banner_row a { position:absolute; top:159px; width:28px; height:39px; background-image:url(../img/bnr_row.png); background-repeat:no-repeat; }
#banner .banner_row a.bnr_row_prev { left:8px; background-position:left top; }
#banner .banner_row a.bnr_row_next { right:8px; background-position:right top; }
#banner .banner_row a:hover { }
#banner .banner_dot { width:100%; max-width:1000px; height:0; margin:0 auto; position:relative; }
#banner .banner_dot ul.bnr_dot { position:absolute; right:264px; top:19px; z-index:100; text-align:right; }
#banner .banner_dot ul.bnr_dot li { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-right:8px; width:8px; height:8px; background-color:#cccccc; border-radius:100%; transition:all 0.2s ease; cursor:pointer; }
#banner .banner_dot ul.bnr_dot li.onbnr,
#banner .banner_dot ul.bnr_dot li:hover { background-color:#ff0000; }
@media screen and (max-width: 1100px){

}
#banner .banner_show { width:100%; min-width:1000px; height:350px; margin:0 auto; position:relative; overflow:hidden; }
#banner .banner_show .bnr_list { position:absolute; left:0px; top:0px; height:350px; }
#banner .banner_show ul { float:left; }
#banner .banner_show ul li { float:left; }
#banner .banner_show a { display:block; height:350px; background-color:#666; background-repeat:no-repeat; background-position:center center; background-size:cover; }
#banner .banner_show a.active { xbox-shadow:inset 5px 5px 5px rgba(0,0,0,0.3); }

#banner .inner_banner { width:100%; height:224px; background-repeat:no-repeat; background-position:center top; }

#banner .about_us_banner { }
/* #banner .news_banner { background-image:url(../img/inner_banner_news.png); background-color:#f3521b; }
#banner .event_banner { background-image:url(../img/inner_banner_event.png); background-color:#f3521b; } */

#banner .news_banner { background-image:url(../img/inner_banner_publications.png); background-color:#a7e1c8; }
#banner .event_banner { background-image:url(../img/inner_banner_publications.png); background-color:#a7e1c8; }

#banner .aboutus_banner { background-image:url(../img/inner_banner_publications.png); background-color:#a7e1c8; }

#banner .publication_banner { background-image:url(../img/inner_banner_publications.png); background-color:#a7e1c8; }
#banner .health_tips_banner { background-image:url(../img/inner_banner_health_tips.png); background-color:#a7e1c8; }
#banner .community_banner { background-image:url(../img/inner_banner_community.png); background-color:#a7e1c8; }
#banner .training_banner { background-image:url(../img/inner_banner_training.png); background-color:#a7e1c8; }
#banner .researches_banner { background-image:url(../img/inner_banner_training.png); background-color:#a7e1c8;}

#banner .job_banner { background-image:url(../img/inner_banner_event.png); background-color:#f3521b;}
#banner .job_banner { background-image:url(../img/inner_banner_event.png); background-color:#f3521b;}
#banner .donation_banner { background-image:url(../img/inner_banner_event.png); background-color:#f3521b;}

#banner .service_1_banner { background-image:url(../img/inner_banner_service_1.png); background-color:#ffd73c; }
#banner .service_2_banner { background-image:url(../img/inner_banner_service_2.png); background-color:#a46fc3; }
#banner .service_3_banner { background-image:url(../img/inner_banner_service_3.png); background-color:#439be1; }
#banner .service_4_banner { background-image:url(../img/inner_banner_service_4.png); background-color:#8bcf5b; }

#main { }
#main .title_area { background:#ffffff; background:-moz-linear-gradient(top,  #ffffff 0%, #ffeb98 100%); background:-webkit-linear-gradient(top,  #ffffff 0%,#ffeb98 100%); background:linear-gradient(to bottom,  #ffffff 0%,#ffeb98 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffeb98',GradientType=0 ); }
#main .title_area .title { height:43px; padding:9px 0 0 34px; box-sizing:border-box; font-size:26px; color:#990000; line-height:28px; font-weight:bold; }
#main .title_area .title span { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; padding-left:10px; font-size:16px; line-height:20px; }
#main .left_side { float:left; width:221px; padding:19px 0 19px 19px; }
#main .left_side ul { }
#main .left_side ul > li { padding:10px 10px 11px 10px; background:url(../img/left_cate_line.png) no-repeat left bottom; }
#main .left_side ul > li > a { font-size:14px; color:#333333; line-height:21px; transition:all 0.2s ease; }

#main .left_side ul  li a.onCate, 
#main .left_side ul  li a:hover { color:#ff6633; }

#main .left_side ol { padding-top:4px; }
#main .left_side ol > li { }
#main .left_side ol > li > a { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-left:13px; font-size:14px; color:#333333; line-height:22px; transition:all 0.2s ease; }
#main .left_side ol > li > a:before { content:">"; display:inline-block; zoom:1; *display:inline; vertical-align:top; width:12px; margin-left:-12px; }
#main .left_side ol > li > a.onSubCate,
#main .left_side ol > li > a:hover { color:#990000; }

#main .right_side { float:right; width:734px; margin-bottom:40px;}
#main .content_area { padding-top:26px; }
#main .sub_title_area { padding:0 16px 6px 16px; font-size:24px; color:#ff3300; font-weight:bold; }

#footer { background-color:#f3521b; border-top:11px solid #fddcd1; position:relative; }
#footer .footer_sitemap { padding-top:12px; xdisplay:none; }
#footer .sitemap_row { float:left; min-width:172px; xmax-width:230px; max-width:210px;padding-left:40px; }
#footer .sitemap_row:first-child { padding-left:16px; }
#footer .sitemap_row ul { }
#footer .sitemap_row ul > li { padding-top:18px; font-size:15px; line-height:16px; }
#footer .sitemap_row ul > li > a { color:#ffffff; font-weight:bold; transition:all 0.2s ease; }
#footer .sitemap_row ul > li > a:hover { text-decoration:underline; }
#footer .sitemap_row ol { padding:6px 0; }
#footer .sitemap_row ol > li { font-size:13px; line-height:17px; }
#footer .sitemap_row ol > li > a { display:inline-block; zoom:1; *display:inline; padding-left:11px; color:#ffffff; transition:all 0.2s ease; }
#footer .sitemap_row ol > li > a:before { content:">"; display:inline-block; zoom:1; *display:inline; margin-left:-11px; width:11px; }
#footer .sitemap_row ol > li > a:hover { text-decoration:underline; }

#footer .footer_sitemap .sitemap_row  ol.cate_lv2 {
	margin-left:10px;
}

#footer .copyright_area { padding:16px; font-size:13px; color:#ffffff; line-height:1; padding-top:25px;}
#footer .copyright { float:left; }
#footer .designby { float:right; }
#footer .designby a { color:#ffffff; }
#footer .designby a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

#indexType { background-color:#bd240c; }
#indexType #footer { background:#f3521b; background:-moz-linear-gradient(top, #f3521b 25%, #bd240c 100%); background:-webkit-linear-gradient(top, #f3521b 25%,#bd240c 100%); background:linear-gradient(to bottom, #f3521b 25%,#bd240c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3521b', endColorstr='#bd240c',GradientType=0 ); }
#indexType #footer .footer_sitemap { display:block; }

.index_news_box { position:absolute; right:0; top:-350px; width:252px; height:350px; padding:27px 6px 0 12px; background-color:rgba(160,17,17,0.8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cca01111', endColorstr='#cca01111'); box-sizing:border-box; }
.index_news_box .index_news_topic { height:32px; padding-left:42px; background:url(../img/index_news_icon.png) no-repeat left top; font-size:21px; color:#ffffff; font-weight:bold; }
.index_news_box .index_news_list { height:262px; padding-top:19px; overflow:hidden; xoverflow-y:scroll;}
.index_news_box .index_news_list ul { }
.index_news_box .index_news_list ul li { padding-left:8px; margin-bottom:25px; border-left:4px solid #f3be13; line-height:15px; }
.index_news_box .index_news_list ul li a { font-size:13px; color:#ffffff; transition:all 0.2s ease; }
.index_news_box .index_news_list ul li a span { color:#ffcc00; }
.index_news_box .index_news_list ul li a:hover { color:#ffcc00; }

.index_box_area { padding-top:32px; padding-bottom:15px; }
.index_box_area .index_box { float:left; padding:13px 12px; margin:0 8px 14px 8px; background-color:#ffffff; box-shadow:0 0 5px rgba(51,51,51,0.2), inset 0 0 5px rgba(255,51,0,0.2); border-radius:8px; box-sizing:border-box; position:relative; }
.index_box_area .index_box_title { padding:0 0 2px 8px; border-bottom:1px solid #f3be13; font-size:24px; color:#990000; line-height:1; font-family:'BebasNeue'; }
.index_box_area .index_box_btn { position:absolute; bottom:13px; right:15px; }
.index_box_area .index_box_btn a { display:block; width:59px; height:19px; background-color:#b32e22; line-height:19px; text-align:center; font-size:12px; color:#ffffff; }
.index_box_area .index_box_btn a:hover { }
.index_box_area .index_box_content { font-size:13px; color:#000000; line-height:16px; }
.index_box_area .index_box_content p { }
.index_box_area .index_box_content b { color:#990000; }

.index_about_us_box { width:233px; height:385px; }
.index_about_us_box .index_box_content { height:302px; padding:11px 1px 0 1px; overflow:hidden; }
.index_about_us_photo { padding-bottom:6px; }
.index_about_us_info { padding:0 2px; text-align:justify; }

.index_service_box { width:233px; height:385px; }
.index_service_box .index_box_content { height:302px; padding:11px 1px 0 1px; }
.index_service_photo { width:100%; height:138px; position:relative; }
.index_service_photo p { position:absolute; left:0; bottom:0; display:block; width:100%; min-height:21px; padding:3px; background-color:rgba(243,82,27,0.8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ccf3521b', endColorstr='#ccf3521b'); box-sizing:border-box; font-size:13px; color:#ffffff; font-weight:bold; line-height:15px; text-align:center; }
.index_service_dot { height:14px; padding-top:6px; }
.index_service_dot ul { font-size:0; text-align:center; }
.index_service_dot ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0 3px; width:5px; height:5px; border-radius:100%; background-color:#b9b9b9; cursor:pointer; }
.index_service_dot ul li.ondot, 
.index_service_dot ul li:hover { background-color:#b32e22; }
.index_service_list { width:100%; }
.index_service_list ul { }
.index_service_list ul > li { padding-bottom:6px; }
.index_service_list ol { }
.index_service_list ol > li { padding-left:10px; }
.index_service_list ol > li:before { display:inline-block; zoom:1; *display:inline; width:10px; margin-left:-10px; content:">"; }
.index_service_list ol > li > a { color:#000000; transition:all 0.2s ease; }
.index_service_list ol > li > a:hover { color:#ff3300; }

.index_event_box { width:480px; height:174px; }
.index_event_box .index_box_content { height:111px; padding:12px 0 0 6px; }
.index_event_photo { float:left; width:158px; height:111px; padding:6px; background-color:#ffcc00; border-radius:14px; box-sizing:border-box; text-align:center; }
.index_event_photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.index_event_photo img { vertical-align:middle; }
.index_event_list { float:right; width:292px; height:117px; margin-top:-3px; }
.index_event_list ul { }
.index_event_list ul li { width:278px; padding:3px 0 6px 0; margin-left:14px; position:relative; border-top:1px dotted #f7c04f; }
.index_event_list ul li:before { position:absolute; left:-14px; top:50%; content:""; display:none; vertical-align:top; margin-top:-9px; width:0; height:0; border-style:solid; border-width:8.5px 0 8.5px 10px; border-color:transparent transparent transparent #ffcc00; }
.index_event_list ul li:first-child { border-top:none; }
.index_event_list ul li.onevent:before { display:block; }
.index_event_list ul li a { color:#333333; transition:all 0.2s ease; }
.index_event_list ul li a span { color:#ff3300; }
.index_event_list ul li a:hover { color:#ff3300; }

.index_publication_box { width:480px; height:196px; }
.index_publication_box .index_box_content { height:137px; padding-top:9px; }
.index_publication_list { height:100%; overflow:hidden; }
.index_publication_list ul { font-size:0; text-align:left; }
.index_publication_list ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:96px; height:137px; padding:0 9px; }

/*-------------------------------------------------------------------------------------*/
/* ABOUT US */
.about_us_content {
	text-align:justify;
	margin:0 10px 10px 10px;
}

.about_us_content > content {
	margin-left:30px;
}

/*-------------------------------------------------------------------------------------*/
/* SERVICE */

.service_content_area { }
.service_content_area .sub_title_area { padding-left:10px; border-bottom:1px dotted #f7c04f; }

.service_content { xwidth:720px; padding-top:16px; margin-left:30px; margin-right:5px; }
.service_content .service_address_box { padding-top:30px; padding-bottom:14px; border-top:1px dotted #f7c04f; }
.service_content .service_address_box:first-child { padding-top:0; border-top:none; }
.service_content .service_address_info { float:left; width:370px; }
.service_content .service_address_info table { }
.service_content .service_address_info table td { padding:2px 0 16px 0; font-size:14px; color:#000000; text-align:left; vertical-align:top; line-height:19px; }
.service_content .service_address_info table td:first-child { width:40px; text-align:center; padding:0 0 14px 0; }
.service_content .service_address_info table tr.company_name td { font-size:17px; line-height:21px; }
.service_content .service_address_info table td span { display:inline-block; zoom:1; *display:inline; vertical-align:top; }
.service_content .service_address_info table td a { color:#000000; }
.service_content .service_address_info table td a:hover { text-decoration:underline; }
.service_content .service_address_photo { float:right; width:311px; padding:4px 8px 0 8px; box-sizing:border-box; }
.service_content .service_address_photo img { width:100%; border-width:3px; border-style:solid; border-radius:12px; box-shadow:5px 5px 5px rgba(0,0,0,0.3); box-sizing:border-box; }

#service_1 .left_side ul > li > a.onCate, 
#service_1 .left_side ul > li > a:hover, 
#service_1 .sub_title_area { color:#ff6600; }
#service_1 .service_address_info table td span { background-color:#ff6600; }
#service_1 .service_address_photo img { border-color:#ffd635; }

#service_2 .left_side ul > li > a.onCate, 
#service_2 .left_side ul > li > a:hover, 
#service_2 .sub_title_area { color:#663399; }
#service_2 .service_address_info table td span { background-color:#663399; }
#service_2 .service_address_photo img { border-color:#a985bd; }

#service_3 .left_side ul > li > a.onCate, 
#service_3 .left_side ul > li > a:hover, 
#service_3 .sub_title_area { color:#1b69c9; }
#service_3 .service_address_info table td span { background-color:#1b69c9; }
#service_3 .service_address_photo img { border-color:#8dafdf; }

#service_4 .left_side ul > li > a.onCate, 
#service_4 .left_side ul > li > a:hover, 
#service_4 .sub_title_area { color:#339900; }
#service_4 .service_address_info table td span { background-color:#339900; }
#service_4 .service_address_photo img { border-color:#9ecc77; }

.content_area p.content {
	text-align:justify;
}
.content_area  ul {
	list-style-type:disc;
	text-align:justify;
}
.content_area  ol {
	list-style-type:decimal;
	text-align:justify;
}

.content_area .header3 {
	font-weight:bold;
}

.content_area  .content_list > li {
	margin-bottom:10px;
}
.content_area  .content_list .list_title {
	font-weight:bold;
}

.content_area  .content_list ul.nested_content_list {
	list-style-type:circle;
}

.content_area  .content_list .nested_content_list {
	margin-left:15px;
}

.content_area  .content_list .nested_content_list > li {
	margin-bottom:5px;
}

.content_area h2 {
	font-size:20px;
	margin-bottom:10px;
}

#chinese_medicine .content_area h2 {
	color:#ff6600;
}

.content_area .tb_content tbody tr td {
	padding:5px;
}
.content_area .tb_content tbody tr td.title {
	/* text-align:right; */
}

.bSpace_10 {
	margin-bottom:10px;
}

.content_area .content_left_section, .content_area .content_right_section {
/* 	width:50%; */
	float:left;
}

.content_area .content_section_loc .content_left_section {
	width:40%;
}

.content_area .content_section_loc .content_right_section {
	width:60%;
}

img {
	max-width:100%;
	max-height:100%;
}

.content_area .inline_desc_with_img {
	display:inline-block;
}

.content_area .inline_desc_with_img > * {
	vertical-align: middle;
}

.rSpace_10 {
	margin-right:10px;
}

.bSpace_20 {
	margin-bottom:20px;
}

#health_center .content_area h2 {
	color:#339900;
}

#freni .content_area h2 {
	color:#1b69c9;
}

.content_area h3 {
	font-size:16px;
}


.content_area .wrap_item_box .item_box {
	box-sizing: border-box;
	float:left;
	width:33.33%;
	padding:2%;
	text-align:center;
}

.content_area .wrap_item_box .item_box .item {
	display:inline-block;
}

.content_area .wrap_item_box .item_box .item > a {
	display:inline-block;
}

.content_area .wrap_item_box .item_box .item > a img {
	max-width:100%;
	max-height:100%;
}

#btn_dl_application {
	display:block;
	margin-top:10px;
	color:#339900;
}

/*######## Smart Green ########*/
.smart-green {
	margin-left:auto;
	margin-right:auto;

    max-width: 500px;
    background: #F8F8F8;
    padding: 30px 30px 20px 30px;
    font: 14px Arial, Helvetica, sans-serif;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* .volunteer .smart-green {
	width:100%;
} */


.smart-green h1 {
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 20px 0px 20px 40px;
    display: block;
    margin: -30px -30px 10px -30px;
    color: #FFF;
    background: #6666B8;
    text-shadow: 1px 1px 1px #949494;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:1px solid #6666B8;

}
.smart-green h1>span {
    display: block;
    font-size: 11px;
    color: #FFF;
}

.smart-green label {
    display: block;
    margin: 0px 0px 5px;
}
.smart-green label>span {
    float: left;
    margin-top: 10px;
    color: #5E5E5E;
}
.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select, .smart-green input[type="number"] {
    color: #555;
    height: 30px;
	line-height:15px;
    width: 100%;
    padding: 0px 0px 0px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
}

.volunteer .smart-green .dtTxt {
	width:50px;
}


.smart-green textarea{
    height:100px;
    padding-top: 10px;
}
.smart-green select {
    background: url('../img/down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('../img/down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
   appearance:none;
    -webkit-appearance:none; 
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width:100%;
    height:30px;
}
.smart-green .button {
    background-color: #6666B8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494;
}
.smart-green .button:hover {
    background-color:#6666B8;
}

.volunteer .smart-green .button {
    background-color: #f3521b;
}

.volunteer .smart-green .button:hover {
    background-color:#f3521b;
}

/*-------------------------------------------------------------------------------------*/
/* WHAT'S NEWS */

.news_content { }
.news_content_box { width:689px; margin:4px 0 -10px 8px; padding:15px 16px 10px 16px; background-color:#ffffff; border-radius:12px 12px 0 0; box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,0.2), inset 0 0 5px rgba(255,51,0,0.4); position:relative; }

.news_list { min-height:528px; padding-bottom:39px; }
.news_list .news { padding:14px 38px 10px 12px; border-bottom:1px dotted #f7c04f; }
.news_list .news_info { float:left; width:460px; padding:2px 0 4px 11px; border-left:4px solid #f3be13; font-size:15px; }
.news_list .news_info a { color:#990000; transition:all 0.2s ease; }
.news_list .news_info a span { color:#FF3300; }
.news_list .news_info a:hover { color:#ff3300; }
.news_list .news_photo { float:right; width:86px; text-align:right; }
.news_list .news_photo img { max-width:100%; }

.news_detail { padding-top:12px; }
.news_detail .news_detail_title { padding:0 38px 10px 7px; border-bottom:1px dotted #f7c04f; }
.news_detail .news_detail_title p { padding-left:11px; border-left:4px solid #f3be13; font-size:18px; color:#990000; }
.news_detail .news_detail_title span { font-size:15px; color:#FF3300; }
.news_detail .news_detail_info { min-height:350px; padding:25px 22px 25px 20px; font-size:13px; color:#000000; xline-height:21px; }
.news_detail .news_detail_content { float:right; width:280px; }
.news_detail .news_detail_photo { float:left; width:308px; }

.news_detail .large_photo { width:308px; height:231px; padding-bottom:16px; text-align:center; position:relative; }
.news_detail .large_photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.news_detail .large_photo img { vertical-align:middle; }

.news_detail .sub_photo_area { width:253px; height:59px; position:relative; margin:0 auto; }
.news_detail .sub_photo_area a.list_row { position:absolute; top:50%; z-index:1000; margin-top:-11px; font-size:22px; color:#c7c7c7; transition:all 0.2s ease; }
.news_detail .sub_photo_area a.prev_list { left:-24px; }
.news_detail .sub_photo_area a.next_list { right:-24px; }
.news_detail .sub_photo_area a.prev_list:before { font-family:'FontAwesome'; content:"\f053"; }
.news_detail .sub_photo_area a.next_list:before { font-family:'FontAwesome'; content:"\f054"; }
.news_detail .sub_photo_area a.list_row:hover { color:#ff3300; }

.news_detail .list_area { position:relative; width:253px; height:59px; overflow:hidden; }
.news_detail .list_area .list { position:absolute; left:0; top:0; height:59px; }
.news_detail .list_area .list a.item { float:left; display:block; width:79px; height:59px; margin-right:8px; background-color:#ffffff; text-align:center; cursor:pointer; }
.news_detail .list_area .list a.item:before { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.news_detail .list_area .list a.item img { vertical-align:middle; transition:all 0.2s ease; }

/*-------------------------------------------------------------------------------------*/
/* PUBLICATIONS */

.publication_content { padding-bottom:10px; }

.publication_list { min-height:600px; padding:22px 0 0 16px; }
.publication_list .publication { float:left; width:223px; xheight:280px; padding:10px; background-color:#ffffff; border-radius:12px; margin-right:16px; margin-bottom:20px; text-align:center; box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,0.2), inset 0 0 5px rgba(255,51,0,0.2); height:300px; }
.publication_list .publication:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; }
.publication_list .publication img { vertical-align:middle; }

/*-------------------------------------------------------------------------------------*/
/* HEALTH TIPS, Research */

.tips_content { padding-left:36px; padding-right:33px; padding-top:34px; }

.tips_list { padding-bottom:8px; }
.tips_list .tips_box, .research_list .research_box { width:100%; padding:20px 35px 18px 32px; margin-bottom:24px; background-color:#ffffff; border-radius:12px; box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,0.2), inset 0 0 5px rgba(255,51,0,0.4); position:relative; }
.tips_list .tips_box:before { position:absolute; right:11px; top:-15px; content:""; display:block; width:71px; height:57px; background:url(../img/tips_icon.png) no-repeat left top; }
.tips_list .tips_photo { float:left; width:75px; height:108px; background-color:#666; }


.research_list .research_info {
	width:100%;
}

.research_content_additionInfo {
	color:#990000;
	font-size:12px;
}


.tb_itemList {
	width:100%;
}

.tb_itemList td.title {
	width:60px;
	color:#990000;
	text-align:right;
	vertical-align:top;
	font-size:12px;
}

.tb_itemList td.content {
	font-size:14px;
}

.tb_itemList td {
	padding:2px 5px;
}

.right_side .content_area {
	min-height:500px;
}

.tips_list .tips_info { float:right; width:500px; }
.tips_list .tips_title, .research_list .research_title { padding:0 8px 4px 8px; border-bottom:1px solid #f3be13; font-size:21px; color:#ff3300; font-weight:bold; }
.tips_list .tips_content, .research_list .research_content { padding:8px 8px 0 8px; font-size:14px; color:#000000; line-height:21px; }
.tips_list .tips_btn, .research_list .research_btn { padding-left:8px; padding-top:8px; }
.tips_list .tips_btn a, .research_list .research_btn a{ display:inline-block; zoom:1; *display:inline; vertical-align:top; height:24px; margin-right:7px; }
.tips_list .tips_btn a.detail, .research_list .research_btn a.detail { width:63px; background:url(../img/detail_btn.jpg) no-repeat left top; }
.tips_list .tips_btn a.pdf, .research_list .research_btn a.pdf { width:91px; background:url(../img/pdf_btn.jpg) no-repeat left top; }

.tips_detail, .research_detail { width:932px; xheight:835px; padding:24px 16px; margin:0 auto 33px auto; background-color:#ffffff; border-radius:12px; box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,0.2), inset 0 0 5px rgba(255,51,0,0.4); position:relative; }
.tips_detail .tips_detail_title, .research_detail .research_detail_title { padding:0 130px 4px 96px; border-bottom:1px solid #f3be13; position:relative; font-size:25px; color:#ff3300; font-weight:bold; }
.research_detail .research_detail_title {padding-left:10px;}

.tips_detail .tips_detail_title:before { position:absolute; left:10px; top:-11px; content:""; display:block; width:71px; height:57px; background:url(../img/tips_icon.png) no-repeat left top; }
.tips_detail .tips_detail_title a, .research_detail .research_detail_title a { position:absolute; right:12px; top:1px; display:block; width:91px; height:24px; background:url(../img/pdf_btn.jpg) no-repeat left top; }
.tips_detail .tips_detail_info, .research_detail .research_detail_info { padding-left:14px; padding-top:22px; }
.tips_detail .tips_detail_content, .research_detail .research_detail_content { float:left; width:540px; }

.tips_detail .tips_detail_photo, .research_detail .research_detail_additonInfo { float:right; width:332px; }
.research_detail .research_detail_additonInfo {
	border:7px solid #feb896; 
	border-radius:6px;
	width:250px;
}

.research_detail .tb_itemList {
width:90%;
margin:5%;	
}

.research_detail .research_detail_content {
	width:600px;
	text-align:justify;
}

.tips_detail .large_photo { width:295px; height:192px; border:7px solid #feb896; border-radius:6px; margin:0 auto; text-align:center; position:relative; }
.tips_detail .large_photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.tips_detail .large_photo img { vertical-align:middle; }
.tips_detail .photo_caption { padding-top:2px; padding-bottom:8px; text-align:center; font-size:15px; color:#000000; }

.tips_detail .sub_photo_area { width:296px; height:61px; position:relative; margin:0 auto; }
.tips_detail .sub_photo_area a.list_row { position:absolute; top:50%; z-index:1000; margin-top:-9px; font-size:18px; color:#c7c7c7; transition:all 0.2s ease; }
.tips_detail .sub_photo_area a.prev_list { left:-19px; }
.tips_detail .sub_photo_area a.next_list { right:-19px; }
.tips_detail .sub_photo_area a.prev_list:before { font-family:'FontAwesome'; content:"\f053"; }
.tips_detail .sub_photo_area a.next_list:before { font-family:'FontAwesome'; content:"\f054"; }
.tips_detail .sub_photo_area a.list_row:hover { color:#ff3300; }

.tips_detail .list_area { position:relative; width:296px; height:61px; overflow:hidden; }
.tips_detail .list_area .list { position:absolute; left:0; top:0; height:61px; }
.tips_detail .list_area .list a.item { float:left; display:block; width:94px; height:61px; margin-right:7px; background-color:#ffffff; text-align:center; cursor:pointer; }
.tips_detail .list_area .list a.item:before { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.tips_detail .list_area .list a.item img { vertical-align:middle; transition:all 0.2s ease; }

/*-------------------------------------------------------------------------------------*/
/* COMMUNITY INVOLVEMENT */

.community_content { padding-bottom:19px; }
.community_content .sub_title_area { padding-left:4px !important; font-size:22px !important; }
.community_content .sub_title_area span { font-size:18px; }
.community_content_box { width:762px; margin-top:4px; padding:17px 12px 22px 12px; background-color:#ffffff; border-radius:12px; box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,0.2), inset 0 0 5px rgba(255,51,0,0.4); position:relative; }

.community_list { min-height:540px; }
.community_list table { width:100%; font-size:13px; color:#000000; font-weight:bold; }
.community_list table td { padding:6px 12px; vertical-align:middle; text-align:left; }
.community_list table td a { color:#000000; transition:all 0.2s ease; }
.community_list table td a:hover { color:#ff6633; }
.community_list table td:first-child { width:72px; color:#990000; text-align:center; }
.community_list table td:first-child+td { width:298px; }
.community_list table td:first-child+td+td { width:254px; }
.community_list table td:first-child+td+td+td { width:18px; padding-bottom:3px; }
.community_list table tr:first-child td { height:16px; background-color:#f3be13 !important; font-size:14px; color:#000000; text-align:center; }
.community_list table tr:first-child td:first-child { padding:6px 20px 6px 4px; border-radius:14px 0 0 14px; text-align:right; }
.community_list table tr:first-child td:first-child+td+td+td { border-radius:0 14px 14px 0; }
.community_list table tr:first-child+tr td { padding-top:11px; }
.community_list table tr.lightyellowBG td { background-color:#fff8dc; }

.community_detail { position:relative; }
.community_detail .community_detail_btn { position:absolute; right:4px; top:-3px; }
.community_detail .community_detail_btn a { display:block; width:91px; height:24px; background:url(../img/pdf_btn.jpg) no-repeat left top; }
.community_detail .community_detail_info { padding:0 120px 10px 2px; border-bottom:2px solid #f3be13; }
.community_detail .community_detail_info table { font-size:15px; color:#000000; line-height:24px; }
.community_detail .community_detail_info table td { }
.community_detail .community_detail_info table td:first-child { padding-right:22px; color:#990000; }
.community_detail .community_detail_desc { padding:14px 2px; font-size:13px; color:#000000; text-align:justify; }
.community_detail .community_detail_photo { padding:12px 69px 20px 94px; position:relative; }
.community_detail .community_detail_photo a.photo_row { position:absolute; top:50%; margin-top:-17px; font-size:34px; color:#c7c7c7; line-height:1; transition:all 0.2s ease; }
.community_detail .community_detail_photo a.prev_photo { left:-32px; }
.community_detail .community_detail_photo a.prev_photo:before { content:"\f053"; }
.community_detail .community_detail_photo a.next_photo { right:-32px; }
.community_detail .community_detail_photo a.next_photo:before { content:"\f054"; }
.community_detail .community_detail_photo a.photo_row:hover { color:#ff3300; }

.community_detail .large_photo { float:left; width:393; height:293px; text-align:center; position:relative; }
.community_detail .large_photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.community_detail .large_photo img { vertical-align:middle; }

.community_detail .sub_photo_area { float:right; width:96px; height:234px; position:relative; margin-top:27px; }
.community_detail .sub_photo_area a.list_row { position:absolute; left:50%; z-index:1000; margin-left:-9px; font-size:24px; color:#c7c7c7; transition:all 0.2s ease; }
.community_detail .sub_photo_area a.prev_list { top:-24px; }
.community_detail .sub_photo_area a.next_list { bottom:-24px; }
.community_detail .sub_photo_area a.prev_list:before { font-family:'FontAwesome'; content:"\f0d8"; }
.community_detail .sub_photo_area a.next_list:before { font-family:'FontAwesome'; content:"\f0d7"; }
.community_detail .sub_photo_area a.list_row:hover { color:#ff3300; }

.community_detail .list_area { position:relative; width:96px; height:234px; overflow:hidden; }
.community_detail .list_area .list { position:absolute; left:0; top:0; width:96px; }
.community_detail .list_area .list a.item { display:block; width:96px; height:72px; margin-bottom:9px; background-color:#ffffff; text-align:center; cursor:pointer; }
.community_detail .list_area .list a.item:before { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.community_detail .list_area .list a.item img { vertical-align:middle; transition:all 0.2s ease; }

/*-------------------------------------------------------------------------------------*/
/* PROFESSIONAL TRAINING && PROGRAMME */

.training_content { padding-left:18px; padding-right:18px; padding-bottom:5px; }
.training_content .sub_title_area { padding-bottom:8px; background:url(../img/sub_title_line.png) no-repeat left bottom; }

.training_list { padding:20px 16px; }
.training_list .training_box { width:100%; padding:16px 29px; margin-bottom:11px; background-color:#ffffff; border-radius:12px; box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,0.2), inset 0 0 5px rgba(255,51,0,0.4); }
.training_list .training_photo { float:left; width:97px; padding-right:23px; }
.training_list .training_info { float:left; width:485px; padding-top:10px; }
.training_list .training_info table { font-size:15px; color:#000000; line-height:24px; }
.training_list .training_info table td { padding:0 18px; border-left:1px solid #f3be13; vertical-align:top; }
.training_list .training_info table td:first-child { width:72px; padding:0; border-left:none; color:#ff3300; }
.training_list .training_btn { float:right; width:91px; padding-top:46px; }
.training_list .training_btn a { display:block; width:91px; height:24px; background:url(../img/pdf_btn.jpg) no-repeat left top; }

/*-------------------------------------------------------------------------------------*/
/* RESEARCHES */




/*-------------------------------------------------------------------------------------*/
/* JOB */
.job_detail_content {
}


/* searchform */

#searchform #searchBox_hTips {
	width: 20%;
	background: #f6f4ed url(../img/nav-icons.png) no-repeat -8px -497px;
	font-size:90%;
	font-style:italic;
	color: #86856f;
	padding: 3px 4px 3px 28px;
	border: solid 1px #bebdaa;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	transition: .7s;
	float:right;
}
#searchform #searchBox_hTips:focus {
	color: #333;
	width: 25%;
	background-color: #fff;
	font-style: normal;
	outline: none;
}

#searchform {
	margin-bottom:30px;
}

.filter_section {
	margin-bottom:20px;
	margin-top:20px;
}

.filter_section .filter_org {
	width:40%;
}


.medic_doc {
	font-weight:bold;
	color:#ff6600;
}

.btn_pub_item {
	display:inline-block;
	height:240px;
}

.titleBox {
	color:#ff3300;
}

/*-------------------------------------------------------------------------------------*/
/* HEALTH Promotion */

.wrap_photoShowRoom {
	display:inline-block;
	width:44%;
	margin-left:5%;
}

.wrap_photoShowRoom, .wrap_photoShowRoom * {
	box-sizing: border-box;
}
.wrap_photoShowRoom .wrap_photo {
	margin-bottom:5px;
}


.floatingPhotoShowRoom > img {
	/* float:left; */
	margin-left:5px;
	max-width:165px;
	vertical-align:middle;
}


.item_section > img {
    float:right;
	margin-left:10px;
	width:150px;
}

.tb_freni_volunteer_form tr td, .tb_freni_volunteer_form_p1 tr td, .tb_freni_volunteer_form_p4 tr td {
	padding:5px;
}

.tb_freni_volunteer_form caption {
	color:#1b69c9;
	font-weight:bold;
}

.tb_freni_volunteer_form {
	width:100%;
	margin-bottom:20px;
}

.tb_freni_volunteer_form_p1, .tb_freni_volunteer_form_p4 {
	width:90%;
	margin:0 auto;
}

.tb_freni_volunteer_form_p1 td.title {
	width:30%;
}

.tb_freni_volunteer_form_p4 tr td:first-child {
	width:50%;
}


.tb_freni_volunteer_form tfoot tr td {
	text-align:center;
	color:#1b69c9;
}

/*-------------------------------------------------------------------------------------*/
/* Volunteer */
#main .volunteer .sub_title_area, #main .about_us_content .sub_title_area  {
	color:#f3521b;
	border-bottom:1px dotted #f7c04f;
/* 	font-size:18px; */
	margin-bottom:10px;
}

.volunteer ul, .about_us_content ul {
	margin-left:20px;
	list-style-type: disc;
	margin-bottom:20px; 
}

/*-------------------------------------------------------------------------------------*/
/* About us */

#tb_lorraine tbody tr td {
	padding:5px;
}

#tb_lorraine tbody tr td:first-child {
	width:65px;
}

.tb_christmas_seal_item_row {
	background-color:#EDD283;
	border-collapse:collapse;
}

.tb_christmas_seal_item_row tr td {
	border:1px solid black;
}

.tb_christmas_seal_item_row tbody tr td.card {
	height:100px;
	width:180px;
}

.tb_christmas_seal_item_row tbody tr td.card img {
	max-width:100%;
	max-height:100%;
}

.tb_christmas_seal_item_row tbody tr td.yr, .tb_christmas_seal_item_row tbody tr td.card {
	text-align:center;
}

#tb_christmas_seal {
	margin:0 auto;
}

#tb_christmas_seal > tbody > tr > td {
	padding-bottom:10px;
}

.wrap_right_content {
	margin-left:30px;
	margin-bottom:30px;
}



.wrap_hp_services_content {
	width:48%;
	display:inline-block;
	vertical-align:top;
}

.donation_content, .volunteer {
	margin-left:50px;
}

h4 {
	color:#f3521b !important;
	font-size:18px;
}

h5 {
	color:#f3521b !important;
	font-size:16px;
	margin:10px 0px;
}

p.sub_content {
	margin-left:45px;
}


.img_about_us_contact {
	background-color:#ff6600;
}

.tb_about_us tbody tr td > * {
	vertical-align:middle;
}

.tb_about_us tbody tr td {
	padding:5px;
}

.tb_about_us td a {
	color:black;
}

.tb_about_us td a:hover { text-decoration:underline; }

#form_aboutUs_enquiry {
	margin-left:0px;
}

.tb_quota {
	width:100%;
	border-collapse: collapse;
}

.tb_quota td {
	border:1px solid black;
	padding:5px;
}

.tb_quota thead tr td {
	font-weight:bold;
	color:#008000;
}



.index_notice { height:100%;width:100%;position:fixed;background-color:rgba(0,0,0,0.5);top:0;left:0; text-align: center; z-index:6000; }
.index_notice .btn_msg_close { position: fixed; top: 5vh; right: 5vw; cursor: pointer; }
.index_notice .notice_box { z-index:7000; }
.index_notice .notice_box table.tb_notice { width: 90vw; height: 90vh; max-height: 90vh; margin-top: 5vh; margin-left: 5vw; }
.index_notice .notice_box table.tb_notice td.td_notice { width: 100%; max-width: 90vw; height: 100%; max-height: 90vh; overflow: hidden; background-color: white; }
.index_notice .notice_box table.tb_notice td.td_notice .notice_content { width: 100%; height: 100%; max-height: 90vh; overflow: auto; background-color: white; }
.index_notice.no_bg table.tb_notice td.td_notice,
.index_notice.no_bg .notice_box table.tb_notice td.td_notice .notice_content {  background-color: transparent; }