@charset "utf-8";


/* CSS reset
---------------------------------------- */
html, body {padding: 0px; margin: 0px; height: 100%; font-family: 微軟正黑體, Arial, Helvetica, sans-serif;  background:url(../images/bg.gif) repeat-x top; position: relative; z-index: 0;}
html, body {padding: 0px; margin: 0px; height: 100%; font-family: 微軟正黑體, Arial, Helvetica, sans-serif;  background:url(../images/bg.gif) repeat-x top; position: relative; z-index: 0;}
body{
	font:87.5%/1 "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;
}
body.font-size-m {
    font-size:93.8%;
}
body.font-size-l {
	font-size:100%;
}
html {overflow: auto;} /* remove ie7 scrollbar without overflow */
img {max-width: 100%; border: none; vertical-align: middle;}
a:hover { text-decoration: none;}
div, dl, li, dt, dd, p, span, blockquote, pre, form, fieldset, input, textarea, ul, ol, hr {padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6 {font-size: 1em; margin: 0; padding: 0;  font-weight: normal; display: inline;}


/* clearfix
---------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}	
.clearfix {display: block;}	
.sr-only,
.sr-only-focusable {
    position:fixed;
	top:5px;
	left:5px;
	color:#000;
	font-size:0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	font-size:0.8rem;
}
.acKey,
.acKey a {
	color:transparent !important;
	font-size:0.8rem;
}
.acKey:hover,
.acKey:focus,
.acKey a:hover,
.acKey a:focus {
	color:#b81b26;
}
#secondary .acKey,#primary .acKey,
.titleBar .acKey{ 
	display: inline-block;
	margin-top:-17px;
}
.input-label {
    display: none;
}
.noscript{
	width:100%;
	display:block;
	font-size:1.125em;
	line-height:150%;
	margin:20px 0; 
}
/* layout
---------------------------------------- */
#wrapper {
	width: 100%;
}
body a:focus{
	outline:2px dotted #e63083 !important;
}
.comBg {
	background-image: url(../images/com-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	position: relative; 
	z-index: 0;
}
/* header
---------------------------------------- */
#header {
	position: relative;
	width: 990px;
	height: 120px;
	margin: 0px auto;
	z-index: 2;
}
#header #logo {
	position: relative;
	left:0;
	top: 12px;
	display:inline-block;
	height:54px;
	padding-left:30px;
	box-sizing: border-box;
}
#header .header_add{
	width:auto;
	float:right;
	position:absolute;
	right:0;
	top: 34px;
	font-size: 0.928em;
}
#header #addon {
	width:auto;
	float:left;
	line-height:20px;
}
#header #addon li {
	float: left;
	list-style-type: none;
	background-image: url(../images/com-add-div.gif);
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding-left: 17px;
}
#header #addon li a {
	color:#ffffff;
	text-decoration: none;
}
#header #addon li a:hover {
	position:relative;
	left: 1px;
	top: 1px;
}
#header #addon li.first {
	background-image: none;
	padding-left: 0px;
}
#header #fontsize {
	width:auto;
	float:left;
	margin:0 8px;
}
#header #fontsize a {
	float: left;
	list-style-type: none;
	margin-right: 3px;
}
#header #fontsize a i {
	display: block;
	width: 18px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
}
#header #fontsize a .f1{
	background-image: url(../images/com-fontsize-1.gif);
}
#header #fontsize a.ts-on .f1{
	background-image: url(../images/com-fontsize-1.gif);
	background-position: 0px -20px;
}
#header #fontsize a .f2{
	background-image: url(../images/com-fontsize-2.gif);
}
#header #fontsize a.ts-on .f2{
	background-image: url(../images/com-fontsize-2.gif);
	background-position: 0px -20px;
}
#header #fontsize a .f3{
	background-image: url(../images/com-fontsize-3.gif);
}
#header #fontsize a.ts-on .f3{
	background-image: url(../images/com-fontsize-3.gif);
	background-position: 0px -20px;
}
#header #ver {
	width:auto;
	float:left;
}
#header #ver li {
	float: left;
	list-style-type: none;
	margin-right: 5px;
}
#header #ver li a {
	display: block;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
}
#header #ver li.v1 a {
	background-image: url(../images/com-ver-1.png);
	width: 121px;
}
#header #ver li.v2 a {
	background-image: url(../images/com-ver-2.png);
	width: 74px;
}
#header #ver li.v1 a:hover,
#header #ver li.v2 a:hover {
	position:relative;
	left: 1px;
	top: 1px;
}
#header #share {
	width:auto;
	float:left;
}
#header #share a {
	width: 22px;
	height: 22px;
}
#header #share a:hover {
	position:relative;
	left: 1px;
	top: 1px;
}
/* menu */
#header #menu {
	position: relative;
	z-index: 10;
	width: 990px;
	height: 51px;
	background: url(../images/menu-bg.png) no-repeat;
	margin-top:20px;
}
#header #menu dd:hover>div {
	visibility: visible;
}
#header #menu dd div {
	position: absolute;
	float: left;
	z-index: 8;
	list-style: none;
	visibility: hidden;
	left: 13px;
	top: 44px;
	background: url(../images/smenu-level2-bg.png) no-repeat bottom;
}
#header #menu dd div .smenu li:hover>ul {
	visibility: visible;
}
#header #menu dd div .smenu li ul {
	position: absolute;
	z-index: 15;
	float: left;
	list-style: none;
	visibility: hidden;
}
#header #menu dd.current a {
}

