@CHARSET
"UTF8"
;
/**
*  休館日曆元件
*/
.librarySearch {
    background-image: url( ../images/library_resetbg.jpg );
    background-repeat: no-repeat;
    width: 173px;
    height: 220px;
    float: left
}

.librarySearch .title {
    float: left;
    color: #B1867F;
    font-size: 13px;
    line-height: 135%;
    text-decoration: none;
    padding-top: 5px;
    padding-left: 5px;
}

.breakEvent {
    background-color: #000000;
}

.advanceSearchForm, .startDate, .endDate, .month, .day {
    float: left;
}

.advanceSearchForm {
    padding-left: 5px;
}

.basicsaerch {
    float: right;
    padding-right: 10px;

}

.startDate .title {
    padding-top: 0px;
    width: 150px;
}

.endDate .title {
    padding-top: 0px;
}

.startDate {
    width: 150px;
}

.endDate {
    width: 80px;
}

.librarySearch .ui-datepicker-div, .librarySearch .ui-datepicker-inline, .librarySearch  #ui-datepicker-div {
    background: none;
    border: 0px none;

}

.librarySearch .ui-datepicker-next, .librarySearch  .ui-datepicker-prev {
    left: 0px;

}

.librarySearch .ui-datepicker-header select.ui-datepicker-new-month {
    left: 1.6em;
    width: 5em;
}

.librarySearch .ui-datepicker-header select.ui-datepicker-new-year {
    left: 6.6em;
    width: 5em;
}

.librarySearch .ui-datepicker-next {
    left: 11.7em;
}

.librarySearch table.ui-datepicker {
    width: 11.5em;
}

.librarySearch .ui-datepicker-inline {
    padding-left: 0px;
    width:12.5em;
}

.librarySearch .ui-datepicker-one-month {
    padding-left: 10px;
}

.librarySearch .ui-datepicker td a {
    background: #B0B0B0;
    color: #ffffff;
}

.librarySearch .ui-datepicker-days-cell {
    font-size: 10px;
}

.libraryTip {
    float: left;
    padding-left: 16px;
    FONT-SIZE: 13px;
    COLOR: #979797;
    TEXT-DECORATION: none;
    line-height: 150%;
}

.libraryTip  .tipBox {
    float: left;
    background-image: url( '../images/tipBox.jpg' );
    background-repeat: no-repeat;
    background-position: 0px 5px;
    width: 15px;
    height: 18px;
}

.channelSubMenu {
    margin-left: 2px;
    float: left;
    padding-top: 121px;

}

.channelSubMenu .subMenu {
    width: 90px;
}

.subMenu .librarySubLink, .subMenu .librarySubLink a {
    background-color: #D7B3AE;
    border-bottom: 1px solid #ffffff;
    color: #40250A;
    float: left;
    text-align: center;
    width: 90px;
}

.outsideLinkBlock {
    float: left;
    width: 626px;
    padding-bottom: 12px;
}

.outsideLinkBlock .outsideMenu {
    float: left;
    width: 626px;

}

.outsideMenu .outsideTitle {
    float: left; /*background-image: url( ../images/btn_allchk_01.jpg );*/
/*background-repeat: no-repeat;*/
    width: 89px; /*height: 33px;*/

    font-weight: bolder;
    FONT-SIZE: 13px;
    COLOR: #250905;
    TEXT-DECORATION: none;
    text-indent: 20px; /*letter-spacing:15px;*/
    line-height: 230%;
}

.outsideMenu .outsideLink, .outsideMenu .outsideLink a {
    float: left; /*background-image: url( ../images/btn_allchk.jpg );*/
/*background-repeat: no-repeat;*/
/*width: 89px;*/
/*height: 33px;*/
/*text-align:center;*/
    line-height: 230%;
    color: #2E1F22;
}

.outsideMenu .outsideLink, .outsideMenu .outsideLink a {
    color: #673B34;
}

/**
*  圖書館右邊
*/

.channelContent {
    width: 660px;
    float: left;
}

.leftLibraryBanner {
    background-image: url( ../images/libraryBannerBg1.jpg );
    background-repeat: no-repeat;
    float: left;
    height: 300px;
    width: 273px;
}

.leftLibraryBanner .banner {
    padding-top: 8px;
    padding-left: 8px;
}

.bottomLibraryBanner {
    background-image: url( ../images/libraryBannerBg2.jpg );
    background-repeat: no-repeat;
    float: left;
    height: 108px;
    width: 193px;
}

.bottomLibraryBanner .banner {
    padding-top: 8px;
    padding-left: 8px;
}

.hotComments .title, .programRelate .title {
    float: left;
    font-weight: bold;
    width: 340px;
    color: #B2817B;
    font-size: 13px;
    padding-top: 8px;
    padding-bottom: 10px;
    text-decoration: none;
    border-bottom: 1px dotted #cccccc;

}

