/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tab_news {
        display: none;
    }
}

/*Default Skin======================================================================*/
.tabs-container {
    /*border-top: 1px solid #026675;
    padding: 1em 8px;
    background: #fff;*/ /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(Images/loading.gif) no-repeat 0 50%;
}

/*最新消息DefMenu_News.gif & 房地產知識DefMenu_Knowledge.gif & 服務據點DefMenu_Store.gif Skin============================================*/
.tab_news {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.tab_news:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tab_news li {
    float: left;
    margin: 0 0 0 0px;
    min-width: 76px; /* be nice to Opera */
}
.tab_news a, .tab_news a span {
    display: block;
    padding: 0px;
    background: url(Images/Icon_Tab_List.gif) no-repeat;
}
.tab_news a {
    position:relative;
    top: 0px;
    z-index: 2;
    padding-left: 0;
    color: #026675;
    font-size: 12px;
    font-weight:normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tab_news .tabs-selected a {
    color: #FFF;
}
.tab_news .tabs-selected a, .tab_news a:hover, .tab_news a:focus, .tab_news a:active {
    background: url(Images/Icon_Tab_List_o.gif) no-repeat;
	color:#FFF;
	text-decoration:none;
    outline: 0; /* prevent dotted border in Firefox */
}
.tab_news a, .tab_news .tabs-disabled a:hover, .tab_news .tabs-disabled a:focus, .tab_news .tabs-disabled a:active {
    background-position: 100% -76px;
}
.tab_news a span {
    width: 76px; /* IE 6 treats width as min-width */
    min-width: 76px;
    height: 33px; /* IE 6 treats height as min-height */
    min-height: 33px;
    padding-top: 5px;
    padding-right: 0;
}
*>.tab_news a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tab_news .tabs-selected a span {
    padding-top: 5px;
}
.tab_news .tabs-selected a span, .tab_news a:hover span, .tab_news a:focus span, .tab_news a:active span {
    background: url(Images/con_Tab_List_o.gif) no-repeat;
}
.tab_news a span, .tab_news .tabs-disabled a:hover span, .tab_news .tabs-disabled a:focus span, .tab_news .tabs-disabled a:active span {
    background-position: 0 0;
}
.tab_news .tabs-selected a:link, .tab_news .tabs-selected a:visited, .tab_news .tabs-disabled a:link, .tab_news .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tab_news a:hover, .tab_news a:focus, .tab_news a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tab_news .tabs-disabled {
    opacity: .4;
}

/*投資精選DefMenu_Carefully.gif & 店長推薦DefMenu_Recommend.gif & 租屋精選DefMenu_Rent.gif Skin============================================*/
.tab_hot {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.tab_hot:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tab_hot li {
    float: left;
    margin: 0 0 0 0px;
    min-width: 174px; /* be nice to Opera */
}
.tab_hot a, .tab_hot a span {
    display: block;
    padding: 0px;
    background: url(Images/Icon_Tab_List.gif) no-repeat;
}
.tab_hot a {
    position:relative;
    top: 0px;
    z-index: 2;
    padding-left: 0;
    color: #026675;
    font-size: 12px;
    font-weight:normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tab_hot .tabs-selected a {
    color: #FFF;
}
.tab_hot .tabs-selected a, .tab_hot a:hover, .tab_hot a:focus, .tab_hot a:active {
    background: url(Images/Icon_Tab_List_o.gif) no-repeat;
	color:#FFF;
	text-decoration:none;
    outline: 0; /* prevent dotted border in Firefox */
}
.tab_hot a, .tab_hot .tabs-disabled a:hover, .tab_hot .tabs-disabled a:focus, .tab_hot .tabs-disabled a:active {
    background-position: 100% -174px;
}
.tab_hot a span {
    width: 174px; /* IE 6 treats width as min-width */
    min-width: 174px;
    height: 33px; /* IE 6 treats height as min-height */
    min-height: 33px;
    padding-top: 5px;
    padding-right: 0;
}
*>.tab_hot a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tab_hot .tabs-selected a span {
    padding-top: 5px;
}
.tab_hot .tabs-selected a span, .tab_hot a:hover span, .tab_hot a:focus span, .tab_hot a:active span {
    background: url(Images/Icon_Tab_List_o.gif) no-repeat;
}
.tab_hot a span, .tab_hot .tabs-disabled a:hover span, .tab_hot .tabs-disabled a:focus span, .tab_hot .tabs-disabled a:active span {
    background-position: 0 0;
}
.tab_hot .tabs-selected a:link, .tab_hot .tabs-selected a:visited, .tab_hot .tabs-disabled a:link, .tab_hot .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tab_hot a:hover, .tab_hot a:focus, .tab_hot a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tab_hot .tabs-disabled {
    opacity: .4;
}

/*搜尋 Bu_Search01~06.gif Skin============================================*/
.tab_srh {
    list-style: none;
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
}
.tab_srh:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tab_srh li {
    float: left;
    margin: 0 0 0 0px;
	padding: 0px 0px 3px 0px;
    min-width: 114px; /* be nice to Opera */
}
.tab_srh a, .tab_srh a span {
    display: block;
    padding: 0px;
    background: url(Images/Icon_Tab_List.gif) no-repeat;
}
.tab_srh a {
    position:relative;
    top: 0px;
    z-index: 2;
    padding-left: 0;
    color: #026675;
    font-size: 12px;
    font-weight:normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tab_srh .tabs-selected a {
    color: #FFF;
}
.tab_srh .tabs-selected a, .tab_srh a:hover, .tab_srh a:focus, .tab_srh a:active {
    background: url(Images/Icon_Tab_List_o.gif) no-repeat;
	color:#FFF;
	text-decoration:none;
    outline: 0; /* prevent dotted border in Firefox */
}
.tab_srh a, .tab_srh .tabs-disabled a:hover, .tab_srh .tabs-disabled a:focus, .tab_srh .tabs-disabled a:active {
    background-position: 100% -114px;
}
.tab_srh a span {
    width: 114px; /* IE 6 treats width as min-width */
    min-width: 114px;
    height: 24px; /* IE 6 treats height as min-height */
    min-height: 24px;
    padding-top: 5px;
    padding-right: 0;
}
*>.tab_srh a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tab_srh .tabs-selected a span {
    padding-top: 5px;
}
.tab_srh .tabs-selected a span, .tab_srh a:hover span, .tab_srh a:focus span, .tab_srh a:active span {
    background: url(Images/con_Tab_List_o.gif) no-repeat;
}
.tab_srh a span, .tab_srh .tabs-disabled a:hover span, .tab_srh .tabs-disabled a:focus span, .tab_srh .tabs-disabled a:active span {
    background-position: 0 0;
}
.tab_srh .tabs-selected a:link, .tab_srh .tabs-selected a:visited, .tab_srh .tabs-disabled a:link, .tab_srh .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tab_srh a:hover, .tab_srh a:focus, .tab_srh a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tab_srh .tabs-disabled {
    opacity: .4;
}