@charset "utf-8";
/* CSS Document */

body {
	background-color: #ffffff;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: 微軟正黑體, monospace, Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #898989;
	line-height: 24px;
}
a {
	color: #666464;
	text-decoration: none;
}
a:hover {
	color: #f08300;
}
img{
    border: none;
}
p,form,ul,ol,li,h1,h2,h3,h4,h5,h6{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
li{
	list-style-type: none;
}
hr {
	height: 0;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #E4EBF8 solid;
}
.clear{
	height: 0;
    clear:both;
}
.pic{
    background-image: url('../images/nopic_160_120.png');
    background-color: #e6e6e6;
    background-position: center;
    background-repeat: no-repeat;
}
#Main .pic{
    background-image: url('../images/nopic_100_67.png');
}
#TaiwanTravelHotel{
    display: none;
}

/* 上方區塊 */
/* 上方區塊 - 四方連結 */
#Header_TopLink{
    background-color: #000000;
}
#Header_TopLink .web{
    width: 100%;
    max-width: 1024px;
    line-height: 30px;
    margin: 0 auto 0 auto;
}
#Header_TopLink .web .logo{
    float: left;
    width: 7%;
    text-align: left;
    padding: 0 0 0 1%;
}
#Header_TopLink .web .btn{
    display: none;
    float: right;
    width: 49%;
    text-align: right;
    padding: 0 1% 0 0;
}
#Header_TopLink .web .btn img{
    cursor: Pointer;
    margin: 0 0 0 5px;
}
#Header_TopLink .web .list{
    float: right;
    width: 91%;
    text-align: right;
    padding: 0 1% 0 0;
}
#Header_TopLink .web .list a{
	font-size: 14px;
    color: #ffffff;
}
#Header_TopLink .web .list a:hover{
}
#Header_TopLink .web .list a span{
	display: inline-block;
	width: 9px;
	height: 9px;
	background-color: #e60012;
	margin: 0 5px 0 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	behavior: url(css/ie-css3.htc);
}
#Header_TopLink .web .list a:nth-of-type(1) span{
	background-color: #b97620;
}
#Header_TopLink .web .list a:nth-of-type(2) span{
	background-color: #ff9934;
}
#Header_TopLink .web .list a:nth-of-type(3) span{
	background-color: #99cc43;
}
#Header_TopLink .web .list a:nth-of-type(4) span{
	background-color: #29cc9a;
}
#Header_TopLink .web .list a:nth-of-type(5) span{
	background-color: #00cdfc;
}
#Header_TopLink .web .list a:nth-of-type(6) span{
	background-color: #007a52;
}
#Header_TopLink .web .list a:nth-of-type(7) span{
	background-color: #2998ca;
}
#Header_TopLink .web .list a:nth-of-type(8) span{
	background-color: #6566c9;
}
#Header_TopLink .web .list a:nth-of-type(9) span{
	background-color: #ff6569;
}
#Header_TopLink .web .list a:nth-of-type(10) span{
	background-color: #ff9841;
}
#Header_TopLink .web .list a:nth-of-type(11) span{
	background-color: #e50012;
}
/* 上方區塊 - 路徑 */
#Header_Rotue{
	background-color: #ffffff;
	border-bottom: 1px solid #f5f5f5;
}
#Header_Rotue p{
    width: 98%;
    max-width: 1024px;
	line-height: 30px;
    margin: 0 auto 0 auto;
	color: #717171;
}
#Header_Rotue p a{
	color: #717171;
}
#Header_Rotue p a:hover{
	color: #f9a106;
}
/* 上方區塊 - 名稱、描述 */
#Header_Info{
    width: 98%;
    max-width: 1024px;
	background-color: #ffffff;
    margin: 0 auto 0 auto;
}
#Header_Info h1, #Header_Info .webname{
	float: left;
	width: 26%;
	line-height: 70px;
	text-align: left;
}
#Header_Info h1 a, #Header_Info .webname a{
	font-size: 32px;
	font-weight: bold;
	color: #fda306;
}
#Header_Info h1 a:hover, #Header_Info .webname a:hover{
}
#Header_Info .desc{
	float: right;
	width: 74%;
	line-height: 70px;
	text-align: right;
	font-size: 16px;
	color: #717171;
}
/* 上方區塊 - Banner */
#Header_Banner{
	background-color: #ffffff;
	text-align: center;
}
#Header_Banner img{
	width: 100%;
	height: auto;
}
#Header_Banner #Search{
	position: relative;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto 0 auto;
}
#Header_Banner #Search form{
	position: absolute;
	bottom: 0;
	z-index: 1;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    height: 55px;
	background: rgba(255,255,255,0.4);
    text-align: center;
}
#Header_Banner #Search .class{
    width: 20%;
    height: 35px;
    line-height: 35px;
    padding: 5px 5px 5px 5px;
    margin: 10px 1% 10px 0;
    font-size: 16px;
	color: #444444;
}
#Header_Banner #Search .key, #Header_Banner #Search .key2{
    width: 56%;
    /*height: 32px;*/
    line-height: 32px;
    padding: 0 5px 0 5px;
    margin: 10px 0 10px 0;
    font-size: 16px;
	color: #444444;
}
#Header_Banner #Search .key2{
    width: 36%;
}
#Header_Banner #Search .submit{
    display: block;
    float: right;
    width: 15%;
    height: 55px;
    line-height: 55px;
	background: rgba(34,34,34,0.9);
    padding: 0px 0 0px 0;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}