/* menu::level1 */
#header #menu dl {
	clear:both;
}
#header #menu dd {
	position: relative;
	z-index: 9;
	margin:0px;
	float: left;
	list-style-type: none;
	background-image: url(../images/menu-div.png);
	background-repeat: no-repeat;
	background-position: 8px 18px;
	padding-left: 18px;
}
#header #menu dd.first {
	background-image: none;
	padding-left: 20px;
}
#header #menu dd span a {
	display: block;
	height: 25px;
	margin: 13px 0;
	overflow: hidden;
	text-indent: -9999px;
}
#header #menu dd span.m1 a {
	width: 224px;
	background-image: url(../images/com-menu-1.png);
}
#header #menu dd span.m1 a:hover, #header #menu dd span.m1 a.unit-now {
	background-image: url(../images/com-menu-1.png);
	background-position: 0px -25px;
}
#header #menu dd span.m2 a {
	width: 224px;
	background-image: url(../images/com-menu-2.png);
}
#header #menu dd span.m2 a:hover, #header #menu dd span.m2 a.unit-now {
	background-image: url(../images/com-menu-2.png);
	background-position: 0px -25px;
}
#header #menu dd span.m3 a {
	width: 224px;
	background-image: url(../images/com-menu-3.png);
}
#header #menu dd span.m3 a:hover, #header #menu dd span.m3 a.unit-now {
	background-image: url(../images/com-menu-3.png);
	background-position: 0px -25px;
}
#header #menu dd span.m4 a {
	width: 224px;
	background-image: url(../images/com-menu-4.png);
}
#header #menu dd span.m4 a:hover, #header #menu dd span.m4 a.unit-now {
	background-image: url(../images/com-menu-4.png);
	background-position: 0px -25px;
}
#header #menu dd span.m5 a {
	width: 110px;
	background-image: url(../images/com-menu-5.png);
}
#header #menu dd span.m5 a:hover, #header #menu dd span.m5 a.unit-now {
	background-image: url(../images/com-menu-5.png);
	background-position: 0px -25px;
}
#header #menu dd span.m6 a {
	width: 110px;
	background-image: url(../images/com-menu-6.png);
}
#header #menu dd span.m6 a:hover, #header #menu dd span.m6 a.unit-now {
	background-image: url(../images/com-menu-6.png);
	background-position: 0px -25px;
}
#header #menu dd span.m7 a {
	width: 118px;
	background-image: url(../images/com-menu-7.png);
}
#header #menu dd span.m7 a:hover, #header #menu dd span.m7 a.unit-now {
	background-image: url(../images/com-menu-7.png);
	background-position: 0px -25px;
}
#header #menu dd span.m8 a {
	width: 110px;
	background-image: url(../images/com-menu-8.png);
}
#header #menu dd span.m8 a:hover, #header #menu dd span.m8 a.unit-now {
	background-image: url(../images/com-menu-8.png);
	background-position: 0px -25px;
}
/* menu::level2 */
#header #menu dd div ul {
	padding: 4px;
	margin: 0 0 6px 0;
	width: 232px;
	background: url(../images/smenu-level2-top.png) no-repeat top;
}
#header #menu dd div .smenu li{
	list-style:none;
}
#header #menu dd div .smenu li a{
	display: block;
	font-size: 0.813em;
	color: #0099cc;
	padding: 5px;
	margin: 0 10px;
	text-decoration:none;
	border-top: 1px dotted #b7b6b6
}
#header #menu dd div .smenu li a:hover {
	color:#000066;
	background-color: #e3e6e5;
}
#header #menu dd div .smenu li a.dir {
	background-image: url(../images/smenu-arrow-right.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}
#header #menu dd div .smenu li a.first {
	border-top: none;
}
#header #menu dd div .smenu li a:hover.dir {
	background-image: url(../images/smenu-arrow-right-on.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}

/* menu::level3 */
#header #menu dd div .smenu li ul {
	width: 111px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: -32px 0 0 198px !important;
	*margin: -34px 0 0 198px !important;
	background: url(../images/smenu-level3-bg.png) no-repeat bottom;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 10px;
	-moz-box-shadow: #666 0px 2px 10px;
	box-shadow: #666 0px 2px 10px;
}
#header #menu dd div .smenu li ul li a {
	display: block;
	font-size: 0.813em;
	color: #0099cc;
	padding-top: 5px;
	margin: 0 3px ;
	height: auto;
	border-top: 1px dotted #b7b6b6
}
#header #menu dd div .smenu li ul li a.first {
	border-top: none;
}
#header #menu dd div .smenu li ul li a:hover {
	color:#000066;
	background-color: #e3e6e5;
}
/* comMain
---------------------------------------- */
#comMain{
	position: relative;
    width: 100%;
    margin: 0 auto;
	
}
#comMain .container {
    width: 990px;
	height: 70px;
    margin: 0px auto;
}
#comMain .slick-slider{z-index:-1;top: -5px;}
#comMain .listshow .slick-list{
	display:block;
	overflow:hidden;
	width:100%;
	background-color:transparent;
}
#comMain .slick-dotted.slick-slider{ margin:0;}
#comMain .listshow img {
	float:left;
	width:990px;
	height:204px;
}
#banner .slick-prev,#banner .slick-next,#banner .slick-dots{ display:none;}
/* ----- slideBox ----- */	
/*
#comMain .slideBox {
	position: absolute;
	width: 990px;
	height: 204px;
	overflow: hidden;
	z-index: -1;
}
#comMain .slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
#comMain .slideBox .bd ul {
	margin: 0px;
	padding: 0px;
}
#comMain .slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
	list-style-type: none;
}
#comMain .slideBox .bd img {
	width: 990px;
	height: 204px;
	display: block;
}
*/
/* secondary 
---------------------------------------- */ 
#secondary #unit {
	margin-left:15px;
	padding-top: 30px;
	padding-left: 28px;
	width: 180px;
	height: 78px;
	background:url(../images/secondary-bg-top.png) no-repeat top;	
}
#secondary ul#nav {
	list-style-type:none;
	width: 227px;
	margin: 0;
	padding: 0 0 320px 0;
	background:url(../images/secondary-bg.png) no-repeat bottom;	
}
#secondary ul#nav a {
	display: block;
	text-decoration: none;	
}
#secondary ul#nav li {
	margin: 0 18px 0 23px;
	background:url(../images/com-nav-line.gif) repeat-x bottom;	
}
#secondary ul#nav li a {
	color: #333333;
	font-size: 1.071em;
	padding: 6px 20px;
	line-height: 130%;
}

