/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +content
        +index
            =hot-trip
        +story
            =scenic-tabbe
-----------------------------------------------------------------------------*/

/* +index
*----------------------------------------------------------------------------*/

/**
 *
 * =hot-trip
 *
 **/

.hot-trip-tabbe {
	position: relative;
	width: 222px;
	height: 40px;
	background: url(../i/bg_index_top_01.gif) no-repeat;
}

.hot-trip-tabbe .usedcar {
	width: 222px;
}

.hot-trip-tabbe .usedcar .title ul li {
	display: inline;    
}

.hot-trip-tabbe .usedcar .title ul li a {
	float: left;
    display: block;
    width: 101px;
    height: 22px;
    margin: 0 0 5px 5px;
    padding: 10px 0 0 0;
    text-align: center;
    text-decoration: none;
}

.hot-trip-tabbe .usedcar .title ul li a:hover,
.hot-trip-tabbe .usedcar .title ul li.currentbr a {
	width: 101px;
    height: 22px;
    color: #7eaa29;
    margin: 0 0 5px 5px;
    padding: 10px 0 0 0;    
    background: url(../i/label_active_02.gif) no-repeat;
	text-align: center ;
	text-decoration: none;
}

.hot-trip-tabbe .usedcar .title ul li.list a {
	background: none;
}

.hot-trip-tabbe .usedcar h2 {
	display: none;
}

#trip02 {
	display: none;
}

/* +content
*----------------------------------------------------------------------------*/

.hot-trip-tabbe .usedcar .content {
	position: relative;	
    width: 222px;
    background: url(../i/bg_index_top_02.gif) repeat-y;
    clear: both;   
}

.hot-trip-tabbe .usedcar .content ul {
    width: 212px;
    margin: 0px 5px 0px 5px;
    font: 13px/22px Verdana;
    word-break: normal;
}

.hot-trip-tabbe .usedcar .content ul li {
    padding: 5px 0 5px 15px;
    border-bottom: 1px dotted #ccc;
    background: url('../i/icon_01.gif') no-repeat 0 12px;
	font: 12px/16px Verdana;
}

.hot-trip-tabbe .usedcar .content ul li.list {
    border-bottom: 0px dotted #ccc;
}


/* 一卡皮箱趴趴走----------------------------------------------------------------------------*/

/**
 *
 * =luggage-tabbe
 *
 **/

.luggage-tabbe {
	position: relative;
	float: left;
	width: 338px;
	background: url(../i/label_line_01.gif) no-repeat 0 60px;	
}

.luggage-tabbe .usedcar {
	width: 338px;
}

.luggage-tabbe .usedcar .title ul li {
	display: inline;
}

.luggage-tabbe .usedcar .title ul li a {
	float: left;
    display: block;
    width: 103px;
    height: 22px;
    margin: 0 5px 8px 0;
    padding: 10px 0 0 0;
    text-align: center;
    text-decoration: none;
}

.luggage-tabbe .usedcar .title ul li.currentbr a {
	width: 103px;
	height: 22px;
	color: #7eaa29;
	margin: 0 5px 8px 0;
	padding: 10px 0 0 0;
	background: url(../i/label_active_01.gif) no-repeat;
	text-align: center;
	text-decoration: none;
}

.luggage-tabbe .usedcar .title ul li a:hover {
	width: 103px;
    height: 22px;
    color: #7eaa29;
    margin: 0 5px 8px 0;
    padding: 10px 0 0 0;    
    background: url(../i/label_active_01.gif) no-repeat;
	text-align: center ;
	text-decoration: none;
}

.luggage-tabbe .usedcar .title ul li.list a {
	background: none;
}

.luggage-tabbe .usedcar h2 {
	display: none;
}

#luggage02 {
	display: none;
}

/* 互助會----------------------------------------------------------------------------*/

/**
 *
 * =help-tabbe
 *
 **/

.help-tabbe {
	position: relative;
	float: left;
	width: 703px;
	background: url(../images/label_line_01.gif) no-repeat 0 66px;
	margin-top: 15px;
}

.help-tabbe .usedcar {
	width: 703px;
}

/* 大家的以解決的MENU*/
.help-tabbe .usedcar .title_2 ul li {
	display: inline;
}

.help-tabbe .usedcar .title_2 ul li a {
	float: left;
	display: block;
	width: 187px;
	height: 28px;
	text-align: center;
	text-decoration: none;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8;
	padding-left: 0;
}

.help-tabbe .usedcar .title_2 ul li.currentbr a {
	width: 187px;
	height: 28px;
	color: #7eaa29;
	background: url(../images/label_active_02.gif) no-repeat;
	text-align: center;
	text-decoration: none;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8;
	padding-left: 0;
}