#Header_Banner #Search .submit:hover{
    color: #fda306;
}
/* 上方區塊 - 類別選單 */
#Header_ClassMenu{
	width: 100%;
	background-color: #ffffff;
    border-bottom: 1px solid #e6e6e6;
}
#Header_ClassMenu ul{
    width: 100%;
    max-width: 1024px;
    margin: 0 auto 0 auto;
}
#Header_ClassMenu li{
	float: left;
	width: 25%;
	text-align: center;
}
#Header_ClassMenu a{
    display: block;
	background-color: #ffffff;
	padding: 10px 0 10px 0;
	font-size: 22px;
	font-weight: bold;
	color: #666464;
}
#Header_ClassMenu a:hover{
	background-color: #ae730a;
    color: #ffffff;
}
#Header_ClassMenu .on{
	background-color: #ae730a;
    color: #ffffff;
}
#Header_ClassMenu a img{
    height: 40px;
}
#Header_ClassMenu a .text{
    line-height: 40px;
}

/* 首頁 - 輪播區塊 */
#Slider{
	background-color: #f5f5f5;
}
#Slider .content{
	position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 1023px;
    padding: 20px 0 20px 0;
    margin: 0 auto 0 auto;
}
#Slider .item{
    float: left;
    width: 320px;
    height: 240px;
	padding: 0 10.5px 0 10.5px;
}
#Slider .item .pic{
    width: 320px;
    height: 180px;
}
#Slider .item .pic img{
    width: 100%;
    height: 100%;
    clip: rect(0, 320px, 180px, 0);
}
#Slider .item .text, #Slider .item .place{
    width: 300px;
    height: 30px;
    line-height: 30px;
    background-color: #ffffff;
    text-align: left;
	padding: 0 10px 0 10px;
}
#Slider .item a .text, #Slider .item .place{
	font-size: 16px;
	font-weight: bold;
}
#Slider .item a:hover .text{
}
#Slider .item .place{
    font-size: 15px;
    color: #ff0000;
}
#Slider .item .place .t{
    font-size: 14px;
    color: #222222;
}

/* 主要區塊 */
#Main {
	width: 100%;
    max-width: 1024px;
	background-color: #ffffff;
	padding: 40px 0 0 0;
    margin: 0 auto 40px auto;
    text-align: left;
}

/* 下方區塊 */
#Footer{
	background-color: #f5f5f5;
	text-align: center;
}
#Footer h4 {
	width: 100%;
    max-width: 1024px;
	line-height: 40px;
	padding: 10px 0 0 0;
    margin: 0 auto 0 auto;
	font-size: 14px;
    color: #030000;
}
#Footer ul {
	width: 100%;
    max-width: 1024px;
	line-height: 16px;
	padding: 0 0 10px 0;
    margin: 0 auto 0 auto;
}
#Footer ul li{
	display: inline-block;
    margin: 10px 0 10px 0;
	border-right: 2px solid #666464;
    font-size: 16px;
    color: #666464;
    font-weight: bold;
}
#Footer ul li:nth-last-child(2){
	border-right: none;
}
#Footer ul li a{
    padding: 0 10px 0 0px;
    font-size: 16px;
    color: #666464;
    font-weight: bold;
}
#Footer ul li a:hover{
	color: #f9a106;
}
#Footer .copyright {
	line-height: 30px;
	background-color: #000000;
    font-size: 14px;
	color: #ffffff;
}
#Footer .copyright a{
    font-size: 14px;
	color: #ffffff;
}
#Footer .copyright a:hover{
    text-decoration: underline;
}
#Footer .top{
	display: none;
	position: fixed;
	right: 2%;
	bottom: 0px;
}
#Footer .top a{
	display: block;
	float: right;
    width: 80px;
    line-height: 40px;
    background-color: #222222;
    text-align: center;
    font-size: 22px;
	color: #666464;
    font-weight: bold;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	behavior: url(css/ie-css3.htc);
}
#Footer .top a:hover{
	color: #f08300;
}

/* 主要區塊 - 首頁 - 左區塊 */
#Main #Left{
	float: left;
	width: 68.75%;
}

/* 主要區塊 - 首頁 - 右區塊 */
#Main #Right{
	float: right;
	width: 31.25%;
}

