@charset "utf-8";
.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;
	color:#fff;
}
.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; 
}
.mtree-skin-selector{
	display:none;
}
.noscript a{ color:#F90 !important;}
table th > p,table td > p{ margin-top:6px !important; margin-bottom:6px !important;}
/* 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;}
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;}

a:link {color: #0099cc;}
a:visited { color:#565bd9;}
a:hover {color:#f57b32;}
a:active {color:#f53232;}
/* clearfix
---------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}	
.clearfix {display: block;}	


/* 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;
}
.linkBox{
	width:100%;
	font-size: 1em;
    color: #666;
	line-height: 1.375em;
	position:relative;
	padding-left:100px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom:20px;
}
.linkBox .tit{
	position:absolute !important;
	left:0;
	top:0;
}
.linkBox .tit img{
	-webkit-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
}
.linkBox .wd a{
	color:#0099cc;
	text-decoration:none;
	display:block;
	word-break:break-all;
	word-break: break-word;
}
.linkBox .wd a:hover{
	color:#669933;
}
.linkBox .wd ul{}
.linkBox .wd ul li{
	list-style-type:disc !important;
	background-image:none !important;
	padding:0 !important;
	color:#0099cc;
}
.linkBox .wd ul li:hover{color:#669933;}
/* 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;
	background-repeat:no-repeat;
}
#header #ver li.v1 a {
	background-image: url(../images/com-ver-1.png);
	width: 77px;
}
#header #ver li.v2 a {
	background-image: url(../images/com-ver-2.png);
	width: 74px;
}
#header #ver li.v3 a {
	background-image: url(../images/com-ver-3.png);
	width: 116px;
}
#header #ver li.v4 a {
	background-image: url(../images/com-ptlink.png);
	width: 97px;
}
#header #ver li.v1 a:hover,
#header #ver li.v2 a:hover,
#header #ver li.v3 a:hover,
#header #ver li.v4 a:hover {
	position:relative;
	left: 1px;
	top: 1px;
	background-position:left -24px;
}
#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;
	right:50%;
	top: 44px;
	margin-right:-69px;
	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: 5px 18px;
	padding-left:12px;
}
#header #menu dd.first {
	background-image: none;
	padding-left:22px;
}
#header #menu dd span a {
	display: block;
	height: 25px;
	margin: 13px 0;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat:no-repeat;
	background-position:center 0;
	padding: 0 1px;
}
#header #menu dd span.m1 a {
	width:78px;
	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:center -25px;
}
#header #menu dd span.m2 a {
	width: 140px;
	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:center -25px;
}
#header #menu dd span.m3 a {
	width:46px;
	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:center -25px;
}
#header #menu dd span.m4 a {
	width: 46px;
	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:center -25px;
}
#header #menu dd span.m5 a {
	width: 86px;
	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:center -25px;
}
#header #menu dd span.m6 a {
	width: 112px;
	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:center -25px;
}
#header #menu dd span.m7 a {
	width: 79px;
	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:center -25px;
}
#header #menu dd span.m8 a {
	width: 79px;
	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:center -25px;
}
#header #menu dd span.m9 a {
	width: 79px;
	background-image: url(../images/com-menu-9.png);
}
#header #menu dd span.m9 a:hover, #header #menu dd span.m9 a.unit-now {
	background-image: url(../images/com-menu-9.png);
	background-position:center -25px;
}
#header #menu dd span.m10 a {
	width: 79px;
	background-image: url(../images/com-menu-10.png);
}
#header #menu dd span.m10 a:hover, #header #menu dd span.m10 a.unit-now {
	background-image: url(../images/com-menu-10.png);
	background-position:center -25px;
}
/* menu::level2 */
#header #menu dd div ul {
	padding: 4px;
	margin: 0 0 6px 0;
	width: 117px;
	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:12px;
	color: #0099cc;
	padding: 5px 10px 5px 5px;
	margin: 0 10px;
	text-decoration:none;
	border-top: 1px dotted #b7b6b6;
}
#header #menu dd div .smenu li:first-child a{
	border-top:none;
}
#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 108px !important;
	*margin: -34px 0 0 108px !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 {
	width: 990px;
	height: 70px;
	margin: 0px auto;
}

