@charset "utf-8";
body{margin:0px;	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/background_01.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color: #623E40;	}
input.put {
    color: #333;
}
a {text-decoration:none; color:#CC6600;}
p{	line-height: 1.5;}
a:hover{color:#4ba0d0;}
img{border:0;}
.11{font-size: 11px;}
h1{
	font-size: 15px;
	font-weight: bold;
	color: #996600;
	line-height: 2;
	padding:0px;margin:0px 0px 0px 0px;
}
.clear{clear:both;}

#container{	margin:0px auto;
	padding:0px;
	color:#333333;
	font-size:13px;
	width:990px;
	background-color: #F7F0E8;	}

#logo {
    height: 134px;
    position: relative;
}
#logo #share {
    position: absolute;
    right: 5px;
    top: 5px;
}

/**--menu--------------**/
#menu{	padding:0px;
	margin:0px auto;}
#menu .item{margin:0px;	padding:0px;
	font-size: 15px;font-weight: bold;}
#menu ul{	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-x;font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	list-style-type: none;
	overflow: hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#menu li{
	margin:0px;	height:36px;	padding:5px 12px 5px 12px;
	float:left;
	color: #99CCFF;display: block;	
	line-height: 1.2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: left;
}
#menu li.no{padding:0;	border: 0px;}
#menu li.no a{padding:15px 14px 5px 19px;}
@-moz-document url-prefix()
		{
		#menu li.no a{ padding: 15px 8px;}
		}
#menu li a{display: block;	padding:6px 20px;padding:0px;color: #FFFFFF;text-decoration: none;}
#menu li a:hover{color: #FFCC00;}
#default .item li.in1 a,
#attraction .item li.in2 a,
#specialties .item li.in3 a,
#tour2 .item li.in4 a,
#hotels .item li.in5 a,
#transportation .item li.in6 a,
#news2 .item li.in7 a{
	color: #FFCC00;
}

/**--Search Area---------------**/
#search_area{
	background-image:url(../images/search_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px 0px 15px;
	height:48px;	}
#search_area h2{float:left;	color:#CC0000;	font-size:15px;	margin:0px;	padding:15px 20px 0px 30px;	}
#search_area form{	float:left;	margin:12px 0px 0px;padding:0px;font-size: 12px;	}
#search_area label{	float:left;	padding:0px 15px 0px 0px;	}
.sel_date, .sel_num, .sel_hotel_area, .sel_spots{float:left;	}
.sel_spots{	width:250px;}
.sel_date span, .sel_num span{	float:left;	line-height:20px;*line-height:25px;	}
.input_box, .room_num, .select_hotel, .input_spots{	border:1px solid #C8C8C8;
	color:#333333;font-size:13px;line-height:18px;	}
.input_spots{width:190px;}
.sel_num{width:150px;margin: 0px 5px 0px 0px;}
.room_num{width:80px;	margin:0px 5px 0px 0px;	padding:0px;}
.sel_hotel_area	{width:480px;}
.select_hotel{width:200px;margin:0px 5px 0px 0px;}
input {color: #FFFFFF;background-color: #FF9900;border: 1px solid #999999;}
input.input_box{color: #666666;	background-color: #FFffff;}
#search .btn{background:url(../images/btn_seach.png) left top no-repeat;
	margin-top:-3px;_margin-top:0px;width:49px;	height:26px;
	cursor: pointer;}
#search .btn span{color:#fff;font-size:14px;display:none;	}
#search .btn:hover{	background-position:left -26px;}

/**--共用--------------------------------------------------------**/
#content{
	width:970px;margin:0px auto;
	}
#content table{
margin:5px 0px 8px 0px;
	/* text-align: center; */
	}	
#content p{padding:0px;
	margin:0px;
	font-size: 13px;

	}	
#content p a{

	text-decoration: none;
	}		
#content p a:hover{
	color:#0066CC;
	text-decoration: none;
	}	
.area{
	margin:10px;
	}	
h5 {margin:0px ;padding:0px;
	font-size:13px;
	font-weight:700;
	color:#CC0000;
	}