/* 首頁 - 內容區塊 */
#Main #Content{
	background-color: #ffffff;
}
#Main #Content .title{
    float: left;
	padding: 0 1px 10px 1px;
    margin: 20px 0 20px 0;
	border-bottom: 3px solid #fda306;
	font-size: 22px;
	color: #222222;
	font-weight: bold;
}
#Main #Content .title strong{
	color: #f08300;
}
#Main #Content p{
    clear: both;
	margin: 0 0 30px 0;
}

/* 首頁 - 相關網站區塊 */
#Main #RelatedWeb{
	background-color: #ffffff;
}
#Main #RelatedWeb .title{
    float: left;
	padding: 0 1px 10px 1px;
    margin: 20px 0 20px 0;
	border-bottom: 3px solid #fda306;
	font-size: 22px;
	color: #222222;
	font-weight: bold;
}
#Main #RelatedWeb .title strong{
	color: #f08300;
}
#Main #RelatedWeb ul{
    clear: both;
}
#Main #RelatedWeb ul li{
    float: left;
    width: 12.5%;
    margin: 0 0 10px 0;
    font-size: 15px;
}

/* 主要區塊 - 各類別共用 */
#Main h1, #Main h2, #Main h3{
    float: left;
	padding: 0 1px 10px 1px;
    margin: 0 0 20px 0;
	border-bottom: 3px solid #fda306;
	font-size: 22px;
	color: #222222;
}
#Main h1 strong, #Main h2 strong, #Main h3 strong{
	color: #f08300;
}
#Main .more{
    float: right;
}
#Main .more a{
    display: block;
    line-height: 32px;
    font-size: 32px;
	color: #f9a106;
    font-weight: bold;
}
#Main .more a:hover{
}
#Main .city-menu, #Main .type-menu{
    margin: 0 3% 10px 0;
	font-size: 0;
}
#Main .city-menu a, #Main .type-menu a{
	display: inline-block;
	width: 9.1%;
    line-height: 28px;
	background-color: #efefef;
	border-top: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
	margin: 0 1% 5px 0;
	text-align: center;
	font-size: 14px;
	color: #222222;
	border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}
#Main .type-menu a{
	width: 15.8333%;
}
#Main .city-menu a:nth-child(10n){
	margin: 0 0 5px 0;
}
#Main .type-menu a:nth-child(6n){
	margin: 0 0 5px 0;
}
#Main .city-menu a:hover, #Main .city-menu a.on{
	border-top: 3px solid #f9a106;
	border-bottom: 3px solid #f9a106;
}
#Main .type-menu a:hover, #Main .type-menu a.on{
	border-top: 3px solid #3cb28a;
	border-bottom: 3px solid #3cb28a;
}
#Main ol{
    clear: both;
	margin: 0 0 30px 0;
}
#Main .content{
    clear: both;
    margin: 0 0 20px 0;
}
#Main .loading{
    display: none;
    text-align: center;
}
#Main .page{
    text-align: center;
}
#Main .page b{
    color: #ff0000;
}
/* 主要區塊 - 首頁&內頁訂房、商務飯店區塊 */
#IndexClassOrder h2{
    margin: 0 0 8px 0;
}
#IndexClassOrder .more{
	margin: 0 4% 0 0;
}
#ClassOrder h2, #ClassBusiness-Hotel h2{
	padding: 0 10px 10px 10px;
	border-bottom: 3px solid #3cb28a;
	font-size: 20px;
}
#ClassOrder .more a, #ClassBusiness-Hotel .more a{
    line-height: 16px;
    background-color: #f9a106;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f9a106;
    font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}
#ClassOrder .more a:hover, #ClassBusiness-Hotel .more a:hover{
    background-color: #ffffff;
	color: #f9a106;
}
#IndexClassOrder li{
    float: left;
    width: 46%;
	padding: 12px 0 1px 0;
	margin: 0 4% 0 0;
	border-bottom: 1px solid #c9caca;
}
#ClassOrder li, #ClassBusiness-Hotel li{
    float: left;
    width: 31.3333%;
	padding: 12px 0 1px 0;
	margin: 0 3% 0 0;
	border-bottom: 1px solid #c9caca;
}
#ClassOrder li:nth-child(3n), #ClassBusiness-Hotel li:nth-child(3n){
	margin: 0 0 0 0;
}
#IndexClassOrder li .pic, #ClassOrder li .pic, #ClassBusiness-Hotel li .pic{
    float: left;
    width: 127px;
    height: 94px;
	margin: 0 10px 4px 0;
}
#IndexClassOrder li .pic img, #ClassOrder li .pic img, #ClassBusiness-Hotel li .pic img{
    width: 100%;
    height: 100%;
}
#IndexClassOrder li .name, #ClassOrder li .name, #ClassBusiness-Hotel li .name{
    line-height: 22px;
	padding: 0 10px 0 0;
}
#IndexClassOrder li .name a, #ClassOrder li .name a, #ClassBusiness-Hotel li .name a{
    display: block;
    font-size: 16px;
    font-weight: bold;
}
#IndexClassOrder li .name a:hover, #ClassOrder li .name a:hover, #ClassBusiness-Hotel li .name a:hover{
}
#IndexClassOrder li .description, #ClassOrder li .description, #ClassBusiness-Hotel li .description{
    line-height: 18px;
	padding: 0 10px 0 0;
    font-size: 13px;
    word-wrap: break-word;
    word-break: break-all;
}
#IndexClassOrder ol ul, #ClassOrder ol ul, #ClassBusiness-Hotel ol ul{
    clear: both;
}
#IndexClassOrder ol ul li, #ClassOrder ol ul li, #ClassBusiness-Hotel ol ul li{
    float: left;
    width: 24%;
    background-color: #f2f2f2;
	padding: 0 0 0 1%;
	margin: 0 0 0 0;
	text-align: center;
	border-bottom: none;
    font-size: 13px;
	color: #f08300;
}
#IndexClassOrder ol ul li.place, #ClassOrder ol ul li.place, #ClassBusiness-Hotel ol ul li.place{
	text-align: left;
    font-size: 15px;
    color: #ff0000;
    font-weight: bold;
}
#IndexClassOrder ol ul li.place .t, #ClassOrder ol ul li.place .t, #ClassBusiness-Hotel ol ul li.place .t{
    font-size: 13px;
    color: #222222;
}