/* ----- 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;
	position:relative;
}
#secondary #unit > h2{
	position:absolute;
	left:28px;
	top:30px;}

#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.066em;
	padding: 6px 20px;
	line-height: 120%;
}

#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: 6px 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:1.066em;
	margin: 0;
	color: #333333;
	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:55px;
}
#Content #primary .titleBar {
	position: relative;
	z-index: 2;
	margin-bottom:30px;
}
#Content #primary .titleBar .title {
	font-size:1.923em;
	color: #333333;
	font-weight: bold;
}
#Content #primary .titleBar .location {
	font-size:0.857em;
	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;
	font-size: 1.125em;
	line-height:150%;
}
#Content #primary > article p {
	margin-top: 3px;
	color: #666666;
	line-height: 1.625em;
	margin-bottom: 8px;
}
#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;
}
.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 10px;
	padding-left:22px;
	font-size: 1em;
	color:#669933;
	vertical-align:top;
}
.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.formBtn > dt{ background-image:none;}
.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;
}
#Content #share {
	padding:0;
	margin:20px 0;
	position:relative;
	width:100%;
	float:left;
}
#Content #share .addthis_inline_share_toolbox{
	position:absolute;
	top:0;
	left:120px;
}
.shareBox{
	float: left;
	width:auto;
	margin:0px;
}
.shareBox > ul{
	width:auto;
	float:left;
	list-style-type:none;
}
.shareBox > ul > li{
	width:auto;
	margin-right:6px;
	float:left;
}
.shareBox a{
	display:block;
	width:28px;
	height:28px;
	background-position:center;
	background-size:100% auto;
	border:1px solid #000000;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	overflow:hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size:0;
}
.shareBox .icon-fb {
	background-image:url(../images/fat-social1-white.svg);
	*background-image:url(../images/fat-social1-white.png);
	border:1px solid #3b5999;
	background-color:#3b5999;
}
.shareBox .icon-fb:hover {
	background-color:#324a80;
	border-color:#324a80;
}
.shareBox .icon-twitter {
	background-image:url(../images/fat-social2-white.svg);
	*background-image:url(../images/fat-social2-white.png);
	border:1px solid #1ea1f3;
	background-color:#1ea1f3;	
}
.shareBox .icon-twitter:hover {
	background-color:#1a90d9;
	border-color:#1a90d9;
}
.shareBox .icon-gplus {
	background-image:url(../images/fat-social3-white.svg);
	*background-image:url(../images/fat-social3-white.png);
	border:1px solid #dc4e40;
	background-color:#dc4e40;
}
.shareBox .icon-gplus:hover {
	background-color:#c24438;
	border-color:#c24438;
}
.shareBox a:hover{
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.shareBox a:last-child{
	margin-right: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 15px 4px 15px;
	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 15px 6px 15px;
	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;
}
#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;
}

/* book
---------------------------------------- */

#booklist{
	border-bottom: 2px solid #85c2e0;
	margin-bottom: 15px;
	width:100%;
	margin-top:10px;
	float:left;
}


#booklist .bList{
	padding-left:10px;
	padding-top:10px;
	margin-left: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: 1em;
	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{
	margin-top:8px;
	float:left;
}

#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;
	float:left;
}