h3 {	}
h3 a{color:#993300;	}	
h3 {margin:0px 0px 5px 0px;padding:0px;
	font-size:15px;
	font-weight:700;
	color:#CC0000;
	}
h5 {	}
h5 a{color:#993300;	}
h2.color{padding:6px 0px 0px 0px;
	margin:0px ;
	height:24px;
	font-size: 16px;
	font-weight: bold;
	color: #5B0000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DEB72C;
   text-indent: 10px;	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 .more2{float:right;
	background-image: url(../images/arrow3.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	font-size: 12px;
	text-align: right;
	padding:0px 13px 5px 0px;
	margin: 2px 8px 0px 0px;}
h2 .more2 a{
	color: #BC8C4B;
	font-weight: normal;
}
h2 .more2 a:hover{
	color: #000000;
	font-weight: normal;

}
h2.white{
	padding:6px 0px 0px 0px;
	margin:0px;
	height:26px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/h2-bg.jpg);
	background-repeat: repeat-x;
	text-indent: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	
h2 .more{float:right;
	background-image: url(../images/arrow3.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	font-size: 12px;
	text-align: right;
	padding:0px 13px 5px 0px;
	margin: 2px 8px 0px 0px;
}
h2 .more a{
	color: #FFFFFF;
	font-weight: normal;
}
h2 .more a:hover{
	color: #000000;
	font-weight: normal;

}
.news_pic{
	border:1px solid #CCCCCC;
	padding:3px;float:left;
	margin:0px 8px 0px 0px;
	width:auto;
	}	
.news_pic2{
	border:1px solid #CCCCCC;
	padding:3px;float:left;
	margin:5px 8px 0px 0px;
	width:auto;
	}	

#box7{
	width:675px;
	float:left;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	}
#box3{width:280px;
	float:right;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	}	

#box6{
	width:635px;
	float:left;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	}	
#box4{width:320px;
	float:right;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	}
#box42{width:320px;margin:0px 0px 10px 0px; 
	float:right;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	}	
#left_side img{	border:1px solid #CCCCCC;
	padding:3px;float:left;
	margin:0px 8px 0px 0px;
	/*width:auto;*/
	}	
#right_side{float:right;}
#left_side{	float:left;}
			
/**--default-------------------------------------------------**/

#about{
	width:485px;margin:0px 0px 10px 0px;
	float:left;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	}	
#news{width:470px;margin:0px 0px 10px 0px;
	float:right;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	}
#news .promo{
	margin:8px 10px 2px 10px;padding:0px 0px 6px 0px;
	border-bottom:1px dashed #D0B85F;
	overflow:hidden;
	}

#news .promo p {margin:0px ;padding:0px;
	font-size:12px;
	color:#333333;
	}
#news img{	float:left;	}


/**--hotel-------------------------------------------------------------------------------------**/	

#hot_hotel{font-size: 12px;margin:0px;padding:0px 0px 0px 5px;}
#hot_hotel .list{padding:5px 5px 5px 5px;overflow:hidden;width:302px;float:left;
	color: #333333;line-height: 1.5;}
	
#hot_hotel img {margin:0px 5px 5px 0px;border:1px solid #CCCCCC;padding:3px;background:#ffffff;float:left;}
#hot_hotel .price {	width:150px;margin:0px 0px 0px 0px;
	float:right;	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	text-align: right;
}
#hot_hotel .price em {font-style:normal;font-size: 13px; font-weight:bold; color:#FF3366; }

#hot_hotel h3 {	font-size:13px;	margin:0px 0px 5px 0px;
	padding:3px 5px 3px 5px;	background-color: #EAEAEA;
}
#hot_hotel h3 a {color:#27080E;text-decoration:none;}
#hot_hotel h3 a:hover {border:0px; color:#666666;}	

/**--右側hotel-----------**/
	
#hot_hotel .list2{padding:5px 5px 5px 5px;overflow:hidden;width:260px;line-height: 1.5;
	color: #333333;}			

#other{
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	clear: both;
	margin: -8px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
#other ul{padding:0px 0px 0px 10px;margin:0px 0px 10px 0px;}
#other li{
	width:216px;
	float:left;
	margin:5px 12px 0px 0px;
	padding:5px 0px 0px 9px;
	color: #FFFFFF;
	font-size: 13px;
	list-style-type: none;
	background-image: url(../images/list_icon.gif);
	background-repeat: no-repeat;
	background-position: left 10px;

}
/**--map---------------------------------------------------------------------------------**/	
#map{height:350px;margin:0px 0px 10px 0px; 
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	}	
/**--Attractions-------------------------------------------------------------------------------------**/	
.spots_list{
	padding:0px 5px;
	float:left;
	width:315px;
	height:125px;
	margin:5px 5px 0px 6px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	}	