/* 主要區塊 - 首頁廣告區塊 */
#IndexTopAD{
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 0px;
}
#IndexTopAD a{
	display: inline-block;
}
#IndexTopAD img{
    width: 100%;
	height: auto;
}
#IndexRightAD{
    width: 100%;
    margin: 0 0 30px 0;
}
#IndexRightAD img{
    width: 100%;
	height: auto;
}
/* 主要區塊 - 首頁優惠區塊 */
#IndexClassDiscount li{
    float: left;
    width: 100%;
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
	border-bottom: 1px solid #c9caca;
}
#IndexClassDiscount li .title{
    float: left;
    line-height: 24px;
    background-color: #3cb28a;
	padding: 0 10px 0 10px;
    font-size: 14px;
    color: #ffffff;
}
#IndexClassDiscount li .name{
    clear: both;
    line-height: 28px;
}
#IndexClassDiscount li .name a{
    display: block;
    font-size: 16px;
    font-weight: bold;
}
#IndexClassDiscount li .name a:hover{
}
#IndexClassDiscount li .place{
    line-height: 15px;
    font-size: 15px;
    color: #ff0000;
    font-weight: bold;
}
#IndexClassDiscount li .place .t{
    font-size: 13px;
    color: #222222;
}
#IndexClassDiscount li .price{
    line-height: 20px;
    font-size: 14px;
}
#IndexClassDiscount li .t{
	font-family: Arial, 微軟正黑體;
    font-size: 16px;
    color: #ff0000;
    font-weight: bold;
}
#IndexClassDiscount li .s{
	padding: 0 5px 0 5px;
	font-family: Arial;
    font-size: 20px;
    color: #ff0000;
    font-weight: bold;
}
#IndexClassDiscount li .type{
    line-height: 20px;
    font-size: 14px;
}
#IndexClassDiscount li .room{
    color: #ff0000;
    font-weight: bold;
}
/* 主要區塊 - 內頁優惠區塊 */
#ClassDiscount h2{
	padding: 0 10px 10px 10px;
	border-bottom: 3px solid #3cb28a;
	font-size: 20px;
}
#ClassDiscount .more a{
    line-height: 16px;
    background-color: #f9a106;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f9a106;
    font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}
#ClassDiscount .more a:hover{
    background-color: #ffffff;
	color: #f9a106;
}
#ClassDiscount li{
    float: left;
    width: 31.3333%;
	margin: 0 3% 32px 0;
}
#ClassDiscount li:nth-child(3n){
	margin: 0 0 20px 0;
}
#ClassDiscount li .pic{
    width: 100%;
    height: 180px;
}
#ClassDiscount li .pic img{
    width: 100%;
    height: 100%;
}
#ClassDiscount li .title{
    line-height: 24px;
    background-color: #3cb28a;
	padding: 0 10px 0 10px;
    font-size: 14px;
    color: #ffffff;
}
#ClassDiscount li .name{
    line-height: 24px;
	padding: 7px 10px 0 10px;
	border-right: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
}
#ClassDiscount li .name a{
    display: block;
    font-size: 16px;
    font-weight: bold;
}
#ClassDiscount li .name a:hover{
}
#ClassDiscount li .place{
	padding: 0 10px 0 10px;
	border-right: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
    font-size: 15px;
    color: #ff0000;
    font-weight: bold;
}
#ClassDiscount li .place .t{
    font-size: 13px;
    color: #222222;
}
#ClassDiscount li .price{
    line-height: 22px;
	padding: 0 10px 0 10px;
	border-right: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
    font-size: 14px;
}
#ClassDiscount li .t{
	font-family: Arial, 微軟正黑體;
    font-size: 16px;
    color: #ff0000;
    font-weight: bold;
}
#ClassDiscount li .s{
	font-family: Arial;
	padding: 0 5px 0 5px;
    font-size: 20px;
    color: #ff0000;
    font-weight: bold;
}
#ClassDiscount li .type{
    line-height: 22px;
	padding: 0 10px 0 10px;
	border-right: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
}
#ClassDiscount li .room{
    color: #ff0000;
    font-weight: bold;
}
#ClassDiscount li .date{
    line-height: 22px;
	padding: 0 10px 5px 10px;
	border-right: 1px solid #c9caca;
	border-bottom: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
}