.help-tabbe .usedcar .title_2 ul li a:hover {
	width: 187px;
	height: 28px;
	color: #7eaa29;
	background: url(../images/label_active_01.gif) no-repeat;
	text-align: center;
	text-decoration: none;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8;
	padding-left: 0;
}

/* 大家的未解決的MENU*/
.help-tabbe .usedcar .title ul li {
	
	display: inline;
}

.help-tabbe .usedcar .title ul li a {
	float: left;
	display: block;
	width: 187px;
	height: 28px;
	text-align: center;
	text-decoration: none;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8;
	padding-left: 0;
}

.help-tabbe .usedcar .title ul li.currentbr a {
	width: 187px;
	height: 28px;
	color: #7eaa29;
	margin: 0 5px 8px 0;
	padding: 10px 0 0 0;
	background: url(../images/label_active_01.gif) no-repeat;
	text-align: center;
	text-decoration: none;
}

.help-tabbe .usedcar .title ul li a:hover {
	width: 187px;
	height: 28px;
	color: #7eaa29;
	margin: 0 5px 8px 0;
	padding: 10px 0 0 0;
	background: url(../images/label_active_02.gif) no-repeat;
	text-align: center;
	text-decoration: none;
}


.help-tabbe .usedcar .title ul li.list a {
	background: none;
}

.help-tabbe .usedcar h2 {
	display: none;
}

#help01 {
	display: block;
	visibility: visible;
}

#help02 {
	display: none;
	visibility: visible;
}
a.help_more{
	background-image: url(../images/icon_more.jpg);
	background-position: 0px 0px;
	height: 13px;
	width: 46px;
	text-indent: -3000px;
	display: block;
	float: right;
}
a.help_more:hover{
	background-image: url(../images/icon_more.jpg);
	background-position: 0px 23px;
	height: 13px;
	width: 46px;
	text-indent: -3000px;
}

/* +content
*----------------------------------------------------------------------------*/

.luggage-tabbe .usedcar .content {
	position: relative;	
    width: 338px;
    clear: both;   
}

.luggage-tabbe .usedcar .content .pix_01 {
	float: left;
	bottom: -1px;
	width: 94px;
	height: 105px;
	padding: 3px 0 0 11px;
	background: url(../i/bg_pix_sizem.gif) no-repeat right top;
}

.luggage-tabbe .usedcar .content .txt {
	float: right;
	bottom: -1px;
	width: 220px;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 5px;
}

.luggage-tabbe .usedcar .content .txt ul li {
    padding: 5px 0 5px 15px;
    border-bottom: 1px dotted #ccc;
    background: url(../i/icon_01.gif) no-repeat 0 12px;
	font-size: 12px;
	line-height: 18px;
}
/*----------------------大家求助的問題-------------------------------*/
.help-tabbe .usedcar .content {
	position: relative;
	width: 703px;
	clear: both;
}

.help-tabbe .usedcar .content .pix_01 {
	float: left;
	bottom: -1px;
	width: 94px;
	height: 105px;
	padding: 3px 0 0 11px;
	background: url(../i/bg_pix_sizem.gif) no-repeat right top;
}

.help-tabbe .usedcar .content .txt {
	float: right;
	bottom: -1px;
	width: 683px;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 5px;
}