.spots_list2{
	padding:0px 5px;
	float:left;
	width:315px;
	height:125px;
	margin:5px 5px 0px 6px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	}
.spots_list p ,.spots_list2 p{
	font-size:12px;
	line-height:1.5;
	margin:0px 0px 5px;
	padding:0px;
	}	
/**--main-------------------------------------------------------------------------------------**/	
	
.tour_list ul{	
	margin:4px 10px 4px 10px;
	padding:0px;

	}
.tour_list li{
	list-style:none;
	border-bottom:1px dashed #bbbbbb;
	font-size: 13px;
	background-image: url(../images/list_icon.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	clear: both;
	margin: 4px 0px;
	padding: 2px 0px 5px 8px;
	}

/*------熱門景點設定-----*/
#scenic{
	margin:10px ;
	padding:0px;
	overflow:hidden;
	background: url(../images/sbg.jpg) repeat-y left top;
}
#scenic .top01{
	margin:10px 10px 10px 5px;
	padding:0px;
}
#scenic .mark{
	margin:0px 0px 0px 0px;
	padding:0px;
	position: absolute;}

#scenic .top01 img{	border:1px solid #CCCCCC;
	padding:3px;
	margin:0px 5px 0px 0px;
    float:left;
}
#scenic .top01 h3{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	line-height: 18px;
}
#scenic .top01 p{
	font-size: 13px;
	color: #333333;
	margin:0px;
	padding:0px 0px 0px 0px;
}
#scenic .top01 a{
    color:#333333; text-decoration:none
}
#scenic .top01 a:hover{
    color:#676767; text-decoration:none;
}
#scenic #active{
	margin:0px auto;
	padding:0px;
}
#scenic #active .text a{
	margin: 0px auto;
	padding: 0px;
	font-size: 13px;
	color: #444444;
	line-height:22px;
	text-decoration:none;
}
#scenic #active .text a:hover{
	color: #CC3300;
	text-decoration:none;
}
#scenic #active .text ul{
	margin: 1px auto 0px;
	padding:0px;
	overflow:hidden;
    width:95%;
}
#scenic #active .text li{
	margin: 0px auto 0px;
	padding:0px 0px 2px 18px;
	list-style:none;
	border-bottom: 1px dotted #CCCCCC;
}
#scenic #active .text .list02{
	background-image: url(../images/no2.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#scenic #active .text .list03{
	background-image: url(../images/no3.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#scenic #active .text .list04{
	background-image: url(../images/no4.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#scenic #active .text .list05{
	background-image: url(../images/no5.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}	
#scenic #active .text .list06{
	background-image: url(../images/no6.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}	
#scenic #active .text .list07{
	background-image: url(../images/no7.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#scenic #active .text .list08{
	background-image: url(../images/no8.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#scenic #active .text .list09{
	background-image: url(../images/no9.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#scenic #active .text .list10{
	background-image: url(../images/no10.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}	
	
.hot_spots_area{
	margin:5px 10px ;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	border-bottom:1px dotted #cccccc;
	}
.hot_spots_area p{
	font-size:12px;
	line-height:1.5;
	margin:0px;
	padding:0px;
	}
.hot_spots_area p a{
	color:#765311;
	}
.hot_spots_area p a:hover{
	text-decoration:underline;
	}
	
.hot_spots_area img{
	border:1px solid #CCCCCC;
	padding:3px;float:left;
	margin:2px 8px 2px 0px;
	width:auto;
	}
/**--Right Side End Design-----**/

.news_list li{
	width:auto;
	float:none;
	border-bottom:1px dashed #cccccc;
	font-size:13px;
	}

.search_hotel_list{
	width:670px;
	margin:0px 0px 10px;
	_margin:0px;
	padding:0px 0px 5px;
	border-bottom: 1px dotted #cccccc;
	}

.search_hotel_list p{
	margin:0px 0px 2px;
	overflow:hidden;
	}
.search_hotel_list em{
	position:absolute;
	font-style:normal;
	width:60px;
	height:20px;
	text-align:center;
	background-color:#ff9900;
	line-height:20px;
	}
.search_hotel_list em{
	right:0px;
	}

/**--Page Num to use--**/
.page_num {
	overflow:hidden;
	margin:5px;
	padding:5px 0px;
	text-align:center;
	font-size:11px;
	color: #333333;
	background-color: #CCCCCC;
}
.page_num a:link,.page_num a:visited {
	font-weight:normal;
	text-decoration:none;
}
.page_num a:hover {color: #006699; text-decoration:underline;}
.page_num span.figs u {
	margin:0px 5px;
	font-weight:bold;
	color:#ff0000;
	font-style: normal;
	text-decoration: none;
}
.page_num span.pgs a:link,.page_num span.pgs a:visited {
	margin:0px 5px;
	padding:3px 5px 0px 5px;
	color: #006699;
}
.page_num span.figs a:link,.page_num span.figs a:visited {
	padding:2px 5px;
	color: #006699;
}
.page_num span.nexts {
	color:#000000;
	letter-spacing:1px;
}

/**--news--**/	
.event{
	margin:10px 10px 2px 10px;padding:0px 0px 6px 0px;
	border-bottom:1px dashed #D0B85F;
	overflow:hidden;
	}

.event p {margin:0px ;padding:0px;
	font-size:12px;
	color:#333333;
	}
/**--Page Num End Design--**/	
/**--Hualien Hotel End Design----**/
/**--Search Price to use --**/
.search_price{
	border-bottom:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	color:#000000;
	font-size:13px;
	line-height:25px;
	margin:0px 0px;
	overflow:hidden;
	padding0px;
	width:950px;
	}
.search_price label{display:block;}
.search_price label.left {color:#006699;float:left;}
.search_price label.right {float:right;}
/**--Search_hotel End Design--**/
/**--Hotel Search to use--**/
.hotel_search{overflow:hidden; margin:0px 0px;}
.hotel_search .page_num {
	width:auto;
	_margin:0px;
	}
.hotel_search table{
	background-color:#C6C6C6;
	margin:0px;
	width:970px;
	}
.hotel_search th{
	background-color:#DDDDDD;
	color:#333333;
	font-size:13px;
	font-weight:700;
	padding:3px 2px;
	text-align:center;
	}
.hotel_search tr.bgcolor td {background-color:#F3F3F3;}
.hotel_search td {
	background-color:#FFFFFF;
	font-weight:normal;
	font-size:13px;
	color:#333333;
	text-align:center;
	padding:4px 3px;
}
.hotel_search td.no{
	width:30px;}
.hotel_search td.hname,.hotel_search td.rname {text-align:left; padding:4px 2px 0px 5px;}
.hotel_search td.hname {
	width:150px;
}
.hotel_search td.price,.hotel_search td.disprice {
	width:80px;font-weight:bold;font-size:13px;}
.hotel_search td.price {color:#666666;}
.hotel_search td.disprice {color:#FF0066;}
.hotel_search a:link,.hotel_search a:visited {
	color:#0099CC;
	text-decoration:none;
}
.hotel_search a:hover {
	color:#006699;
	text-decoration: underline;
}

.line{	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;}
.return_news{margin: 5px;
	text-align: right;
}
/**----Taichung Travel End Design------------------------------------------------------------------------------**/

/* 景點邊框調整 */
#box7 #point_showXX{border:0px; margin:3px auto; padding:0;}

/* 行程Itineraries */
#itineraries{border:1px solid #ccc; background:#FFF;font-size:13px;padding:0 0 5px 0; margin:0 0 10px 0;overflow:hidden; position:relative;}
#itineraries h2{padding:6px 0px 0px 10px;margin:0px ;height:24px;font-size: 16px;font-weight: bold;color:#333;border-bottom:2px solid #FC0;font-family: Verdana, Arial, Helvetica, sans-serif;}
#itineraries ul{margin:3px 0 0 10px;padding:0;overflow:hidden;color:#999; list-style:disc;}
#itineraries li{float:left;margin:0 0 3px 19px;padding:0;}
#itineraries li a{display:block;text-decoration:none;width:460px;color:#069;padding:2px 0;text-align:left;}
#itineraries li a:hover{color:#000;}
#itineraries .more{float:right;background: url(../images/arrow3.gif) no-repeat right 3px;font-size: 12px;text-align: right;padding:0;margin:5px 5px 0px 0px;font-family: Verdana,Arial,Helvetica,sans-serif;}
#itineraries .more a{color: #999;font-weight: normal;}
#itineraries .more a:hover{color: #000;font-weight: normal;}