/* 主要區塊 - 首頁景點區塊 */
#IndexClassScenic li{
    float: left;
    width: 45.5%;
	margin: 0 9% 20px 0;
}
#IndexClassScenic li:nth-child(2n){
	margin: 0 0 20px 0;
}
#IndexClassScenic li .pic{
    width: 100%;
    height: 109px;
}
#IndexClassScenic li .pic img{
    width: 100%;
    height: 100%;
}
#IndexClassScenic li .name{
    line-height: 35px;
}
#IndexClassScenic li .name a{
    display: block;
    font-size: 16px;
    font-weight: bold;
}
#IndexClassScenic li .name a:hover{
}
#IndexClassScenic li .place{
    line-height: 15px;
    font-size: 15px;
    color: #ff0000;
    font-weight: bold;
}
#IndexClassScenic li .place .t{
    font-size: 13px;
    color: #222222;
}
/* 主要區塊 - 內頁景點區塊 */
#ClassScenic h2{
	padding: 0 10px 10px 10px;
	border-bottom: 3px solid #3cb28a;
	font-size: 20px;
}
#ClassScenic .more a{
    line-height: 16px;
    background-color: #f9a106;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f9a106;
    font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}
#ClassScenic .more a:hover{
    background-color: #ffffff;
	color: #f9a106;
}
#ClassScenic li{
    float: left;
    width: 22.75%;
	margin: 0 3% 32px 0;
}
#ClassScenic li:nth-child(4n){
	margin: 0 0 32px 0;
}
#ClassScenic li .pic{
    width: 100%;
    height: 173px;
}
#ClassScenic li .pic img{
    width: 100%;
    height: 100%;
}
#ClassScenic li .name{
    line-height: 24px;
	padding: 10px 10px 0 10px;
	border-right: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
}
#ClassScenic li a .name{
    display: block;
    font-size: 16px;
    font-weight: bold;
}
#ClassScenic li a:hover .name{
}
#ClassScenic li .place{
	padding: 0 10px 0 10px;
	border-right: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
    font-size: 15px;
    color: #ff0000;
    font-weight: bold;
}
#ClassScenic li .place .t{
    font-size: 13px;
    color: #222222;
}
#ClassScenic li a .description{
    height: 80px;
    line-height: 20px;
	padding: 0 10px 7px 10px;
	border-right: 1px solid #c9caca;
	border-bottom: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
    font-size: 14px;
    color: #898989;
}
#ClassScenic li a:hover .description{
}

/* 主要區塊 - 首頁行程區塊 */
#IndexClassJourney li{
    float: left;
    width: 100%;
    background-color: #f5f5f5;
	padding: 10px 0 10px 0;
	margin: 0 0 20px 0;
}
#IndexClassJourney li .name{
    line-height: 20px;
	margin: 0 10px 7px 10px;
}
#IndexClassJourney li .name a{
    font-size: 16px;
    font-weight: bold;
}
#IndexClassJourney li .name a:hover{
}
#IndexClassJourney li .day{
    line-height: 20px;
    background-color: #fda306;
	padding: 0 5px 0 5px;
	margin: 0 5px 7px 0;
    font-size: 14px;
    color: #ffffff;
}
#IndexClassJourney li .pic{
    float: left;
    width: 100px;
    height: 67px;
	margin: 0 10px 0 10px;
}
#IndexClassJourney li .pic img{
    width: 100%;
    height: 100%;
}
#IndexClassJourney li .place, #IndexClassJourney li .class{
    line-height: 22px;
    padding: 0 10px 0 0;
    color: #a8a8a8;
}
#IndexClassJourney li .place .t, #IndexClassJourney li .class .t{
    color: #666464;
    font-weight: bold;
}
/* 主要區塊 - 內頁行程區塊 */
#ClassJourney h2{
	padding: 0 10px 10px 10px;
	border-bottom: 3px solid #3cb28a;
	font-size: 20px;
}
#ClassJourney .more a{
    line-height: 16px;
    background-color: #f9a106;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f9a106;
    font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}