/* ----- 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:20%;
	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:20%;}
.bookmarkWrap dl dt:nth-of-type(3).abso {left:40%;}
.bookmarkWrap dl dt:nth-of-type(4).abso {left:60%;}
.bookmarkWrap dl dt:nth-of-type(5).abso {left:80%;}
.bookmarkWrap dl dt a {
	width:100%;
	font-size:1.066em;
	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.125em;
	line-height:180%;
	color: #666;
}
.bookmarkWrap dl dd p {
    margin-top: 3px;
    margin-bottom: 12px;
}
/* news
---------------------------------------- */
#newsTable {
	margin-bottom: 15px;
	border-bottom: 2px solid #85c2e0;
	background: url(../images/news-tab-bar.gif) no-repeat top left;
}
#newsTable table{
	width:100%;
	padding:0;
	border-spacing:0;
}
#newsTable th {
	height: 30px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	padding: 0;
}
#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: 1em;
	color: #333333;
}
#newsTable h3 {
	font-size:1.066em;
    line-height: 150%;
}
#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.928em;
	color: #333333;
	text-align: center;
}
#newsTable .per {
	font-size: 0.928em;
	color: #669933;
	text-align: center;
}
#newsTable .date {
	font-size: 0.813em;
	color: #3399cc;
	text-align: center;
}
#newsTable .links a{
	font-size: 0.928em;
	color: #3399cc;
	text-decoration: none;
}
#newsTable .links a:hover {
	position:relative;
	left: 1px;
	top: 1px;
}
#newsTable .atdate {
	color: #666666;
	font-size: 0.928em;
	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;
	position:relative;
}
#newsMore .title .sign-up{
	position:absolute;
	top:15px;
	right:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d4d94+49,000066+51 */
	background: #4d4d94; /* Old browsers */
	background: -moz-linear-gradient(top, #4d4d94 49%, #000066 51%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4d4d94 49%,#000066 51%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4d4d94 49%,#000066 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d94', endColorstr='#000066',GradientType=0 ); /* IE6-9 */
	color:#fff;
	padding:3px 15px;
	*padding:3px 15px 5px 15px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	line-height:20px;
	font-size:14px;
	text-decoration:none;
}
#newsMore .title .sign-up:hover{
	background: #000066;
	top:16px;
	right:-1px;
}
#newsMore .title h2 {
	font-size: 1.25em;
	font-weight: bold;
	color: #000066;
	line-height: 30px;
}
#newsMore .title .date {
	font-size: 0.928em;
	color: #939ed6;
	line-height: 20px;
}
#newsMore > article {
	clear: both;
	color: #555555;
	margin-bottom: 25px;
	font-size: 1.125em;
	line-height: 180%;
}
#newsMore > article p{
	margin-top: 3px;
	margin-bottom: 12px;
	line-height:170%;
}
#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 {
	width: 100%;
	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;
	min-height: 180px;
}
#gallery ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
#gallery ul li{
	padding:0 9px 10px 9px;
	float: left;
	width: 212px;
	min-height: 180px;
}
#gallery .pic a{
	width: 200px;
	height: 150px;
	border: 1px solid #dddddd;
	padding: 2px;
	display: block;
}
#gallery .pic a:hover{
	border: 2px solid #85c2e0;
	padding: 1px;
}
#gallery .name {
	text-align: center;
	font-size: 1em;
	color: #333333;
	margin-top: 5px;
	text-decoration: none;
	width: 212px;
	float: left;
	min-height:36px;
}
/* ----- attach ----- */
#attach{
	width:100%;
	float:left;
}
.downloadBot{
	width:100%;
	display:table;
} 
.downloadBot > dt,
.downloadBot > dd{
	display:table-cell;
	vertical-align:top;
}
.downloadBot > dt{
	width: 85px;
    background-image: url(../images/com-icon-3.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 15px;
	padding-top:2px;
    font-size: 1em;
	color:#666;
}
.downloadBot > dd{ width:auto; border:1px solid #ddd;}

#attach table td a.font-green-13{
	word-break:break-all;
}
/* ----- attachTable ----- */
#attachTable{
	width:100%;
	padding:0;
	margin:0;
}
#attachTable th {
	font-size: 1em;
	color: #333;
	line-height: 1.5em;
	background-color: #eee;
}
#attachTable tr:hover {
	background-color: #f0ffe2;
}
#attachTable td {
	font-size:0.933em;
	color: #666;
	line-height: 1.5em;
	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:120px;
	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:100%;
	top: 50%;
	left:0;
	margin-top:-18px;
	background:url(../images/com-icon-play.png) no-repeat center center;
}
#video ul li .text { position:relative; float:left; width:465px; line-height: 1.5em; color: #666666; font-size: 1em;}
#video ul li .text h3 { font-size:1.2em; color:#000066; font-weight: bold; line-height:30px; text-decoration: none;}	
/*#video ul li .text h3: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: 1.066em;
	background: url(../images/com-icon-qa.gif) no-repeat 0px 2px;
	margin-left:19px;
	padding-left: 25px;
	color: #000066;
	cursor: pointer;
	text-decoration:none;
}
#qaContent ul.accordionPart li .Qtitle_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .Acontent {
	font-size: 1em;
	margin: 6px 0 0 100px;
	background: url(../images/com-icon-qa.gif) no-repeat 0px -22px;
	padding-left: 25px;
	color: #666666;
	line-height:150%;
}
#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: 1em; 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%;
	text-decoration:none;
}
#historyC ul.hisContent li #R .Htitle_on {
	text-decoration: none;
}
#historyC ul.hisContent li #R .Acontent {
	font-size: 1em;
	margin: 6px 0 20px 0;
	color: #666666;
	line-height: 1.375em;
	text-align: justify;
}
#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,
#Ldownload ul li .text h3{ font-size:1.2em; 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: 1em; color:#939ed6; padding: 8px 0;}
#Ldownload ul li .text .button {
	font-size:0.928em;
	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:0.928em;
	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);
}

/* Search 
---------------------------------------- */
#SearchBar {
	text-align:right;
	margin-bottom: 15px;
	width:100%;
    display: inline-block;
}
#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: 1em;
	height: 26px;
	padding:0 4px;
	color:#333333;
	border:1px solid #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
  	behavior: url(../images/ie-css3.htc);
	font-family:"微軟正黑體";
	-webkit-transform:translate3d(0, 2px, 0);
	transform:translate3d(0, 2px, 0);
}
#SearchBar span {}
#SearchBar .title{float: left;}
#SearchBar .title , .analysisForm p.title2 {
	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;
	text-align:left;
}
#SearchBar .title2 {
	height: 30px;
	font-size: 15px;
	color: #000066;
	font-weight:bold;
	padding-left:5px;
}

