@import url('theme_color1.css');
@import url('theme_color2.css');
@import url('theme_color3.css');

.b { font-weight: bold; }
.cb, .clear { clear:both; }
.cl { clear: left; }
.cr { clear: right; }
.l, .left {	float:left; }
.r, .right { float:right; }
.c, .center { margin:0 auto; }
.top { vertical-align:top; }
.tl, .t-left { text-align:left; }
.tr, .t-right { text-align:right; }
.tc, .t-center { text-align:center; }
.disabled { cursor:default; }
.h, .hide, .hidden { display: none !important; visibility: hidden; }
.invisible { visibility: hidden; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.bn { border: none; }
.mt { margin-top: 10px; }
.mb { margin-bottom: 10px; }
.ml { margin-left: 10px; }
.mr { margin-right: 10px; }
.nm { margin: 0; }
.btn-box { cursor: pointer; }
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }

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

.form-default .form-row {
	margin: 6px 0;
}
.form-default label {
	width: 175px;
	display: inline-block;
}
.form-default label.right-column {
	width: 100px;
	margin-left: 10px;
}
.form-default input[type="text"] {
	border: 1px solid #c8d4ce;	
	padding: 5px 3px;	
	width: 522px;
	color: #7b7b7b;
	clear: left;
}
.form-default select {
	border: 1px solid #c8d4ce;
	width: 246px;
	padding: 5px 3px;	
}

.form-filter select {
	font-weight: bold;
	margin-right: 3px;
	border: 1px solid #c8d4ce;
	border-bottom: none;
  padding: 7px 5px 7px 12px;
  background: #EAEAEA;
  
	width: 130px;
  cursor: pointer;    
}
.form-filter option {
	padding: 3px 6px;
}
.form-filter option:hover {
	background-color: #fff;
}
#btn-filter-press {
  margin-top: 3px;
}

.lnk-download-pdf {
	background: url(/images/ico_pdf.png) no-repeat 0 50%;
	padding: 8px 0 8px 32px;
	line-height: 16px;
	display: block;
	text-decoration: none;
}
.lnk-download-pdf:hover {
	text-decoration: underline;
}


* {margin:0; padding:0;}
html, body { height:100%;margin:0; padding:0;}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
body {
	background: #E1E5E8 url(../images/bg.jpg) center;
	color: rgb(39, 39, 39);
	font: 12px Arial, "微軟正黑體", "Microsoft JhengHei", "微软雅黑", "Microsoft YaHei", sans-serif;
} /* for resize */

img {border:0}
a {color:#272727;}
p { line-height:18px; }

h1 {
	font-weight: bold;
	font-size: 2em;
	letter-spacing: -0.5px;
	margin: 0.2em 0;
	line-height: 1.2em;
}
h2 {
	font-weight: bold;
	font-size: 1.5em;
	margin: 0.5em 0;
}
h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0.3em 0;
}
h4 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0.2em 0;
}
h5, dt {
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
}	
h6	{	
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
}
H1, H2, H3, H4, H5, H6, TH, THEAD, TFOOT {
    COLOR: #003366;
}
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}
SMALL	{ font-size:	.7em;	}	
BIG { font-size:	1.17em; }	
BLOCKQUOTE, PRE {	font-family: Consolas, Courier New, monospace; }
UL LI	{ list-style-type:	disc;	}	
UL LI LI	{ list-style-type:	circle;	}	
UL LI LI LI	{ list-style-type:	square; }	
OL LI	{ list-style-type:	decimal;	}	
OL OL LI	{ list-style-type:	lower-alpha; }	
OL OL OL LI	{ list-style-type:	lower-roman; }	
	
.foot-note {
	font-size: 1em;
	text-align: right;
	margin: 0.8em 0 0.6em 0;
	padding-right: 10px;
}
.remark {
	font-size: 0.8em;
	color: #5A5A5A;
	font-style: italic;
}