#ClassJourney .more a:hover{
    background-color: #ffffff;
	color: #f9a106;
}
#ClassJourney li{
	margin: 0 0 20px 0;
}
#ClassJourney li .pic{
	position: relative;
	top: -51px;
    float: left;
    width: 320px;
    height: 240px;
}
#ClassJourney li .pic img{
    width: 100%;
    height: 100%;
    clip: rect(0, 320px, 240px, 0);
}
#ClassJourney li .name{
    line-height: 30px;
	padding: 10px 15px 10px 335px;
	border-top: 1px solid #c9caca;
	border-right: 1px solid #c9caca;
}
#ClassJourney li .name a{
    font-size: 20px;
    font-weight: bold;
}
#ClassJourney li .name a:hover{
}
#ClassJourney li .day{
    line-height: 20px;
    background-color: #fda306;
	padding: 0 5px 0 5px;
	margin: 5px 5px 5px 0;
    font-size: 14px;
    color: #ffffff;
}
#ClassJourney li .more2{
    float: right;
}
#ClassJourney li .more2 a{
    display: block;
    line-height: 30px;
    font-size: 30px;
	color: #f9a106;
    font-weight: bold;
}
#ClassJourney li .more2 a:hover{
}
#ClassJourney li .info{
    height: 60px;
    line-height: 30px;
	padding: 0 15px 0 335px;
	border-right: 1px solid #c9caca;
	font-size: 16px;
}
#ClassJourney li .place, #ClassJourney li .class{
    float: left;
    width: 50%;
    min-height: 60px;
	border-top: 1px solid #c9caca;
	border-bottom: 1px solid #c9caca;
}
#ClassJourney li .place .t, #ClassJourney li .class .t{
    color: #666464;
    font-weight: bold;
}
#ClassJourney li .description{
    min-height: 108px;
    line-height: 25px;
	padding: 10px 15px 10px 335px;
	border-right: 1px solid #c9caca;
	border-bottom: 1px solid #c9caca;
}
#ClassJourney li .description .c_day{
    line-height: 16px;
    font-size: 16px;
    color: #fd6f06;
    font-weight: bold;
}
#ClassJourney li .description .c_day .solid{
    display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #fda306;
	margin: 0 10px 0 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	behavior: url(css/ie-css3.htc);
}
#ClassJourney li .description .c_scenic{
    line-height: 22px;
	padding: 5px 0 10px 15px;
	margin: 0 0 0 5px;
	border-left: 1px dashed #fda306;
    font-size: 16px;
    color: #f9a106;
}
#ClassJourney li .description .c_scenic a{
    font-size: 16px;
    color: #898989;
}
#ClassJourney li .description .c_scenic a:hover{
    color: #f08300;
}
#ClassJourney li .c_more{
    line-height: 35px;
    background-color: #f5f0ed;
    text-align: center;
	border-bottom: 1px solid #c9caca;
}
#ClassJourney li .c_more a{
    font-size: 16px;
    color: #91532d;
}
#ClassJourney li .c_more a:hover{
}
/* 主要區塊 - 內頁網站地圖區塊 */
#ClassSitemap ul{
    clear: both;
	margin: 0 0 30px 0;
}
#ClassSitemap li{
	line-height: 40px;
	margin: 0 0 0 20px;
	list-style-type: square;
}
#ClassSitemap li a{
	font-size: 15px;
	font-weight: bold:
}
/* 主要區塊 - 內頁搜尋區塊 */
#ClassSearch .more a{
    line-height: 16px;
    background-color: #f9a106;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f9a106;
    font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}
#ClassSearch .more a:hover{
    background-color: #ffffff;
	color: #f9a106;
}
#ClassSearch li{
    padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #c9caca;
}
#ClassSearch li:nth-last-child(2){
	border-bottom: none;
}
#ClassSearch li .name{
    line-height: 24px;
    font-size: 16px;
	color: #f08300;
}
#ClassSearch li .name a{
    font-size: 16px;
    font-weight: bold;
}
#ClassSearch li .name a:hover{
}
#ClassSearch li .place{
    padding: 0 0 0 16px;
    font-size: 15px;
    color: #ff0000;
    font-weight: bold;
}
#ClassSearch li .place .t{
    font-size: 13px;
    color: #222222;
}
#ClassSearch li .description{
    line-height: 20px;
    padding: 0 0 0 16px;
    font-size: 14px;
    color: #898989;
}
#ClassSearch .title{
    line-height: 36px;
    font-size: 16px;
    color: #3cb28a;
    font-weight: bold;
}
#ClassSearch li .description b{
	color: #f08300;
}
#ClassSearch .tag{
    line-height: 26px;
}
#ClassSearch .tag b{
	padding: 0 10px 0 10px;
	margin: 0 5px 0 0;
	border: 1px solid #3cb28a;
    font-size: 14px;
    color: #3cb28a;
}
/* 主要區塊 - 內頁訂房飯店區塊 */
#ClassOrderView h2{
	padding: 0 10px 10px 10px;
	border-bottom: 3px solid #3cb28a;
	font-size: 20px;
}
#ClassOrderView .more a{
    line-height: 16px;
    background-color: #f9a106;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f9a106;
    font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}
