@charset "utf-8";
body {
	background-color: #B9EB1E;
	padding: 0px;
	background-image: url(images/.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;}

ul{ margin:0px; padding:0px; list-style:none;}
/*------------------------------------*/

a:visited {
	color: #006633;
	text-decoration: none;
}

a:hover {
	color: #450101;
}
/*------------------------------------*/
.areas {height: 100%;margin: 0px auto;padding: 0px;	width: 990px;background-image: url(images/copyright/top_logo_bg.jpg);}
.area {
	height: 20px;
	margin: 0px 10px 0px 0px;
	padding: 2px 0px ;
	width: 70px;
	background-image: url(images/booking2.gif);
	color: #FFFFFF;
	float:left;
	text-align: center;
}
.area a{
	color: #FFFFFF;
	text-decoration: none;
}
.area a:hover{
	color: #FFCC00;
	text-decoration: none;
}
 #header {margin: 0px;padding: 0px;}
.topw {
	FONT-SIZE: 9pt;
	COLOR: #0099FF;
	LINE-HEIGHT: 18pt;
	TEXT-DECORATION: none
}

/*menu區域設定-------------------------------------------*/
#menu {
	width:990px; height:63px; background-image: url(images/menu.gif); background-repeat: no-repeat;}
#menu ul {padding:14px 10px 10px 30px  ; }
#menu li {padding:0px 15px ;float:left;	color: #38650C;	font-size: 15px;
	line-height:16pt;padding-left: 8px;
	text-align: left;border-right-width: 1px;
	border-right-style: solid;border-right-color: #006633;}
#menu li a:link ,#menu li a:visited{font-size: 15px; color: #38650C; font-weight: bolder;	text-decoration: none;}
#menu li a:hover { color: #38650C; text-decoration: underline;}

/*自行車住宿推薦-------------------------------------------*/
.hotelgo{margin:0px 35px 0px 20px ;}
.hotelgo li img{float:right;margin:-25px 0px 20px 5px;}
.hotelgo ul{margin: 10px auto;}
.hotelgo li{margin: 0px auto;list-style-type:none;
	font-size: 13px;color: #333333;
	line-height:2;border-bottom-width: 1px;
	border-bottom-style: dashed;border-bottom-color: #CCCCCC;
	text-indent: 20px;letter-spacing: 2px;}
.hotelgo li a:link{	font-size: 13px;color: #333333;
	text-decoration: none;}
