@charset "utf-8";
/* CSS Document */

@import url("reset.css");
body {	background-color: #dedede;	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;line-height: 18px;color: #333;}


#CONTAINER{ width:1024px; height:auto; margin:0 auto; background:#FFF;}
/*------------------------*/
#HEADER{ width:1024px; height:auto; background:url(../images/in_01.gif) no-repeat; margin-bottom:2px; position:relative;}
#HEADER h2{float:left; display:block; width:750px;  height:119px;    }
#HEADER h2 a{ display:block; width:750px;  height:119px;}
#HEADER h2 a span{ visibility:hidden;}

#HEADER .Language{  position:absolute; right:50px; top:0px; width:auto; line-height:25px; padding-top:30px; text-align:right; }
#HEADER .Language a{ text-decoration:none; font-family:Verdana,"新細明體";  font-size:12px;  color:#333;  }
#HEADER .Language a:hover{ color:#900;  }

#HEADER .Search{position:absolute; right:30px; top:60px; display:block; width:220px; height:30px;/* background:url(../images/img_Search.png) right no-repeat;*/ padding:0 0px 0 0;  overflow:hidden; float:left;}
#HEADER .Search-form{ display:block; width:140px; height:19px; background:#FFF; font:0.7em Tahoma; color:#333; border:solid 1px #999; -webkit-border-top-left-radius:2px; -webkit-border-bottom-left-radius:2px; -moz-border-radius-topleft:2px; -moz-border-radius-bottomleft:2px; border-top-left-radius:2px; border-bottom-left-radius:2px; padding:4px 5px; overflow:hidden; float:left; margin-right:8px;}
#HEADER .Search-button{ display:block; width:50px; height:30px; background:url(../images/bg_Search-button2.jpg) right no-repeat; font:bold 11px Tahoma; color:#fff; border:none; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; padding:0 0 2px 0; overflow:hidden; float:left;cursor: pointer; }

#HEADER .MAIN_MENU{ clear:both; background:url(../images/menu-bg_05.jpg) repeat-x  bottom;
      width:1024px; margin:0px;
      line-height:normal; height:35px; 

      }
#HEADER .MAIN_MENU ul { background:url(../images/icon-bg.gif) repeat-x;
      width:970px; height:35px; padding-left:50px; 
	  list-style:none; 
      }
#HEADER .MAIN_MENU li {float:left;line-height:35px; display:block; width:auto; height:35px;  
    /*  display:inline;*/
      }
#HEADER .MAIN_MENU a {
      text-decoration:none;  font-family:"Arial", Gadget, sans-serif; font-size:12px; font-weight:bold;  }
#HEADER .MAIN_MENU a span {
      display:block; text-align:center;
      padding:0 15px; margin:0px; /*border-right:1px solid #8c8b8b;*/ background:url(../images/line_03.jpg) no-repeat right top; color:#FFF;      
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#HEADER .MAIN_MENU a span {float:none;}
    /* End IE5-Mac hack */
#HEADER .MAIN_MENU a:hover span { color:#FFF; background:url(../images/green-on_03.jpg) repeat-x;}
#HEADER .MAIN_MENU a:hover { background-position:0% ;}
#HEADER .MAIN_MENU a:hover span {background-position:100% ;} 

#HEADER .MAIN_MENU_ON { color:#FFF; background:url(../images/green-on_03.jpg) repeat-x;}

/*#HEADER .video-link{position: absolute;right: 270px;top: 58px;color:#000;}*/
#HEADER .video-link{position: absolute;right: 270px;top: 36px;color: #000;}
/*#HEADER .video-link img{display: inline-block;vertical-align: middle;margin-right: 5px;}*/
/*#HEADER .video-link .youtube-icon{width: 40px;display: inline-block; vertical-align: middle;position: relative;top: -2px;}*/
#HEADER .video-link .youtube-icon{width: 90px;display: inline-block; vertical-align: middle;position: relative;top: -3px;}
#HEADER .video-link .youtube-icon svg{width: 100%;fill:#fc0017;}
#HEADER .video-link:hover{text-decoration: underline;}