.hotComments .comment {
    padding-top: 8px;
    padding-left: 8px;
}

.hotComments .comment a, .hotComments .comment {
    color: #6A6A6A;
    FONT-SIZE: 13px;
    line-height: 150%;
    text-decoration: none;

}

.hotComments .comment a:hover {
    FONT-SIZE: 13px;
    COLOR: #B05333;
    TEXT-DECORATION: underline;
    line-height: 150%
}

.commentList {
    float: left;
    padding-bottom: 15px;
    width: 340px;
}

.libraryList th, .libraryList th:hover, .libraryList tr:hover {
    background-color: #D7B3AE;
    COLOR: #250905;
}

.theme {
    color: #6A6A6A;
    float: left;
    padding-bottom: 30px;
    width: 560px;
}

.themeImage {
    float: left;
    width: 144px;
}

.themeContext {
    float: left;
    width: 416px;
}

.themeTitle {
    padding-left: 10px;
}

.themeDate {
    padding-left: 10px;
}

.themeContent {
    padding-left: 10px;
}

.themeContext .preview {
    float: right;
}

.themeBlock {
    float: left;
    width: 560px;
}

.movieSchedule {
    color: #6A6A6A;
    float: left;
    padding-bottom: 10px;
    width: 626px;
}

.movieScheduleImage {
    float: left;
    width: 96px;
    height: 135px;
}

.movieScheduleContext {
    float: left;
    width: 472px;
}

.movieScheduleTitle {
    padding-left: 10px;
}

.movieSchedulePlayTime {
    padding-left: 10px;
}

.movieScheduleContent {
    padding-left: 10px;
}

.movieScheduleActor {
    padding-left: 10px;
}

/**
*  推薦資料表單
*/
.prop {
    float: left;
    font-size: 8pt;
    width: 100%;
}

.prop .name {

    float: left; /*padding: 5px;*/
    padding: 5px 5px 5px 30px;
    text-align: left;
    width: 120px;
    white-space: nowrap;
    font-weight: bold;
}

.prop .value {
    float: left;
    text-align: left;
    padding: 5px 0px 5px 0px;
}

.articleList {
    float: left;
}

.article, .article a {
    color: #979797;
    font-size: 13px;
    line-height: 150%;
    text-decoration: none;
}

.article a:link {
    color: #979797;
    font-size: 13px;
    line-height: 150%;
    text-decoration: none;
}

.article a:hover {
    color: #B05333;
    font-size: 13px;
    line-height: 150%;
    text-decoration: underline;
}

.article .dot {
    float: left;
}

.article .link {
    float: left;
    width: 87px;
}

/**
* 新到館搜尋
*/
.searchBrandnew {
    background-image: url( ../images/library_brandnew_bg.jpg );
    background-repeat: no-repeat;
    width: 173px;
    height: 240px;
    float: left;
}

.searchBrandnewBody {
    float: left;
    padding-top: 5px;
    padding-left: 5px;
}

.searchBrandnew .title {
    float: left;
    color: #B1867F;
    font-size: 13px;
    line-height: 135%;
    text-decoration: none;
    width: 165px;
}

.searchBrandnewName {
    float: left;
    color: #B1867F;
    font-size: 13px;
    line-height: 135%;
    text-decoration: none;
    width: 165px;
}

.searchBrandnewValue {
    float: left;
    color: #B1867F;
    font-size: 13px;
    line-height: 135%;
    text-decoration: none;
    width: 165px;
    padding-bottom: 5px;
}

/**
* 期刊搜尋
*/
.searchJournal {
    background-image: url( ../images/library_searchbg.jpg );
    background-repeat: no-repeat;
    width: 173px;
    height: 110px;
    float: left
}

.searchJournal .title {
    float: left;
    color: #B1867F;
    font-size: 13px;
    line-height: 135%;
    text-decoration: none;
    padding-top: 5px;
    padding-left: 5px;
    width:100px;
}

.themeSearch .title, .langSearch .title{
    color: #B1867F;
    font-size: 13px;
    line-height: 135%;
    text-decoration: none;
    padding-top: 5px;
    padding-left: 5px;
    width:50px;
}

.searchJournal, .langSearch, .themeSearch, .lang, .theme {
    float: left;
}

.journalField {
    word-break: break-all;
    font-family: Arial, Helvetica, sans-serif;
}

.librarytheme {
    background-image: url( ../images/library_left_bg.jpg );
    background-repeat: no-repeat;
    height: 270px;
}

.banner {
    flaot: left;
    padding-top: 25px;
}

.libraryopentime {
    padding-top: 20px;
    width: 626px;
}

.libraryopentime, .libraryemail {
    float: left;
    color: #6A6A6A;
    font-size: 13px;
    line-height: 150%;
    text-decoration: none;
}

/**
*  新到館
*/
.brandNewSearch {
    float: left;
}