#ClassOrderView .more a:hover{
    background-color: #ffffff;
	color: #f9a106;
}
#ClassOrderView .info{
    clear: both;
	margin: 0 0 30px 0;
}
#ClassOrderView .info .pic{
    float: left;
    width: 320px;
    height: 240px;
}
#ClassOrderView .info img{
    width: 100%;
    height: 100%;
    clip: rect(0, 320px, 240px, 0);
}
#ClassOrderView .info .link{
	padding: 0 0 0 335px;
}
#ClassOrderView .info .link li{
    float: left;
    line-height: 30px;
    background-color: #f2f2f2;
    width: 15%;
	color: #f08300;
}
#ClassOrderView .info .link .addr{
    width: 54%;
    padding: 0 0 0 1%;
    color: #ff0000;
}
#ClassOrderView .info .link .addr .t{
    color: #222222;
}
#ClassOrderView .info .description{
	padding: 10px 0 10px 335px;
}
#ClassOrderView ol li{
    float: left;
    line-height: 30px;
	color: #f08300;
}
#ClassOrderView ol.order li, #ClassOrderView ol.scenic li{
    width: 25%;
}
#ClassOrderView ol.discount li, #ClassOrderView ol.journey li{
    width: 33.3333%;
}

/* 主要區塊 - 首頁台灣行程區塊 */
#IndexClassTw-Journey li{
    float: left;
    width: 100%;
    background-color: #f5f5f5;
	margin: 0 0 20px 0;
}
#IndexClassTw-Journey li .pic{
    width: 100%;
    height: 200px;
}
#IndexClassTw-Journey li .pic img{
    width: 100%;
    height: 100%;
}
#IndexClassTw-Journey li .name{
    line-height: 24px;
    padding: 0 10px 0 10px;
}
#IndexClassTw-Journey li .name a{
    font-size: 16px;
    font-weight: bold;
}
#IndexClassTw-Journey li .name a:hover{
}
#IndexClassTw-Journey li .price{
    line-height: 24px;
    padding: 0 10px 5px 10px;
	text-align: right;
}
#IndexClassTw-Journey li .t{
    font-size: 16px;
    color: #ff0000;
    font-weight: bold;
}
#IndexClassTw-Journey li .s{
	padding: 0 5px 0 0;
	font-family: Arial;
    font-size: 20px;
    color: #ff0000;
    font-weight: bold;
}
/* 主要區塊 - 內頁台灣行程、台灣觀巴區塊 */
#ClassTw-Journey h2, #ClassBus-Journey h2{
	padding: 0 10px 10px 10px;
	border-bottom: 3px solid #3cb28a;
	font-size: 20px;
}
#ClassTw-Journey .more a, #ClassBus-Journey .more a{
    line-height: 16px;
    background-color: #f9a106;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f9a106;
    font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}
#ClassTw-Journey .more a:hover, #ClassBus-Journey .more a:hover{
    background-color: #ffffff;
	color: #f9a106;
}
#ClassTw-Journey li, #ClassBus-Journey li{
    float: left;
    width: 31.3333%;
	margin: 0 3% 32px 0;
}
#ClassTw-Journey li:nth-child(3n), #ClassBus-Journey li:nth-child(3n){
	margin: 0 0 20px 0;
}
#ClassTw-Journey li .pic, #ClassBus-Journey li .pic{
    width: 100%;
    height: 180px;
}
#ClassTw-Journey li .pic img, #ClassBus-Journey li .pic img{
    width: 100%;
    height: 100%;
}
#ClassTw-Journey li .name, #ClassBus-Journey li .name{
    height: 48px;
    line-height: 24px;
	padding: 5px 10px 0 10px;
	border-right: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
}
#ClassTw-Journey li .name a, #ClassBus-Journey li .name a{
    display: block;
    font-size: 16px;
    font-weight: bold;
}
#ClassTw-Journey li .name a:hover, #ClassBus-Journey li .name a:hover{
}
#ClassTw-Journey li .type, #ClassBus-Journey li .type{
    line-height: 26px;
	padding: 0 10px 0 10px;
	border-right: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
}
#ClassTw-Journey li .type b, #ClassBus-Journey li .type b{
    background-color: #3cb28a;
	padding: 0 10px 0 10px;
	border-top: 1px solid #3cb28a;
	border-left: 1px solid #3cb28a;
	border-bottom: 1px solid #3cb28a;
    font-size: 15px;
    color: #ffffff;
}
#ClassTw-Journey li .type .d, #ClassBus-Journey li .type .d{
    background-color: #ffffff;
	padding: 0 10px 0 10px;
	border-top: 1px solid #3cb28a;
	border-right: 1px solid #3cb28a;
	border-bottom: 1px solid #3cb28a;
    font-size: 15px;
    color: #3cb28a;
    font-weight: bold;
}
#ClassTw-Journey li .price, #ClassBus-Journey li .price{
    line-height: 20px;
	padding: 0 10px 5px 10px;
	border-right: 1px solid #c9caca;
	border-bottom: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
    font-size: 14px;
}
#ClassTw-Journey li .t, #ClassBus-Journey li .t{
    font-size: 16px;
    color: #ff0000;
    font-weight: bold;
}
#ClassTw-Journey li .s, #ClassBus-Journey li .s{
	font-family: Arial;
	padding: 0 5px 0 5px;
    font-size: 20px;
    color: #ff0000;
    font-weight: bold;
}
/* 主要區塊 - 內頁租車區塊 */
#ClassRentcar h2{
	padding: 0 10px 10px 10px;
	border-bottom: 3px solid #3cb28a;
	font-size: 20px;
}
#ClassRentcar .more a{
    line-height: 16px;
    background-color: #f9a106;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f9a106;
    font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}
