/* CSS Document */
@import url(sukabali.css);
/*分頁*/
#pg_no{
width: 340px;
font-size: 11px;
letter-spacing: 1pt!important;
letter-spacing: 0pt;
margin-top: 25px!important;
margin-top: 0px;
padding-bottom: 15px!important;
padding-bottom: 0px;
float: left;
color: #727272;}
#pg_no a{color:#C37223;}
#pg_no a:visited{color:#C37223;}
#pg_no a:hover{color:#C37223;text-decoration: underline;}
.no_bu{float:left;margin-top: 3px;margin-right: 10px;}
.nob{float:left;margin-right: 8px;}

/*top*/
#go_top{
font-size: 11px;
letter-spacing: 1pt;
color: #C37223;
margin-top: 25px;
padding-bottom: 15px;
float: right;}
#go_top a{color:#C37223;}
#go_top a{color:#C37223;}
#go_top a:hover{color:#C37223;text-decoration: underline;}

/*返回*/
#pg_back{
font-size: 11px;
letter-spacing: 1pt;
color: #000;
float: left;
width: 140px;
margin-right: 8px;
margin-top: 30px;}
#pg_back a{color:#C37223;}
#pg_back a:visited{color:#C37223;}
#pg_back a:hover{color:#C37223;text-decoration: underline;}
.back_bu{float:left;margin-top: 3px;margin-right: 10px;}
.nob{float:left;margin-right: 8px;}


/* 行程 list*/
#itintour_list {
	margin-top: 20px;
	display: block;
}
#itintour_list h1 {
	background-image: url(../images/Itinerary/Itinerary_Title.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:500px;
	height:60px;
}
#itintour_list h1 span{ display:none;}

#itin_tour{overflow: hidden;}
.itintour_box{clear: both;overflow: hidden;margin-top: 35px;}
.itintour_box img{
	float: right;
	border: 1px solid #b9b9b9;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.itintour_box:hover img{
	background-color: #C37223;
}
.itintour_box:hover .box_line h1 a{color: #C37223;text-decoration: underline;}
*html .itintour_box a:hover img{background-color: #C37223;}

.box_line{
	float: left;
	width: 390px;
	border-bottom: 4px solid #C37223;
	padding-bottom: 10px;
	height: 145px;
	overflow: hidden;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "Courier New", Courier, monospace;
	font-size: 13px;
	letter-spacing: 1px;
}
.box_line .box_line_info{
	font-size: 13px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#itintour_list .box_line h1{
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
	background: url(../images/icon/icon28.gif) no-repeat left top;
	padding-left: 35px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "Courier New", Courier, monospace;
	line-height: 150%;
	height: 20px;
}
.box_line h1 a,.box_line h1 a:visited{color: #333333;}
.box_line h1 a:hover{color: #C37223;text-decoration: underline;}


/*行程show */
#itintour_list .itin_info{
	padding-bottom: 12px;
	margin-top: 20px;
	overflow:hidden;
	zoom:1;
	display: block;
}
#itintour_list .itin_info h1{
	float: left;
	font-size: 20px;
	color: #333333;
	padding-left: 30px;
	padding-bottom: 10px;
	padding-top: 8px;
	display: block;
	width: 660px;
	background-image: url(../images/icon/icon25.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	letter-spacing: 1px;
}
.itin_info_word{
	margin-left: 0px;
	display: block;
	float: left;
	margin-right: 0px;
	padding-right: 30px;
	padding-left: 30px;
	width: 600px;
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	letter-spacing: 1px;
	background-image: url(../images/basic/flower.png);
	background-position: 99% 99%;
	background-repeat: no-repeat;
}
.itin_content{
	margin-top: 0px;
	line-height: 18px;
	color: #474747;
	display: block;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	width: 620px;
}
.itin_content img{}
.itin_info #fb{
	background-color: #F0F0F0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	display: block;
	margin-top: 0px;
	}
#bu_order{float:right;margin-top: 30px;}
#bu_order a:hover{color:#000000;text-decoration: underline;}


.style1 {color: #000000;font-weight: bold;}
.style2 {color: #C37223}
.style3 {color: #000000}


#block_info{
	float: left;
	width: 620px;
}
.itin_content h2{
	background-image: url(../images/Itinerary/Itinerary_ICON.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
	color: #C67200;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "Courier New", Courier, monospace;
	padding-left: 20px;
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	letter-spacing: 1px;
}
#block_info #info_data{
	padding-right: 10px;
	padding-left: 10px;
	letter-spacing: 1px;
	font-size: 13px;
	line-height: 150%;
	margin-top: 0px;
	float: left;
	width: 410px;
	color: #666;
	height: 130px;
	overflow: hidden;
}
#block_info #info_data #info_data_more{
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
}
#block_info #info_img{
	float: right;
	height: 120px;
	width: 160px;
	padding: 5px;
	border: 1px solid #999;
	margin-right: 0px;
	background-color: #E6E6E6;
}

.itin_content #info_Special{}
#info_Special #info_special_data{
	float: left;
	font-size: 13px;
	line-height: 150%;
	color: #666;
	width: 600px;
	display: block;
	padding: 5px;
	background-color: #F0F0F0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	letter-spacing: 1px;
}
#info_special_data td{
	vertical-align: top;
	padding-top: 2px;
	padding-left: 5px;
	font-size: 13px;
}
.td_line{
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
}
.td_line_c{
	color: #C37223;
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
}
.td_c{
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E1E1E1;
	color: #C37223;
	background-color: #E6E6E6;
}

