/*===============上面這是清除css原預設格式===============*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img
{margin:0;padding:0;font-weight:normal;
}
body{
	margin:0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a{
text-decoration:none;
}
ul,li{
list-style-type:none;
}
#container {
	text-align:left;
	position: relative;
	width: 770px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header {
	font-size: 11px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 84px;
	width: 770px;
	top: 0px;
	right: 0px;
	margin-bottom: 0px;
}
/*===============navigation===============*/
#nav ul{
	height: 45px;
	width: 768px;
	top: 88px;
	margin-top: 0px;
	background: url(images/button.jpg) no-repeat left top;
}
#nav li{
    float:left;
	width:96px;
}
#nav li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:45px;
	padding-top:45px;
	background-image: url(images/button.jpg);
	color:#FFFFFF;
}
#nav01 a{ background-position: 0 0;}
#nav02 a{ background-position: -96 0;}
#nav03 a{ background-position: -192 0;}
#nav04 a{ background-position: -288 0;}
#nav05 a{ background-position: -384 0;}
#nav06 a{ background-position: -480 0;}
#nav07 a{ background-position: -576 0;}
#nav08 a{ background-position: -672 0;}

#nav01 a:hover{ background-position: 0 -45;}
#nav02 a:hover{ background-position: -96 -45;}
#nav03 a:hover{ background-position: -192 -45;}
#nav04 a:hover{ background-position: -288 -45;}
#nav05 a:hover{ background-position: -384 -45;}
#nav06 a:hover{ background-position: -480 -45;}
#nav07 a:hover{ background-position: -576 -45;}
#nav08 a:hover{ background-position: -672 -45;}
/*===============小標===============*/
#small {
	font-size: 9pt;
	height: 80px;
	width: 90px;
	left: 678px;
	top: 3px;
	padding-left: 7px;
	line-height: 12px;
	padding-top: 0px;
	position: absolute;
}
#small ul{
float:left;
}
#small li {
	font-size:9pt;
	line-height:12pt;
	padding:0 0 0 2px;
}
#small li a{
    line-height:12pt;
    color:#000000;
}
#small li a:hover{
	color:#d80000;
}
/*===============跑馬燈===============*/
#run_light_set {
	font-size: 9pt;
	left: 300px;
	top: 10px;
	height: 25px;
	width: 384px;
	clear: both;
	float: right;
	position: absolute;
	z-index: 2;
}
#run_light_set li{
	float:left;
	background-image: url(images/gif-0932.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	margin:0 0 0 15px;
	padding-left: 17px;
	padding-top: 6px;
	width:384px;
}
/*===============面包屑===============*/
#crumb {
	font-size: 9pt;
	font-weight: 500;
	clear: both;
	float: right;
	white-space: nowrap;
	display: inline;
	padding-top: 15px;
	padding-right: 20px;
}
#crumb a{
	font-weight: 500;
	color:#000000;
}
#crumb a:hover{
	color: #008db5;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #008db5;
	text-decoration: underline;
}
#crumb a:active {
	color: #c00000;
}
.crumb {
	font-weight: 500;
	color: #fab800;
}
/*===============就是內文吧~~===============*/
#main {
	font-size: 9pt;
	width: 750px; !important;
	width /**/: 770px;
	top: 341px;
	clear: both;
	padding-bottom: 15px;
	padding-left: 19px;
	padding-top: 14px;
}
#main_right {
	height: 195px;
	width: 485px;
	float: left;
}
#main_middle {
	height: 195px;
	width: 485px;
	clear: both;
	margin-left: 150px;
	float: none;
}
.search_bg {
	background-image: url(images/search_1p.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
/*===============首頁右邊的推見行程===============*/
#main_left {
	font-size: 9px;
	background-image: url(images/hot_word.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 195px;
	width: 255px;
	float: right;
}
#main_left ul  {
	padding-top: 70px;
	padding-left: 13px;
}
#main_left li ,#tour_show li {
	font-size: 10pt;
	line-height: 19px;
	background-image: url(images/hot_icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
}
#main_left li a,#tour_show li a{
    color:#000000;
	font-size: 9pt;
	line-height: 19px;
}
#main_left li a:hover,#tour_show li a:hover{
	font-size: 10pt;
	 color: #008fcf;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ffae00;
}
#main_left img {
	left: 735px;
	top: 187px;
	position: absolute;
}
/*===============放小百的連結icon===============*/
#main_02_1 {
	height: 91px !important;
	width : 715px !important;
	_width:850px;
	padding-left:55px !important;
	_padding-left:80px;
	clear: both;
}
#main_02 {
	clear: both;
	text-align: center;
}
#footer {
	font-size: 9pt;
	color: #5c5c5c;
	clear:both;
	height: 200px;
	width: 770px;
}
#footer_top {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 147px !important;
	height /**/:165px; /* IE 5/Win hack */
	width: 770px;
	padding-top: 5px;
	font-size: 9pt;
	vertical-align: 50%;
}
#footer_btm {
	font-size: 9pt;
	line-height: 25px;
	color: #5c5c5c;
	height: 27px;
	width: 100%;
	margin:0 0 0 105px;
}
/*==============設定footer的純文字選單，設"float:left"不用設寬度就不用擔心他每個字元數不同的問題================*/
#footer_btm ul{

}
#footer_btm li {
	float: left;
	display: block;
}
#footer_btm a {
	font-size: 9pt;
	color: #000000;
}
#footer_btm a:hover {
	color:#0071a4;
}

