@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
u{text-decoration: none;}

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td {font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

.content { *zoom: 1; max-width: 1041px; _width: 1041px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }
.content:after { content: ""; display: table; clear: both; }
@media (min-width: 240px) and (max-width: 767px) { .content { max-width: 601px; } }
@media (min-width: 768px) and (max-width: 960px) { .content { max-width: 1041px; } }
@media (min-width: 961px) { .content { max-width: 1041px; } }

body { background: url(../images/bg.jpg); }

a { font: 0.8em "微軟正黑體",Arial,sans-serif; text-decoration: none; }

.topbg { border-bottom: solid 2px #e75b04; }
.topbg .content { position: relative; background: url(../images/Dsass_AreaMultimedia.png) 65px 0 no-repeat; min-height: 130px; }

.toplink { position: absolute; top: 5px; right: 0; }
.toplink ul li { float: left; }
.toplink ul li a { color: #454545; margin: 0 5px; text-decoration: none; }
.toplink span { background: url(../images/index_09.gif) no-repeat center; padding: 0px 0px 0px 5px; }

.toplog { height: 80px; }
.toplog h1 { padding-top: 10px; }
.toplog h1 a { font: 0/0 a; text-shadow: none; color: transparent; width: 425px; height: 60px; display: block; background: url(../images/logo1.png) no-repeat 0 0px; }

.fontlevel { position: absolute; right: 10px; top: 30px; font-size: 0.8em; }
.fontlevel ul { display: inline; }
.fontlevel ul li { display: inline; }
.fontlevel ul li a { background-color: #696969; border: 1px solid #C1C4B9; color: #FFFFFF; padding: 2px; font-size: 0.8em; text-decoration: none; }
.fontlevel ul li.fontlevel_yes a { background-color: #FFF; color: #272822; }

.search { position: absolute; top: 55px; right: 10px;z-index: 800; }
.search input { margin-right: 30px; height: 24px; }

.searchbt1 a { background: url(../images/pic_c.png) no-repeat -209px -47px; position: absolute; width: 30px; height: 31px; text-indent: -10000px; top: 0px; right: 0; }
.searchbt1 a:hover { background: url(../images/pic_c.png) no-repeat -243px -47px; }

.searchbt2 { display: none; }

.share { position: absolute; top: 8px; right: 18px; width: 109px;}

ul#menu {padding-left: 120px;padding-top: 7px;}

.menuarea { height: 70px;margin-bottom: 0;margin-left: auto;margin-right: auto;margin-top: -70px;width: 1000px;}
.menuarea ul li { float: left; position: relative; /*z-index: 500;*/ }
.menuarea .menu { float: left; color: #293145; font-size: 1.1em; text-align: center; }
.menuarea .menu a { float: left; font-family: "微軟正黑體",Arial,sans-serif; height: 63px;width: 110px;line-height: 87px; color: #293145; /*padding: 0 19px; */font-size: 0.9em; text-align: center; text-decoration: none; display: block; font-weight: bold; }
.menuarea .menu a:hover { color: #985907; }

.menu1 a{background: url(../images/menu1.png) no-repeat 0 0 ;}
.menu2 a{background: url(../images/menu2.png) no-repeat 0 0 ;}
.menu3 a{background: url(../images/menu3.png) no-repeat 0 0 ;}
.menu4 a{background: url(../images/menu4.png) no-repeat 0 0 ;}
.menu5 a{background: url(../images/menu5.png) no-repeat 0 0 ;}
.menu6 a{background: url(../images/menu6.png) no-repeat 0 0 ;}
.menu7 a{background: url(../images/menu7.png) no-repeat 0 0 ;}
.menu8 a{background: url(../images/menu8.png) no-repeat 0 0 ;}


/*作用中的主選單*/
.menu_yes { float: left; background: url(../images/menu_ov.jpg) center no-repeat; height: 40px; line-height: 40px; color: #5f2803; width: 135px; font-size: 1.1em; text-align: center; text-decoration: none; display: block; }

/*下拉式選單*/
.submenuarea { position: absolute; top: 60px; left: 0; z-index: 800 !important; visibility: visible; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px #8c8c8c; -moz-box-shadow: 0px 0px 5px #8c8c8c; box-shadow: 0px 0px 5px #8c8c8c; }
.submenuarea ul { float: left; background-color: #fff; }
.submenuarea ul li { clear: both; text-align: left; width: 135px; border-bottom: 1px solid #CCC; }
.submenuarea ul li:hover { border-bottom: 1px solid #CCC; }

.submenuarea2 { position: absolute; top: 60px; right: 0px; z-index: 800 !important; visibility: visible; }
.submenuarea2 ul { float: left; }
.submenuarea2 ul li { clear: both; text-align: left; width: 135px; border-bottom: 1px solid #CCC; }

/*超過15個*/
.over15_01 { width: 135px; z-index: 500 !important; visibility: visible; overflow: hidden; background: #e8e8e8; }
.over15_01 ul { float: left; }
.over15_01 ul li { clear: both; text-align: left; width: 135px; border-bottom: 1px solid #CCC; }

.over15_02 { width: 270px; z-index: 500 !important; visibility: visible; overflow: hidden; background: #e8e8e8; }
.over15_02 ul { float: left; border-top: 1px solid #ddaa82; }
.over15_02 ul li { clear: both; text-align: left; width: 135px; border-bottom: 1px solid #CCC; }

.over15_03 { width: 405px; z-index: 500 !important; visibility: visible; overflow: hidden; background: #e8e8e8; }
.over15_03 ul { float: left; border-top: 1px solid #ddaa82; }
.over15_03 ul li { clear: both; text-align: left; width: 135px; border-bottom: 1px solid #CCC; }

.submenu { color: #666; line-height: 1.5; text-decoration: none; display: block; text-align: left; }
.submenu a { padding: 10px; background: none !important;}
.submenu a:link { color: #293145; text-decoration: none; display: block; }
.submenu a:visited { color: #293145; text-decoration: none; display: block; }

/*作用中的下拉式選單*/
.submenu_yes { color: #5f2803; text-decoration: none; padding: 5px; display: block; }

.wrapper { background: url(../images/content_bg.png) left top no-repeat; width: 1300px; margin: 0 auto; padding-top: 10px; }

.content_left { width: 57.73295%; float: left; margin-right: 1.44092%; display: inline; }

.content_middle { width: 40.82613%; float: right; margin-right: 0; *margin-left: -15px; display: inline; }

.content_right { display: none; }

.banner { background: url(../images/banner_bg.png) 0 0 repeat-x; min-height: 292px; width: 590px; }
.banner img { width: 590px; }
.banner .pic { padding-top: 33px; margin-bottom: 45px; }
.banner h2 { font-size: 1em; font-weight: 700; color: #000000; }
.banner h4{display:none;}
.banner p { font-size: 0.9em; margin: 10px 0; position: relative; }
.banner a.more { font: 0/0 a; text-shadow: none; color: transparent; background: url(../images/pic_c.png) no-repeat -403px -73px; width: 32px; height: 10px; display: inline-block; position: absolute; bottom: 0px; margin-left: 10px; }
.banner a.h2 { font-size: 1em; font-weight: 700; color: #000000; }

/*主banner圖片輪播區塊------------------------------------------*/
.module_link_rotate_out{
  clear:both;
  background: url(../images/banner_bg.png) 0 0 repeat-x; 
    min-height: 292px; 
    width: 590px; 
  /*padding:10px;*/
  text-decoration:none;
  visibility: visible;
  /*overflow:hidden;*/
  position:relative;
  z-index:1;
  margin-bottom:1px;
}

.module_link_rotate_out img { width: 590px; }
.module_link_rotate_out .pic { padding-top: 33px; margin-bottom: 45px; }
.module_link_rotate_out h2 { font-size: 1em; font-weight: 700; color: #000000; line-height: 1.5;}
.module_link_rotate_out h4{display:none;}
.module_link_rotate_out p { font-size: 0.9em; margin: 10px 0; position: relative; }
.module_link_rotate_out a.more { font: 0/0 a; text-shadow: none; color: transparent; background: url(../images/pic_c.png) no-repeat -403px -73px; width: 32px; height: 10px; display: inline-block; position: absolute; bottom: 0px; margin-left: 10px; }

.module_link_rotate_out a.rotate_pre { background: url(../images/pic_c.png) no-repeat -310px -46px; font: 0/0 a; text-shadow: none; color: transparent; width: 32px; height: 49px; display: block; position: absolute; top: 35%; left: 0; z-index: 10; }
.module_link_rotate_out a.rotate_next { background: url(../images/pic_c.png) no-repeat -359px -46px; font: 0/0 a; text-shadow: none; color: transparent; width: 32px; height: 49px; display: block; position: absolute; top: 35%; right: 0; z-index: 10; }

.module_link_rotate_in ul { }
.module_link_rotate_in ul li{
  list-style-type:none;
  position:relative;
}
.module_link_rotate_in{
  /*display:table-cell;*/
  width:590px;
}
.module_link_rotate_in .pic { padding-top: 33px; margin-bottom: 45px; }
.module_link_rotate_in h2 { font-family: "新細明體",Arial,sans-serif; font-size: 1.2em; font-weight:bold; color: #000000; height:75px; display:block;}

.module_link_rotate_in b{
  float:left;
  height:292px;
  width:590px;
  text-align:center;
  display:block;
  overflow:hidden;
  background-color:#000;
  margin-right:10px;
}
.module_link_rotate_in b img{
  margin:0;
  vertical-align:middle;
  height:292px;
  /*width:592px;*/
}
.module_link_rotate_in h5{
  float:left;
  width:590px;
  font-size:123.1%;
  line-height:1.4;
  font-weight:bold;
  color:#065493;
  text-decoration:none;
  display:block;
  padding-left:15px;
  margin-bottom:10px;
  background:url(../images/arr_b01.png) no-repeat left;
}
.module_link_rotate_in h5 a:hover{
  font-size:123.1%;
  font-weight:bold;
  color: #5E2C00;
  text-decoration:none;
  display:block;
}
.module_link_rotate_in span{
  float:left;
  color:#3E3A39;
  text-decoration:none;
  width:590px;
  display:block;
  font-size:1em;
  line-height:1.7;
  padding:0px 5px 10px 15px;
  text-align:justify;
}
.module_link_rotate_in span a{
  text-decoration:none;
  line-height:1.7em;
}
.module_link_rotate_in span a:hover{
  text-decoration:none;
  line-height:1.7em;
}
.module_link_rotate_in span u{ text-decoration:none;}
.module_link_rotate_in span u a{color:#154F7F;}
.module_link_rotate_in span u a:hover{ color:#F60;}

.module_link_rotate_in p{display:inline;}
.module_link_rotate_in p a{}
.module_link_rotate_in p a:hover{}

/*圖片輪播的數字----------*/
#nav{
  position:absolute;
  z-index:100px;
  top:230px;
  right:40px;
  text-align:center;
  /*padding:6px 70px 0 5px;*/
  height:40px;
}
#nav .activeSlide{
  color:#FFF;
  width:25px;
  height:25px;
  line-height:25px;
  text-align:center;
  display:block;
  text-decoration:none;
  background:url(../images/index_ov_17.png) center no-repeat;
  z-index:500;
}
#nav a{
  float:left;
  font-size:1.1em;
  color:#FFF;
  width:25px;
  height:25px;
  line-height:25px;
  display:block;
  text-decoration:none;
  background:url(../images/index_ov_17_no_new.png) center no-repeat;
  text-indent:-10000px;
}

/*#nav a:hover{color:#032A5D; background-color:#FFF;}*/

.cycle-slideshow img { width: 417px !important; height: 200px; }

.QA { margin-bottom: 10px; margin-top: 35px; }
.QA a { text-decoration: none;font-size: 0.9em;}
.QA .title { /*border-bottom: 1px solid #111;*/ position: relative; padding-bottom: 5px; }
.QA .title:after{content:"";display: block;border-bottom: dotted 2px rgb(174, 174, 174);position: relative; top: -13px;z-index: -1;width: 459px;float: right;}
.QA .title h2 { background: url(../images/pic_c.png) no-repeat -8px -4px; width: 125px; height: 30px; font: 0/0 a; text-shadow: none; color: transparent; }
.QA .title a.more { background: url(../images/pic_c.png) no-repeat -141px -12px; font: 0/0 a; text-shadow: none; color: transparent; width: 45px; height: 15px; display: inline-block; position: absolute; right: 0; top: 10px; }
.QA .title a.more:hover { background: url(../images/pic_c.png) no-repeat -194px -12px; }
.QA .text { overflow: hidden; margin: 5px 0; }
.QA .text h2 { color: #FFF; float: left; background-color: #801f40; padding: 10px; margin-right: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 1em; font-weight: 700; }
.QA .text p { line-height: 2.6; color: #3c3c3c;margin:5px; }

.column { overflow: hidden; margin-bottom: 10px; }
.column .title { position: relative; background: url(../images/title_bg.png) repeat-x; padding: 10px 0; margin-bottom: 10px; height: 20px; }
.column .title h2 { float: left; background: url(../images/title_bg.png) repeat-x; padding: 0 10px; font-weight: 700; font-size: 1.03em; }
.column .title h2 span { color: #4d273c; }
.column .title a.more { background: url(../images/pic_c.png) no-repeat -141px -12px; font: 0/0 a; text-shadow: none; color: transparent; width: 45px; height: 15px; display: inline-block; position: absolute; right: 0; top: 10px; }
.column .title a.more:hover { background: url(../images/pic_c.png) no-repeat -194px -12px; }
.column .pic { float: left; margin-right: 10px; }
.column .pic img { padding: 2px; background-color: #fff; border: 1px solid #C9C9C9; }
.column .text h3 a { color: #4d273c; font-weight: 700; line-height: 1.7; font-size: 1em; }
.column .text p { line-height: 1.7; color: #696969; text-indent: 0px; }
.column .text p p { font-size: 0.9em; line-height: 1.7; color: #696969; text-indent: 20px; }
.column .text p a { font-size: 0.9em; line-height: 1.7; color: #696969; text-indent: 20px; }

.video { overflow: hidden; margin-bottom: 10px; }
.video .title { position: relative; background: url(../images/title_bg.png) repeat-x; height: 51px; }
.video .title h2 { float: left; background: url(../images/v_bg.png) repeat-x; padding: 0 10px; font-weight: 700; font-size: 1.03em; height: 39px; padding-left: 51px; padding-top: 12px; }
.video .title h2 span { color: #4d273c; }
.video .title a.more { background: url(../images/pic_c.png) no-repeat -141px -12px; font: 0/0 a; text-shadow: none; color: transparent; width: 45px; height: 15px; display: inline-block; position: absolute; right: 0; top: 10px; }
.video .title a.more:hover { background: url(../images/pic_c.png) no-repeat -194px -12px; }
.video .pic { float: left; margin-right: 10px; }
.video .pic img { padding: 2px; background-color: #fff; border: 1px solid #C9C9C9; }
.video .text h3 { color: #4d273c; padding: 10px 0px; font-weight: 700; }
.video .text p { font-size: 0.9em; line-height: 1.7; color: #696969; text-indent: 0px; }

.ad { position: relative; margin-bottom: 50px; }
.ad a.pre { background: url(../images/pic_c.png) no-repeat -310px -46px; font: 0/0 a; text-shadow: none; color: transparent; width: 32px; height: 49px; display: block; position: absolute; top: 45%; left: 0; z-index: 10; }
.ad a.next { background: url(../images/pic_c.png) no-repeat -359px -46px; font: 0/0 a; text-shadow: none; color: transparent; width: 32px; height: 49px; display: block; position: absolute; top: 45%; right: 0; z-index: 10; }
.ad .title { border-bottom: 1px solid #111; position: relative; padding-bottom: 5px; }
.ad .title h2 { background: url(../images/pic_a.png) no-repeat 0px 0px; /* font: 0/0 a; text-shadow: none;*/ color: transparent;width: 128px; height: 30px; line-height: 30px;color:#883257;margin-top: 21px; font-weight: bold;letter-spacing:0.1em; text-indent: 35px;}
.ad .title a.more { background: url(../images/pic_c.png) no-repeat -141px -12px; font: 0/0 a; text-shadow: none; color: transparent; width: 45px; height: 15px; display: inline-block; position: absolute; right: 0; top: 10px; }
.ad .title a.more:hover { background: url(../images/pic_c.png) no-repeat -194px -12px; }

.ad a {
  display: block;
  width: 100%;
}

.ad span {
  display: block;
  width: 100%;
}

.ad img {
  display: block;
  width: 40%;
  height: 195px;
}

.news .title { position: relative; margin-bottom: 10px; }
.news .title h2 { background: url(../images/pic_c.png) no-repeat -1px -38px; width: 196px; height: 61px; font: 0/0 a; text-shadow: none; color: transparent; }
.news .title a.more { background: url(../images/pic_c.png) no-repeat -141px -12px; font: 0/0 a; text-shadow: none; color: transparent; width: 45px; height: 15px; display: inline-block; position: absolute; right: 0; top: 10px; }
.news .title a.more:hover { background: url(../images/pic_c.png) no-repeat -194px -12px; }

.news_a {font-family:"微軟正黑體",Arial, Helvetica, sans-serif;  display: block; overflow: hidden; }
.news_a h3 a { background: url(../images/pic_c.png) no-repeat -458px -62px; padding-left: 15px; font-size: 1em; float: left; color: #111; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 310px; }
.news_a span { color: #CC5E1C; font: 0.75em Arial,sans-serif; float: left; line-height: 1.5; margin-top: 8px; }
.news_a a { padding: 5px 10px; line-height: 1.7; float: left; font-size: 0.9em;color: #707070; }
.news_a p p { padding: 10px; line-height: 1.7; float: left; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; color: #707070; }

.footer { /*position: relative;*/ }

.footer_link { overflow: hidden; }
.footer_link ul li { float: left; }
.footer_link ul li a { color: #272822; text-decoration: none; margin: 0 5px; }
.footer_link ul li a:hover { color: #B55A00; text-decoration: underline; }

.footer_link { margin-bottom: 5px; overflow: hidden; }
.footer_link ul li { float: left; display: inline; }
.footer_link ul li a { color: #404040; }
.footer_link ul li a:hover { color: #94720C; }
.footer_link span { border-left: solid 1px #111; float: left; margin: 0 10px; }

.footer_info { clear: both; line-height: 1.7; font-size: 0.8em; }

.footer_iconlink { /*position: absolute;*/ top: 10px; right: 0px; visibility: visible; }
.footer_iconlink ul li { float: right; margin: 5px; }
.footer_iconlink ul li.footer_egov { background: url(../images/gov_03.png) no-repeat; width: 43px; height: 45px; z-index: 10; }
.footer_iconlink ul li.footer_egov a { width: 43px; height: 45px; font: 0/0 a; text-shadow: none; color: transparent; display: block; }
/*.footer_iconlink ul li.footer_wcag { background: url(../images/index_37.jpg) no-repeat; width: 88px; height: 31px; z-index: 10; }*/
.footer_iconlink ul li.footer_wcag a { width: 88px; height: 31px; font: 0/0 a; text-shadow: none; color: transparent; display: block; }

/*---左邊導盲磚--*/
.accesskey_l { position: absolute; top: 0px; left: 0px; width: 20px; z-index: 20; }
.accesskey_l a { text-decoration: none; }

/*---中間導盲磚--*/
.accesskey_c { position: absolute; top: 0px; left: -20px; width: 20px; z-index: 10; }
.accesskey_c a { text-decoration: none; }

/*---右邊導盲磚--*/
.accesskey_r { position: absolute; top: 0px; left: 0px; width: 20px; z-index: 10; }
.accesskey_r a { text-decoration: none; }

/*---下方導盲磚--*/
.accesskey_z { position: absolute; top: 0px; left: 0px; width: 20px; z-index: 10; }
.accesskey_z a { text-decoration: none; }

.video_page td { vertical-align: top; }

.caption { padding: 10px; }
.caption th {  padding:10px 0px; vertical-align: top; }
.caption td { padding:10px 0px; line-height: 1.7; }

.text {
font-family: "微軟正黑體",Arial,sans-serif;
}

p.txt {
overflow: hidden;
}

p.txt2 {
overflow: hidden;
}