#info_proposal{
	display: block;
	float: left;
	width: 100%;
}
#info_proposal #info_proposal_data{
	display: block;
	float: left;
	margin-bottom: 25px;
	margin-top: 5px;
	background-color: #F3F3F3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 600px;
	padding: 5px;
	margin-left: 10px;
}
#info_proposal #info_proposal_data h4{
	display: block;
	float: left;
	width: 596px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "Courier New", Courier, monospace;
	font-size: 13px;
	line-height: 150%;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #C37223;
	color: #000;
	padding: 2px;
}
#info_proposal_data #info_tag{
	display: block;
	float: left;
	width: 590px;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
	background-color: #E8E8E8;
	/*	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
	padding: 5px;
	color: #C47100;
}
#info_proposal_data #info_tag_data{
	display: block;
	float: left;
	width: 590px;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	color: #666;
}
#info_proposal_data #info_tag_food{
	display: block;
	float: left;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	width: 590px;
	background-color: #EBEBEB;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 5px;
}
#info_tag_food td{
	vertical-align: top;
	padding-top: 2px;
	padding-left: 5px;
	font-size: 13px;
	color: #666;
}
#info_tag_food .td_c2{
	font-size:13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E1E1E1;
	color: #C37223;
	background-color: #F3F3F3;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "Courier New", Courier, monospace;
	font-weight: bold;
}
#info_proposal_data #info_tag_img{
	display: block;
	float: left;
	padding: 0px;
	border: 1px solid #CCC;
	background-color: #C3C3C3;
}
#info_airline{
	display: block;
	float: left;
	width: 620px;
}
#info_airline #info_airline_data{
	display: block;
	float: left;
	width: 600px;
	margin-bottom: 10px;
	margin-top: 5px;
	background-color:#F3F3F3;
	font:"微軟正黑體", Arial, Helvetica, sans-serif, "Courier New", Courier, monospace;
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-left: 10px;
}
#info_note{
	display: block;
	float: left;
	width: 640px;
}
#info_note #info_note_data{
	display: block;
	float: left;
	width: 600px;
	margin-bottom: 10px;
	margin-top: 5px;
	background-color:#C6C6C6;
	font:"微軟正黑體", Arial, Helvetica, sans-serif, "Courier New", Courier, monospace;
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-left: 10px;
}
#info_note_data td{
	vertical-align: top;
	padding-top: 2px;
	padding-left: 5px;
	font-size: 13px;
	letter-spacing: 1px;
	color: #333;
	line-height: 150%;
}
.td_line2{
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9B9B9;
}
/*--側邊列表--*/
#sb_wed_bar {
	width:250px;
	padding:10px;
	float:right;
	height:400px;
}
			
			#portamento_container {float:right; position:relative;} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
			#portamento_container #sb_wed_bar {float:none; position:absolute;} /* no need to float anymore, become absolutely positoned */
			#portamento_container #sb_wed_bar.fixed {position:fixed;} /* if the panel is sliding, it needs position:fixed */
#sb_wed h2{
	background-image: url(../images/Itinerary/Itinerary_LOCATOR.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-bottom: 10px;
}
#sb_wed h2 span{
	visibility: hidden;
}

#sb_wed{ width:250px; padding-top:10px; margin-top:30px;}
#sb_wed h1 {
	display:block;
	width:231px;
	height:20px;
	padding-bottom:10px;
	color:#23A7C3;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:400;
}
#sb_wed ul {
	display:block;
}
#sb_wed ul li {
	color: #C37223;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
	margin-top: 10px;
	background-image: url(../images/Itinerary/Itinerary_ICON_3.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	display: block;
	float: left;
	padding-left: 8px;
}
#sb_wed ul li:hover {
	color:#DC8A38;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
}
#sb_wed ul li:hover a {
	color:#C37223;
}
#sb_wed ul li a {
	line-height: 150%;
	width: 180px;
	font-family: "Courier New", Courier, monospace;
	color: #000;
}
#sb_wed ul li a:hover {
	font-size:13px;
	color:#DC8A38;
}
#sb_wed ul ul{
	padding: 0px;
	float: right;
	display: block;
	margin-right: 48px;
	width: 190px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: right;
}
#sb_wed ul ul li{
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
	color: #C37223;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	display: block;
	background-image: url(../images/Itinerary/Itinerary_ICON_4.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	width: 180px;
	float: left;
}
#sb_wed ul ul li a {
	width: 180px;
	line-height: 150%;
	font-family: "Courier New", Courier, monospace;
	color: #666;
	display: block;
	padding-bottom: 5px;
}

/*--Order---*/
#order_box .fc_1{
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 5px;
	}
#order_box .fc_2{
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
	color: #C37223;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "Courier New", Courier, monospace;
	}
#order_box #order_welcome{
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
	color: #666;
	background-color: #E6E6E6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 5px;
	padding: 5px;
	}