#CONTENT{ display:block; width:1024px; height:auto; overflow:hidden; background:#FFF; }
#SIDER{ float:left; display:block; width:305px; height:auto; overflow:hidden; margin-bottom:20px; }
#SIDER ul{ display:block;  padding:0 10px 0 20px;}
#SIDER li{ margin-bottom:5px;font-weight:bold;color:#000;font-family:Arial,"微軟正黑體"; font-size:15px; line-height:48px; border:1px #CCC solid; }

#SIDER li a{ text-decoration:none; color:#000;}
#SIDER li a:hover{color:#de0702;}

#SIDER li h5 { float:left;  font-size:13px; }
#SIDER li h5 a{  display:block;width:160px;height:48px; }
#SIDER li img{  float:right; display:block;  width:88px; height:48px; background:#FFF;   }

#SIDER li.BG1{ display:block; width:250px; height:48px; background:url(../images/in-left-01bg.jpg) no-repeat left center; padding-left:20px; margin-top:15px;   }
#SIDER li.BG1_LIST { display:block; width:250px; height:48px; background:url(../images/in-left-01_list_bg.jpg) no-repeat left center; padding-left:20px;   }
/*#SIDER li.BG1_LIST h5 { float:left; }
#SIDER li.BG1_LIST h5 a{  display:block;width:160px;height:48px; }
#SIDER li.BG1_LIST img{  float:right; display:block;  width:88px; height:48px; background:#FFF;   }*/

#SIDER li.BG2{ display:block; width:250px; height:48px; background:url(../images/in-left-02bg.jpg) no-repeat left center; padding-left:20px; margin-top:15px;    }
#SIDER li.BG2_LIST { display:block; width:250px; height:48px; background:url(../images/in-left-02_list_bg.jpg) no-repeat left center; padding-left:20px;   }
/*#SIDER li.BG2_LIST h5 { float:left; }
#SIDER li.BG2_LIST h5 a{  display:block;width:160px;height:48px; }
#SIDER li.BG2_LIST img{  float:right; display:block;  width:88px; height:48px; background:#FFF;   }*/

#SIDER li.BG3{ display:block; width:250px; height:48px; background:url(../images/in-left-03bg.jpg) no-repeat left center; padding-left:20px; margin-top:15px;    }
#SIDER li.BG3_LIST { display:block; width:250px; height:48px; background:url(../images/in-left-03_list_bg.jpg) no-repeat left center; padding-left:20px;   }
#SIDER li.BG3_LIST h5 { float:left; }
#SIDER li.BG3_LIST h5 a{  display:block;width:250px;height:48px; }

#show1{display:block;width:138px;  margin:0 0 10px 0; padding:5px 0;  }
#SIDER li.Sub_BG02{width:138px;font-family:Arial,"微軟正黑體"; font-size:12px; /*font-weight:bold;*/  color:#4c4b4b; line-height:18px;  margin:0 auto 5px auto; border-bottom: 1px dotted #333333; }
#SIDER li.Sub_BG02 a{ display:block; text-decoration:none;color:#4c4b4b;padding-left:20px; }
#SIDER li.Sub_BG02 a:hover{ text-decoration:none;color:#c9000a;}

