@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;}

#Index {width:1024px; height:auto; margin:0 auto; background:#FFF;}
#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:960px; height:35px; padding-left:60px; 
	  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:"微軟正黑體"; font-size:15px; font-weight:bold;  }
#HEADER .MAIN_MENU a span {
      display:block; text-align:center;
      padding:0 25px; 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;}

#I_BANNER{ width:1024px; height:282px; margin-top:5px; position:relative; }

#I_BANNER a.ad {position:absolute; left:0; top:0;}

#I_BANNER .control {display:none;}
      
#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; }
#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:25px; 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:25px;   }
/*#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:25px; 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:25px;   }
/*#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:25px; 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:25px;   }
/*#SIDER li.BG3_LIST h5 { float:left; }
#SIDER li.BG3_LIST h5 a{  display:block;width:160px;height:48px; }
#SIDER li.BG3_LIST img{  float:right; display:block;  width:88px; height:48px; background:#FFF;   }*/

#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;}

.IN_CENTER{ float:left; display:block; width:465px; height:auto; margin-top:15px;}
.IN_CENTER_FLASH{ display:block; width:465px; height:auto; z-index:5; position:relative; }
/*=================WATER====================*/
.IN_CENTER_FLASH .WATER{ position:absolute; top:0; left:0; display:block; width:465px; height:390px; z-index:20px;}

.IN_RIGHT{ float:right; display:block; width:254px; height:auto;margin-top:15px; }

/*各單位概況區塊*/
.IN_RIGHT .NEWSBOX{ display:block; width:240px; height:auto; border-bottom: 1px dashed #333; overflow:auto; padding:0px 0px 10px 0; margin:10px 0 10px 10px; }
.IN_RIGHT .NEWSBOX img{   float:left; display:block; width:96px; height:56px; padding:5px;/*margin:10px 0 10px 10px;*/ border:1px solid #666; }
.IN_RIGHT .NEWSBOX .TXT1{ float:right; display:block; width:127px; height:66px; max-height: 66px; padding:0 0px 0 0; text-align:left; overflow:hidden; }
.IN_RIGHT .NEWSBOX .TXT1 h4{ display:block; width:auto; height:auto; font-family:Verdana,"新細明體"; font-size:13px; color:#000; line-height:20px; font-weight:bold;  }
.IN_RIGHT .NEWSBOX .TXT1 h4 a{ color:#000; font-weight:bold; text-decoration:none; }

.IN_RIGHT .NEWSBOX .TXT1 p{ font:12px Verdana,"新細明體"; color:#666;line-height:16px;  }
.IN_RIGHT .NEWSBOX .TXT1 a{ color:#ed0000; font-weight:bold }
.IN_RIGHT .NEWSBOX .TXT1 a:hover{ color:#900; }


.TITLE{position:relative;display:block; width:auto; height:30px; border-bottom:#02759b 2px solid;font-family:"微軟正黑體",Arial;  font-size:17px; line-height:30px; font-weight:bold; margin:0 10px 10px 10px;   }
/*.TITLE .video-link{position: absolute;right: 0;top: 0;font-size: 12px;line-height: 20px;background: #02759b;border-radius: 20px;padding: 3px 20px;display: block;color: #fff;transition: .3s;}
.TITLE .video-link:hover{background:#ff1609;}*/

.TITLE .video-link{position: absolute;right: 0;}
.TITLE .video-link .youtube-icon{width: 30px;display: inline-block;vertical-align: middle;}
.TITLE .video-link .youtube-icon svg{width: 100%; fill:#fc0017;}
.TITLE .video-link .word{top: 0;font-size: 12px;line-height: 20px;background: #02759b;border-radius: 20px;padding: 3px 20px;display: inline-block;color: #fff;transition: .3s;}
.TITLE .video-link:hover .word{background:#ff1609;}

.Subtopic{font-family:"微軟正黑體",Arial;  font-size:15px; line-height:30px; margin-left:10px; font-weight:normal;   }

/*==================FOOTER====================*/
#FOOTER{ clear:both; display:block;width:957px; height:45px; color:#FFF; background:#393939; padding:10px 17px 5px 50px;font-family:"微軟正黑體",Arial;  font-size:15px; line-height:20px; }
#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;  }
#FOOTER .fb .LINK{ position:absolute; right:0; top:0;display:block;width:auto; height:20px; }
#FOOTER .IwareFoot { clear:both;display:block; width:200px; height:20px;  font-size:10px; -webkit-text-size-adjust:none; color:#393939;  font-family:Arial, Helvetica, sans-serif; margin:0 10px 0 auto;line-height:20px; letter-spacing:normal;}
#FOOTER .IwareFoot a{ color:#393939;}
#FOOTER .IwareFoot a:hover{ color:#393939;}