@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	border:0;
	margin:0 auto;
	padding:0;
	width: 100%;
	height: 100%;
}

body {
	border:0;
	margin:0 auto;
	padding:0;
	font-size: 0.813em;
	line-height: 18px;
	font-family: Arial, 新細明體, Helvetica, sans-serif;
	color: #013035;
	width: 100%;
	height: 100%;
}

form{
	margin: 0;
	padding: 0;
}

.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

div {
	margin:0;
	padding:0;
}

img {
	border:0;
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5 {
	font-weight: 500;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ol {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #013035;
	background-color: transparent;
}

a:hover, a.selected {
	text-decoration: none;
}

strong {
	font-weight: 700;
}

input[type="radio"], input[type="checkbox"] {
	border: 0 !important;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

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

.accessible {
	display: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

.accessible a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-size: 100%;
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.small_size {
	font-size: 0.9em;
}

.middle_size {
	font-size: 1em;
}

.large_size {
	font-size: 1.1em;
}

/********   Reset CSS ends   ********/

#sizecontrol{
	min-height: 100%;
	height: 100%;
}

#wrap_outer {
	width:100%;
	margin: 0 auto;
	min-width: 960px;
	background: url(../images/bg.jpg) repeat-x 0 bottom;
	background-color: #fffee4;
	overflow: hidden;
	
	min-height: 100%;
}

#wrapper {
	width: 100%;
	background: url(../images/top_bg.png) no-repeat 50% 0;
}

.container {
	max-width: 960px;
	width: 960px;
	padding: 0;
	margin: 0 auto;
}

#top_zone {
	width: 100%;
	height: 206px;
}

#header_wrap{
}

#header_wrap .bureau_logo{
	float: left;
	padding: 0 33px 0 0;
}

#header_wrap .emsd_logo{
	float: right;
}

#header_wrap .site_name{
	margin: 0 auto;
	height: 75px;
	text-align: center;
}

#top_nav {
	height: 86px;
}

#top_nav > ul{
	line-height: 23px;
	margin: 35px 0 0 0;
	float: left;
}

#top_nav > ul > li {
	float: left;
}

#top_nav > ul > li > span{
	display: inline-block;
	line-height: 23px;
}

#top_nav > ul > li > a{
	display: inline-block;
	font-size: 13px;
	color: #737373;
}

#top_nav > ul > li:hover > a, #top_nav > ul > li.selected > a {
	color: #068a1c;
}

#top_nav > ul#nav_quicklink > li{
	padding: 0 10px 0 0;
}

#top_nav > ul#nav_quicklink > li:last-child{
	padding: 0;
}

#top_nav > ul#nav_quicklink > li:hover > span {
	background-position: left bottom;
}

#top_nav > ul#nav_quicklink > li > .nav_quicklink1 {
	padding-left: 14px;
	background: url(../images/icon_home.png) no-repeat 0 0;
	width: 9px;
	height: 9px;
}

#top_nav > ul#nav_quicklink > li > .nav_quicklink2 {
	padding-left: 16px;
	background: url(../images/icon_site.png) no-repeat 0 0;
	width: 11px;
	height: 9px;
}

#top_nav > ul#nav_quicklink > li > .nav_quicklink3 {
	padding-left: 13px;
	background: url(../images/icon_print.png) no-repeat 0 0;
	width: 8px;
	height: 9px;
}

#top_nav > ul#nav_quicklink > li > .nav_quicklink4 {
	padding-left: 13px;
	background: url(../images/icon_share.png) no-repeat 0 0;
	width: 8px;
	height: 9px;
}

#top_nav > ul#nav_fontsize {
	border: 1px solid #e9e9e9;
	margin-right: 8px;
}

#top_nav > ul#nav_fontsize > li > a {
	text-indent: -9999px;
}

#top_nav > ul#nav_fontsize > li > a.small {
	width: 18px;
	height: 23px;
	background: url(../images/btn_aaa.png) no-repeat 0 0;
}

#top_nav > ul#nav_fontsize > li > a.small:hover, #top_nav > ul#nav_fontsize > li > a.small.selected {
	background: url(../images/btn_aaa.png) no-repeat 0 bottom;
}

#top_nav > ul#nav_fontsize > li > a.middle {
	width: 17px;
	height: 23px;
	background: url(../images/btn_aaa.png) no-repeat -18px 0;
}