/*可樂用的*/
#footer_btm_cola {
	font-size: 9pt;
	line-height: 25px;
	color: #5c5c5c;
	height: 27px;
	width: 100%;
	margin:0 0 0 105px;
}
/*==============設定footer的純文字選單，設"float:left"不用設寬度就不用擔心他每個字元數不同的問題================*/
#footer_btm_cola ul{

}
#footer_btm_cola li {
	display: block;
}
#footer_btm_cola a {
	font-size: 9pt;
	color: #000000;
}
#footer_btm_cola a:hover {
	color:#0071a4;
}
/**/
#footer_top_word {
	font-size: 9pt;
	height: 46px;
	width: 550px;
	margin-top: 85px !important;
	margin-left: 220px!important;
	margin-top: 100px;
	margin-left: 220px;
	position: relative;
}
#footer_top_word a{
font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #5c5c5c;
}
#footer_top_word a:hover{
	font-size: 9pt;
	color: #5c5c5c;
}

#main_bg1 {
	background-image: url(images/main_top.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 107px;
	width: 770px;
	position: relative;
	margin-top:10px;
}
#main_internal {
	position: relative;
	width: 100%;
}
#main_bg2 {
	background-image: url(images/main_1P.jpg);
	background-repeat: repeat-y;
	width: 770px;
}
#main_bg3 {
	background-image: url(images/main_btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 74px;
	width: 770px;
}
#main_bg_contact {
	background-image: url(images/main_btm_contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 445px;
	width: 100%;
	position: relative;
}
#main_bg_tour {
	background-image: url(images/main_btm_metric.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 453px;
	width: 100%;
	position: relative;
}
#main_bg_website {
	background-image: url(images/main_btm_website.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	position: relative;
	height: 410px;
}
#main_bg_qanda {
	background-image: url(images/qanda_btm.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	position: relative;
	height: 410px;
}
#main_bg_about {
	background-image: url(images/about.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	position: relative;
	height: 424px;
}
/*==============關於我們小icon================*/
.icon_group {
	background-image: url(images/icon_group_tour.jpg);
    background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;;
}
.icon_ticket {
	background-image: url(images/icon_ticket.jpg);
	background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;
}
.icon_commend {
	background-image: url(images/icon_commend.jpg);
	background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;
}
.icon_contact {
	background-image: url(images/icon_contact.jpg);
    background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;
}
.icon_metric {
	background-image: url(images/icon_metric.jpg);
    background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;
}
.icon_website {
	background-image: url(images/icon_website.jpg);
    background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;
}
.icon_about_us {
	background-image: url(images/icon_about_us.jpg);
    background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;
}
.icon_about {
	background-image: url(images/icon_aerial.jpg);
    background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;
}
.icon_infor {
	background-image: url(images/icon_information.jpg);
    background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;
}
.icon_traffic {
	background-image: url(images/icon_traffic.jpg);
    background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;
}

.icon_news {
	background-image: url(images/icon_news.jpg);
    background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;
}

