﻿/* ＊＊＊請勿任意修改此樣式檔＊＊＊ */

/* 搜尋版型 */

/*----- SEARCH ----- */
div#web_search {
    float: right;
    margin-right: 30px;
    _margin-right: 10px;
    text-align: right;
    _height: 25px;
    z-index: 100;
}
div.border div#web_search {
    position: relative;
    float: right;
    margin-top: 20px;
    margin-right: 10px;
}

div#web_search span {
    float: right;
}

div#web_search div#advance_helper {
    position: absolute;
    padding-right: 20px;
    background: url(image/arrow/direct2.gif) no-repeat right 10px;
    color: #c00;
    height: 30px;
    margin-top: -30px;
    right: 85px;
    _right: 120px;
    white-space: nowrap;
}

div#web_search input.text {
    float: left;
    margin-left: 2px;
    padding: 2px 0 1px 18px;
    background: #fff url(image/search/search.gif) no-repeat left 2px;
    border-top: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	border-left: solid 1px #c0c0c0;
	font: 100% 'Segoe UI', Tahoma;
	width: 200px;
	height: 15px;
}

div#web_search input.watermark {
    float: left;
    padding: 2px 0 1px 18px;
    background: #fff url(image/search/search.gif) no-repeat left 2px;
    border-top: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	border-left: solid 1px #c0c0c0;
	color: #999;
	font: 100% 'Segoe UI', Tahoma;
	width: 200px;
	height: 15px;
}

div#web_search input.option {
    float: left;
    margin-left: -3px;
    background: url(image/theme/btn_search_shap.gif) no-repeat left top;
    border: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

div#web_search input.button {
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    background: url(image/theme/btn_search.gif) no-repeat left top;
    border: none;
    width: 50px;
    height: 20px;
    cursor: pointer;
}
div#web_search input.all {
    float: left;
    margin-right: 5px;
    background: url(image/theme/btn_view_all.gif) no-repeat left top;
    border: none;
    width: 60px;
    height: 20px;
    cursor: pointer;
}
div#web_search input.back {
    float: left;
    margin-right: 5px;
    background: url(image/theme/btn_goback.gif) no-repeat left top;
    border: none;
    width: 50px;
    height: 20px;
    cursor: pointer;
}

div#web_search select.text {
    float: left;
    margin-left: 2px;
    padding: 2px 0 1px 18px;
    border-top: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	border-left: solid 1px #c0c0c0;
	font: 100% 'Segoe UI', Tahoma;
	width: 150px;
}

div#main_theme_green {
    /*margin-right: 240px;
    _margin-right: 120px;*/
    margin-right: 0;
    _margin-right: 0;
}

/*----- ADVANCE SEARCH ----- */
div#advance_search {
    position: relative;
    margin: 5px auto 5px auto;
    padding: 0 10px 10px 10px;
    background: url(image/bubble/jump_frame_top_center.gif) repeat-x left top;
    width: 90%;
    min-height: 100px;
}
div#advance_search div#advance_search_topleft {
    position: absolute;
    background: url(image/bubble/jump_frame_top_left.gif) no-repeat left top;
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
}
div#advance_search div#advance_search_topright {
    position: absolute;
    background: #fff url(image/bubble/jump_frame_top_right.gif) no-repeat left top;
    width: 15px;
    height: 10px;
    top: 0;
    right: 0;
}
div#advance_search div#advance_search_bottomleft {
    position: absolute;
    background: #fff url(image/bubble/jump_frame_footer_left.gif) no-repeat left top;
    width: 10px;
    height: 15px;
    bottom: 0;
    left: 0;
}
div#advance_search div#advance_search_bottomright {
    position: absolute;
    background: #fff url(image/bubble/jump_frame_footer_right.gif) no-repeat right top;
    width: 15px;
    height: 15px;
    bottom: 0;
    right: 0;
}
div#advance_search div#advance_search_left 
{
    position: absolute;
    background: url(image/bubble/jump_frame_bg_left.gif) repeat-y left top;
    width: 10px;
    height: 100%;
    _height: expression((this.parentNode.offsetHeight) + 'px');
    top: 0;
    left: 0;
}
div#advance_search div#advance_search_right 
{
    position: absolute;
    background: url(image/bubble/jump_frame_bg_right.gif) repeat-y right top;
    width: 15px;
    height: 100%;
    _height: expression((this.parentNode.offsetHeight) + 'px');
    top: 0;
    right: 0;
}
div#advance_search div#advance_search_bottom {
    position: absolute;
    background: url(image/bubble/jump_frame_footer_center.gif) repeat-x left bottom;
    width: 100%;
    _width: 101%;
    height: 15px;
    bottom: 0;
    left: 0;
}