.hotelgo li a:hover{color: #0066FF;text-decoration: underline;}

/*各區域飯店-------------------------------------------*/
.hotel{margin:0px 60px 0px 60px ;}
.hotel ul{margin: 0px auto;}
.hotel li{margin: 0px auto;	list-style-type:none;	font-size: 15px;color: #999999;
	line-height:1.8;border-bottom-width: 1px;	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;background-image: url(images/crlbg.gif);
	background-repeat: no-repeat;background-position: left 8px;
	text-indent: 20px;	letter-spacing: 2px;}
.hotel li a:link{font-size: 15px;color: #E61568;	text-decoration: none;}
.hotel li a:hover{color: #0066FF;text-decoration: underline;}

/*優惠專案*/
.news{width:90%;}
.news ul{margin:0px 0px 0px 10px;padding:10px 10px 0px 25px;}

.news li .h3{margin:0px auto;padding:0px;font-size:15px;
	color:#0066CC;line-height: 26px;font-weight: bold;}
.news li .h3 a{color:#0066CC;}
.news li .h3 a:hover{color:#CC0000;}
.news li {	font-size: 13px;
	color: #CC0000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	list-style-type: NONE;
	clear: both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.news li a{color: #0066CC;text-decoration: none;}
.news li a:hover{color: #CC0000;text-decoration: none;}
.news li .hh{font-size: 13px;color: #666666;
	clear: both;margin-top: 5px;margin-right: 0px;
	margin-bottom: 5px;	margin-left: 0px;}

.news li .hh img{float:right;}
.news li .hh a{font-size: 13px;margin:5px 0px 5px 0px;color: #666666;}
.news li .hh a:hover{font-size: 13px;margin:5px 0px 5px 0px;color: #000000;}

/*內文-------------------------------------------*/

 .content {	margin: 0px;
	padding: 0px;
	background-image: url(images/mainbg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
 .content_bg_1 {
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(images/default_24.gif);
}
 .content_bg_2 {
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(images/.jpg);
}
.bei {
	float: none;
	font-size: 10pt;
	color: #FFFFFF;
	line-height: 16pt;
	text-decoration: none;
	background-color: #CC9966;
	padding: 2px;
}

.bei_txt {
	font-size: 13pt;
	color: #333333;
	line-height: 13pt;
}

.content h2{
	margin:0px auto;
	padding:0px;
	font-size:15px;
	color:#FF6600;
	line-height: 26px;
}
.content h2 a:link, .content h2 a:visited{
	font-size:15px;
	color:#FF6600;
	line-height: 26px;
	text-decoration: none;
}
.content h2 a:hover{
	font-size:15px;
    color:#FF6600;
	line-height: 26px;
	text-decoration: underline;
}
.content p{
	font-size:13px;
	color:#333333;
	line-height: 20px;
	letter-spacing: 1px;
	text-indent: 0px;
}
.content p a:link, .content p a:visited{
	color:#333333;
	font-weight: bold;
}
.content p a:hover{
	color:#FF9900;
	font-weight: bold;
}

.content .pp {
	margin:0px 15px 0px 0px;
}
.content .pp ul{
	margin:0px;
	padding:0px 0px 0px 5px;
}
.content .pp li{
	margin:0px;
	padding:0px;
    list-style-type:decimal;
	font-size:12px;
	color:#333333;
	line-height: 20px;
}

.content .pp th {
	color: #0066CC;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.content .pp td {
	color: #333333;
	font-size: 13px;
}

.content .pic_left{
	margin:0px;
	width: auto;
	padding:0px 8px 5px 0px;
	float: right;
}
.content .pic_left img {
	border: 1px solid #666666;
	padding: 1px;
}
.content .pic_left p {
	padding:0px 3px 0px 0px;
	margin:0px;
	font-size: 11px;
	color: #959595;
	letter-spacing: 1px;
    text-align:center;
}
.content .pic_left p a:link, .content .pic_left p a:visited{
	text-decoration: none;
	color: #959595;
}
.content .pic_left p a:hover{
	color: #959595;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}


.font {
	font-size: 9pt;
	line-height: 14pt;
	color: #450101;
	text-align: left;
}
.font a:link, .font a:visited{
	font-size: 9pt;
	line-height: 14pt;
	color: #450101;
	text-align: left;
	text-decoration: none;
}
.font a:hover{
	font-size: 9pt;
	line-height: 14pt;
	color: #450101;
	text-align: left;
	text-decoration: underline;
}
.font img{
	border: #666666;
    padding:1px;
	}
.fontt {
	font-size: 9pt;
	line-height: 14pt;
	color: #450101;
	text-align: left;
}
.fontt a:link, .fontt a:visited{
	font-size: 9pt;
	line-height: 14pt;
	color: #450101;
	text-align: left;
	text-decoration: none;
}
.fontt a:hover{
	font-size: 9pt;
	line-height: 14pt;
	color: #450101;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.fontt img{
	border: #666666;
    padding:1px;
	}
	
.font2  {
	font-size: 9pt;
	line-height: 12.5pt;
	color: #450101;
	text-align: left;
	}
	
.font_text {
	font-size: 11pt;
	line-height: 14pt;
	color: #FF6600;
	font-weight: bold;
	}
.font_g {
	font-size: 10pt;
	line-height: 14pt;
	color: #38B549;
}
.font_g a:link {
	font-size: 10pt;
	line-height: 14pt;
	color: #38B549;
}
.font_g a:hover {
	font-size: 10pt;
	line-height: 14pt;
	color: #450101;
}
.font_red {
	font-size: 10pt;
	color: #990000;
	top: 50px;
}
.font_red a:link {
	color: #990000;
	font-size: 12pt;
}


.font_wite {
	font-size: 10pt;
	line-height: 14pt;
	color: #ffffff;
	font-weight: bold;
	text-indent: 20px;
}

#font_8t{
	font-size: 0.6em;
	line-height:1.8;
	color: #333;
}
#font_8t a{font-size:1em;}

.font_tr {
	font-size: 10pt;
	line-height: 14pt;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.font_tr a:link {
	font-size: 10pt;
	line-height: 14pt;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.font_tr a:visited {
	font-size: 10pt;
	line-height: 14pt;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.font_tr a:hover {
	font-size: 10pt;
	line-height: 14pt;
	color: #FF9900;
	letter-spacing: 1px;
}
.font a:link {
	font-size: 9pt;
	line-height: 12pt;
	color: #333333;
}
.font a:visited {
	font-size: 9pt;
	color: #333333;
}
.font a:hover {
	color: #FF9900;
}
.dbg {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(images/.jpg);
	background-color: #FFFFFF;
}
.down {
	font-size: 9pt;
	line-height: 12pt;
	color: #CCCABC;
}
.down a:link {
	font-size: 9pt;
	line-height: 12pt;
	color: #CCCABC;
}
.down a:visited {
	font-size: 9pt;
	color: #CCCABC;
}
.down a:hover {
	color: #38B549;
}
#con_bg {
	background-image: url(images/default_25.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bgcenter {
	background-image: url(images/bgk.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.line_01 {
	background-image: url(images/plot_block.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
.link {
	font-size: 10pt;
	color: #333333;
}
.link a {font-size: 10pt;color: #333333;text-decoration: none;}

.link a:hover {	color: #FF9900;}
.price {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #450101;
	LINE-HEIGHT: 16pt;
	FONT-FAMILY: Arial;
	LETTER-SPACING: 1pt;
	text-decoration: underline;
}


.t9c {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: "新細明體"; LETTER-SPACING: 1pt; TEXT-DECORATION: line-through
}
.t10a {
	FONT-SIZE: 10pt;
	LINE-HEIGHT: 14pt;
	TEXT-DECORATION: none;
	color: #FF6600;
}
.t10a a:link { TEXT-DECORATION: none;}
.t10a a:visited {TEXT-DECORATION: none;}
.t10a a:hover {	TEXT-DECORATION: underline;}



.t12a {
	FONT-SIZE: 12pt; COLOR: #0066CC; LINE-HEIGHT: 14pt;TEXT-DECORATION: none
}
.t12a a:link {
	FONT-SIZE: 12pt; COLOR: #0066CC; LINE-HEIGHT: 14pt;TEXT-DECORATION: none
}
.t12a a:visited {
	FONT-SIZE: 12pt; COLOR: #0066CC; LINE-HEIGHT: 14pt;TEXT-DECORATION: none
}
.t12a a:hover {
	FONT-SIZE: 12pt; COLOR: #FF6600; LINE-HEIGHT: 14pt; TEXT-DECORATION: underline
}


.t10b {
	FONT-SIZE: 9pt; COLOR: #999999; LINE-HEIGHT: 14pt;TEXT-DECORATION: none}

.t10b a:link {
	FONT-SIZE: 9pt; COLOR: #999999; LINE-HEIGHT: 14pt;TEXT-DECORATION: underline
}
.t10b a:visited {
	 COLOR: #999999; TEXT-DECORATION: underline
}
.t10b a:hover {
	 COLOR: #000000; TEXT-DECORATION: underline
}

.content .t10c {
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 14pt;
	TEXT-DECORATION: none;
}

.content .t10c a:link {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 14pt;TEXT-DECORATION: none}
.content .t10c a:visited {FONT-SIZE: 12px;TEXT-DECORATION: none}
.content .t10c a:hover {FONT-SIZE: 12px;	TEXT-DECORATION: underline}

.t10d {
	FONT-SIZE: 10pt;
	COLOR: #0066CC;
	LINE-HEIGHT: 14pt;
	TEXT-DECORATION: none;
	text-align: left;
}

.t10d a:link {
	FONT-SIZE: 10pt; COLOR: #0066CC; LINE-HEIGHT: 14pt; TEXT-DECORATION: none}
.t10d a:visited {
	TEXT-DECORATION: none;
}
.t10d a:hover {	TEXT-DECORATION: underline}
.t10e {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #996600; LINE-HEIGHT: 16pt; FONT-FAMILY: "新細明體"; TEXT-DECORATION: none
}
.t9a2 {
	FONT-SIZE: 9pt; COLOR: #000000; LINE-HEIGHT: 15pt; FONT-FAMILY: "新細明體"; TEXT-DECORATION: line-through
}
.t9a2:hover {
	FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 15pt; FONT-FAMILY: "新細明體"; TEXT-DECORATION: none
}
.li {
	font-size: 9pt;
	line-height: 14pt;
	color: #333333;
}
.font_TOP {
	background-image: url(images/plot.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
form{
margin:0px 0px 0px 0px;
padding:-50px 10px -50px 15px;}
.ptd1{
padding:0px 10px 0px 15px;}
.ptd2{
padding:3px 10px 0px 10px;}
.icon{
padding:4px 0px 0px 0px;}
.test01{
padding:0px 15px 0px 15px;
	font-size: 9pt;
	line-height: 12pt;
	color: #7C551F;
	text-decoration: none;
}
.test01 a{
	color: #7C551F;
	text-decoration: none;
}
.test01 a:hover{
	color: #000000;
	text-decoration: none;
}
.imagecenter{
	background-image: url(images/dot.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.menu1{
    margin:0px;
	padding:5px 0px 0px 0px;
	width:125px;
	height:29px;
	font-size: 10pt;
	line-height: 16pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0.3em;
	background-image: url(images/b_06.gif);
	background-repeat: no-repeat;
}
.menu1 a{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
.1 a:hover{
    margin:-5px 0px 0px 0px;
	padding:5px 4px 0px 0px;
	width:121px;
	height:29px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/b_07.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.menu2{
    margin:0px;
	padding:5px 0px 0px 0px;
	width:125px;
	height:29px;
	font-size: 10pt;
	line-height: 16pt;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
	letter-spacing: 0.3em;
	background-image: url(images/b_07.gif);
	background-repeat: no-repeat;
}
.menu2 a{
	color: #FFFF00;
	text-decoration: none;
	display: block;
}
.menu2 a:hover{
    margin:-5px 0px 0px 0px;
	padding:5px 4px 0px 0px;
	width:121px;
	height:29px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/b_07.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.menu3{
    margin:0px;
	padding:0px;
	font-size: 10pt;
	line-height: 16pt;
	color: #006699;
	text-decoration: none;
	letter-spacing: 0px;
}
.menu3 a{
	color: #006699;
	text-decoration: none;
}
.menu3 a:hover{
	color: #000000;
	text-decoration: none;
	letter-spacing: 0.2em;
}
.title{
	font-size: 10pt;
	line-height: 15pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.title a{
	color: #000000;
	text-decoration: none;
}
.title a:hover{
	color: #006699;
	text-decoration: none;
}
.title2{
	padding:0px 10px 0px 10px;
	font-size: 10pt;
	line-height: 16pt;
	font-weight: bold;
	color: #008236;
	text-decoration: none;
	letter-spacing: 0.3em;
}
.title2 a{
	color: #008236;
	text-decoration: none;
}
.title2 a:hover{
	color: #FFFF00;
	text-decoration: none;
}
.con{
	font-size: 10pt;
	line-height: 13pt;
	color: #666666;
	text-decoration: none;
}
.con a{
	color: #666666;
	text-decoration: none;
}
.con a:hover{
	color: #000000;
	text-decoration: none;
}

.con1{
	font-size: 10pt;
	line-height: 14pt;
	color: #996600;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.con1 a{
	color: #996600;
	text-decoration: none;
}
.con1 a:hover{
	color: #000000;
	text-decoration: none;
}
.con2{
	font-size: 10pt;
	line-height: 14pt;
	color: #AC4304;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.con2 a{
	color: #AC4304;
}
.con2 a:hover{
	color: #000000;
}
.t9{font-size: 12px;
	line-height: 14pt;
	color: #666666;
	text-decoration: none;
}
.t10{font-size: 10pt;
	line-height: 14pt;
	color: #000000;
	text-decoration: none;
}
.price{
	font-size: 10pt;
	line-height: 16pt;
	font-weight: bold;
	color: #AC3604;
	text-decoration: none;
}
.order{
	margin:0px;
	padding:3px;
	width:40px;
	font-size: 10pt;
	line-height: 14pt;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-color: #FFFF99;
}
.page{
    margin:4px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	font-size: 10pt;
	line-height: 16pt;
	color: #38B549;
	text-decoration: none;
	letter-spacing: 1pt;
}
.page a{
	color: #38B549;
	text-decoration: none;
	border: 1pt solid #ffffff;
}
.page a:hover{
	color: #0066CC;
	text-decoration: none;
	border: none;
}

.ban{
    padding:1px;
	border: 1pt solid #ffffff;
}

/*宣告設定-------------------------*/
#ctin{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:990px;
	background-image: url(images/copy_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


#fixed {position:relative;}
#one { position:absolute; top:-59px; left:300px; *left:740px; _left:740px; height:82px; width:250px;}

/*news-----------------------------------------*/
.news_detail{padding:10px 8px 15px 8px;	margin:5px 10px 0px 0px;height:1%;	overflow: visible;}

h1{	font-family: "標楷體";margin:10px 0px 5px 0px;font-size: 24px;color: #0033CC;}

.news_detail h4{margin:0px;padding:0px;
	font-size: 12px;color: #666666;	text-align: left;
	font-weight: normal;}

.news_detail p{	font-size: 13px;
	line-height: 1.8;color: #333333;}
.news_detail p a{font-size: 12px;
	line-height: 1.5;color: #333333;
	font-weight: bold;}
.news_detail p a:hover{font-size: 12px;
	line-height: 1.5;color: #0033CC;
	font-weight: bold;text-decoration: none;}

.news_detail .pic_left{
	width:400px;
	height:auto;
	float:left;	margin:10px 10px 5px 0px;
	padding:5px;background-color: #F0F0F0;
	font-size: 12px;} 
	
/* HOTEL2 ------------------------------------------------- */

.hotel2 { height:90px;background-color:#FFFFFF;float:left;width:295px;padding:5px 5px 10px 0px;*padding:5px 5px 10px 0px; overflow:hidden;margin:5px;}
.hotel2 p {font-size: 12px; margin:0px; color:#888888; line-height:1.3em!important;}
.hotel2 img {margin:0px 5px 5px 0px;border:1px solid #CCCCCC;background:#ffffff;}
.hotel2 .pics{width:48px;height:100px;float:left;padding:0px 0px 0px 5px; }
.hotel2 .groups {width:188px; padding:0px;float:right;}
.hotel2 .price {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.hotel2 .price em {font-style:normal; font-weight:bold; color:#FF3366; }
.hotel2 .booking {font-size:9pt;background-image:url(images/booking2.gif); background-repeat:no-repeat;padding:4px 5px 2px 4px; width:48px;float:right;}
.hotel2 .booking a{color:#FFFFFF; text-decoration:none; }

.hotel2 h3 { background-image:url(images/next.gif); background-repeat:no-repeat; background-position:4px 6px;background-color:#F3F3F3;font-size:12px;margin:0px 0px 5px 0px; border-bottom:1px solid #DDDDDD!important;border-top:1px solid #DDDDDD!important;padding:5px 5px 3px 18px;}
.hotel2 h3 a { color:#555555; margin:0px 0px 0px 0px;text-decoration:none;}
.hotel2 h3 a:hover {border:0px; color:#666666;}	
	
/*版權宣告設定--------------------------*/
#copyright{
	margin:0px auto 0px;
	padding:0px 0px 0px 0px;
	background-image: url(images/copyright/co_bg.gif);
	background-repeat: no-repeat;
	background-position: center -8px;
}
#copyright .text{
	margin:0px auto 0px;
	padding:15px 0px 0px 0px;
	font-size: 10pt;
	color:#333333;
	line-height: 20px;
	text-align:center;
	letter-spacing: 0px;
}
#copyright  .text a{
	color:#333333;
	text-decoration:none;
}
#copyright .text a:hover{
	color:#336600;
	text-decoration: underline;
}

/*分頁-----------------------------------*/
.enter {
	overflow:hidden;
	width:620px;
	margin:15px auto 10px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.enter a:link,.enter a:visited {font-weight:normal; color:#666666;text-decoration:none;}
.enter a:hover { background-color:#FFFFFF;}
.enter span.figs u {margin:0px 5px;font-weight:bold;color:#000000;}
.enter span.pgs ,.enter span.pgs a:link,.enter span.pgs a:visited {
	margin:0px 5px;
	padding:3px 5px 0px 5px;
	color: #333333;
}
.enter span.figs a:link,.enter span.figs a:visited {padding:2px 5px; }
.enter span.nexts {color:#666666; letter-spacing:1px;}
.clear{	clear: both;}

/* 推薦飯店 ------------------------------------------------- */
.room{}
.room ul{
	margin: 0px 0px 10px -10px;
*margin: 0px 0px 10px 0px;
	width:600px;

}
.room li{
	list-style-type:none;
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6;
	letter-spacing: 1px;
	margin: 0px;
	width:180px;
	float:left;
	margin:5px 5px 5px 5px;
	background-image: url(images/next.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 13px;
}
.room  li a{
	color: #660000;
	text-decoration: none;
}

.room  li a:hover{
	color: #FF6600;
	text-decoration: underline;
}