@charset "utf-8";
body{
	margin:0px auto;
	padding:0px;
	background-color:#F5F5F5;
	background-repeat: repeat-y;
	background-position: center;
	font-family: Arial, "新細明體";
	font-size: 10pt;
	color: #87460C;
}
#masthead_2nd{background-color:#FFF}
td{text-align: left;}
#header{	
	position:relative;
	}
#share {
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 8;
}
/* table div{ position:relative} */
.imagecenter{
	background-repeat: repeat-x;
	background-position: center center;
}
.main {
	font-family: "新細明體";
	font-size: 10pt;
	line-height: 16pt;
	color: #87460C;
}
a.main {
	font-family: "新細明體";
	font-size: 10pt;
	line-height: 16pt;
	color: #87460C;
	text-decoration: none;
}
a.main:hover {
	font-family: "新細明體";
	font-size: 10pt;
	line-height: 16pt;
	color: #FF6600;
	text-decoration: underline;
}
.menu {
	font-family: "新細明體";
	font-size: 10pt;
	line-height: 16pt;
	color: #FFFFFF;
	text-decoration: none;
}
a.menu {
	font-family: "新細明體";
	font-size: 10pt;
	line-height: 16pt;
	color: #FFFFFF;
	text-decoration: none;
}
a.menu:hover {
	font-family: "新細明體";
	font-size: 10pt;
	line-height: 16pt;
	color: #000000;
	text-decoration: underline;
}
.menu2 {
	font-family: "新細明體";
	font-size: 10pt;
	line-height: 16pt;
	color: #52A0EB;
	text-decoration: none;
}
a.menu2 {
	font-family: "新細明體";
	font-size: 10pt;
	line-height: 16pt;
	color: #66CCFF;
	text-decoration: none;
}
a.menu2:hover {
	font-family: "新細明體";
	font-size: 10pt;
	line-height: 16pt;
	color: #52A0EB;
	text-decoration: underline;
}
.border1 {
	font-family: "新細明體";
	font-size: 9pt;
	line-height: 16pt;
	color: #333333;
	border: 1px solid #899B6C;
}
.border2 {
	font-family: "新細明體";
	font-size: 9pt;
	line-height: 16pt;
	color: #333333;
	border: 1px solid #FF46D1;
}
.border3 {
	font-family: "新細明體";
	font-size: 9pt;
	line-height: 16pt;
	color: #333333;
	border: 1px solid #e4d2ab;
}
.border4 {
	font-family: "新細明體";
	font-size: 9pt;
	line-height: 16pt;
	color: #333333;
	border: 1px solid #00aeff;
}
.border5 {
	font-family: "新細明體";
	font-size: 9pt;
	line-height: 16pt;
	color: #333333;
	border: 1px solid #39a90d;
}
.border6 {
	font-family: "新細明體";
	font-size: 9pt;
	line-height: 16pt;
	color: #333333;
	border: 1px solid;
	border-color: #8D51A1;
}
.border7 {
	font-family: "新細明體";
	font-size: 9pt;
	line-height: 16pt;
	color: #333333;
	border: 1px solid;
	border-color: #999999;
}
.TOP {
	background-color: #DFCC8A;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #666666;
	text-decoration: none;
	color: #FFFFFF;
	padding:3px;
	margin: 2px;
	font-size: 9pt;
	line-height: 16pt;
}
a.top{
	background-color: #DFCC8A;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #666666;
	text-decoration: none;
	color: #FFFFFF;
	padding:3px;
	margin: 2px;
	font-size: 9pt;
	line-height: 16pt;
}
a.top:hover{
	background-color: #DFCC8A;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #666666;
	text-decoration: none;
	color: #666666;
	padding:3px;
	margin: 2px;
	font-size: 9pt;
	line-height: 16pt;
}
.picborder {
	background-color: #FFFFFF;
	border: 2px double #DFCC8A;
	padding:3px 3px;
}
.linedn {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CDAF47;
	color: #333333;
}
.down {
	font-family: "新細明體";
	font-size: 9pt;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
}
a.down {
	font-family: "新細明體";
	font-size: 9pt;
	line-height: 16px;
	color: #333333;
	text-decoration: underline;
}
a.down:hover {
	font-family: "新細明體";
	font-size: 9pt;
	line-height: 16px;
	color: #006600;
	text-decoration: underline;
}
.head1 {
	font-family: "新細明體";
	font-size: 11pt;
	line-height: 18pt;
	color: #FFFFFF;
}
.main2 {
	font-family: "新細明體";
	font-size: 10pt;
	color: #666666;
	text-decoration: none;
	line-height: 16pt;
}
.main2 h2{
	 margin:1em auto 0.3em 1em;
	font-size:12pt;
	color:#660000;
}
.main2 p{
    margin:0 1em 0 1em;
	padding:0 0 0 0;
	font-size:10pt;
	color:#666666;
	text-indent: 26px;
}
.main2 p a:link, .main2 p a:visited{
    color:#000;
}
.main2 p a:hover{
    color:#666;
}
a.main2 {
	font-family: "新細明體";
	font-size: 10pt;
	color: #666666;
	text-decoration: none;
	line-height: 16pt;
}
a.main2:hover {
	font-family: "新細明體";
	font-size: 10pt;
	color: #FF6600;
	text-decoration: underline;
	line-height: 16pt;
}
.bglib {
	background-color: #F3E4C7;
	border: #FFFFFF;
	font-family: "新細明體";
	font-size: 10pt;
	line-height: 16pt;
	background-image: url(../images/spacer.gif);
}
.pad01 {
    padding:5px 8px 5px 8px;
}
.image10px{
	margin-right: 15px;
	margin-left: 10px;
}
.p1{
	font-family: "新細明體";
	font-size: 10pt;
	color: #FF6600;
	text-decoration: none;
	line-height: 16pt;
}
.p1:link{
	font-family: "新細明體";
	font-size: 10pt;
	color: #FF6600;
	text-decoration: none;
	line-height: 16pt;
}.p1:visited{
	font-family: "新細明體";
	font-size: 10pt;
	color: #FF6600;
	text-decoration: none;
	line-height: 16pt;
}.p1:hover{
	font-family: "新細明體";
	font-size: 10pt;
	color: #FF6600;
	text-decoration: underline;
	line-height: 16pt;
}
.p2{
	font-family: "新細明體";
	font-size: 10pt;
	color:#FF3300;
	text-decoration: none;
	line-height: 16pt;
}
.p2:link{
	font-family: "新細明體";
	font-size: 10pt;
	color:#FF3300;
	text-decoration: none;
	line-height: 16pt;
}.p2:visited{
	font-family: "新細明體";
	font-size: 10pt;
	color: #FF3300;
	text-decoration: none;
	line-height: 16pt;
}.p2:hover{
	font-family: "新細明體";
	font-size: 10pt;
	color: #FF3300;
	text-decoration: underline;
	line-height: 16pt;
}
.head3 {
	font-family: "新細明體";
	font-size: 10pt;
	line-height: 16pt;
	color: #FF9900;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF6600;
	padding:3px;
}
.info {  font-family: "新細明體", "Arial", "Times New Roman"; font-size: 9pt; line-height: 12pt}
.Opjact {  background-attachment: scroll; background-repeat: no-repeat; background-position: right top}
.menu12p {  font-family: "新細明體", "Arial", "Times New Roman"; font-size: 12pt; line-height: 18pt; font-weight: bold; color: #0066FF}
.menu10p {  font-family: "新細明體", "Arial", "Times New Roman"; font-size: 10pt; line-height: 14pt}





.t10{
	font-size: 10pt;
	line-height: 14pt;
	color: #630;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 0.1em;
	padding:0.3em 0.3em 0 0;

}
.t10 a{
	color:#333;
	text-decoration: none;
}
.t10 a:hover{
	color:#960;
	text-decoration: none;
}

.price{
    padding:3px 5px 0px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #ff0000;
	text-decoration: none;
	text-align: right;white-space:nowrap;

}
.t10b02{
	padding:2px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 18px;
	color: #007FD3;
	text-decoration: none;
	letter-spacing: 0.1em;
	list-style-type: none;
	list-style-position: inside;
	text-indent: -0.5em;
	border-top:1px #CCCCCC dotted;
	border-bottom:1px #CCCCCC dotted;
}
.t10b02 a{
	color: #007FD3;
	text-decoration: none;
}
.t10b02 a:hover{
	color: #FF9B05;
	text-decoration: none;
}
.inde{ margin:0 0 0.3em 0;}

.subtitle{ color:#CD6A07; font-size:11pt; margin:0; padding:0; float:right; position:relative; top:-1.8em; height:0.5em; width:8em;}
table.ffd{ float:left;}
table.nmbtop{ margin:-1.5em 0 0 0.45em;}
.tmg{ margin-bottom:8px;}
.downline{	border-bottom:1px #555 dotted;}
.dbg{ background-position:bottom;}
.nolbg{ background-repeat:no-repeat; background-position:left;}
.balibpic{ width:100%; background:url(../images/bbpic.html) no-repeat right top; margin:0; padding:0;}
.balibpic01{ width:100%; background:url(../images/bbpic01.html) no-repeat right top; margin:0; padding:0;}





.subtit{ height:1.8em; background:#0066FF; color:#FFF; font-size:10pt; font-weight:bold; text-indent:1em; line-height:1.6; letter-spacing:1px;}
.t10{
	font-size:10pt;
	line-height:14pt;
	color: #87460C;
	width:75%;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 0.1em;
	padding:0 0.3em 0 0;

}
.t10 a{
	color: #87460C;
	text-decoration: none;
}
.t10 a:hover{
	color:#007DEB;
}

.price{
    padding:0px 5px 0px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #ff0000;
	text-decoration: none;
	text-align: right;

}
.t10b02{
	padding:2px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 18px;
	color: #9C367F;
	text-decoration: none;
	letter-spacing: 0.1em;
	list-style-type: none;
	list-style-position: inside;
	text-indent: -0.5em;
	border-top:1px #CCCCCC dotted;
	border-bottom:1px #CCCCCC dotted;
}
.t10b02 a.date{
	color: #9C367F;
	text-decoration: none;
}
.t10b02 a.date:hover{
	color: #000000;
	text-decoration: none;}



table.airfree{ width:88%; font-size:9pt; border-collapse:collapse; margin:0.5em 0 0 2em;}
table.airfree th{ padding:0.3em; border-bottom:1px #CCC dotted; height:1.5em; background:#D95700; color:#fff; font-weight:normal;}
table.airfree td{ padding:0.3em; border-bottom:1px #CCC dotted; height:1.5em;}
table.airfree td.foreng{word-break:break-all;}
table.airfree a.tour{ color:}
table.airfree img{ margin-bottom:0.2em;}

table.airline{ width:88%; font-size:9pt; border-collapse:collapse;  margin:0.5em 0 0 2em;}
table.airline th{ padding:0.3em 0.1em; border-bottom:1px #CCC dotted; height:1.5em; background:#4976D3; color:#fff; font-weight:normal;}
table.airline td{ padding:0.1em; border-bottom:1px #CCC dotted; height:1.5em;}
table.airline td.foreng{word-break:break-all;}
table.airline a.tour{ color:}
table.airline img{ margin-bottom:0.2em;}


ul.nav{ margin:0 0 0 3px; padding:0; list-style-type:none; width:192px;}
ul.nav li{font-size:9pt; line-height:1.5; width:190px; margin:0 0 0.3em 0; cursor:hand; clear:both; border-bottom:#CCC 1px solid;color:#666;}
ul.nav li a{ color:#666; text-decoration:none;}
ul.nav li a:hover{ color:#007DEB; text-decoration:none;}
ul.nav li font{ font-size:9pt;}
ul.nav li a font{ font-size:9pt;float:left;cursor:hand;}
ul.nav li p{font-size:9pt; float: left;cursor:hand; clear:both; margin:0; padding:0;}
ul.nav li p a{color:#007DEB; text-decoration:none;}ul.nav li p a:hover{ color:#EA0000; text-decoration:none;}
ul.nav li a b{ color:#f00;font-size:9pt; font-weight:normal; float:right; width:7em; margin:-0.5em 0 0 0;cursor:hand;}
ul.nav li b.prc{ color:#f00;font-size:9pt; font-weight:normal;width:7em; white-space:nowrap; margin:1.5em 0 0 0;cursor:hand;float:right; clear:both;}
/*2008-06-10*/
#side h2 {font-size:13px;font-weight:normal;color:#87460C;background:url(../images/cssimg/sidetitle_01.gif) repeat-x;height:29px;border:1px solid #E4D2AB;margin:0px 10px 10px 0px;}
#side h2 span {display:block;background:url(../images/cssimg/sidetitle_02.gif) no-repeat left top;height:24px;*height:25px;padding:5px 0px 0px 30px;*padding:10px 0px 0px 30px;}
#side ul {margin:10px 0px 0px;padding:0px;}
#side li {list-style-type:none;font-size:12px;line-height:20px;padding:0px 0px 0px 10px;border-bottom:1px solid #ECDCC2;height:22px;margin:0px 10px 0px 0px; background:url(../images/cssimg/sidelist.gif) left 7px no-repeat;}
#side li a {color:#87460C;text-decoration:none;}
#side li a:hover {color:#C56A19;text-decoration:underline;}
.trip li {clear:both;}
.trip_left {float:left;}
.trip_right {float:right;}
#side em {color:ff0000;font-style:normal;}
#side .ticket li {height:44px;clear:both;}
#side .price {width:90px;float:right;padding:0px;*padding:3px 0px 0px;color:#87460C;}
#side .map img {margin:4px;background:#ffffff;}
#side .mapimg {border:1px solid #804993;margin:0px 10px 0px 0px;}

.trip {margin:0px 0px 10px 0px;}
#main {margin:0px 12px;}
#main h2 {font-size:13px;font-weight:normal;color:#87460C;background:url(../images/cssimg/sidetitle_01.gif) repeat-x;height:29px;border:1px solid #E4D2AB;margin:0px 0px 0px 0px;}
#main h2 span {display:block;background:url(../images/cssimg/sidetitle_02.gif) no-repeat left top;height:24px;*height:25px;padding:5px 0px 0px 30px;*padding:10px 0px 0px 30px;}
.trip ul {margin:10px 0px 0px;padding:0px;}
.trip li {list-style-type:none;font-size:12px;line-height:20px;padding:0px 0px 0px 10px;border-bottom:1px solid #ECDCC2;height:22px;margin:0px 0px 0px 0px; background:url(../images/cssimg/sidelist.gif) left 7px no-repeat;}
.trip li a {color:#87460C;text-decoration:none;}
.trip li a:hover {color:#C56A19;text-decoration:underline;}
.trip em {color:ff0000;font-style:normal;}

/*熱門景點地圖列表設定
---------------------------------------------------- */
#scenic_list {float:left;margin: 20px 0px 0px 0px;}
#scenic_list ul {margin: 0px;padding: 0px;}
#scenic_list li {
	background: url(../images/scenic_list.html) no-repeat left center;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 15px;
	float:left;
	width:135px;
	font-size: 13px;
	list-style-type: none;
	line-height: 24px;
	border-bottom: 1px dotted #CCCCCC;
}
.clear{clear: both;}

/* 20170816- hotel-list  */
h2.hotel-tab {
	   font-size: 13pt;
    margin: 1em auto 0;
    padding: 5px 0 5px 10px;
    background-color: #4b7dc3;
    color: #ffffff;
    display: block;
    width: 95%;
	    text-align: left;
}
.hotels-lists {
	    display: flex;
    justify-content: baseline;
    flex-wrap: wrap;
}

.hotels-lists .list {
	       font-size: 10pt;
    flex: 0 0 25%;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}
.hotels-lists .pic {
	margin: 0;
	padding: 0;
	border: none;
}
.hotels-lists .pic img{ width: 100%; max-width: 100%;

}
.hotels-lists .address {
	color: #666;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 3px;
	text-align: left;
}
.hotels-lists .list h3 {
	margin: 0;
	padding: 2px 0;
	line-height: 1.4em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}
.hotels-lists .list h3 a {
	text-decoration: none;
	color: #005f15;
	font-weight: normal;
	font-size: 10pt
}
.hotels-lists .list h3 a:hover {
	color: #ff7200;
}
.hotels-lists .price {
	color:#ab0000;
	float: right;
	padding-right: 6px;
	line-height: 1.5em;
}
.hotels-lists .booking {
	float: right;
}
.hotels-lists .booking a {
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
	background-color: #FF9900;
	display: block;
	padding: 2px 7px;
	margin: 0;
}
.hotels-lists .booking a:hover {
	background-color: #ff7200;
}
/*  hotel-adird  */
.hotels-aside {
	 display: flex;
    justify-content: baseline;
        flex-direction: column;
}
.hotels-aside .list {
	     font-size: 10pt;
    flex: 0 0 20%;
    overflow: hidden;
    padding: 6px;
    box-sizing: border-box;
}
.hotels-aside::before{ content: ""; margin-top: 8px; display: block;}
.hotels-aside .pic {
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
	border: none;
}
.hotels-aside .pic img {
	width: 90px;
}
.hotels-aside .address {
	color: #666;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 3px;
	text-align: left;
}
.hotels-aside .list h3 {
	margin: 0;
	padding: 0 0 2px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}
.hotels-aside .list h3 a {
	text-decoration: none;
	color: #005f15;
	font-weight: normal;
	font-size: 10pt
}
.hotels-aside .list h3 a:hover {
	color: #ff7200;
}
.hotels-aside .price {
	color:#ab0000;
	float: right;
	padding-right: 6px;
	line-height: 1.5em;
}
.hotels-aside .booking {
	float: right;
}
.hotels-aside .booking a {
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
	background-color: #FF9900;
	display: block;
	padding: 2px 7px;
	margin: 0;
}
.hotels-aside .booking a:hover {
	background-color: #ff7200;
}
.btn-more { border: none; background-color: rgba(0, 0, 0, 0);
    text-align: right; padding: 10px; cursor: pointer;}
.btn-more a{color: #333; text-decoration:none;}