.help-tabbe .usedcar .content .txt ul li {
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
	line-height: 18px;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: right;
}
.help-tabbe  .usedcar  .content  .txt  .hot_date   {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/*----------------------大家解決的問題-------------------------------*/
.help-tabbe .usedcar .content_2 {
	position: relative;
	width: 703px;
	clear: both;
}

.help-tabbe .usedcar .content_2 .pix_01 {
	float: left;
	bottom: -1px;
	width: 94px;
	height: 105px;
	padding: 3px 0 0 11px;
	background: url(../i/bg_pix_sizem.gif) no-repeat right top;
}
.help-tabbe  .usedcar  .content_2  .txt  .hot_date   {
	color: #89aa53;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.help-tabbe .usedcar .content_2 .txt {
	float: right;
	bottom: -1px;
	width: 683px;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 5px;
}

.help-tabbe .usedcar .content_2 .txt ul li {
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
	line-height: 18px;
	background-image: url(../images/icon_02.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: right;
}

.help-tabbe .usedcar .content_2 ul li a {
    color: #89aa53;
	font-family: "新細明體", "細明體";
	font-size: 12px;
	font-weight: bold;
}

.help-tabbe .usedcar .content_2 ul li a:hover {
    color: #89aa53;
	font-family: "新細明體", "細明體";
	font-size: 12px;
}
.green_txt12 {

}
/* 最多人裝箱旅圖----------------------------------------------------------------------------*/

/**
 *
 * =hot-tabbe
 *
 **/

.hot-tabbe {
	position: relative;
	float: right;
	width: 338px;
	background: url('../i/label_line_01.gif') no-repeat 0 60px;
	background-image: url(../i/label_line_01.gif);
}

.hot-tabbe .usedcar {
	width: 338px;
}

.hot-tabbe .usedcar .title ul li {
	display: inline;
}

.hot-tabbe .usedcar .title ul li a {
	float: left;
    display: block;
    width: 103px;
    height: 22px;
    margin: 0 5px 8px 0;
    padding: 10px 0 0 0;
    text-align: center;
    text-decoration: none;
}

.hot-tabbe .usedcar .title ul li.currentbr a {
	width: 103px;
    height: 22px;
    color: #7eaa29;
    margin: 0 5px 8px 0;
    padding: 10px 0 0 0;    
    background: url('../i/label_active_01.gif') no-repeat;
	text-align: center ;
	text-decoration: none;
}

.hot-tabbe .usedcar .title ul li a:hover {
	width: 103px;
    height: 22px;
    color: #7eaa29;
    margin: 0 5px 8px 0;
    padding: 10px 0 0 0;    
    background: url('../i/label_active_01.gif') no-repeat;
	text-align: center ;
	text-decoration: none;
}

.hot-tabbe .usedcar .title ul li.list a {
	background: none;
}

.hot-tabbe .usedcar h2 {
	display: none;
}

#hot02 {
	display: none;
}

/* +content
*----------------------------------------------------------------------------*/

.hot-tabbe .usedcar .content {
	position: relative;	
    width: 338px;
    clear: both;   
}

.hot-tabbe .usedcar .content .pix_all {
	float: left;
	bottom: -1px;
	width: 107px;
	padding: 0 0 0 0;
}

.hot-tabbe .usedcar .content .pix_01 {
	float: left;
	bottom: -1px;
	width: 94px;
	height: 105px;
	padding: 3px 0 0 11px;
	background: url(../i/bg_pix_sizem.gif) no-repeat right top;
}
.hot-tabbe .usedcar .content .pix_txt {
	float: left;
	bottom: -1px;
	width: 60px;
	padding: 0 0 0 3px;
}
.hot-tabbe .usedcar .content .pix_recom {
	float: left;	
	bottom: -1px;
	width: 23px;
	height: 15px;
	padding: 12px 0 0 12px;
	text-align:center;
	background: url('../i/icon_02.gif') no-repeat right;
	font-family: Arial;
	color: #FFF;
}


/* +story
*----------------------------------------------------------------------------*/

/**
 *
 * =scenic-tabbe
 *
 **/

.scenic-tabbe {
    position: relative;
	width: 240px;
	background: url(../i/title-spots.gif) no-repeat;
}

.scenic-tabbe .usedcar {
	width: 240px;
}

.scenic-tabbe .usedcar .title ul li {
	display: inline;
    
}

.scenic-tabbe .usedcar .title ul li a {
	float: left;
    display: block;
    width: 50px;
    height: 33px;
    color: #404040;
    text-align: center;
    text-decoration: none;
    font: 13px/33px "新細明體";
    background: url(../i/line-right.gif) no-repeat right center;
}

.scenic-tabbe .usedcar .title ul li a:hover {
	width: 50px;
    height: 33px;
    color: #6e9e17;
    text-decoration: none;
}

.scenic-tabbe .usedcar .title ul li.currentbr a {
	float: left;
    display: block;
    width: 50px;
    height: 33px;
    color: #6e9e17;
    text-align: center;
    text-decoration: none;
    font: 13px/33px "新細明體";
}

.scenic-tabbe .usedcar .title ul li.list a {
	background: none;
}

.scenic-tabbe .usedcar h2 {
	display: none;
}

#west {
	display: none;
}

#east {
	display: none;
}

#north {
	display: none;
}

/* +content
*----------------------------------------------------------------------------*/

.scenic-tabbe .usedcar .content {
	position: relative;
    width: 240px;
    clear: both;
    color: #333;
}

.scenic-tabbe .usedcar .content ul {
    width: 240px;
    background: #fff;
    font: 13px/22px Verdana;
    word-break: normal;
}

.scenic-tabbe .usedcar .content ul li {
    display: inline;
    width: 210px;
    margin: 0 0 0 6px;
    white-space: nowrap;
}

.scenic-tabbe .usedcar .content ul li.list {
    border-bottom: 0px dotted #ccc;
}