div#advance_search div#advance_search_closebtn {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 10px;
    right: 20px;
}
div#advance_search div#advance_search_closebtn a {
    display: block;
    background: url(image/button/icon_close.gif) no-repeat left top;
    width: 16px;
    height: 16px;
}
div#advance_search div#advance_search_closebtn a span {
    display: none;
}

/*div#advance_search h1 {
    margin: 10px 5px 10px 5px;
    padding-left: 3px;
    border-bottom: 1px solid #ddd;
    color: #2da603;
    font-size: 100%;
    text-align: left;
    height: 35px;
    *height: 25px;
    line-height: 35px;
    *line-height: 25px;
}*/

div#advance_search table.search {
    table-layout: fixed;
    margin: 0 10px 5px 10px;
    padding: 1px;
    width: 95%;
}
div#advance_search table.search th,
div#advance_search table.search td {
	padding-bottom: 5px;
}
div#advance_search table.search th {
    padding-top: 3px;
    padding-right: 5px;
    text-align: right;
	vertical-align: top;
	width: 130px;
	white-space: nowrap;
}
div#advance_search table.search th.small {
    width: 80px;
}
div#advance_search table.search td {
    text-align: left;
	vertical-align: top;
}

div#advance_search table.search input.txt {
    padding: 2px 2px 0 2px;
    width: 130px;
    line-height: 1.5;
}
div#advance_search table.search input.large {
    width: 390px;
}
div#advance_search table.search select.txt {
    padding: 2px 0 1px 1px;
    width: 130px;
}
div#advance_search table.search select.small {
    margin-left: 5px;
    margin-right: 5px;
    width: 50px;
}
div#advance_search table.search select.first {
    margin-left: 0;
}

div#advance_search div.command 
{
	_margin: 10px 20px 10px 20px;
    display: block;
    padding-top: 5px;
    padding-right: 5px;
    border-top: 1px solid #ddd;
    text-align: right;
    height: 35px;
}
div#advance_search div.command input.button {
    margin: 0 10px 1px 10px;
    *margin-top: 1px;
    padding: 0 0 2px 5px;
    *padding: 3px 0 0 0;
    background: url(image/button/btn_2txt_01.gif) no-repeat left top;
    border: none;
    color: #0156d5;
    font-size: 100%;
    width: 50px;
    height: 20px;
    letter-spacing: 2px;
}

/*----- ADVANCE SEARCH HLAF ----- */
div#advance_search_hlaf {
    position: relative;
    margin: 5px 10px 5px 20px;
    padding: 0 10px 10px 10px;
    background: url(image/bubble/jump_frame_top_center.gif) repeat-x left top;
    width: 50%;
    min-height: 100px;
}
div#advance_search_hlaf div#advance_search_hlaf_topleft {
    position: absolute;
    background: url(image/bubble/jump_frame_top_left.gif) no-repeat left top;
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
}
div#advance_search_hlaf div#advance_search_hlaf_topright {
    position: absolute;
    background: #fff url(image/bubble/jump_frame_top_right.gif) no-repeat left top;
    width: 15px;
    height: 10px;
    top: 0;
    right: 0;
}
div#advance_search_hlaf div#advance_search_hlaf_bottomleft {
    position: absolute;
    background: #fff url(image/bubble/jump_frame_footer_left.gif) no-repeat left top;
    width: 10px;
    height: 15px;
    bottom: 0;
    left: 0;
}
div#advance_search_hlaf div#advance_search_hlaf_bottomright {
    position: absolute;
    background: #fff url(image/bubble/jump_frame_footer_right.gif) no-repeat right top;
    width: 15px;
    height: 15px;
    bottom: 0;
    right: 0;
}
div#advance_search_hlaf div#advance_search_hlaf_left 
{
    position: absolute;
    background: url(image/bubble/jump_frame_bg_left.gif) repeat-y left top;
    width: 10px;
    height: 100%;
    _height: expression((this.parentNode.offsetHeight) + 'px');
    top: 0;
    left: 0;
}
div#advance_search_hlaf div#advance_search_hlaf_right 
{
    position: absolute;
    background: url(image/bubble/jump_frame_bg_right.gif) repeat-y right top;
    width: 15px;
    height: 100%;
    _height: expression((this.parentNode.offsetHeight) + 'px');
    top: 0;
    right: 0;
}
div#advance_search_hlaf div#advance_search_hlaf_bottom {
    position: absolute;
    background: url(image/bubble/jump_frame_footer_center.gif) repeat-x left bottom;
    width: 100%;
    _width: 101%;
    height: 15px;
    bottom: 0;
    left: 0;
}

