/* 瀏覽器樣式初始化 */
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote {
  margin: 0px;
  padding: 0px;
}
fieldset, img {
  border: 0px;
}
abbr, acronym {
  border: 0px;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
* html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
img {
  nobar: expression(this.galleryImg='no');
}

#loader { background-color:#FFFFCC; border:1px solid #CC0000; position:fixed; color:#CC0000; z-index:1000; left:0px; bottom:0px; padding:5px 15px;filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.65); opacity:0.65; font-size: 12px;}
* html #loader {position:absolute;}

/*基本架構*/
body {
  background-color: #fff;
  background-image: url(../images/bg.gif);
  background-repeat: repeat-x;
  background-position: left top;
	font-size: 12px;
}
.clear {
  clear: both;
}
.footer_bg {
  background-image: url(../images/footer_bg.jpg);
  background-repeat: no-repeat;
  width: 970px;
  height: 72px;
  overflow: hidden;
}
.copyright_font1 {
  font-size: 12px;
  color: #666666;
  font-family: "新細明體";
  line-height: 18px;
}
.copyright_font2 {
  font-size: 11px;
  color: #8c8c8c;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
}
.site {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #1b8dc0;
}
.site a:link, .site  a:visited {
  color: #1b8dc0;
  text-decoration: none;
}
.site  a:active, .site  a:hover {
  color: #6d6d6d;
}
.site-2 {
  font-family: "新細明體";
  font-size: 11px;
  color: #6d6d6d;
}
.menu_bg {
  background-image: url(../images/menu_bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 670px;
  height: 94px;
  overflow: hidden;
}
/*主選單按鈕*/
.compy_bt01 a {
  position: relative;
  margin: 0;
  padding: 50px 0 0;
  overflow: hidden;
  display: block;
  height: 0px;
  background-image: url(../images/compy_bt01.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
.compy_bt01 a:hover {
  background-position: 0 -50px;
}
.compy_bt02 a {
  position: relative;
  margin: 0;
  padding: 50px 0 0;
  overflow: hidden;
  display: block;
  height: 0px;
  background-image: url(../images/compy_bt02.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
.compy_bt02 a:hover {
  background-position: 0 -50px;
}
.compy_bt03 a {
  position: relative;
  margin: 0;
  padding: 50px 0 0;
  overflow: hidden;
  display: block;
  height: 0px;
  background-image: url(../images/compy_bt03.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
.compy_bt03 a:hover {
  background-position: 0 -50px;
}
.compy_bt04 a {
  position: relative;
  margin: 0;
  padding: 50px 0 0;
  overflow: hidden;
  display: block;
  height: 0px;
  background-image: url(../images/compy_bt04.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
.compy_bt04 a:hover {
  background-position: 0 -50px;
}
/*客戶實績*/
.list_bg {
  background-image: url(../images/list_bg.gif);
  background-repeat: no-repeat;
  width: 240px;
  height: 70px;
  padding: 4px;
}
.list_pic_over {
  filter: alpha(opacity=100);
  opacity: 1;
}
.list_pic_out {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.flash_bg {
  border: 5px solid #e8e8e8;
  width: 625px;
  height: 270px;
  overflow: hidden;
}
/*左邊選單*/
.left_case_performance {
  background-image: url(../images/left_case_performance.jpg);
  background-repeat: no-repeat;
  width: 224px;
  height: 435px;
  background-position: left top;
}
.left_power_system {
  background-image: url(../images/left_power_system.jpg);
  background-repeat: no-repeat;
  width: 224px;
  height: 435px;
  background-position: left top;
}
/*內頁左邊主要大按鈕選單*/
.button1 {
  width: 168px;
  overflow: hidden;
}
.button1 ul {
  list-style: none;
}
.button1 li {
  border-bottom: 1px solid #dddddd;
}
.button1 li a {
  padding: 5px 5px 5px 28px;
  width: 135px !important;
width
/**/
  : 168px;
  display: block;
  color: #222222;
  text-decoration: none;
  background: url(../images/aw_1.gif) 10px 5px no-repeat;
}
.button1 li a:hover {
  background: url(../images/aw_2.gif) 10px 5px no-repeat;
  color: #164b9a;
  background-color: #f5f5f5;
}
.button1 li span.stay1 {
  width: 162px;
  display: block;
  color: #ea0000;
  background-color: #075f84;
  padding: 3px;
}
.button1 li span.stay1 a {
  width: 168px;
  display: block;
  color: #ffffff;
  background-color: #075f84;
}
/*內頁左邊主要大按鈕選單*/
.button2 {
  width: 168px;
  overflow: hidden;
  border-top: 1px solid #dddddd;
  padding: 5px 0px;
  line-height: 21px;
}
.button2 ul {
  list-style: none;
}
.button2 li {
  border: none;
}
.button2 li a {
  padding: 3px 5px 3px 28px;
  width: 135px !important;
	width/**/: 168px;
  display: block;
  color: #555555;
  text-decoration: none;
  background: url(../images/aw_4.gif) 22px 10px no-repeat;
}
.button2 li a:hover {
  color: #000;
  background: url(../images/aw_4.gif) 22px 10px no-repeat;
  background-color: #e1e1e1;
}
/*字級設定*/
.date {
  font-size: 12px;
  color: #5d3e03;
  font-family: Arial, Helvetica, sans-serif;
}
.font01 {
  font-size: 12px;
  line-height: 21px;
  color: #545454;
  font-family: Arial, Helvetica, sans-serif;
}
.font02 {
  font-size: 12px;
  line-height: 22px;
  color: #187eab;
  font-weight: bold;
}
.font02 a:link, .font02  a:visited {
  color: #187eab;
  text-decoration: none;
}
.font02  a:active, .font02  a:hover {
  color: #545454;
  text-decoration: underline;
}
.font03 {
  font-size: 12px;
  line-height: 20px;
  color: #888888;
  font-family: Arial, Helvetica, sans-serif;
}
.font04 {
  font-size: 12px;
  line-height: 22px;
  color: #fff;
}
.font05 {
  font-size: 12px;
  color: #FF6600;
  font-family: Arial, Helvetica, sans-serif;
}
.font06 {
  font-size: 13px;
  line-height: 22px;
  color: #0e527e;
  font-weight: bold;
}
.font07 {
  font-size: 12px;
  line-height: 22px;
  color: #fa0e0e;
  font-family: Arial, Helvetica, sans-serif;
}
.list_text {
  font-size: 11px;
  line-height: 22px;
  color: #1d697f;
  font-family: Arial, Helvetica, sans-serif;
}
/*按鈕*/
.bt_1 {
  background-image: url(../images/bt_1.gif);
  font-size: 12px;
  color: #fff;
  border: 0px;
  width: 78px;
  background-repeat: no-repeat;
  height: 21px;
  padding: 0px 0px 0px 10px;
  *padding: 2px 0px 0px 10px;
  font-family: Arial, Helvetica, sans-serif;
}
.bt_2 {
  background-image: url(../images/bt_2.gif);
  font-size: 12px;
  color: #444;
  border: 0px;
  width: 74px;
  background-repeat: no-repeat;
  height: 21px;
  padding: 0px 0px 0px 8px;
  *padding: 2px 0px 0px 8px;
  font-family: Arial, Helvetica, sans-serif;
}
.bt_2_1 {
  background-image: url(../images/bt_2.gif);
  font-size: 12px;
  color: #444;
  border: 0px;
  width: 74px;
  background-repeat: no-repeat;
  height: 21px;
  padding: 0px 0px 0px 8px;
  *padding: 2px 0px 0px 5px;
  font-family: Arial, Helvetica, sans-serif;
}
/*分頁*/
.page_number {
  font-size: 11px;
  color: #0061de;
  padding: 2px;
  line-height: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.page_number a {
  font-size: 11px;
  color: #000000;
  padding: 2px;
  line-height: 16px;
  text-decoration: none;
}
.page_number a:hover {
  font-size: 11px;
  color: #0061de;
  font-weight: bold;
  line-height: 16px;
  text-decoration: underline;
}
/*button page_prev*/
.btn_prev a {
  width: 40px;
  height: 10px;
  overflow: hidden;
  display: block;
  background: url(../images/btn_prev.gif) top left no-repeat;
  margin: 13px;
}
.btn_prev a:hover {
  background-position: top right;
}
/*button page_next*/
.btn_next a {
  width: 40px;
  height: 10px;
  overflow: hidden;
  display: block;
  background: url(../images/btn_next.gif) top left no-repeat;
  margin: 13px;
}
.btn_next a:hover {
  background-position: top right;
}
/*button page_back*/
.btn_back a {
  width: 50px;
  height: 10px;
  overflow: hidden;
  display: block;
  background: url(../images/btn_back.gif) top left no-repeat;
  margin: 13px;
}
.btn_back a:hover {
  background-position: top right;
}
.button-div {
  text-align: center;
  padding: 3px 0;
}

input.button {
  padding: 2px 10px;
  margin: 2px 2px;
	font-size: 12px;
	background-image: url(../images/btn_120_bg.gif) no-repeat;
	width: 100px;
}

.p0 {
  padding: 0px;
}
.pl10 {
  padding-left: 10px;
}
.pb8 {
  padding-bottom: 8px;
}
.ptb1 {
  padding-top: 1px;
  padding-bottom: 1px;
}
.ptb2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.prl5 {
  padding-right: 5px;
  padding-left: 5px;
}
.ml30 {
  margin-left: 30px;
}
.mr20 {
  margin-right: 20px;
}
.mtb5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.w30 {
  width: 30px;
}
.w50 {
  width: 50px;
}
.w60 {
  width: 60px;
}
.w70 {
  width: 70px;
}
.w80 {
  width: 80px;
}
.w95 {
  width: 95px;
}
.w100 {
  width: 100px;
}
.w105 {
  width: 105px;
}
.w115 {
  width: 115px;
}
.w120 {
  width: 120px;
}
.w150 {
  width: 150px;
}
.w155 {
  width: 155px;
}
.w200 {
  width: 200px;
}
.w220 {
  width: 220px;
}
.w215 {
  width: 215px;
}
.w250 {
  width: 250px;
}
.w260 {
  width: 260px;
}
.w270 {
  width: 270px;
}
.w360 {
  width: 360px;
}
.w450 {
  width: 450px;
}