/*==================PRO====================*/
.Main_Program{ float:right;display:block; width:650px; padding:25px 50px 50px 15px; }
.Main_Program .TITLE{display:block; width:650px; height:30px; border-bottom:#02759b 3px solid;font-family:"微軟正黑體",Arial;  font-size:17px; line-height:30px; font-weight:bold; margin-bottom:20px;   }
.Subtopic{font-family:"微軟正黑體",Arial;  font-size:13px; line-height:30px; margin-left:10px; font-weight:normal;   }
.Main_Program .EDITBOX{display:block; width:650px; height:auto; margin:5px 0;font-family:"微軟正黑體",Arial;  /*font-size:13px;*/ line-height:22px; }
/*==================PRO LIST====================*/

.PRO_LIST{display:block; width:645px; height:auto; overflow:hidden; border-bottom: 1px #666666 dashed;  padding:0 0 10px 5px;margin:10px auto;}
.PRO_LIST ul{padding:5px 0; }
.PRO_LIST li{ float:left;}
.PRO_LIST li.TXT{display:block; width:136px; height:88px; margin:0 15px 0 10px; padding-left:20px; background:url(../images/pro-list_arrow.gif) no-repeat left top;}
.PRO_LIST li.PHOTO{ display:block; width:136px; height:88px; border:1px #999999 solid; }
.PRO_LIST li a{ color:#333; text-decoration:none;}
.PRO_LIST li a:hover{}

/*==================下一頁====================*/
.Pages{ clear:both;display:block; width:640px; height:20px;  margin:5px auto 20px auto;  }
.Pages ul{ float:right; padding-right:20px; }
.Pages li{ float:left;/* display:block;*/ width:auto; height:19px;  font:12px Verdana; color:#888; line-height:19px; text-align:center;}
.Pages li a{ display:block;  width:auto; height:19px;color:#4f5052;margin:0 2px; padding:0 5px;}
.Pages li.PREV { display:block; width:auto; height:19px; background:linear-gradient(top,#bbb,#eee); background:-moz-linear-gradient(top,#eee,#bbb); background:-webkit-linear-gradient(top,#eee,#bbb);  color:#4e4e4e; line-height:19px; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden;margin:0 2px; padding:0 5px;}
.Pages li a:hover{ color:#583c3c;font-weight:bolder; }

/*==================需求情報====================*/

.demand_Search{display:block; width:470px; height:30px;padding:0 0px 0 180px; line-height:30px; margin:20px 0; }
.demand_Search p{float:left;  }
.demand_Search-form{float:left; display:block; width:140px; height:19px; background:#FFF; font:0.7em Tahoma; color:#333; border:solid 1px #999; -webkit-border-top-left-radius:2px; -webkit-border-bottom-left-radius:2px; -moz-border-radius-topleft:2px; -moz-border-radius-bottomleft:2px; border-top-left-radius:2px; border-bottom-left-radius:2px; padding:4px 5px; margin:0px 10px 0 10px; overflow:hidden;  }
.demand_Search-button{/*float:left; display:block; width:50px; height:30px; background:#636363; font:bold 12px Tahoma; color:#FFF; border:none;   */ cursor: pointer; }

/*==================需求情報表1====================*/

#customers  
  {  
  font-family: Arial, Helvetica, sans-serif;  
  width:100%;  
  border-collapse:collapse;  
  }  
  
#customers td, #customers th   
  {  
  font-size:1em;  
  border:1px solid #333;  
  padding:3px 7px 2px 7px;  
  }  
  
#customers th   
  {  
  font-size:1.1em;  
  text-align:left;  
  padding-top:5px;  
  padding-bottom:4px;  
  background-color:#fcf305;  
  color:#000;  
  }  
  
#customers .alt   
  {  
  color:#000000;  
  background-color:#d0f8ff;  
  }  

.DETAIL-button{ float:left; display:block; width:auto; height:25px; background:#C00; font:bold 11px Tahoma; color:#FFF; border:none; -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; 
padding:0 2px; overflow:hidden; cursor: pointer; }

/*==================需求情報表2====================*/

#URGET 
  {  
  font-family: Arial, Helvetica, sans-serif;  
  width:100%;  
  border-collapse:collapse; border-top: 1px dotted #333333;
  }  
  
#URGET td, #URGET th   
  {  
  font-size:0.95em; border-bottom:1px solid #333;  
  padding:3px 7px 2px 7px;  
  }  
  
#URGET .LEFT_TITLE   
  {  
  font-size:1em;  
  text-align:right;  
  padding-top:5px;  
  padding-bottom:4px;  
  background-color:#ffff79; 
  color:#000; font-weight:bold;  
  }  
  
#URGET .C95e4be   
  {   
  background-color:#95e4be; 
 font-size:1em;  
  text-align:right;  
  padding-top:5px;  
  padding-bottom:4px;   
  color:#000; font-weight:bold;  
 
  }  

.EDIT{ width:650px; height:auto; font-family: Arial, Helvetica, sans-serif; font-size:1em;   }
/*==================排版設計頁====================*/
.Main{ display:block; width:1024px; height:auto; padding:20px 0 0 0; /*padding:20px 57px;*/}
.Main h2{display:block; width:910px; height:30px; border-bottom:#02759b 3px solid;font-family:"微軟正黑體",Arial;  font-size:17px; line-height:30px; font-weight:bold; margin:0 auto 20px auto;   }
.Main_Edit{display:block; width:1024px; height:auto;position:relative;}
/*=================WATER====================*/
.Main_Edit .WATER{ position:absolute; right:0; bottom:0;display:block; width:520px; height:400px; z-index:20px;}
/*==================排版設計頁 單位概況====================*/
#SIDER_DP{ float:left; display:block; width:230px; height:auto; overflow:hidden; margin-bottom:20px; }
#SIDER_DP ul{ display:block;  padding:25px 10px 0 30px;}
#SIDER_DP li{ margin-bottom:5px;font-weight:bold;color:#000;font-family:"微軟正黑體",Arial; font-size:15px; line-height:32px; border:1px #CCC solid; }
#SIDER_DP li a{ text-decoration:none; color:#000;}
#SIDER_DP li a:hover{color:#de0702;}

#SIDER_DP li.BGA{ display:block; width:150px; height:32px; background:url(../images/dp-leftbg.jpg) repeat-x ; padding-left:20px; border-left:8px #065aaf solid;    }

#SIDER_DP li.BGA_LIST {display:block; width:178px; height:auto; background:url(../images/dp-leftbg.jpg) repeat-x #d9d9d9 ;font-family:Arial,"微軟正黑體"; font-size:14px; font-weight:normal; line-height:20px;    }

#SIDER_DP li.BGA_LIST a{padding: 5px 0 5px 20px;  display:block; width:150px; height:auto; border-left:8px #8a8a8a solid;   }
#SIDER_DP li.BGA_LIST a:hover{ display:block; width:150px; height:auto; border-left:8px #3078cd solid;   }

/*==================DEPARTMENT====================*/
.Main_DP{ float:right;display:block; width:720px; padding:25px 50px 50px 15px;  }
.Main_DP .TITLE{display:block; width:720px; height:25px; border-bottom:#02759b 3px solid;font-family:"微軟正黑體",Arial;  font-size:17px; line-height:25px; font-weight:bold; margin-bottom:20px;   }
.DP{ display:block; width:720px; height:auto;border-bottom:#666 1px solid;font-family:Arial,"微軟正黑體";  font-size:13px; padding:0 0 5px 0;margin-bottom:15px;}
.DP h3{font-family:Arial,"微軟正黑體"; font-weight:bold; font-size:15px; display:block; width:300px; height:32px; line-height:32px;
background:#0051a5;  color:#FFF; border:none; -moz-border-radius:30px; -webkit-border-radius:30x;border-radius:30px; 
padding:5px 5px 5px 20px; overflow:hidden; margin-bottom:10px;}
.DP img{display:block; width:auto; height:auto; margin:10px auto;}
.CENTER{display:block; width:auto;height:auto; text-align:center; padding:5px 0 ; }

/*聯絡我們*/
.SER{ display:block; width:auto;  height:auto;  font-family:Arial,"新細明體"; font-size:13px; padding:10px 20px;}
.SER h3{font-family:"微軟正黑體",Arial; font-weight:bold; font-size:16px; display:block; width:165px; height:32px; line-height:32px;background:#0051a5;  color:#FFF; border:none; -moz-border-radius:20px; -webkit-border-radius:30x;border-radius:20px; padding-left:15px; overflow:hidden; margin:0 0 10px 65px;}

.CTxet{ width:90px; /*background:#edf3ff; border-bottom:solid #d4dfe0 1px;*/ font:12px Verdana; color:#514422; text-align:right; vertical-align:middle; padding:0 10px;}
.CTxet2{ font:12px Verdana; color:#514422; padding:0 10px; line-height:25px;}
.CStar{ color:#F06; line-height:20px; padding:0 5px;}
.CMark{ color:#FF2D0F;}
.CStandard{ width:170px; background:#FFF; font:0.75em Verdana; color:#6d6a6a; border:solid #a7a395 1px; padding:4px; margin:4px 5px;}
.CLong{ width:500px; background:#fffdf5; font:0.75em Verdana; color:#6d6a6a; border:solid #a7a395 1px; padding:4px; margin:4px 5px;}
.CShort{ width:30px; background:#fffdf5; font:0.75em Verdana; color:#6d6a6a; border:solid #a7a395 1px; padding:4px; margin:4px 5px;}
.CWord{ width:500px; height:100px; background:#fff; font:0.75em Verdana; color:#6d6a6a; border:solid #a7a395 1px; padding:4px; margin:4px 5px;}
.CMiddle{ width:60px; background:#fffdf5; font:0.75em Verdana; color:#6d6a6a; border:solid #a7a395 1px; padding:4px; margin:4px 5px;}
.COnly{ background:#f5fcff; font:0.75em Verdana; color:#768e9f; border:solid #a7a395 1px; padding:1px; margin:2px 5px;}
.CCode{ width:120px; background:#fffdf5; font:0.75em Verdana; color:#6d6a6a; border:solid #a7a395 1px; padding:4px; margin:4px 5px;}
.Send{ width:79px; height:24px; background:url(../images/buttom1_03.jpg) no-repeat; font:12px Verdana; color:#FFF; text-align:center; border:none; margin:3px 5px 0 0; padding-bottom:2px; -moz-border-radius:10px;}
.Buy{ width:80px; height:28px; background:url(../images/bg_Button.jpg); font:12px Verdana; color:#000; text-align:center; border:none; margin:3px 5px 0 0; padding-bottom:2px; -moz-border-radius:10px;}






/*==================FOOTER====================*/
#FOOTER{ clear:both; display:block;width:957px; height:45px; color:#FFF; background:#393939; padding:10px 17px 5px 50px;font-family:"微軟正黑體",Arial;  font-size:12px; line-height:20px; position:relative; }
#FOOTER a{ color:#FFF;  }

#FOOTER .fb{ float:right; width:auto; height:20px; font-family:Arial,"微軟正黑體";  font-size:11px;line-height:20px ; padding:0 55px 0 0; position:relative; margin:3px 20px 0 0; text-align:right;  }
#FOOTER .fb .LINK{ position:absolute; right:0; top:0;display:block;width:auto; height:20px; }

#FOOTER .IwareFoot{position:absolute; right:30px; top:35px; display:block; width:200px; height:20px;  font-size:10px; -webkit-text-size-adjust:none; color:#393939;  font-family:Arial, Helvetica, sans-serif;line-height:20px; letter-spacing:normal;}
#FOOTER .IwareFoot a{ color:#393939;}
#FOOTER .IwareFoot a:hover{ color:#393939;}


/* 210322 */
.aside{
  border-bottom: 2px solid #d5d5d5;
  width: 900px;
  margin: auto;
}
.aside a{
  display: inline-block;
  background: #9b9b9b;
  color: #fff;
  padding: 6px 25px 5px 25px;
  margin-right: -2px;
  border-radius: 45px 45px 0 0;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  margin-bottom: -5px;
}
.aside a:after{
  content: "";
  display: block;
  background: #fff;
  opacity: .2;
  border-radius: 50%;
  height: 300px;
  width: 300px;
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%);
}
.aside a.active{background:#e53736;}


/* about */
.article-unreset{
  display: block;
  width: 910px;
  font-family: "微軟正黑體",Arial;
  margin: 0 auto 20px auto;
}

.unreset {
  padding: 1px 0;
  font-family: "Microsoft JhengHei", sans-serif;
  line-height: 2em;
}

.unreset:after {
  content: "";
  display: block;
  clear: both;
}

.unreset img {
  max-width: 100%;
  height: auto !important;
}

.unreset p {
  margin: 1em 0;
  line-height: 1.5em;
  /*font-size: 1.6rem;*/
}

.unreset p:first-child {
  margin-top: 0;
}

.unreset p:last-child {
  margin-bottom: 0;
}

.unreset table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid;
  border-color: #555;
}

.unreset tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

.unreset td,
.unreset th {
  display: table-cell;
  vertical-align: inherit;
  border: 1px solid;
  border-color: #555;
  padding:5px;
}

.unreset iframe {
  max-width: 100%;
  display: block;
}

/* 編輯器影片RWD */
.unreset .embeddedContent {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.unreset .embeddedContent iframe,
.unreset .embeddedContent object,
.unreset .embeddedContent embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article-unreset .unreset{}
.about-article-unreset{
  padding-bottom: 80px;
}

.about-main{
  background:url(../images/about-bg.jpg) no-repeat center bottom 60px;
}