#secondary ul#nav li a:hover {
	background: #e6f7ff;	
}
#secondary ul#nav li a:active {
	color: #ffffff;
	background:url(../images/com-nav-on.gif) no-repeat top;	
}
#secondary ul#nav li a.unit-now {
	color: #ffffff;
	background:url(../images/com-nav-on.gif) no-repeat top;	
}
#secondary ul#nav li ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	background: none ;	
}
#secondary ul#nav li ul li{
	list-style-type:none;
	margin: 0 18px 0 23px;
	background: none ;	
}
#secondary ul#nav li ul li a {
	list-style-type:none;
	font-size: 0.875em;
	margin: 0;
	color: #33333;
	padding: 6px 0px 6px 13px;
}
#secondary ul#nav li ul li a:hover {
	color: #3399cc;
	background: none ;
}


/* Content
---------------------------------------- */
#Content {
	position: relative;
	z-index: -1;
	width: 970px;
	margin: 25px auto;
	padding: 0 10px;
}
#Content #secondary {
	position: relative;
	float: left;
	width: 216px;
}
#Content #primary {
	position: relative;
	float: left;
	width: 690px;
	margin-left: 50px;
	margin-top:65px;
}
#Content #primary .titleBar {
	position: relative;
	z-index: 2;
	margin-bottom:30px;
}
#Content #primary .titleBar .title {
	font-size: 22px;
	color: #333333;
	font-weight: bold;
}

#Content #primary .titleBar .location {
	font-size: 0.75em;
	font-weight: bold;
	color: #000066;
	display: block; 
	background-image: url(../images/com-icon-home.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
	margin-top: 9px;
}
#Content #primary .titleBar .location a {
	color: #8c9baa;
	font-weight: normal;
	text-decoration: none;
}
#Content #primary .titleBar .location img {
	padding: 0 6px;
}
#Content #primary .titleBar .location a:hover {
	color:#3399cc;
}
#Content #primary > article {
	clear: both;
	color: #666666;
	
}
#Content #primary > article p {
	margin-top: 3px;
	color: #666666;
	line-height: 1.625em;
	margin-bottom: 8px;
	text-align: justify;
}
#Content #primary article ul, ol {
	padding-left:20px;
	line-height: 1.625em;
}
#Content #primary article ul li {
	padding-left:20px;
	list-style-type: none;
	background:url(../images/com-icon-1.gif) no-repeat 6px 10px;
}

#Content #primary article .promotion ul{
	padding-left:0px;
	line-height: 1.625em;
}

#Content #primary article .promotion ul li {
	list-style-type: none;
	background:url(../images/com-icon-1.gif) no-repeat 3px 10px;
	padding-left:15px;
	font-size:13px;
}



#Content #share {
	padding: 20px 0;
}


/* slideTxtBox
---------------------------------------- */
#slideTxtBox {
	width: 690px;
	margin: 0px auto;
}
#slideTxtBox .hd {
	height: 31px;
	border-bottom:2px solid #a9d1e9;
}
#slideTxtBox .hd ul {
	width: 680px;
	margin: 0px;
	padding: 0px;
}
#slideTxtBox .hd ul li {
	float: left;
	list-style-type: none;
	height: 17px;
	padding: 4px 10px 4px 10px;
	margin: 4px 3px 2px 0px;
	cursor: pointer;
	font-size: 15px;
	color: #8c9baa;
	border-top: 2px solid #d3e8f4;
	border-left: 2px solid #d3e8f4;
	border-right: 2px solid #d3e8f4;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	background-color: #f1f6fa;
}

#slideTxtBox .hd ul li.on {
	font-size: 15px;
	height: 19px;
	padding: 6px 10px 6px 10px;
	margin: 0 3px 0 0;
	font-weight: bold;
	color: #000066;
	position: relative;
	border-top: 2px solid #a9d1e9;
	border-left: 2px solid #a9d1e9;
	border-right: 2px solid #a9d1e9;
	z-index: 5;
}
#slideTxtBox .bd ul {
	zoom: 1;
	margin: 0;
	padding:  20px 0px 0px 0px;
	color: #666666;
	line-height: 1.625em;
}
#slideTxtBox .bd ul p {
	margin-top: 3px;
	margin-bottom: 12px;
	font-size: 0.938em;
	color: #666;
	text-align: justify;
}
#slideTxtBox .bd ul ul, #slideTxtBox .bd ul ol {
	padding-left:20px;
}
#slideTxtBox .bd ul ul li, #slideTxtBox .bd ul ol li{
	margin-bottom: 12px;
	line-height: 1.625em;
}
/* ----- bookmarkWrap ----- */
.bookmarkWrap {
	position:relative;
	float:left;
	width:100%;
	display:block;
	min-height:330px;
	box-sizing:border-box;
}
.bookmarkWrap dl {
	position:relative;
	float:left;
	width:100%;
	height:auto;
}
.bookmarkWrap dl:before{
	content:"";
	height:0;
    border-bottom: 2px solid #a9d1e9;
	width:100%;
	position:absolute;
	left:0;
	top:48px;
	z-index:1;
}
.bookmarkWrap dl dt {
	float:left;
	width:100%;
}
.bookmarkWrap dl dt.abso {
	position:absolute;
	top:0;
	width:25%;
	text-align:center;
	box-sizing: border-box;
	padding-right:3px;
	display:table;
}
.bookmarkWrap dl dt:nth-of-type(1).abso {left:0;}
.bookmarkWrap dl dt:nth-of-type(2).abso {left:25%;}
.bookmarkWrap dl dt:nth-of-type(3).abso {left:50%;}
.bookmarkWrap dl dt:nth-of-type(4).abso {left:75%;}
.bookmarkWrap dl dt a {
	width:100%;
	font-size:1.071em;
	line-height: 130%;
	font-weight:bold;
    padding: 4px 15px 4px 15px;
    margin:0;
    cursor: pointer;
    color: #8c9baa;
    border-top: 2px solid #d3e8f4;
    border-left: 2px solid #d3e8f4;
    border-right: 2px solid #d3e8f4;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    background-color: #f1f6fa;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-decoration:none;
	height: 50px;
    display: table-cell;
    vertical-align: middle;
	
}
.bookmarkWrap dl dt a:hover,
.bookmarkWrap dl dt a:focus {
	color:#2a9acc;
}
.bookmarkWrap dl dt.abso a {
	width:100%;
}
.bookmarkWrap dl dt a.over {
	font-family: 微軟雅黑, "Microsoft YaHei";
    color: #000066;
    position: relative;
	border-color:#a9d1e9;
    z-index: 5;
	position:relative;
}
.bookmarkWrap dl dt a.over:before{
	content:"";
	width:100%;
	height:2px;
	display:block;
	background-color:#f1f6fa;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}
.bookmarkWrap dl dd {
	position:relative;
	float:left;
	width:100%;
	font-size:1.071em;
	line-height:180%;
	color: #666;
}
.bookmarkWrap dl dd p {
    margin-top: 3px;
    margin-bottom: 12px;
}
/* book
---------------------------------------- */

#booklist{
	border-bottom: 2px solid #85c2e0;
	margin-bottom: 15px;
}