#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; 
	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;
}
#comSitemap .SitemapList > li:nth-of-type(6){ min-height:898px;}
#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;
}

/* fatfooter
---------------------------------------- */
#fatfooter{
	width: 100%;
    margin: 0 auto;
	border-top:1px solid #d1e7f4;
	padding:0;
}
#fatfooter .container{
	width: 950px;
	height:auto !important;
	margin: 0px auto;
}
#fatfooter .fat-top{
	float: left;
    width: 100%;
    padding: 0;
    margin: 0 auto 20px;
    overflow: hidden;
}
#fatfooter .fat-nav{
	float: left;
    width: 100%;
    padding: 0;
    margin: 20px auto 30px auto;
    overflow: hidden;
}
#fatfooter .fat-top > ul,
#fatfooter .fat-nav > ul{
    float: left;
    width: 100%;
    padding: 0;
    list-style: none;
}
#fatfooter .fat-top > ul > li,
#fatfooter .fat-nav > ul > li{
    float: left;
    width: 16.666666%;
    padding:0 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
#fatfooter .fat-top a,#fatfooter .fat-nav a{text-decoration:none;}
#fatfooter .fat-top > ul > li > a,
#fatfooter .fat-nav > ul > li > a{
	width:100%;
	line-height:16px;
    padding: 8px 0;
    text-align: center;
    margin-bottom: 8px;
    background: url(../images/fat-bg.gif) repeat-y;
	display:block;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#fatfooter .fat-top > ul > li > ul,
#fatfooter .fat-nav > ul > li > ul{
    list-style: none;
}
#fatfooter .fat-top > ul > li > ul li,
#fatfooter .fat-nav > ul > li > ul li{
    width:100%;
    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;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#fatfooter .fat-top > ul > li > ul li a,
