@charset "utf-8";

/*基本內文*/
.txtL {
    font-size: 15px;
}
.txtM {
    font-size: 13px;
}
.txtS {
    letter-spacing: 0px;
    font-size: 11px;
}
.txtDelete {
    color: #666666;
    text-decoration: line-through;
}
.colorR1 {
    color: #FF0000;
}
.colorR2 {
    color: #990000;
}
.colorR3 {
    color: #660000;
}
.colorO1 {
    color: #FF9900;
}
.colorO2 {
    color: #FF6600;
}
.colorO3 {
    color: #FF3300;
}
.colorP1 {
    color: #FF99CC;
}
.colorP2 {
    color: #FF6699;
}
.colorP3 {
    color: #FF0099;
}
.colorB1 {
    color: #66CCCC;
}
.colorB2 {
    color: #3399CC;
}
.colorB3 {
    color: #006699;
}
.colorG1 {
    color: #92D050;
}
.colorG2 {
    color: #66CC00;
}
.colorWhite {
    color: #FFFFFF;
}
.colorGray {
    color: #999999;
}

/*基本內文排版*/
.clearB {
    clear: both;
}
p.clearB {
    font-size: 11px;
    text-align: right;
    color: #999999;
    clear: both;
    height: 15px;
    margin: 0px;
}
.floatL {
    float: left;
    display: block;
    width: 430px;
}
.floatR {
    float: right;
    display: block;
}
.floatC {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.img1 {
    padding: 3px;
    border: 1px solid #C9CAD2;
    background: #FFFFFF;
}
.img2 {
    border: 1px solid #C9CAD2;
}
.imgL {
    float: left;
    display: block;
    margin: 0px 8px 8px 0px;
}
.imgR {
    float: right;
    display: block;
    margin: 0px 0px 8px 8px;
}
.max200HW {
    max-height: 200px;
    max-width: 200px;
}
.max200W {
    max-height: 200px;
}
.max700W {
    max-width: 700px;
}

/*內文分隔線*/
.content_line1 {
    clear: both;
    height: 15px;
    text-align: right;
    background: url(design/news_line2.gif) repeat-x 0px 0px;
}
.content_line2 {
    background: url(design/letter_bg.gif);
}

/*列表頁共通樣式*/
.list_head, .list_pages {
    color: #777777;
    height: 25px;
    padding: 0px 5px;
    margin: 10px 0px;
    clear:both;
}
.list_head strong {
    color: #000000;
}
.list_pages strong {
    color: #0066CC;
}
/*列表頁功能列樣式*/
.list_head {
    background: url(../icon/pages_bg1.gif) repeat-x;
}
.list_pages {
    background: url(../icon/pages_bg2.gif) repeat-x;
}
.list_head a, .list_pages a {
    color: #000000;
}
.list_head a:hover, .list_pages a:hover {
    color: #CC0000;
}
.list_head a strong, .list_pages a strong {
    color: #0066CC;
    font-size: 15px;
}
.list_head a:hover strong, .list_pages a:hover strong {
    text-decoration: none;
}
.list_head select, .list_pages select {
    font-size: 12px;
    letter-spacing: 1px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
}
.News-DisabledLink, .News-DisabledLink:hover {
    color: #999999;
}
.News-ListContent {
    height: 110px;
    display: block;
    overflow: hidden;
}

/*訊息公告樣式*/
.list_area {
    clear: both;
    color: #999999;
    width: 705px;
    margin: 15px 0px 0px 5px;
    background: url(design/news_line1.gif) repeat-x 0px 22px;
}
.list_area div.list_tag {
    height: 22px;
    width: 55px;
    padding: 2px 15px 0px 10px;
    margin: 0px;
    display: block;
    float: left;
    color: #FFFFFF;
    background: url(design/news_icon1.gif) no-repeat 0px 0px;
}
.list_area a {
    color: #7030A0;
}
.list_area a:hover {
    color: #FF6600;
}
.list_tag {	
    height: 22px;
    width: 55px;
    padding: 2px 5px 0px 10px;
    display: block;
    float: left;
    color: #FFFFFF;
}
.list {
    color: #999999;
    width: 705px;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
    list-style-type: none;
}
.list li {
    clear: both;
    padding: 0px;
    margin: 0px;
    height: 30px;
    background: url(design/news_line2.gif) repeat-x 0px 25px;
}
.list li div a.News-DisabledLink:hover {
    color: #000000;
}
.list li div.list_url, .list li div.list_file, .list li div.list_date, .list li div.list_name, .list li div.list_hit, .list li div.list_date {
    font-size: 11px;
    float: right;
    display: block;
    text-align: center;
    background: url(design/news_line3.gif) no-repeat left 10px;
}
.list li div.list_url a, .list li div.list_file a, .list li div.list_date a, .list li div.list_name a, .list li div.list_hit a, .list li div.list_title1 a, .list li div.list_title2 a, .list li div.list_title3 a {
    color: #000000;
    height: 30px;
    width: 100%;
    display: block;
    overflow: hidden;
}
 .list li div.list_category a {
    height: 30px;
 }
.list li div a:hover {
    color: #7030A0;
}
.list li div.list_url {
    width: 40px;
}
.list li div.list_file {
    width: 48px;
}
.list li div.list_date {
    width: 85px;
}
.list li div.list_name {
    width: 90px;
    letter-spacing:0px;
}
.list li div.list_hit {
    width: 50px;
}
.list li div.list_title1 {
    width: 510px;
}
.list li div.list_title2 {
    width: 485px;
}
.list li div.list_title3 {
    width: 290px;
}
.list li div.list_category {
    width: 120px;
}
.list li div.list_title1, .list li div.list_title2, .list li div.list_title3 {
    float: left;
    display: block;
}
.list li div.list_title1 a, .list li div.list_title2 a, .list li div.list_title3 a {
    padding-left: 15px;
    background: url(icon/spot-ball1.gif) no-repeat 3px 11px;
}
.list li div.list_title1 a:hover, .list li div.list_title2 a:hover, .list li div.list_title3 a:hover {
    background: url(icon/spot-ball2.gif) no-repeat 3px 11px;
}

/*廣告刊頭樣式*/
.list_advs {
    height: 140px;
    width: 710px;
    clear: both;
}
.list_advs dl {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    width: 100%;
    clear: both;
}
.list_advs dl dt, .list_advs dl dd {
    padding: 0px;
    margin: 0px;
    float: left;
    display: block;
    line-height: 130px;
    text-align: center;
}
.list_advs dl dt {
    height: 130px;
    width: 275px;
}
.list_advs dl dt img {
    max-height: 130px;
    max-width: 275px;
    line-height: 130px;
    border: none;
}
.list_advs dl dd {
    height: 130px;
    width: 130px;
    margin-left: 15px;
}
.list_advs dl dd img {
    max-height: 130px;
    max-width: 130px;
    line-height: 130px;
    border: none;
}

/*縮圖清單樣式*/
.list_photos, .list_logos {
    width: 710px;
    clear: both;
}
.list_photos dl, .list_logos dl {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    width: 130px;
    float: left;
    display: block;
    margin-left: 15px;
}
.list_photos dl.head_pic, .list_logos dl.head_pic {
    margin-left: 0px;
}
.list_photos dl dt, .list_logos dl dt {
    height: 130px;
    width: 130px;
    display: block;
    text-align: center;
    padding: 0px 0px 5px 0px;
    margin: 0px;
    line-height: 130px;
}
.list_logos dl dt {
    height: 60px;
    line-height: 60px;
}
.list_photos dl dt img, .list_logos dl dt img {
    max-height: 128px;
    max-width: 128px;
    line-height: 128px;
    border: 1px solid #E0DFE3;
}
.list_logos dl dt img {
    max-height: 58px;
    line-height: 58px;
}
.list_photos dl dt img:hover, .list_logos dl dt img:hover {
    border: 1px solid #BDBFC8;
}
.list_photos dl dd, .list_logos dl dd {
    padding: 0px;
    margin: 0px;
    height: 20px;
    width: 130px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
}
.list_photos dl dd span, .list_logos dl dd span {
    color: #EE0000;
    float: left;
    margin-right: 5px;
}
.list_photos dl dd a:hover, .list_logos dl dd a:hover {
    text-decoration: underline;
}

/*列表清單樣式*/
.list_items1, .list_items2 {
    width: 710px;
    clear: both;
    background: url(design/news_line2.gif) repeat-x 0px top;
}
.list_items1 dl, .list_items2 dl {
    padding: 15px 0px 15px 0px;
    margin: 0px;
    height: 130px;
    clear: both;
    background: url(design/news_line2.gif) repeat-x 0px bottom;
}
.list_items2 dl {
    height: 60px;
}
.list_items1 dl dt, .list_items2 dl dt {
    height: 128px;
    width: 128px;
    line-height: 128px;
    float: left;
    display: block;
    text-align: center;
    padding: 0px 10px 0px 0px;
    margin: 0px;
}
.list_items2 dl dt {
    height: 58px;
    line-height: 58px;
}
.list_items1 dl dt img, .list_items2 dl dt img {
    max-height: 128px;
    max-width: 128px;
    border: none;
    line-height: 128px;
}
.list_items2 dl dt img {
    max-height: 58px;
    line-height: 58px;
}
.list_items1 dl dd, .list_items2 dl dd {
    float: left;
    display: block;
    padding: 0px;
    margin: 0px;
    height: 24px;
    width: 570px;
    line-height: 24px;
    overflow: hidden;
}
.list_items2 dl dd {
    height: 20px;
    line-height: 20px;
}
.list_items1 dl dd a strong, .list_items2 dl dd a strong {
    color: #FF9900;
    font-size: 14px;
}

/*內文項目清單*/
.list_half {
    width: 350px;
    display: block;
}
.list_half ul {
    list-style: none;
    padding: 0px;
    margin-left: 0px;
}
.list_half ul li {
    padding-left: 10px;
    background: url(icon/spot-ball4.gif) no-repeat left 7px;
}
.list_half ul li strong {
    color: #FF6600;
}

/*出版品清單樣式*/
.books_list {
    width: 710px;
}
.books_list dl {
    padding: 0px;
    margin: 0px;
    height: 145px;
    width: 235px;
    float: left;
    display: block;
}
.books_list dl.head_pic {
    margin-left: 0px;
}
.books_list dl dt {
    height: 130px;
    width: 90px;
    padding: 0px;
    margin: 0px;
    float: left;
    display: block;
    background: url(design/books_bg1.gif) no-repeat;
}
.books_list dl dt img{
    height: 119px;
    width: 85px;
    margin: 2px 2px 9px 3px;
    border: none;
}
.books_list dl dd {
    padding: 0px;
    margin: 0px 5px;
    height: 135px;
    width: 135px;
    line-height: 20px;
    float: left;
    display: block;
    overflow: hidden;
}
.books_big {
    height: 315px;
    width: 225px;
    float: left;
    display: block;
    padding: 5px;
    margin: 10px 10px 10px 0px;
    border: 1px solid #C9CAD2;
}
/*活動相簿樣式*/
.gallery {
    list-style: none;
    width: 704px;
    margin: 0px auto;
    padding: 0px;
}
.gallery li {
    margin: 0px;
    padding: 12px;
    text-align: center;
    position: relative;
    width: 152px;
    height: 120px;
    line-height: 100px;
    float: left;
    overflow: hidden;
    background: url(design/gallery_bg.gif) no-repeat 6px 6px;
}
.gallery img {
    max-height: 100px;
    max-width: 150px;
    background: #fff;
    border: solid 1px #BBBBBB;
}
.gallery a {
    text-decoration: none;
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
    display: inherit;
}
.gallery a:hover img {
    border-color: #000;
}
.gallery a:hover span {
    background: none;
}
.gallery span {
    width: 150px;
    height: 100px;
    display: block;
    position: absolute;
    cursor: pointer;
    background: url(design/glossy-gradient.png) no-repeat;
}
.gallery em {
    font-size: 13px;
    font-style: normal;
    width: 156px;
    height: 20px;
    line-height: 20px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

/*仿表格樣式*/
.form1 {
    width: 700px;
    padding-bottom: 10px;
    margin: 0px 10px 0px 0px;
    line-height: 25px;
    clear: both;
}
.form1 dt, .form1 dd {
    height: 25px;
    padding: 5px;
    margin: 0px;
    float: left;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #CCCCCC;
}
.form1 dt {
    color: #3399CC;
    width: 70px;
    padding-right: 0px;
    padding-left: 0px;
    background: url(icon/spot-arrow4.gif) no-repeat right 12px;
}
.form1 dd {
    width: 620px;
}
.form1 .formS {
    width: 270px;
}
.form1 .formL {
    height: 80px;
}
.form1 select, .form1 input.formText, .form1 select.formList, .form1 textarea.formList, .list_head select.formList {
    font-size: 12px;
    letter-spacing: 1px;
    border: 1px solid #CCCCCC;
    background: #ECECEC;   
}
.form1 textarea.formList {
    line-height: 20px;
}
.form1 input.formBtn {
    font-size: 12px;
    letter-spacing: 1px;
    border: 1px solid #999999;
    background: #CCCCCC url(icon/btn_bg5.gif) repeat-x;
}

/*仿表格樣式*/
.form2 {
    width: 704px;
    padding: 0px;
    margin: 10px auto;
    clear: both;
    list-style: none;
    border: 1px solid #CCCCCC;
    border-top: none;
}
.form2 li {
    padding: 0px;
    margin: 0px;
    height: 46px;
    display: block;
    clear: both;
    border-top: 1px solid #CCCCCC;
}
.form2 li:hover {
    background: #FFFFDD;
}
.form2 li ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    clear: both;
}
.form2 li ul li {
    height: 40px;
    line-height: 20px;
    padding: 3px 5px;
    margin: 0px;
    display: block;
    float: left;
    clear: none;
    overflow: hidden;
    text-align: center;
    border-top: none;
}
.form2 li ul li.form_td1 {
    width: 420px;
    white-space: nowrap;
    text-align: left;
}
.form2 li ul li.form_td2 {
    font-size: 10px;
    width: 80px;
    text-align: center;
    border-left: 1px solid #CCCCCC;
}
.form2 li ul li.form_td3 {
    font-size: 10px;
    width: 35px;
    line-height: 44px;
    border-left: 1px solid #CCCCCC;
}
.form2 li ul li.formL {
    width: 690px;
}
.form2 li.formT, .form2 li.formT ul li {
    text-align: center;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    display: block;
    background: #EDEDED;
}
.form2 li.formT a {
    color: #003366;
}
.form2 li.formT a:hover {
    color: #000000;
    text-decoration: underline;
}

/*真表格樣式*/
.table1 {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}
.table1 th {
    font-weight: normal;
    padding: 3px 5px;
    background: #D0E0EE;
    border-right: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
}
.table1 th a {
    color: #006699;
    text-decoration: underline;
}
.table1 th a:hover {
    color: #003366;
    text-decoration: underline;
}
.table1 tr {
    text-align: center;
    background: #FFFFFF;
}
.table1 tr:hover {
    background: #F0EFE3;
}
.table1 td {
    padding: 3px 5px;
    border-right: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
}
.table1 .formL {
    width: 98%;
}
.table1 .formS {
    text-align: center;
    width: 22px;
}
.table2 {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #F9A742;
}
.table2 th {
    color: #FFFFFF;
    font-weight: normal;
    padding: 2px 5px;
    border: 1px solid #FB8D28;
    background: #F9A742 url(icon/btn_bg2.gif) repeat-x left -20px;
}
.table2 tr {
    text-align: center;
    background: #FFFFFF;
}
.table2 tr:hover {
    background: #FFFFFF;
}
.table2 td {
    border: none;
    border-bottom: 1px solid #FB8D28;
    padding: 2px 5px;
}
.table2 ul {
    list-style: none;
    padding: 0px;
    margin-left: 0px;
}
.table2 ul li {
    padding-left: 10px;
    background: url(icon/spot-ball4.gif) no-repeat left 7px;
}
.table2 ul li strong {
    color: #FF6600;
}
.table3 {
    margin: 15px auto;
}
.a_inline {
    height: 20px;
    width: 100%;
    display: block;
    overflow: hidden;
}