#booklist .bList{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	float:left;
}

#booklist .bList .bPic{
	width:125px;
	height:160px;
	background:url(../images/book_bg.png) no-repeat;
	float: left;
	padding-left:1px;
	padding-top:1px;
	position:relative;
}

#booklist .bList .bText {
	z-index: 3;
	position: absolute;
	width: 110px;
	height: 50px;
	margin: 96px 0px 0px 1px;
	padding: 5px;
	left:0px;
	bottom:5px;
	background-color: #000;
    filter:alpha(Opacity=70, Style=0);/*for ie*/ 
	-moz-opacity:0.7;/* Moz + FF */
	opacity: 0.7;/* CSS3的標準語法，FOR支援CSS3的瀏覽器（FF 1.5）*/
}

#booklist .bList .bText a {
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	text-decoration: none;
}
#booklist .bList .bText a:hover {
	position:relative;
	left: 1px;
	top: 1px;
}

#booklist .bList .book-text{
	font-size: 13px;
	color: #666666;
	line-height: 22px;
	padding-left:10px;
	float:left;
	width:180px;
}

#booklist .bList .book-text .t01{
	color:#3399cc;
	font-size:15px;
}

#booklist .bList .book-text a:hover {
	position:relative;
	left: 1px;
	top: 1px;
}

#booklist .bookline{
	width:690px;
	height:30px;
	background:url(../images/bookline.png) no-repeat;
}






/* news
---------------------------------------- */
#newsTable {
	margin-bottom: 15px;
	border-bottom: 2px solid #85c2e0;
	background: url(../images/news-tab-bar.gif) no-repeat top left;
}
#newsTable th {
	height: 30px;
	font-size: 0.875em;
	font-weight: bold;
	color: #ffffff;
}
#newsTable tr {
	background-image: url(../images/com-dotline-1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#newsTable td {
	padding: 8px 3px;
}
#newsTable td span {
	font-size: 0.875em;
	color: #333333;
}
#newsTable h3 {
	font-size: 0.875em;
}
#newsTable h3 a {
	color: #333333;
	text-decoration: none;
}
#newsTable h3 a:hover {
	color:#000066;
	position:relative;
	left: 1px;
	top: 1px;
}
#newsTable .no {
	font-size: 0.813em;
	color: #333333;
	text-align: center;
}
#newsTable .per {
	font-size: 0.813em;
	color: #669933;
	text-align: center;
}
#newsTable .date {
	font-size: 0.813em;
	color: #3399cc;
	text-align: center;
}
#newsTable .links a{
	font-size: 0.813em;
	color: #3399cc;
	text-decoration: none;
}
#newsTable .links a:hover {
	position:relative;
	left: 1px;
	top: 1px;
}
#newsTable .atdate {
	color: #666666;
	font-size: 0.813em;
	line-height: 1.375em;
}


/* ----- news More ----- */
#newsMore {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
#newsMore .title {
	width: 100%;
	background-image: url(../images/com-dotline-2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
#newsMore .title h1 {
	font-size: 1.25em;
	font-weight: bold;
	color: #000066;
	line-height: 30px;
}
#newsMore .title .date {
	font-size: 0.813em;
	color: #939ed6;
	line-height: 20px;
}
#newsMore > article {
	clear: both;
	line-height: 1.5em;
	color: #555555;
	margin-bottom: 25px;
}
#newsMore > article p{
	margin-top: 3px;
	margin-bottom: 12px;
	line-height: 1.375em;
}
#newsMore article ul, ol {
	padding-left: 20px;
}


/* ----- at Table ----- */
table#atTable {
	border-collapse: collapse;
	width: 100%;
	float: left;
	border-top:2px solid #697cc3;
}
table#atTable td {
	font-size: 0.938em;
	color: #666666;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	padding:8px 10px;
	background-color:#ffffff;
	border:1px solid #edf1fa;
}
table#atTable th {
	font-size: 0.938em;
	font-weight: bold;
	color: #697cc3;
	background-color:#dce3ff;
	border:1px solid #edf1fa;
}
table#atTable tr:hover {
	background-color: #ffffff;
}


/* ----- gallery ----- */
#gallery {
	ZOOM: 1;
	OVERFLOW: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#gallery dl {
	margin: 0px;
	padding: 0px;
}
#gallery dd {
	padding:0 9px 20px 9px;
	float: left;
	width: 212px;
	height: 180px;
}
#gallery dd .pic a{
	width: 200px;
	height: 150px;
	border: 1px solid #dddddd;
	padding: 2px;
	display: block;
}
#gallery dd .pic a:hover{
	border: 2px solid #85c2e0;
	padding: 1px;
}
#gallery dd .name {
	text-align: center;
	font-size: 0.875em;
	color: #333333;
	margin-top: 5px;
	text-decoration: none;
	width: 212px;
	float: left;
}


