/*-----------------------------------------------
Web Style
Name:     基本2欄(左sidebar、右main) ver2.0
Designer: Miller
URL:      http://miller-home.blogspot.com/
Date:     2008-03-13
----------------------------------------------- */
body {
	font-family: Tahoma;
	font-size: 12px;
	color: #5e5e5e;
    background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	margin:0;
	line-height:18px;
	letter-spacing:1px;
}
a {
    color:#397405;
}
a:hover {
    color:#3780B9;
	text-decoration:none;
}




/* 主架構，用來定義最大範圍
-----------------------------------------*/
#outer-wrapper{
  width:957px;
  margin:10px auto 0; /* 上 左右 下 */
  background:#FFF;
}

#header-wrapper{
  height:300px;
}
#header2-wrapper{
  height:158px;
}
#menu-wrapper{
  height:41px;
}

#content-wrapper {
  background:#fff;
}
#index-left{
  width: 349px;
  height:150px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
  background:url(images/index_bg.gif) repeat-x;
  background-color:#fff;
  padding-top:30px;
  padding-bottom:20px;
}
#index-center{
  width: 348px;
  height:150px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
  background:url(images/index_bg.gif) repeat-x;
  background-color:#fff;
  padding-top:30px;
  padding-bottom:20px;
}
#index-center a{
 text-decoration:none;
}
#index-right{
  width: 260px;
  height:150px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
  background:url(images/index_bg.gif) repeat-x;
  background-color:#fff;
  padding-top:30px;
  padding-bottom:20px;
}
#sidebar-wrapper {
  width: 210px;
  background:url(images/index_bg.gif) repeat-x;
  background-color:#fff;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#main-wrapper {
  width: 747px;
  background:url(images/index_bg.gif) repeat-x;
  background-color:#fff;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
  
#footer-wrapper {
  height:60px; /* 暫時 */
  background:url(images/bg_foot.gif) repeat-x;
  clear:both;
  color:#939292;
}
#slide{
  width:230px;
  height:140px;
  margin:0 auto;
}
#sidemenu{
  width:185px; 
  margin:0 auto 20px;
}
#sidemenu ul{
  list-style:none;
  margin:0;
  padding:0;
}
#sidemenu li{
  border-bottom:#73D000 1px solid;
  line-height:30px;
  padding-left:15px;
  background:url(images/side_li_bg.gif) no-repeat;
}
#sidemenu a{
  text-decoration:none;
  color:#333;
  background:url(images/icon_01.gif) no-repeat 0px 5px;
  padding-left:15px;
}
#sidemenu a:hover{
  color:#43A833;
  background:url(images/icon_02.gif) no-repeat 5px 5px;
  padding-left:20px;
}
#zoom{
  line-height:1.8em;
}


/* 表單樣式
-----------------------------------------*/
.button{
color:#999999;
background-color:#FFF;
border:#CCCCCC 1px solid;
font-family: Tahoma;
font-size:12px;
}
.keyin{
color:#999999;
background-color:#FFF;
border:#CCCCCC 1px solid;
font-family: Tahoma;
font-size:12px;
}

/* 基本顏色樣式
-----------------------------------------*/
.color_black{color:#000}
.color_white{color:#FFF}
.color_gray{color:#808080}
.color_red{color:#BB0404}
.color_orange{color:#F54D00}
.color_yellow{color:#F5BB00}
.color_green{color:#8CC53E}
.color_green2{color:#009900}
.color_blue{color:#3780B9}
.color_blue2{color:#0C4EA6}
.color_pink{color:#FF0066}


/* 其他樣式
-----------------------------------------*/
.newsdate{
font-size:11px;
color:#666;
}
.newshit{
font-size:11px;
color:#333;
}
.newssn{
font-size:11px;
color:#333;
}
.newstitle a{
 text-decoration:none;
 color:#3780B9;
}
.newstitle a:hover{
 text-decoration:none;
 color:#66CC33;
}
.newssubject{
color:#3780B9;
font-size:1.5em;
font-weight:bold;
}
#history{
list-style:none;
margin:10px 0 20px 0;
padding:0;
}
#history li{
background:url(images/arror1.gif) no-repeat 0px 5px;
padding-left:18px;
border-bottom:1px #ccc dotted;
padding-bottom:5px;
margin-bottom:5px;
}
.faqtitle a{
color:#16286C;
text-decoration:none;
}
.faqtitle a:hover{
color:#0099CC;
}
.faqanser{
  margin:0 auto 20px;
  color:#666666;
  padding:5px 38px 5px 38px;
  background:#F6F7F4;
}
.nav{
 text-align:center;
 font-size:11px;
}
.imgstyle{
border:1px #ccc solid;
padding:3px;
}
.workbox{
border:#EFEFEF 3px solid;
clear:both;
padding:10px;
width:650px;
margin-bottom:20px;
}
.workpic{
border:1px #ccc solid;
padding:3px;
margin-right:15px;
}
#ad{
margin-left:15px;
}
#link{
color:#000;
}
#link a{
color:#0174CD;
text-decoration:none;
}
#link a:hover{
text-decoration:underline;
}
.url{
color:#339900;
font-size:11px;
}

/*20190918-FLASH改為靜態圖片*/
.header-box{
  position: relative;
}
.header-box .bg{
  width: 100%;
}
.header-box .backhome{
  position: absolute;
  right: 0;
  top: 0;
}
.header-box .backhome:hover{
  opacity:0.6;
}
.menu-box{
  display:flex;
  justify-content:space-between;
  border-top:1px solid #FFF;
  border-bottom:1px solid #FFF;
  background-image:url(images/menu-bg.jpg);
  background-repeat:repeat-x;
}
.menu-box a{
  display: inline-block;
  margin: 0;
  transition:.3s;
}
.menu-box a:hover{
	opacity:0.8;
}
#sidebar-wrapper a{
	transition:.3s;
	}
#sidebar-wrapper a:hover{
	opacity:0.8;
}