.reDate {  font-size: 0.9em; color: #000000}
.caption {  font-size: 0.8em; color: #555555;}
.search_box{width:95px}
.select_box{font-size: 0.9em; color:#555555;}
.form_select_box{font-size: 0.9em; color:#555555}
.form_text_box{font-size: 0.9em; color:#555555}
.path{font-size: 0.8em; color:#555555}
.page_title{font-size: medium; font-weight:bold; color:#BB3333}

.lv1 {font-size: 1em;font-weight:bold; color:#555555}
.lv2 {font-size: 0.9em; font-weight:bold; color:#555555}
.lv3 {font-size: 0.9em; font-weight:bold; color:#555555}

li.bullet3 {font-size: 0.9em; padding-bottom:10px}

A.path_link {font-size:0.8em;color:#0858C9;text-decoration:underline}
A.path_link:hover {font-size:0.8em;color:#BB3333;text-decoration:underline}

A.notices {font-size:0.8em;color:#000000;text-decoration:underline}
A.notices:hover {font-size:0.8em;color:#000000;text-decoration:underline}


td.form_table_background { background:#DEDFEE; }
td.normal_table_border, td.highlight_table_border { background: #DEDFEE; }
td.normal_table_border table, td.highlight_table_border table { border-spacing: 1px; border-collapse: separate; }
th.normal_table_cell_title, td.normal_table_cell_title { background:#4c497d;}
td.normal_table_cell_title2 { background:#A7A5CC;}
td.normal_table_cell_title3 { background:#a7a5cc;}
td.normal_table_cell_content1 { background:#d5d4e5;}
td.normal_table_cell_content2 { background:#efeef4;}
td.sem_welcome_table_cell_content {background:#DEDFEE;}
td.important_table_cell_content1 {background:#DEDFEE;}
td.important_table_cell_content2 {background:#DEDFEE;}
td.letter_table_cell_content {background:#DEDFEE;}
td.what_new_table_cell_content1 {background:#DEDFEE;}
td.what_new_table_cell_content2 {background:#DEDFEE;}
td.home_table_border {background:#DEDFEE;}
th.highlight_table_cell_title, td.highlight_table_cell_title { background:#4c497d; color: #036; }
th.highlight_table_cell_content, td.highlight_table_cell_content { background:#d5d4e5; }

div.bullet_list {margin: 2px 2px 2px 2px; color:#555555}
div.form_margin {margin: 2px 2px 2px 2px; color:#555555}
div.normal_table_margin_title {margin: 2px 5px 2px 5px;font-size:1em; color:#FFFFFF;font-weight:bold;}
div.normal_table_margin_title2 {margin: 2px 5px 2px 5px;font-size:1em; color:#555555;font-weight:bold;}
div.normal_table_margin_title3 {margin: 2px 5px 2px 5px;font-size:1em; color:#555555;font-weight:bold;}
div.normal_table_margin_content1{margin: 5px 5px 5px 5px;font-size:0.9em; color:#555555;font-weight:bold;}
div.normal_table_margin_content2{margin: 5px 5px 5px 5px;font-size:0.9em; color:#555555;}
div.home_table_margin{margin: 5px 5px 5px 5px;}
div.highlight_table_margin_title {margin: 2px 5px 2px 5px;font-size:1em; color:#fff;font-weight:bold;}
div.highlight_table_margin_content {margin: 5px 5px 5px 5px;font-size:0.9em; color:#555555;font-weight:bold;}

sub {vertical-align: sub; font-size: 0.8em;}
sup {vertical-align: super; font-size: 0.8em;}


blockquote {
	display: block;
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 10px 20px 10px 20px;
	margin: 15px 0;
	background: #F6F6F6;
	border: 1px solid #E5E5E5;
}

#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/*--- header ---*/
#header {
	width: 960px;
	background:url(../images/bg_header.png) repeat-x bottom;
	height: 91px;
	/* overflow: hidden; */
	overflow: visible;
	color: #000;
	position: relative;
	border-bottom: 2px solid #af3b2e;
}
#header a {
	text-decoration:none;
	color: #000;
}
#btn-logo {
    height: 65px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
#btn-brand {
    position: absolute;
    right: 0;
    top: 0;
    height: 63px;
    display: block;
}
#feature-bar {
    width: 100%;
    height: 26px;
    /* overflow: hidden; */
    overflow: visible;
    display: inline-block;
    margin-top: 0px;
    position: relative;
    top: 67px;
}
#languages-panel {
    height: 20px;
    overflow: hidden;
    margin-top: 4px;
}
.language-chooser {
	display: block;
	height: 20px;
	float: left;
}
.btn-change-font-size {
    margin-right: 3px;
}

#font-size-chooser {
    width: 48px;
    height: 20px;
    overflow: hidden;
    margin: 0 0 0 14px;
}
#font-size-chooser .btn-change-font-size {
    line-height: 1em;
}

#txt-search {
    border: 1px solid #D5D5D5;
    padding: 1px 2px;
    font-size: 12px;
    line-height: 1em;
}
    
#btn-mobile-version {
	background: url(../images/mainbar_mobile.jpg) no-repeat 0 100%;	
	padding-left: 14px;
	margin: 4px 0 0 95px;
	line-height: 18px;
	font-size: 12px;
}
#my-color-container{
	height:20px;
	margin: 4px 0 0 16px;
	line-height: 18px;    
    font-size: 12px;
	position:relative;
}


/* #btn-my-color {
    margin: 4px 0 0 16px;
    line-height: 18px;    
    font-size: 12px;
} */

#my-color{
	position:absolute;
	width:116px;
	height:26px;
	background: url(../images/color_popup_bg.png) no-repeat left bottom;
	z-index:100;
	padding:17px 2px 4px 2px;
	display:none;
	top:15px;
	left:0;
}

#my-color ul{
	list-style:none;
	overflow:hidden;
}

#my-color ul li{
	list-style:none;
	float:left;
	margin-left:4px;
}

#my-color ul li:first-child{
	margin-left:0;
}

#my-color ul li a{
	display:block;
	width:26px;
	height:26px;
	background-image: url(../images/color_button.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#my-color ul li a.btn_theme_none{
	background-position: 0 0;
}

#my-color ul li a.btn_theme_none.selected,
#my-color ul li a.btn_theme_none:hover{
	background-position: 0 -26px;
}

#my-color ul li a.btn_theme_color1{
	background-position: -26px 0;
}

#my-color ul li a.btn_theme_color1.selected,
#my-color ul li a.btn_theme_color1:hover{
	background-position: -26px -26px;
}

#my-color ul li a.btn_theme_color2{
	background-position: -52px 0;
}

#my-color ul li a.btn_theme_color2.selected,
#my-color ul li a.btn_theme_color2:hover{
	background-position: -52px -26px;
}

#my-color ul li a.btn_theme_color3{
	background-position: -78px 0;
}

#my-color ul li a.btn_theme_color3.selected,
#my-color ul li a.btn_theme_color3:hover{
	background-position: -78px -26px;
}

#frm-search {
    margin: 2px 0 0 1px;
}
#frm-search #txt-search { 
    color: #696969;
	width: 135px;
}
#frm-search .btn-search {
    margin: 0 1px 0 2px;
    width: 22px;
    height: 20px;
    display: block;
}
#btn-site-map {
    height: 20px;
    overflow: hidden;
    margin: 2px 0 0 1px;
}
#btn-contact-us {
    height: 20px;
    overflow: hidden;
    margin: 2px 0 0 1px;
}

/*--- alert msg ---*/
#main_alert {
    width: 720px;
    margin: 15px 0 0 0;
    background: url(../images/alert_bg.jpg);
    border: 1px solid #fff;
    padding: 0 15px;
    color: #FFFFFF;
}

#main_alert_message {
    background: url(../images/alert_icn.png) left no-repeat;
    padding: 8px 0 8px 30px;
    line-height: 1.4em;
}

/*--- content ---*/
/*
#breadcrumb {
	margin-top: 3px;
}
*/
/*20130109 add begin*/
#breadcrumb {
	width: 666px;
	margin:10px 0px 0px 0px;
	position: relative;
}
/*20130109 add end*/
#content_wrapper {width:960px; margin:auto; }
#content_left_container {width:200px; float:left; margin:0px 0px 80px 0px;}
#content_left_container a{text-decoration:none;}
#content_right_container {
	width:750px;
	float:right;
	margin-bottom: 20px;
}

#btn-print {
	margin-top: 7px;
}

#revision-date {
    padding: 0 0 6px 0;
    width: 360px;
    margin-top: 38px;
}
#social-features {width: 70px; text-align:right;}

/*--- nav ---*/
#nav_container {float:left; width:170px; padding:15px; background:url(../images/nav_bg.jpg); color:#f1fddf; }
#nav_container ul, #nav_container li {list-style:none;}
#nav_container ul li {width:170px; float:left; border-bottom:#000 1px solid; padding:10px 0px; line-height:1em;}
#nav_container ul li.nav_first {padding: 0px 0px 10px 0px;}
#nav_container ul li.nav_last {border:none; padding: 10px 0px 0px 0px;}

#nav_container ul li a {color:#f1fddf; font-size:1em; -webkit-text-size-adjust:none; } /* for resize */
#nav_container ul li a:hover { text-decoration: underline; }

/*--- nav2 ---*/
#nav2 { width:170px; float:left; margin:15px 0px 0px 0px;}
#nav2 a{ color:#000; font-size:0.9em; line-height:10px;} /* for resize */

/*--- nav3 ---*/
#nav3 a{ width:170px; float:left; color:#000; font-size:0.9em; line-height:10px; margin:15px 0px 0px 0px; color:#fff;} /* for resize */

/*--- nav banner ---*/
#navBanner {width:200px; float:left; margin:15px 0px 0px 0px; }
#navBanner #bannerTop {width:200px; height:6px; background:url(../images/inside_banner_1top.jpg) no-repeat; float:left}
#navBanner #bannerBottom {width:200px; height:6px; background:url(../images/inside_banner_3bottom.jpg) no-repeat; float:left}
#navBanner #bannerContent {width:180px; background:url(../images/inside_banner_2center.jpg) repeat-y; float:left; padding:10px 10px; height: 360px;}

/*--- w3c ---*/
#site-certification-block {
    margin: 20px 0 10px 210px;
    width: 310px;
}

#site-certification-block p {
    margin: 0;
}

#site-certification-block a {
    text-decoration: none;
}
#site-certification-block img {margin: 0 30px 0 0;}

/*--- footer ---*/
#footer_wrapper {position: relative;/* bottom:0;*/ background:url(../images/footer_bg.jpg) repeat-x; width:100%; height:110px;}
#footer_container {width:960px; margin:auto; padding:20px 0 0 0; font-size:0.9em; -webkit-text-size-adjust:none;} /* for resize */
#footer_container #footer_left {width: 700px; float:left;}
#footer_container #footer_left a {color:#272727; text-decoration:none;}


#btn-addthis {
    margin: 2px 0 0 10px;
}

#search-school-form #district {
    width: 168px;
}