/* ----- attachTable ----- */
#attachTable th {
	font-size: 0.938em;
	color: #333;
	line-height: 1.375em;
	background-color: #eee;
}
#attachTable tr:hover {
	background-color: #f0ffe2;
}
#attachTable td {
	font-size: 0.813em;
	color: #666;
	line-height: 1.375em;
	text-align: center;
}
#attachTable td a {
	color: #666;
	text-decoration: none;
}
#attachTable td a:hover {
	color: #669933;
	position:relative;
	left: 1px;
	top: 1px;
}

/* Video
---------------------------------------- */ 
#video { width: 100%;}
#video ul {list-style-type: none; margin: 0; padding: 0;}
#video ul li { float: left; width: 690px; margin-bottom: 25px;}
#video ul li .pic a{
	position: relative;
	float: left;
	margin-right: 16px;
	width: 200px;
	height:150px;
	overflow: hidden;
	padding: 1px;
	border: 2px solid #dddddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#video ul li .pic a:hover {
	border:2px solid #85c3df;
}
#video ul li .pic a .play {
	position: absolute;
	z-index: 3;
	height: 32px;
	width: 32px;
	top: 60px;
	left: 84px;	
	background:url(../images/com-icon-play.png);
}
#video ul li .text { position:relative; float:left; width:465px; line-height: 1.5em; color: #666666; font-size: 0.875em;}
	#video ul li .text h3 a { font-size:18px; color:#000066; font-weight: bold; line-height:30px; text-decoration: none;}	
	#video ul li .text h3 a:hover { position:relative; left:1px; top:1px; text-decoration:none; color:#3399cc;}
	#video ul li .text span { display: block; color:#939ed6;}
	


/* Q&A
---------------------------------------- */ 
#qaContent { width: 100%; margin-bottom: 20px;}

#qaContent .QAtitleBar {
	height: 30px;
	line-height: 30px;
	font-size: 0.875em;
	font-weight: bold;
	color: #ffffff;
	background: url(../images/news-tab-bar.gif) no-repeat top left;
}
#qaContent .QAtitleBar .number{
	width: 80px;
	float:left;
	text-align:center;
	background:url(../images/news-tab-div.png) no-repeat right;
}
#qaContent .QAtitleBar .QAtitle{
	width: 610px;
	float:left;
	text-align:center;
}
#qaContent ul.accordionPart {
	margin: 0;
	padding: 0;
	list-style: none;
}
#qaContent ul.accordionPart li {
	background:url(../images/com-dotline-1.gif) repeat-x bottom;
	padding-bottom: 10px;
	margin-top: 10px;
}
#qaContent ul.accordionPart li .no{
	font-size: 0.813em;
	width: 80px;
	text-align:center;
	float:left;
	color: #3399cc;
}
#qaContent ul.accordionPart li .Qtitle {
	font-size: 0.938em;
	background: url(../images/com-icon-qa.gif) no-repeat 0px 2px;
	margin-left:19px;
	padding-left: 25px;
	color: #000066;
	cursor: pointer;
}
#qaContent ul.accordionPart li .Qtitle_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .Acontent {
	font-size: 0.875em;
	margin: 6px 0 0 100px;
	background: url(../images/com-icon-qa.gif) no-repeat 0px -22px;
	padding-left: 25px;
	color: #666666;
	line-height: 1.375em;
}
#qaContent ul.accordionPart li .Acontent a{
	color: #3399cc;
	text-decoration: none;
}
#qaContent ul.accordionPart li .Acontent ul {
	list-style-type: disc;
	padding: 0 0 0 20px ;
}
#qaContent ul.accordionPart li .Acontent ul li{
	background: none;
	padding: 0;
	margin: 0;
}
#qaContent ul.accordionPart li .Acontent ol {
	padding: 0 0 0 20px ;
}
#qaContent ul.accordionPart li .Acontent ol li{
	background: none;
	padding: 0;
	margin: 0;
}

/* History
---------------------------------------- */ 
#historyC { width: 620px; margin-bottom: 20px; background: url(../images/historyContent-bg2.png) no-repeat; padding: 40px 40px 20px 30px; position:relative; z-index:0;}
#historyC .explain { padding-top: 6px; color: #fff; font-size: 13px; float: right;}
#historyC .explain a { color: #fff; padding: 0 5px; text-decoration: none;}
#historyC .year { color: #0099cc; font-size: 25px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; display: block;}
#historyC .line { height: 100px;}
#historyC ul.hisContent {
	margin: 0;
	padding: 0;
	list-style: none;
}
#historyC ul.hisContent li {
	clear: both;
	width: 620px;
	padding-bottom: 10px;
	margin-top: 10px;
}
#historyC ul.hisContent li .date {
	float: left;
	width: 45px;
	position:relative; 
	z-index:2;
	padding: 10px 5px;
	margin-right: 25px;
	margin-bottom: 20px;
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/history-date-bg.gif) repeat;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
  	behavior: url(../images/ie-css3.htc);
}
	#historyC ul.hisContent li .date .D{ font-size: 22px; line-height: 18px; display: block;}
	#historyC ul.hisContent li .date .M{ font-size: 14px; line-height: 20px; display: block;}

