﻿h2 {
    width: 110px;
    margin-left: -10px;
    float: left;
}
/*左區塊*/
#left {
    float: left;
    width: 930px;
    background-color: transparent;
}
/*右區塊*/
#right {
    float: right;
    width: 200px;
}

#search {
    width: 930px;
}

    #search > .tabs {
        width: 952px;
        border-bottom: 1px solid #C0C0C0;
        float: left;
        height: 50px;
        font-size: 14pt;
    }

        #search > .tabs li {
            margin-left: 5px;
            float: left;
            width: 150px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            color: #000000;
            font-weight: bold;
            background-color: #FFFFFF;
            background-image: url('/IMG/default_search_tab.png');
            list-style: none;
        }

            #search > .tabs li.active {
                margin-top: 1px;
                background-image: url('/IMG/default_search_tab_a.png');
                background-color: #FFFFFF;
                color: #4C4C4C;
            }

    #search > .tab_container {
        background-position: bottom;
        border: 1px solid #C0C0C0;
        border-top: none;
        width: 950px;
        background-color: #F7F7F7;
        float: left;
        background-image: url('/IMG/default_search_tab_container.png');
        background-repeat: repeat-x;
    }

        #search > .tab_container > div {
            width: 750px;
            margin: 10px;
            float: left;
        }

        #search > .tab_container .tab_content {
            display: none;
        }

            #search > .tab_container .tab_content.active {
                display: block;
            }

    #search .catalog {
        margin-left: 10px;
        margin-right: 10px;
    }

    #search > .tab_container > .item {
        margin: 5px 0 5px 0;
        width: 500px;
        float: left;
    }

        #search > .tab_container > .item a {
            margin-right: 10px;
        }

    #search > .tab_container .buttom {
        float: right;
        width: 202px;
    }

#left .c {
    width: 770px;
    float: left;
}

/*tab樣式*/
.tab {
    margin-top: 5px;
    width: 930px;
    float: left;
}

    .tab .tabs {
        margin-left: 1px;
        width: 749px;
        float: left;
    }

        .tab .tabs li {
            border: 1px solid #C0C0C0;
            border-bottom: none;
            line-height: 25px;
            float: left;
            width: 100px;
            text-align: center;
            font-size: 10pt;
            background-image: url('/IMG/default_tab_li.png');
            background-repeat: repeat-x;
            height: 25px;
            margin-left: -1px;
            color: #4C4C4C;
            list-style: none;
        }

            .tab .tabs li.active, .tab .tabs li:hover {
                background-image: url('../IMG/default_tab_li_a.png');
                color: #FFFFFF;
            }

    .tab .tab_container {
        background-color: #FFFFFF;
        background-position: bottom;
        border: 1px solid #C0C0C0;
        width: 928px;
        height: 275px;
        float: left;
    }

        .tab .tab_container > div {
            width: 918px;
            margin: 5px;
            height: 280px;
            float: left;
            font-size: 11pt;
            overflow: hidden;
        }

        .tab .tab_container table {
            border-collapse: collapse;
            width: 100%;
        }

    .tab .tab_content {
        display: none;
    }

        .tab .tab_content.active {
            display: block;
        }

/*案件樣式*/
.grid li {
    padding: 5px;
    vertical-align: top;
    float: left;
    display: block;
}

    .grid li:hover {
        background-color: #F0F0F0;
    }

    .grid li .pic {
        float: left;
        border: 1px solid #C0C0C0;
        background-color: #FFFFFF;
        border-radius: 6px;
        transition: all .2s ease;
    }

    .grid li:hover .pic {
        transform: scale(1.08);
    }

.grid .pic img {
    width: 104px;
    height: 104px;
    margin: 3px;
    border-radius: 6px;
}

.grid .item {
    width: 175px;
    float: right;
    line-height: 22px;
    margin-left: 7px;
}

.grid .icon {
    margin-left: -22px;
    margin-right: 5px;
    width: 17px;
    height: 20px;
}

.grid .caption {
    height: 22px;
    overflow: hidden;
}

.grid .location {
    height: 45px;
    overflow: hidden;
}

.grid .price {
    color: #FF0000;
    font-weight: bold;
}

.grid .area {
    color: #0066FF;
    font-weight: bold;
}

#auction_map {
    height: 265px;
}

    #auction_map .bid {
        margin-left: 5px;
    }

    #auction_map .class {
        margin-left: 10px;
        font-weight: bold;
    }

    #auction_map .price {
        color: #FF0000;
        font-weight: bold;
    }

    #auction_map .area {
        color: #0066FF;
        font-weight: bold;
    }

    #auction_map .unitprice {
        color: #006600;
        font-weight: bold;
    }

    #auction_map .unit {
        font-size: 8pt;
        margin-right: 3px;
        margin-left: 3px;
        color: #000000;
        font-weight: normal;
    }

    #auction_map .check {
        margin-left: 10px;
    }

.more {
    width: 100%;
    text-align: right;
    font-size: 10pt;
    float: left;
}

/*實價登錄*/
.rp {
    width: 100%;
    border-collapse: collapse;
}

    .rp tr {
        border-bottom: 1px dashed #C0C0C0;
    }

    .rp .price {
        width: 80px;
        font-size: 13pt;
        color: #FF0000;
        font-weight: bold;
        text-align: right;
    }

    .rp .unitprice {
        width: 80px;
        text-align: right;
    }

    .rp .area {
        font-size: 12pt;
        width: 80px;
        text-align: right;
        color: #0066FF;
    }

    .rp .type {
        width: 60px;
    }

    .rp .format {
        width: 100px;
        text-align: center;
    }

    .rp .time {
        width: 80px;
    }

.frame {
    margin-top: 5px;
    border: 1px solid #C0C0C0;
    background-color: #FFFFFF;
}

    .frame .title {
        border-bottom: 1px solid #C0C0C0;
        background-image: url('/IMG/default_tab_li.png');
        background-repeat: repeat-x;
        height: 25px;
        line-height: 25px;
        font-size: 11pt;
        color: #4C4C4C;
        text-align: center;
    }

    .frame .item {
        margin: 8px;
    }

#sales .item {
    height: 200px;
}

    #sales .item img {
        border: 1px solid #CCCCCC;
        width: 180px;
        height: 180px;
    }

#sales li {
    position: absolute;
    text-align: center;
    list-style: none;
}

#realty .item {
    height: 270px;
    overflow: hidden;
}

ul.item li {
    display: block;
    float: left;
    text-align: center;
    vertical-align: top;
}

ul.item .price {
    width: 100px;
    font-size: 13pt;
    color: #FF0000;
    font-weight: bold;
}

ul.item .oprice {
    color: #666666;
    line-height: 15px;
    font-size: 12pt;
}

    ul.item .oprice div {
        position: absolute;
        width: 100px;
        height: 15px;
    }

    ul.item .oprice .reduction {
        background-position: center top;
        background-image: url('/IMG/sell_prie_reduction.png');
        background-repeat: no-repeat;
    }

ul.item .area {
    font-size: 12pt;
    width: 80px;
    text-align: right;
}

ul.item .class {
    width: 100px;
}

ul.item .case {
    width: 100px;
}

ul.item .floor {
    width: 100px;
}

ul.item .time {
    width: 100px;
    text-align: right;
}

#realty img {
    border: 1px solid #CCCCCC;
    margin-bottom: 2px;
}
/*廣告*/
/*.adv_m {
    width: 750px;
    height: 90px;
    overflow: hidden;
    float:left;
}*/

#adv_b {
    float: left;
    margin-top: 5px;
}

#adv_l {
    float: left;
    margin-top: 5px;
}