div#advance_search_hlaf h1 {
    margin: 10px 5px 10px 5px;
    padding-left: 3px;
    border-bottom: 1px solid #ddd;
    color: #2da603;
    font-size: 100%;
    text-align: left;
    height: 35px;
    *height: 25px;
    line-height: 35px;
    *line-height: 25px;
}

div#advance_search_hlaf table.search {
    margin: 0 10px 5px 10px;
    padding: 1px;
    width: 95%;
}
div#advance_search_hlaf table.search th,
div#advance_search_hlaf table.search td {
	padding-bottom: 5px;
}
div#advance_search_hlaf table.search th {
    padding-top: 3px;
    padding-right: 5px;
    text-align: right;
	vertical-align: top;
	width: 130px;
	white-space: nowrap;
}
div#advance_search_hlaf table.search th.small {
    width: 80px;
}
div#advance_search_hlaf table.search td {
    text-align: left;
	vertical-align: top;
}

div#advance_search_hlaf table.search input.txt {
    padding: 2px 2px 0 2px;
    width: 130px;
    line-height: 1.5;
}
div#advance_search_hlaf table.search input.large {
    width: 390px;
}
div#advance_search_hlaf table.search select.txt {
    padding: 2px 0 1px 1px;
    width: 130px;
}
div#advance_search_hlaf table.search select.small {
    margin-left: 5px;
    margin-right: 5px;
    width: 50px;
}
div#advance_search_hlaf table.search select.first {
    margin-left: 0;
}

div#advance_search_hlaf div.command 
{
	_margin: 10px 20px 10px 20px;
    display: block;
    padding-top: 5px;
    padding-right: 5px;
    border-top: 1px solid #ddd;
    text-align: right;
    height: 35px;
}
div#advance_search_hlaf div.command input.button {
    margin: 0 10px 1px 10px;
    *margin-top: 1px;
    padding: 0 0 2px 5px;
    *padding: 3px 0 0 0;
    background: url(image/button/btn_2txt_01.gif) no-repeat left top;
    border: none;
    color: #0156d5;
    font-size: 100%;
    width: 50px;
    height: 20px;
    letter-spacing: 2px;
}

/* 分隔線 */
div.main_theme_line {
    padding-top: 30px;
    _padding-top: 0px;
    background: url(image/theme/horizon.gif) no-repeat center bottom;
    width: 680px;
    height: 10px;
}

/*----- 檢視方式 ----- */
div#table_type_bar {
    float: left;
    margin-top: -1px;
    width: 73px;
    height: 23px;
}
div#table_type_bar.table_type_1 {
    background: url(image/table/bar-1.gif) no-repeat left 1px;
}
div#table_type_bar.table_type_2 {
    background: url(image/table/bar-2.gif) no-repeat left 1px;
}
div#table_type_bar.table_type_3 {
    background: url(image/table/bar-3.gif) no-repeat left 1px;
}

div#table_type_bar input.bar1,
div#table_type_bar input.bar2,
div#table_type_bar input.bar3 {
    float: left;
    margin: 1px 0 0 0;
    background: transparent;
    border: none;
    width: 24px;
    height: 21px;
    cursor: pointer;
}