#historyC ul.hisContent li #R {
	width: 540px;
	float: left;
}	
#historyC ul.hisContent li #R .Htitle {
	font-size: 1.25em;
	padding-right: 15px;
	color: #000066;
	cursor: pointer;
	font-weight: bold;
	background:url(../images/com-icon-6.gif) no-repeat right 50%;
}
#historyC ul.hisContent li #R .Htitle_on {
	text-decoration: none;
}
#historyC ul.hisContent li #R .Acontent {
	font-size: 0.938em;
	margin: 6px 0 20px 0;
	color: #666666;
	line-height: 1.375em;
}
#historyC ul.hisContent li #R .Acontent a {	color: #3399cc;	text-decoration: none;}
#historyC ul.hisContent li #R .Acontent p {	margin-bottom:8px; }
#historyC ul.hisContent li #R .Acontent ul { list-style-type: disc; padding: 0 0 12px 20px; width: 520px;}
#historyC ul.hisContent li #R .Acontent ul li {	background: none; padding: 0; margin: 0; line-height: 22px;}
#historyC ul.hisContent li #R .Acontent ul li ol, #historyC ul.hisContent li #R .Acontent ul li ul li { width: 500px;}
#historyC ul.hisContent li #R .Acontent ol { padding: 0 0 12px 20px; margin: 0; width: 520px;}
#historyC ul.hisContent li #R .Acontent ol li {	background: none; padding: 0; margin: 0; line-height: 22px;}
#historyC ul.hisContent li #R .Acontent ol li ol, #historyC ul.hisContent li #R .Acontent ol li ul li { width: 500px;}


/* Land-download
---------------------------------------- */ 
#Ldownload { width: 100%; position:relative; z-index:8; margin-top:10px;}
#Ldownload ul { list-style-type: none; margin: 0 20px ; padding: 0;}
#Ldownload ul li {
	height: 70px;
	width: 100%;
	padding: 0 0 20px 0;
	list-style-type: none;
	margin-bottom: 10px;
	border-bottom: 1px dashed #dddddd;
}
#Ldownload ul li .pic {
	float:left;
	width: 70px;
	margin-right: 20px;
}
#Ldownload ul li .text { float:left; width: 560px; }
#Ldownload ul li .text h3 a { font-size:18px; color:#000066; font-weight: bold; line-height:30px; text-decoration: none;}	
#Ldownload ul li .texti h3 a:hover { position:relative; left:1px; top:1px; text-decoration:none; color:#3399cc;}
#Ldownload ul li .text span { display: block; font-size: 0.813em; color:#939ed6; padding-bottom:4px;}
#Ldownload ul li .text .button {
	font-size: 0.875em;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 8px;
	width: 5.7em;
	margin: 0 10px 0 0;
	text-decoration: none;
	background: #8093e6;
	border: none;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#Ldownload ul li .button:hover { color: #ffffff; background-color: #5062b6; text-decoration: none;}


/* taiwanMap
---------------------------------------- */
#taiwanTable {
	margin-bottom: 15px;
	border-bottom: 2px solid #85c2e0;
	background: url(../images/news-tab-bar.gif) no-repeat top left;
}
#taiwanTable th {
	height: 30px;
	font-size: 0.875em;
	font-weight: bold;
	color: #ffffff;
}
#taiwanTable tr {
	background-image: url(../images/com-dotline-1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#taiwanTable td {
	font-size: 0.875em;
	padding: 8px 3px;
}
#taiwanTable td span {
	font-size: 0.875em;
	color: #333333;
}
#taiwanTable .area {
	font-size: 0.813em;
	color: #3399cc;
	text-align: center;
}
#taiwanTable .file {
	font-size: 0.813emx;
	color: #333333;
	text-align: center;
}
#taiwanTable .file a:hover {
	position:relative; 
	left: 0px;	
	top: 0px;
}
#taiwanTable a .border {
	padding:2px;
	border: 1px solid #dddddd;
}
#taiwanTable a:hover .border {
	border: 1px solid #66ccff;
}
#taiwanSearch {
	text-align: left;
	margin-bottom: 15px;
}
#taiwanSearch .bg {
	height: 25px;
	background-image: url(../images/com-search-bg.gif);
	padding-left: 10px;
	background-repeat: no-repeat;
	border: none;
	margin: 0px;
}
#taiwanSearch select {
	font-size: 13px;
	padding:3px 4px;
	color:#333333;
	border:1px solid #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
  	behavior: url(../images/ie-css3.htc);
}
.contactForm{
	width:100%;
	background-image: url(../images/com-dotline-1.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:10px;
	margin-top:10px;
}
.contactForm > dl{
	width:100%;
	display:table;
	padding:6px 0;
}
.contactForm > dl > dt,
.contactForm > dl > dd{
	display:table-cell;
	vertical-align:middle;
}
.contactForm > dl > dt{ 
	width:115px;
	background-image: url(../images/com-icon-1.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:22px;
	font-size: 1.071em;
}
.contactForm > dl.formBtn > dt{ background-image:none;}
.contactForm > dl > dt label{
	position: relative;
    display: block;
    width: 100%;
    padding: 0 25px 0 0;
    word-break: keep-all;
    box-sizing: border-box;
    overflow: hidden;
}
.contactForm > dl > dt label em{
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 13px;
    height: 13px;
    font-size: 0;
    background: #DB0010;
    margin: -6.5px 0 0 0;
    z-index: 2;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-clip-path: polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
    clip-path: polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.spNote em {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    font-size: 0;
    background: #DB0010;
    vertical-align: middle;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -webkit-clip-path: polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
    clip-path: polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.contactForm > dl > dd{ width:auto;}
.contactForm > dl > dd > p{
	font-size:0.875em;
	color: #0073AA !important;
}
.btnVoice, .btnReload {
    position: relative;
    display: inline-block;
    color: #FFF;
    font-size:0 !important;
	padding:0 !important;
    width: 27px;
    height: 27px;
    background: #333;
    vertical-align: middle;
    margin-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btnVoice:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:27px;
    height:27px;    
    background:url(../images/voice-icon.png) no-repeat 50% 50%;
}
.btnReload:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:27px;
    height:27px;    
    background:url(../images/reload-icon.png) no-repeat 50% 50%;
}
.btnVoice:hover,
.btnVoice:focus,
.btnReload:hover,
.btnReload:focus {
	background:#237CB1;
}
/* Search 
---------------------------------------- */
#SearchBar {
	text-align:right;
	margin-bottom: 15px;
	width:100%;
}
#SearchBar .bg {
	height: 25px;
	background-image: url(../images/com-search-bg.gif);
	padding-left: 10px;
	background-repeat: no-repeat;
	border: none;
	margin: 0px;
}
#SearchBar select {
	font-size: 13px;
	padding:3px 4px;
	color:#333333;
	border:1px solid #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
  	behavior: url(../images/ie-css3.htc);
}
#SearchBar span {
}
#SearchBar span.title {
	float: left;
	height: 30px;
	padding-top: 3px;
	margin-top: 4px;
	font-size: 15px;
	color: #000066;
	font-weight:bold;
	padding-left:20px;
	background:url(../images/com-icon-4.gif) no-repeat;
	background-position: 0 5px;
	background-repeat: no-repeat;
}