#fatfooter .fat-nav > ul > li > ul li a{color:#0099cc;}
#fatfooter .fat-top > ul > li > ul li a:hover,
#fatfooter .fat-nav > ul > li > ul li a:hover{
	color:#000066;
    position: relative;
    left: 1px;
    top: 1px;
}
/*--- trigger ---*/
#fatfooter .trigger {
	float:left;
	width: 100%;
	padding:32px 0 20px;
	text-align:center;
}
#fatfooter .trigger .tit-Panell {
	float:left;
	width: 100%;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;	
	margin-top:20px;
}
#fatfooter .trigger a {
	width:130px;
	height:auto;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	padding:0 10px;
	background: #186499; /* Old browsers */
	background: -moz-linear-gradient(top, #186499 0%, #2da9d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #186499 0%,#2da9d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #186499 0%,#2da9d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#186499', endColorstr='#2da9d8',GradientType=0 ); /* IE6-9 */
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	text-decoration:none;
}
#fatfooter .trigger a:hover {
	color:#fff100;
}
#fatfooter .trigger a.open-Panell,
#fatfooter .trigger a.close-Panell {
	display:none;	
}
#fatfooter .trigger a.open-Panell span,
#fatfooter .trigger a.close-Panell span {
	width:auto;
	padding:6px 0 6px 26px;
	margin:0 auto;
	display:inline-block;
}
#fatfooter .trigger a.open-Panell span {
	background:url(../images/open-Panell.png) no-repeat 0 50%;
}
#fatfooter .trigger a.open-Panell:hover span {
	background:url(../images/open-Panell-ov.png) no-repeat 0 50%;
}
#fatfooter .trigger a.close-Panell span {
	background:url(../images/close-Panell.png) no-repeat 0 50%;
}
#fatfooter .trigger a.close-Panell:hover span {
	background:url(../images/close-Panell-ov.png) no-repeat 0 50%;
}
/* footer
---------------------------------------- */
#footer {
	width: 100% ;
	margin: 0;
	min-height: 190px;
	background: url(../images/com-tail-bg.gif);
	background-repeat: repeat-x;
	background-position:top;
	background-color:#d5e7fb;
}
#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 .tailBox{
	width:100%;
	float:left;
	clear:both;
	margin:0;
}
#footer #footerBG a:hover {
	position:relative;
	left: 1px;
	top: 1px;
}
#footer #footerBG #qr {
	float: left;
	width: 52px;
	height: 52px;
}
#footer #footerBG #copyright {
	float: left;
	width: 58%;
	margin-left: 15px;
	font-size:0.928em;
	line-height: 170%;
	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 #copyright ul {
	margin-bottom:3px;
}
#footer #footerBG #copyright 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: 1em;
}
#footer #footerBG #copyright li a {
	color: #0099cc;
	text-decoration: none;
}
#footer #footerBG #copyright li.first {
	background-image: none;
	padding-left: 0px;
}
/*---20171211版權區調整---*/
#footer #footerBG > ul {
	clear: both;
    float: left;
	padding: 30px 0 6px;
	margin:0;
    width: 100%;
	list-style-type:none;
}
#footer #footerBG > ul li {
	float: left;
	display:inline-block;
}
#footer #footerBG > ul li a {
	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: 1em;
	color: #0099cc;
	text-decoration: none;
	display:table-cell;
}
#footer #footerBG > ul li.first a {
	background-image: none;
	padding-left: 0px;
	float: left;
	list-style-type: none;
	font-size: 1em;
	color: #0099cc;
	text-decoration: none;
	letter-spacing: 2px;
}
#footer #footerBG .footerlogo{
	float: left;
    width: 100%;
}
#footer #footerBG .footerlogo ul{
	list-style-type:none;
	margin:10px 0;
}
#footer #footerBG .footerlogo ul li{
	color: #666;
    font-size: 20px;
    width:auto;
	float:left;
	margin-right:20px;
}
#footer #footerBG .footerlogo ul li img{
	padding-right: 5px;
}
#footer #footerBG .footerlogo ul li span{
	font-size: 15px;
    color: #0099cc;
	padding-left: 5px;
}
#footer #footerBG .footerlogo ul .small{
	color: #666;
    font-size: 15px;
}

    
/*---20171211版權區調整 END---*/
#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:1em;
	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);
}
.com_select{ float:right;}
.com_select form{ display:inline-block;}
select {
	font-size:1em;
	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);
	-webkit-transform:translate3d(0, 2px, 0);
	transform:translate3d(0, 2px, 0);
	font-family:"微軟正黑體";
}
.blueButton{
	font-size: 0.938em;
    font-weight: bold;
    color: #ffffff;
    padding:4px 8px;
    margin: 0;
    text-decoration: none;
    border: none;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background-color:#000066;
	font-family: "微軟正黑體";
	-webkit-transform:translate3d(0, 2px, 0);
	transform:translate3d(0, 2px, 0);
}
.blueButton:hover{ background-color:#0099cc;}
.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);
	cursor:pointer;
	font-family: "微軟正黑體", Arial, Helvetica;
}
.button:hover { color: #ffffff; background-color: #006699; text-decoration: none;}
.textCenter { text-align:center;}
.left20 a{
	text-decoration:none;
	color:#337FE5;
}
.left20 a:hover{
	color:#ee7300;
}
.left20 { margin-left: 20px; }
.left25 { margin-left: 25px; }
.left30 { margin-left: 30px; }
.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;
}
.line-3 {
	background-image: url(../images/com-dotline-1.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.line-4 {
	background-image: url(../images/com-dotline-1.gif);
	background-repeat: repeat-x;
	background-position: center;
	height:35px;
}

/* font 
---------------------------------------- */
a.kmlbtn{
	text-decoration: none;
	color: #666666;
	font-size: 0.938em;
	font-weight: bold;
	color: #ffffff;
	padding: 6px 0px;
	margin: 50px 10px 0 0;
	border:1px solid #dddddd;
	display: inline-block;
	text-align:center;
	float:left;
	width:208px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,dddddd+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 30%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 30%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 30%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 30%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 30%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
a.kmlbtn:hover{
	text-decoration: none;
	position:relative;
	top:1px;
	color: #666666;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,ffffff+70 */
background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(70%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dddddd 0%,#ffffff 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 70%); /* IE10+ */
background: linear-gradient(to bottom, #dddddd 0%,#ffffff 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

a.kmlbtn img{
	position:relative;
	top:-3px;
}

.title-b {
	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-blue-13 {
	font-size: 0.928em;
	color: #000066;
	text-decoration: none;
}
.font-blue-15 {
	font-size: 1em;
	color: #000066;
	line-height: 1.5em;
	text-decoration: none;
}
.font-Lblue-18 {
	font-size: 1.2em;
	color: #3399cc;
	line-height: 1.75em;
	text-decoration: none;
}
.font-green-13 {
	font-size: 0.928em;
	color: #669933;
	text-decoration: none;
}
.font-green-14 {
	font-size: 1em;
	color: #669933;
	line-height: 1.5em;
	text-decoration: none;
}
.font-green-15 {
	font-size: 1em;
	color: #669933;
	line-height: 1.5em;
	text-decoration: none;
}
.font-green-18 {
	font-size: 1.2em;
	color: #669933;
	text-decoration: none;
}
.font-black-15 {
	font-size: 1em;
	color: #333333;
	line-height: 1.5em;
}
.font-black-18 {
	font-size: 1.2em;
	color: #333333;
	line-height: 1.5em;
}
.font-black-22 {
	font-size: 1.571em;
	color: #333333;
	line-height: 36px;
}
.font-gray-13 {
	font-size: 0.928em;
	color: #666;
	text-decoration: none;
}
.font-gray-14 {
	font-size: 1em;
	color: #666;
}
.font-gray-15 {
	font-size: 1em;
	color: #666;
	line-height: 1.5em;
}
.font-orange-13 {
	font-size: 0.928em;
	color: #e67000;
	text-decoration: none;
}
.font-white-14 {
	font-size: 1em;
	color: #ffffff;
	text-decoration: none;
}
.font-white-15 {
	font-size: 1em;
	color: #ffffff;
	text-decoration: none;
}
.font-white-16 {
	font-size: 1.066em;
	color: #ffffff;
	text-decoration: none;
}
.font-white-18 {
	font-size: 1.2em;
	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;}

/*tower*/
.tower .titleBar {
	position: relative;
	z-index: 2;
	margin-bottom:30px;
	margin-top: 75px;
}
.tower .titleBar .title {
	font-size: 1.923em;
	color: #333333;
	font-weight: bold;
}
.tower .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;
}
.tower .titleBar .location a {
	color: #8c9baa;
	font-weight: normal;
	text-decoration: none;
}
.tower .titleBar .location img {
	padding: 0 6px;
}
.tower .titleBar .location a:hover {
	color:#3399cc;
}

.analysisBox{
	width:100%;
	float:left;
	border: 1px solid #dedede;
    margin: 0px 0 30px 0;
    padding: 10px;
    box-sizing: border-box;
}
.analysisBox .Boxhead{
    line-height: 2;
}
.analysisBox .Boxhead h2{
	font-size: 14px;
	margin-left:20px;
}
.analysisForm{
	width:100%;
	float:left;
	font-size: 14px;
}
.analysisForm .analysisTab{
	width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
	margin-top:6px;
}
.analysisForm .analysisTab tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}
.analysisForm .analysisTab th{
	padding: 6px 4px;
    color: #fff;
    text-align: center;
	background-color:#175c88;
	border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
}
.analysisForm .analysisTab tbody td{
    text-align: center;
	border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    padding: 7px 6px;
}
.analysisTab tbody tr td:last-child {
    border-right: 1px solid #dedede;
}
.analysisTab tr th:first-child , .analysisTab tr th:last-child  , .analysisTab tr td:first-child , .analysisTab tr td:last-child {
	font-weight:bold;
}

/* add-menu */
.add-menu{
	width:auto;
	float:right;
	list-style-type:none;
	padding:0;
	margin: 5px 0 0 0;
}
.add-menu > li{
	float:left;
	margin-right:6px;
}
.add-menu > li:last-child{
	margin-right:0;
}
h3.tower_ad_title{
	display: block;
	font-weight: bold;
    font-size: 1.1em;
	color: #041a6e;
}
.add-menu .blueButton{
	margin-left:6px;
	padding:7px 8px;
}
.analysisForm{
	width:100%;
	float:left;
	margin-bottom:40px;
}
.add-menu .SlectBox {
    background-color:#fff;
    border: none;
    color: #333;
    font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
    height: 33px;
    padding: 0 10px;
    line-height: 33px;
    float: left;
	border:1px solid #dedede;
	min-width:118px;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.SumoSelect > .CaptionCont > label > i{
	border-color:#333 transparent transparent transparent;
}
.SumoSelect > .optWrapper.open{
	top:35px;
}
.SumoSelect > .optWrapper > .options > li:hover { background-color:#eee; }
.input-label, .hide-title{ display:none;}
.tower-table tr td:last-child{font-weight: normal;}

.blueTowbox{
	width:100%;
	display: inline-block;
	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;
	text-align:center;
}
/**/
.noteBtn{
	padding:26px 0 10px;
	text-align:center;
}
.noteBtn .disB{
	color:#000000;
	padding:5px 10px;
	border:1px solid #000000;
	text-decoration:none;
}
.noteZone{
	background-color:#fff;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	color: #333;
	padding:15px;
	border: 2px solid #DBE5F1;
	margin:10px 0 20px;
}
.noteZone ol,.noteZone ul{
	padding-left:20px;
}
.noteZone > ul > li > ul > li{
	list-style-type:disc !important;
}
.noteZone > ul > li > ul > li > ul > li{
	list-style-type:circle !important;
}
.noteZone ul li ul li{
	padding-left:0 !important;
	background:none !important;
}
.noteZone > strong:first-of-type{
	font-size:1.25em;
	font-weight:bold;
	margin-bottom:10px;
	display: block;
}
.noteZone h4{
	display:block;
	font-size:1em;
	font-weight:bold;
	color: #3371b8;
}