#ClassRentcar .more a:hover{
    background-color: #ffffff;
	color: #f9a106;
}
#ClassRentcar li{
    float: left;
    width: 48.5%;
	margin: 0 3% 20px 0;
}
#ClassRentcar li:nth-child(2n){
	margin: 0 0 20px 0;
}
#ClassRentcar li .pic{
	float: left;
    width: 145px;
    height: 90px;
    padding: 2px 2px 2px 2px;
    margin: 0 10px 0 0;
}
#ClassRentcar li .pic img{
    width: 100%;
    height: 100%;
}
#ClassRentcar li .name{
    height: 48px;
    line-height: 24px;
	padding: 0 10px 0 10px;
}
#ClassRentcar li .name a{
    display: block;
    font-size: 16px;
    font-weight: bold;
}
#ClassRentcar li .name a:hover{
}
#ClassRentcar li .tag{
    line-height: 26px;
	padding: 0 10px 0 10px;
}
#ClassRentcar li .tag b{
	padding: 0 10px 0 10px;
	margin: 0 5px 0 0;
	border: 1px solid #3cb28a;
    font-size: 14px;
    color: #3cb28a;
}
#ClassRentcar li .price{
    line-height: 20px;
	padding: 0 10px 0 10px;
    font-size: 14px;
}
#ClassRentcar li .s{
	font-family: Arial;
	padding: 0 5px 0 5px;
    font-size: 20px;
    color: #ff0000;
    font-weight: bold;
}
/* 主要區塊 - 內頁觀光工廠區塊 */
#ClassDiy h2{
	padding: 0 10px 10px 10px;
	border-bottom: 3px solid #3cb28a;
	font-size: 20px;
}
#ClassDiy .more a{
    line-height: 16px;
    background-color: #f9a106;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f9a106;
    font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}
#ClassDiy .more a:hover{
    background-color: #ffffff;
	color: #f9a106;
}
#ClassDiy li{
    float: left;
    width: 48.5%;
	margin: 0 3% 20px 0;
}
#ClassDiy li:nth-child(2n){
	margin: 0 0 20px 0;
}
#ClassDiy li .pic{
	float: left;
    width: 145px;
    height: 90px;
    padding: 2px 2px 2px 2px;
    margin: 0 10px 0 0;
}
#ClassDiy li .pic img{
    width: 100%;
    height: 100%;
}
#ClassDiy li .name{
    height: 48px;
    line-height: 24px;
	padding: 0 10px 0 10px;
}
#ClassDiy li .name a{
    display: block;
    font-size: 16px;
    font-weight: bold;
}
#ClassDiy li .name a:hover{
}
#ClassDiy li .price{
    line-height: 20px;
	padding: 0 10px 0 10px;
    font-size: 14px;
}
#ClassDiy li .s{
	font-family: Arial;
	padding: 0 5px 0 5px;
    font-size: 20px;
    color: #ff0000;
    font-weight: bold;
}
/* 主要區塊 - 內頁在地體驗區塊 */
#ClassExperience h2{
	padding: 0 10px 10px 10px;
	border-bottom: 3px solid #3cb28a;
	font-size: 20px;
}
#ClassExperience .more a{
    line-height: 16px;
    background-color: #f9a106;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f9a106;
    font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
	behavior: url(css/ie-css3.htc);
}
#ClassExperience .more a:hover{
    background-color: #ffffff;
	color: #f9a106;
}
#ClassExperience li{
    float: left;
    width: 48.5%;
	margin: 0 3% 20px 0;
}
#ClassExperience li:nth-child(2n){
	margin: 0 0 20px 0;
}
#ClassExperience li .pic{
	float: left;
    width: 145px;
    height: 90px;
    padding: 2px 2px 2px 2px;
    margin: 0 10px 0 0;
}
#ClassExperience li .pic img{
    width: 100%;
    height: 100%;
}
#ClassExperience li .name{
    height: 48px;
    line-height: 24px;
	padding: 0 10px 0 10px;
}
#ClassExperience li .name a{
    display: block;
    font-size: 16px;
    font-weight: bold;
}
#ClassExperience li .name a:hover{
}
#ClassExperience li .price{
    line-height: 20px;
	padding: 0 10px 0 10px;
    font-size: 14px;
}
#ClassExperience li .s{
	font-family: Arial;
	padding: 0 5px 0 5px;
    font-size: 20px;
    color: #ff0000;
    font-weight: bold;
}
.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: unset;
}