.icon_qanda {
	background-image: url(images/icon_faq.jpg);
    background-repeat: no-repeat;
	background-position: 60px 20px;
	height: 100px;
	width: 350px;
}
/*==============團體行程先放假的cola行程================*/
#main_photo {
	width: 100%;
	margin-left: 80px;
}
#main_contact {
	font-size: 9pt;
	margin-left: 140px;
}
#main_faq {
	font-size: 9pt;
	margin-left: 70px;
}
.contact {
	font-size: 9pt;
	color: #666666;
	line-height: 20px;
}
.contact_title {
	font-size: 9pt;
	line-height: 25px;
	color: #525252;
	font-weight: 500;
}
.em{
	font-size:10pt;
	font-weight:bold;
	color:#4d4d4d;
}
.em a{
	font-size:10pt;
	font-weight:bold;
	color:#4d4d4d;
}
.em a:hover{
	font-size:10pt;
	font-weight:bold;
	color:#b90000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b90000;
}
.web_title {
	font-size: 11pt;
	line-height: 25px;
	color: #1357aa;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
.contact_icon {
	background-image: url(images/icon_7.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.metric_icon {
	background-image: url(images/icon_red_7.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
#main_internal_run {
	width: 100%;
	clear: both;
	height: 27px;
	position: relative;
	background-position: top;
}
#main_bg_contact img {
	left: 220px;
	top: 110px;
	position: absolute;
	height: 54px;
	width: 71px;
}

#metric {
	padding-left: 75px;
	position: relative;
	font-size: 9pt;
	color: #5c5c5c;
}

.small_icon {
	background-image: url(/images/hot_icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 5px;
}
.metric_title {
	font-size: 10pt;
	line-height: 18px;
	font-weight: 400;
	color: #666666;
	background-image: url(images/red_7.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
.red {
	font-size: 9pt;
	font-weight: 300;
	color: #DD1717;
}
.one_px {
	background-image: url(images/line_cross.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.metric_bg {
	background-image: url(images/metric.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 90px;
	width: 662px;
	font-size: 10pt;
	font-weight: 500;
	color: #370000;
	padding-top: 13px;
	padding-left: 25px;
	line-height: 23px;
}
.qanda_bg {
	background-image: url(images/qanda_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 122px;
	font-size: 10pt;
	font-weight: 500;
	color: #370000;
	padding-top: 13px;
	padding-left: 70px;
	line-height: 23px;
}
/*==============推見行程的內文================*/
#tour_show {
	font-size: 10pt;
	line-height: 30px;
	color: #606060;
	padding-top: 20px;
	padding-left: 75px;
	position: relative;
	width: 695px;
}
#tour_show li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #606060;
	background-image: url(images/icon_7.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #727272;
}
#tour_show li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 19px;
	color: #606060;
}
#tour_show li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #008fcf;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ffae00;
}
/*==============網站地圖================*/
#metric ul{
	padding-left: 40px;
}
#metric li{
	font-size: 11pt;
	color: #6b6c6c;
	background-image: url(images/gif-0618.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	line-height: 30px;
	font-weight: bold;
}#metric li a{
	font-size: 11pt;
	line-height: 30px;
	color: #6b6c6c;
}
#metric li a:hover{
	font-size: 11pt;
	color: #6b6c6c;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ffae00;
}
/*==============網站地圖內文滑入滑出================*/
.website {
	font-size: 9pt;
	line-height: 15px;
	color: #666666;
}
.website a{
	font-size: 9pt;
	line-height: 15px;
	color: #666666;
}
.website a:hover{
	font-size: 9pt;
	line-height: 15px;
	color: #d80000;
	text-align: center;
}
.website {
	font-size: 9pt;
	line-height: 15px;
	color: #666666;
}
/*==============另一組滑入滑出效果================*/
.trip {
	font-size: 9pt;
	line-height: 1.7;
	color: #535353;
	vertical-align: middle;
}
.trip a{
	color: #535353;
}
.trip a:hover{
	color: #c80292;
}
.commend01 {
	font-size: 10pt;
	font-weight: bold;
	text-align:center;
	color: #666666;
	background-color: #fff1fa;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #ff91d4;
	border-bottom-color: #ff91d4;
	line-height: 25px;
}
.commend02 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f1f1f1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 26px;
	color: #666666;
	padding-left: 5px;
}
.commend03 {
	font-size: 10pt;
	font-weight: bold;
	text-align:center;
	color: #666666;
	background-color: #f0fff0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #3cd038;
	border-bottom-color: #3cd038;
	line-height: 25px;
	vertical-align: middle;
}
.commend04 {
	background-color: #f0fff0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #3cd038;
	border-bottom-color: #3cd038;
	line-height: 25px;
}
.commend05 {
	background-color: #f0fff0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #3cd038;
	border-bottom-color: #3cd038;
	line-height: 18px;
	font-size: 9pt;
	color: #5c5c5c;
	padding:7px 7px 7px 5px;
}
.commend06 {
	background-color: #fffee8;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #f8e61e;
	border-bottom-color: #f8e61e;
	line-height: 18px;
	font-size: 9pt;
	color: #5c5c5c;
	padding:7px 7px 7px 5px;
}
.commend07 {
	font-size: 10pt;
	font-weight: bold;
	text-align:center;
	color: #666666;
	background-color: #fffdd1;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #f0ea46;
	border-bottom-color: #f0ea46;
	line-height: 30px;
}
.commend001 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #f0ea46;
	line-height: 30px;
}
.commend002 {
	font-size: 10pt;
	font-weight: bold;
	text-align:center;
	color: #666666;
	line-height: 30px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #f0ea46;
	line-height: 30px;
}
.commend000 {
	font-size: 10pt;
	font-weight: bold;
	text-align:center;
	color: #666666;
	line-height: 30px;
}
.line {
	height: 2px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
}
.date {
	font-size: 9pt;
	color: #610000;
}
.money {
	font-size: 9pt;
	color: #D20207;
	font-weight: bold;
}
#qna_photo {
	float: right;
	margin-top: 20px;
	margin-right: 180px;
}
.left70px {
	margin-left: 70px;
}
.cola_top {
	background-image: url(images/cola_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#container #show {
	float: right;
	position: absolute;
	top: 0px;
	right: 10px;
}
#cola {
	width: 750px;
	padding-top: 20px;
	padding-left: 75px;
	clear: both;
	padding-bottom: 40px;
}
.clear {
    clear:both;
}
/*最新消息列表*/
#tour_show dl{
    width:620px;
}
#tour_show dt{
	padding-left: 20px;
	font-size: 10pt;
	line-height: 1.4;
	margin-bottom: 5px;
}
#tour_show dd{
	font-size: 9pt;
	line-height: 9pt;
	padding-left: 35px;
	margin-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #949494;
	padding-bottom: 4px;
}
#tour_show dt a{
	background: url(images/gif-0299.jpg) no-repeat left center;
	padding-left: 30px;
	font-weight: bold;
	color: #494949;
}
#tour_show dt a:hover {
	background: url(images/gif-0252.gif) no-repeat left center;
	color: #e87800;
}
/*最新消息詳細內容頁*/
#tour_show_2 {
	font-size: 10pt;
	line-height: 30px;
	color: #606060;
	padding-top: 20px;
	padding-left: 75px;
	position: relative;
	width: 695px;
}
#tour_show_2 dl{
    width:630px;
}
#tour_show_2 dt{
	background: url(images/gif-0299.jpg) no-repeat left center;
	padding-left: 30px;
	font-weight: bold;
	color: #6e6e6e;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e5e5e5;
	font-size: 10pt;
	line-height: 2;
	margin-bottom: 15px;
}
#tour_show_2 dd{
	line-height: 1.8;
}#container #main_bg2 #tour_show img{
	margin:10px 10px 0 0;
}
#container #main_bg2 #tour_show tr {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
.section{
	margin:4px 0 0 565px;
}
#header #since{
	margin:0 0 1px 78px;
	font-size: 10pt;
	font-weight: bolder;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#container #zknow {
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	font-size: 10pt;
}
#container #zknow a{
	color:#000000;
}
#container #zknow a:hover{
	color:#d90000;
}
h4{
	color:#2a2a2a;
	background-image: url(images/about_bg.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding:0 0 0 20px;
	font-size: 10pt;
	font-weight: bold;
	height: 33px;
	margin:15px 0 0 0;
}
#tour_show .about li {
	background-image: url(images/hot_icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#tour_show .about_1 li {
	background-image: url(images/gif-0163.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#tour_show .go {
	font-size: 10pt;
	font-weight: bold;
	background-image: url(images/go.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding:0 0 0 35px;
	height: 50px;
}
#tour_show #since {
	text-align: center;
}
#main_left .z_01 {
	width: 75px;
	float: right;
	margin-top: -22px;
	text-align: right;
}
#container #main_bg2 #tour_show .z_02 {
	text-align: right;
}
#container #main_bg2 #tour_show .z_02 a{
	color:#000000;
}
#container #main_bg2 #tour_show .z_02 a:hover{
	color:#d40000;
	text-decoration: underline;
}