#top_nav > ul#nav_fontsize > li > a.middle:hover, #top_nav > ul#nav_fontsize > li > a.middle.selected {
	background: url(../images/btn_aaa.png) no-repeat -18px bottom;
}

#top_nav > ul#nav_fontsize > li > a.large {
	width: 25px;
	height: 23px;
	background: url(../images/btn_aaa.png) no-repeat -35px 0;
}

#top_nav > ul#nav_fontsize > li > a.large:hover, #top_nav > ul#nav_fontsize > li > a.large.selected {
	background: url(../images/btn_aaa.png) no-repeat -35px bottom;
}

#top_nav > ul#nav_lang {
	border: 1px solid #e9e9e9;
}

#top_nav > ul#nav_lang > li.lang {
  	padding: 0 5px;
}

#top_nav > ul > li > #socialMedia{
	position: absolute;
	width: 101px;
	border: 1px solid #e9e9e9;
	margin-top: 4px;
	padding: 3px;
	display:none;
}

#top_nav > ul > li.selected > #socialMedia{
	display: block;
}

#top_nav > ul > li > #socialMedia > li > a{
	margin-left: 3px;
	width: 21px;
	height: 21px;
	display: block;
	float: left;
}

#top_nav > ul > li > #socialMedia > li > a:first-child{
	margin-left: 0px;
}

#main_nav {
	float: left;
}

#main_nav > ul{
	height: 45px;
	margin: 0 auto;
	background: url("../images/btn_nav_line.png") no-repeat right 0;
}

#main_nav > ul > li{
	float: left;
	height: 45px;
	text-align: center;
}

#main_nav > ul > li.btn_nav_line{
	float: left;
	width: 1px;
	height: 45px;
	background: url("../images/btn_nav_line.png") no-repeat 0 0;
}

#main_nav > ul > li > a{
	color: #333333;
	font-size: 1.154em;
	font-family: Arial, 新細明體, Helvetica, sans-serif;
}

#main_nav > ul > li > a > span:hover, #main_nav > ul > li > a.selected > span {
	color: #00b5ed;
	background-color:#ffef1c;
}

#main_nav > ul > li > a > span{
	height: 45px;
	display: table-cell;
	vertical-align: middle;
}

#main_nav > ul > li > .subnav_pulldown {
	display: none;
	position: absolute;
	z-index: 500;
	width: 280px;
}

#main_nav > ul > li > .subnav_pulldown > ul{
	background: #fff;
}

#main_nav > ul > li > .subnav_pulldown > ul > li > a{ 
	display: block;
	width:100%;
	padding: 12px 28px;
	border-top: 1px solid #d4c95c;
	color: #333333;
	font-size: 1.154em;
	font-family: Arial, 新細明體, Helvetica, sans-serif;
	background-color: #ffd664;
}

#main_nav > ul > li > .subnav_pulldown > ul > li:first-child > a {
	border-top: 0;
}

#main_nav > ul > li > .subnav_pulldown > ul > li:hover > a {
	color: #ac2028;
	background-color: #fff680;
}

#middle_zone {
	width: 100%;
	padding: 0 0 70px 0;
}

#content_wrap{
	min-height: 400px;
	background-color: #fff;	
}

#footer_bottom_wrap{
	width: 100%;
	min-width: 960px;
	line-height: 70px;
	height: 70px;
	margin: -70px 0 0 0;
	background-color: #013135;
	color: #ccd6d7;
}

#footer {
	height: 70px;
}

#footer #footer_left{
	float: left;
}

#footer_left #footer_copyright{
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}

#footer_left #footer_nav{
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}

#footer #footer_right{
	float: right;
}

#footer_right .lastRevisionDate{
	height: 70px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 0;
}

#footer_right #footer_icon_w3c{
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}

#footer_right #footer_icon_w3c{
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}

#footer span.sep_line {
	margin: 0 8px;
	color: #51714c;
}

#footer a {
	display: inline-block;
	color: #ccd6d7;
}

#messagebox{
	display: none;
	text-align: center;
}

#messageboxtrigger{
	display: none;
}

/***** Print Page: Start *****/

#printpage{
	padding: 0;
	margin: 0;
}
#printpage #middle_zone{
	padding: 0;
	margin: 0;
}
#printpage #content_wrap{
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
	background: none;
}
#printpage #content{
	width: 100%;
	padding: 0;
	margin: 0;
}

/***** Print Page: End *****/