#SearchBar span.explain { padding-right:10px; color:#8c9baa; font-size: 12px;}
#SearchBar span.explain a{ color: #000066; padding: 0 5px; text-decoration: none;}


/* Sitemap
---------------------------------------- */ 
#comSitemap { width:100%; margin: 0 auto; overflow:hidden;}
#comSitemap .title { 
	width: 189px; 
	min-height:30px; 
	text-align: center; 
	margin-bottom: 8px; 
	padding-top: 10px; 
	background:url(../images/sitemap-bg.gif) repeat-y;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#comSitemap .title h3,#comSitemap .title h3 a { 
	color: #ffffff; 
	font-weight: bold;
	font-size: 15px; 
}
#comSitemap .title span{
	font-size:12px; 
	color: #dbf5ff;
}
#comSitemap .SitemapList{
	list-style-type: none;
	margin:0 auto;
	width:96%;
}
#comSitemap .SitemapList > li{
	width:33.33%;
	float:left;
	padding:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	min-height:194px;
}
#comSitemap .SitemapList ul{ list-style-type: none; margin-bottom:15px; padding:0px}
#comSitemap .SitemapList ul li{ 
	width:174px;
	position:relative; 
	font-size: 1em;
	line-height:18px;
	padding:0 0 5px 15px ;
	border:none;
	margin:0 0 5px 0;
	background:url(../images/com-icon-2.gif) no-repeat;
	background-position: 5px 7px;
	border-bottom:1px dashed #bbbbbb;
}
#comSitemap .SitemapList ul ul{ margin-bottom:10px;}
#comSitemap .SitemapList ul ul li{
	margin-left:20px;
	width:153px;
	background:url(../images/com-icon-2.gif) no-repeat;
	background-position: 5px 7px;
}
#comSitemap .SitemapList a{ color:#0099cc; text-decoration: none;}
#comSitemap .SitemapList a:hover { color: #000066; position:relative; left: 1px;	top: 1px;}

#comSitemap div { margin-bottom:25px; font-size:1em; line-height:150%; color: #666666;}
#comSitemap div h1 { font-size: 14px;	display: inline;}
#comSitemap div a { color: #666666; text-decoration: none;}
#comSitemap div a:hover { color: #666666; text-decoration: none; left: 0px; top: 0px; }
/* sitemap 
---------------------------------------- */
#sitemap {
	position: relative;
	width: 100%;
	padding: 30px 0px;
	margin-bottom: 10px;
}
#sitemap #smInner {
	width: 950px;
	margin: 0px auto;
}
#sitemap #smInner dt {
	margin-bottom: 2px;
}
#sitemap #smInner dt a {
	font-size: 15px;
	font-weight: bold;
	color: #339;
	text-decoration: none;
}
#sitemap #smInner dt a:hover {
	color: #0099cc;
	position:relative;
	left: 1px;
	top: 1px;
}
#sitemap #smInner dd {
	font-size: 0.813em;
	line-height: 1.25em;
}
#sitemap #smInner dd a {
	color: #666;
	text-decoration: none;
}
#sitemap #smInner dd a:hover {
	color: #0099cc;
	position:relative;
	left: 1px;
	top: 1px;
}

/* footer
---------------------------------------- */
#footer {
	width: 100% ;
	margin:0px;
	min-height:190px;
	background: url(../images/com-tail-bg.gif) top #d4e8fa;
	background-repeat: repeat-x;
}

#footer #footerBG {
	width: 950px;
	margin: 0px auto;
	padding:0;
	background: url(../images/com-tail.gif) top #d4e8fa;
	background-repeat: no-repeat;
	position:relative;
}

#footer #footerBG a:hover {
	position:relative;
	left: 1px;
	top: 1px;
}
#footer #footerBG #qr {
	float: left;
	width: 52px;
	height: 52px;
}
#footer #footerBG #qr img{
	padding-top:5px;
}
#footer #footerBG #copyright {
	float: left;
	width: 60%;
	margin-left: 15px;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}

#footer #footerBG #copyright h2 {
	display:inline;
	font-size:12px;
}
#footer #footerBG #copyright h2 a {
	color: #666666;
	text-decoration:none;
}
#footer #footerBG #copyright h2 a:hover {
	color: #666666;
	top: 0px;
	left: 0px;
	text-decoration:none;
}
#footer #footerBG #copyright span {
	color: #669933;
}
#footer #footerBG .tailBox{
	width:100%;
	float:left;
	clear:both;
}
#footer #footerBG > ul {
	margin:0;
	float: left;
    width: 950px;
	letter-spacing: 1px;
	padding:30px 0 6px;
}
#footer #footerBG > ul li {
	float: left;
	list-style-type: none;
	background-image: url(../images/com-tail-div.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	padding-left: 17px;
	font-size: 13px;
}
#footer #footerBG > ul li a {
	color: #0099cc;
	text-decoration: none;
}
#footer #footerBG > ul li.first {
	background-image: none;
	padding-left: 0px;
}

#footer #footerBG .footerlogo{
	width: 100%;
    float: left;
	padding-top:10px;
    clear: both;
}
#footer #footerBG .footerlogo ul{
	list-style-type:none;}
