@charset "utf-8";
html {
  scrollbar-face-color: #dddddd;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #999999;
  scrollbar-3dlight-color: #999999;
  scrollbasr-arrow-color: #999999;
  scrollbar-track-color: #eeeeee;
  scrollbar-darkshadow-color: #666666;
}

a:link {
	font-size: 9pt;
	color: #777777;
	text-decoration: none;
}
a:visited {
	font-size: 9pt;
	color: #777777;
	text-decoration: none;
}
a:hover {
	font-size: 9pt;
	color: #555555;
	text-decoration: underline;
}
a.sitemap:link {
	font-size: 12px;
	color: #777777;
	text-decoration: none;
}
a.sitemap:visited {
	font-size: 12px;
	color: #777777;
	text-decoration: none;
}
a.sitemap:hover {
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
a.work:link {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
a.work:visited {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
a.work:hover {
	font-size: 12px;
	color: #186261;
	text-decoration: none;
}
.line {
	border-top: 1pt solid #aaaaaa;
	border-right: 1pt none #aaaaaa;
	border-bottom: 1pt solid #aaaaaa;
	border-left: 1pt none #aaaaaa;
}
.r-bg {
	background-image: url(../images/r-bg.jpg);
	background-repeat: repeat-y;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
	background-position: left;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
}
.l-bg {
	background-image: url(../images/l-bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
}
.topbg {
	background-image: url(../images/top-bg.jpg);
	background-repeat: repeat-x;
	border: none;
	background-position: bottom;
}
.downbg {
	background-image: url(../images/down-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border: none;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	line-height: 14pt;
	color: #777777;
}
.line2 {
	border-top: 1pt none #dddddd;
	border-right: 1pt solid #dddddd;
	border-bottom: 1pt none #dddddd;
	border-left: 1pt none #dddddd;
}
.line3 {
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
}
.font1 {
	font-size: 11px;
	line-height: 12pt;
	color: #999999;
}
.openbannerbg {
	background-image: url(../images/openbannerbg.jpg);
	background-repeat: no-repeat;
}
.liaisonbg {
	background-image: url(../images/liaisebg.jpg);
	background-repeat: no-repeat;
}
.liaisonfont {
	font-size: 9pt;
	line-height: 13pt;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
}
.liaisonfont {
	font-size: 9pt;
	line-height: 13pt;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
}
.liaisonfont2 {
	font-size: 9pt;
	line-height: 20pt;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
}
.iconbg {
	background-image: url(../images/iconbg.jpg);
	background-repeat: no-repeat;
}
.hotnewbg {
	background-image: url(../images/hotnewbg.jpg);
	background-repeat: no-repeat;
}
.advertisementbg {
	background-image: url(../images/advertisementbg.jpg);
	background-repeat: no-repeat;
}
.icon2bg {
	background-image: url(../images/icon2bg.jpg);
	background-repeat: no-repeat;
}
.advertisement2bg {
	background-image: url(../images/advertisement2bg.jpg);
	background-repeat: no-repeat;
}
.titlebg {
	background-image: url(../images/titlebg.jpg);
	background-repeat: no-repeat;
}
.littleiconbg {
	background-image: url(../images/littleiconbg.jpg);
	background-repeat: no-repeat;
}
.line4 {
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.font2 {
	font-size: 9pt;
	color: #555555;
}
.font3 {
	font-size: 9pt;
	line-height: 15pt;
	color: #555555;
}
.p5littleiconbg {
	background-image: url(../images/p5littleiconbg.jpg);
	background-repeat: no-repeat;
}
.font4 {
	font-size: 9pt;
	line-height: 15pt;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
}
.line6 {
	border: 1px solid #666666;
}
.font5 {
	font-size: 12px;
	line-height: 26px;
	color: #777777;
}
.guestbook-p5littleiconbg {
	background-image: url(../images/guestbook-littleiconbg.jpg);
	background-repeat: no-repeat;
}
.line5 {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	line-height: 20px;
}
.p2-line {
	background-image: url(../images/p2-line.jpg);
	background-repeat: repeat-y;
}
.p2-pagebg {
	background-image: url(../images/p2-page/bg.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.workbg {
	background-image: url(../images/p2-page/workbg.jpg);
	background-repeat: no-repeat;
}
.workbg {
	background-image: url(../images/p2-page/workbg.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #999999;
}

/*0800專線*/
#topbar {
  overflow:hidden;/*避免視窗大小向右延伸*/
	position: absolute;
/*	padding: 2px;
	min-height: 107px;
	height: auto !important;*/
	visibility: visible;
	top: 295px;
	right:40px;
	text-align: center;
	width: 200px;
	height:116px;
	z-index: 1000000;
}
.floatBox { width: 200px; height: 116px; overflow: hidden;}