#footer #footerBG .footerlogo ul li{
	width:auto;
	float:left;
	background-image: none;
	font-size: 15px;
	color:#666;
	margin-right:20px;
}
#footer #footerBG .footerlogo ul .bigfont{
	font-size: 18px;
	background-image: none;
}
#footer #footerBG .footerlogo ul .bigfont img{
    padding-right: 5px;
}
#footer #footerBG .footerlogo ul li span , #footer #footerBG .footerlogo ul .bigfont span{
	color:#0099cc;
	font-size:15px;
	padding-left:5px;
}
#footer #footerBG #top{
	position:absolute;
	right:0;
	top:64px;
}
#footer #footerBG #top a {
	float: right; 
	display: block;
	width: 27px;
	height: 36px;
	background-image: url(../images/com-tail-top-off.gif);
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 6px;
}
#footer #footerBG  #top a:hover {
	position:relative;
	left: 1px;
	top: 1px;
}



/* common
---------------------------------------- */
.input {
	font-size: 12px;
	color: #333;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	background-color: #f5f5f5;
	padding: 1px 3px;
	margin-right:5px;
	border-top:1px solid #abadb3;
	border-left:1px solid #e2e3ea;
	border-right:1px solid #e2e3ea;
	border-bottom:1px solid #e2e3ea;
}

.input2 {
	font-size: 12px;
	color: #333;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	margin-right: 5px;
	border-top: 1px solid #abadb3;
	border-left: 1px solid #e2e3ea;
	border-right: 1px solid #e2e3ea;
	border-bottom: 1px solid #e2e3ea;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}
article .input {
	font-size: 13px;
	color: #222;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 3px 5px;
  	behavior: url(../images/ie-css3.htc);
}
select {
	font-size: 13px;
	padding:3px 4px;
	color:#333333;
	border:1px solid #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
  	behavior: url(../images/ie-css3.htc);
}
.back a {
	display: block;
	width: 54px;
	height: 19px;
	background-image: url(../images/com-back-off.gif);
	overflow: hidden;
	text-indent: -9999px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.back a:hover {
	background-image: url(../images/com-back-on.gif);
}
.button {
	font-size: 0.938em;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 15px;
	margin: 0 10px 0 0;
	text-decoration: none;
	background-color: #0099cc;
	border: none;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  	behavior: url(../images/ie-css3.htc);
}
.button:hover { color: #ffffff; background-color: #006699; text-decoration: none;}
.textCenter { text-align:center;}
.left20 { margin-left: 20px; text-align: justify;}
.left25 { margin-left: 25px; text-align: justify;}
.left30 { margin-left: 30px; text-align: justify;}
.left40 { margin-left: 40px; }
.ch-digit {	list-style-type: none; text-indent: -55px; margin-left: 50px;}
.border { border: 1px solid #dddddd; padding: 5px;}
.line-1 {
	background-image: url(../images/com-line-1.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.line-2 {
	background-image: url(../images/com-dotline-1.gif);
	background-repeat: repeat-x;
	clear:both;
	margin-bottom:25px;
	clear: both;
}
.line-3 {
	background-image: url(../images/com-dotline-1.gif);
	background-repeat: repeat-x;
	background-position: center;
	clear: both;
}
.line-4 {
	background-image: url(../images/com-dotline-1.gif);
	background-repeat: repeat-x;
	background-position: center;
	height:35px;
	clear: both;
}

/* font 
---------------------------------------- */
.title-b {
	min-height: 30px;
	padding-top: 3px;
	margin-top: 4px;
	font-size: 1em;
	color: #000066;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 5px;
	background:url(../images/com-icon-4.gif) no-repeat;
	background-position: 0 5px;
	background-repeat: no-repeat;
}

#font-a-13{
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
}

.font-blue-13 {
	font-size: 0.813em;
	color: #000066;
	text-decoration: none;
}
.font-blue-15 {
	font-size: 0.938em;
	color: #000066;
	line-height: 1.5em;
	text-decoration: none;
}
.font-Lblue-18 {
	font-size: 1.125em;
	color: #3399cc;
	line-height: 1.75em;
	text-decoration: none;
}

.font-green-13 {
	font-size: 0.813em;
	color: #669933;
	text-decoration: none;
}
.font-green-15 {
	font-size: 0.938em;
	color: #669933;
	line-height: 1.5em;
	text-decoration: none;
}
.font-green-18 {
	font-size: 1.125em;
	color: #669933;
	text-decoration: none;
}

.font-black-13 {
	font-size: 0.813em;
	color: #333333;
	line-height: 1.5em;
}

.font-black-15 {
	font-size: 0.938em;
	color: #333333;
	line-height: 1.5em;
}

.font-black-17 {
	font-size:17px;
	color: #333333;
	line-height: 1.5em;
}
.font-black-18 {
	font-size: 18px;
	color: #333333;
	line-height: 1.5em;
}

.font-black-20 {
	font-size: 20px;
	color: #333333;
	line-height: 36px;
}

.font-black-22 {
	font-size: 22px;
	color: #333333;
	line-height: 36px;
}

.font-gray-13 {
	font-size: 0.813em;
	color: #666;
	text-decoration: none;
}
.font-gray-15 {
	font-size: 0.938em;
	color: #666;
	line-height: 1.5em;
}
.font-orange-13 {
	font-size: 0.813em;
	color: #e67000;
	text-decoration: none;
}
.font-white-16 {
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}
.font-white-18 {
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
}
.font-red { color: #ff0000; text-decoration: none;}
.font-green { color: #669933; text-decoration: none;}
.font-blue { color: #3399cc; text-decoration: none;}
.font-white { color: #ffffff; text-decoration: none;}

.blueTowbox{
	width:100%;
	float:left;
	margin:0 auto;
	padding:0;
}
.blueTowbox ul{
	list-style-type:none;
	width:93%;
	margin:10px auto;
}
.blueTowbox ul li{
	width:290px;
	margin:5px;
	float:left;
	padding:10px !important;
	background:url(../images/intro-pic1-1.gif) right bottom no-repeat #E0EAF6 !important;
}