@charset "utf-8";

/* CSS Document */
/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;	
	-webkit-text-size-adjust: none;/*防止allpe的safari瀏覽器字體變大*/
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
	border: none;
}

.clean { clear:both;}

/************************************************************************************
STRUCTURE 主要區塊
*************************************************************************************/

body {
	font-family: " 微軟正黑體", Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg) center top repeat-y;
}

#container {
	width: 100%;
	overflow: hidden;
	_overflow: none;
	line-height:1.8em;
	font-size:13px;
    color:#101010;
    background:url(images/bg-top.jpg) center top no-repeat;
}
 
#container2 {
	position:relative;
	width: 960px;
	margin:0 auto;
}

#header {
	position:relative;
	width: 960px;
	margin:0 auto;
	height: 715px;
}

#main {
	position: relative;
	margin:0 auto;
	width:960px;
    background:url(images/main-bg.jpg) left top repeat-y;
}

/*---------header--------*/

h1 { 
	background:url(images/header01.jpg) 0 0 no-repeat;
	height:314px;
    text-indent:-3000px;
	position:relative;
 }

h2 { 	
    background:url(images/header02.jpg) 0 0 no-repeat;
	height:285px;
    text-indent:-3000px;
	position:relative;
 }

h3 {
	display:none;
}

#nav {
	position:relative;
	margin:0 auto;
	width:960px; 
}

#nav1 { padding-left:10px; background: url(images/nav.jpg) left top no-repeat;  height:115px; }
#nav1 li { height:115px;  float:left; text-indent:-3000px; }
#nav1 li a { display: block; width: 100%; height: 100%; outline:none;}

#nav1 li#n1  { width:184px; background: url(images/nav.jpg) -10px top no-repeat; }
#nav1 li#n1.current, #nav1 li#n1 a:hover { background: url(images/nav.jpg) -10px -116px no-repeat; }

#nav1 li#n5  {  width:181px; background: url(images/nav.jpg) -191px top no-repeat; }
#nav1 li#n5.current, #nav1 li#n5 a:hover { background: url(images/nav.jpg) -191px -116px no-repeat;}

/*------五選單時-------*/
/*#nav1 li#n2  {  width:181px; background: url(images/nav.jpg) -194px top no-repeat; }
#nav1 li#n2.current, #nav1 li#n2 a:hover { background: url(images/nav.jpg) -194px -116px no-repeat;}

#nav1 li#n3  {  width:178px; background: url(images/nav.jpg) -375px top no-repeat;}
#nav1 li#n3.current, #nav1 li#n3 a:hover { background: url(images/nav.jpg) -375px -116px no-repeat;}

#nav1 li#n4  {  width:178px; background: url(images/nav.jpg) -553px top no-repeat;}
#nav1 li#n4.current, #nav1 li#n4 a:hover { background: url(images/nav.jpg) -553px -116px no-repeat; }

#nav1 li#n5  {  width:186px; background: url(images/nav.jpg) -731px top no-repeat;}
#nav1 li#n5.current, #nav1 li#n5 a:hover { background: url(images/nav.jpg) -731px -116px no-repeat;}*/



/*----------main-layout--------*/


#main-in {
	background:#fffff7;
	width:940px;
	position:relative;
	margin:0 auto;
	min-height:1px;
}

.leftcolumn {
	width:50%;
	float:left;
}

.rightcolumn {
	width:50%;
	float:right;
}

/*----航班時間----*/

#time-box {
	padding-top:10px;
	padding-bottom:50px;
	
}

p.title-time {
	position:relative;
	background:url(images/part1-title.jpg) 0 0 no-repeat;
	height:97px;
    text-indent:-3000px;	
}

p.time-ct1 {
	position:relative;
	background:url(images/flight-title.png) 0 0 no-repeat;
	height:57px;
	width:232px;
	padding-left:30px;
	line-height:57px;
	font-size:17px;
	color:#0142ba;
	font-weight:bold;
	margin:30px 70px 10px 70px;
}

/*-------table-time-table------*/

.time-table { 
    font-size:15px; width:800px; min-height:1px;_height:1px;
	margin-left:70px;
    border: 1px solid #dbdbdb;
	/*-*/
background: #ededed;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f2f2 2%, #f7f7f7 89%, #e0e0e0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f2f2f2), color-stop(89%,#f7f7f7), color-stop(100%,#e0e0e0));
background: -webkit-linear-gradient(top,  #f2f2f2 2%,#f7f7f7 89%,#e0e0e0 100%);
background: -o-linear-gradient(top,  #f2f2f2 2%,#f7f7f7 89%,#e0e0e0 100%);
background: -ms-linear-gradient(top,  #f2f2f2 2%,#f7f7f7 89%,#e0e0e0 100%);
background: linear-gradient(to bottom,  #f2f2f2 2%,#f7f7f7 89%,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e0e0e0',GradientType=0 );
/*--*/
}
.t-head {   
    text-align: center;
    height:45px; 
	font-size:15px; font-weight:bold; color:#ffffff; letter-spacing:2px; line-height:45px;
	/*--*/
background: #06b7dd; /* Old browsers */ }

.t-head span { float:left; width:18%;  } 
.t-head span.th1 { width:25%; height:45px; line-height:45px; color:#ffffff; } 

/*----*/

.t-body  {
	position:relative;
}
.t-body ul li  { 
    clear:both; 
	line-height:50px; 
	border-top:1px solid  #e4e4e4;
}
.t-body ul li span { float:left; width:18%; text-align:center;  height:50px; color:#383838; }
.t-body span.th1 {width:25%; text-align:center;  height:50px; color:#383838; }
.t-head span.td1, .t-body ul li span ,.t-head1col span.td1, .t-body1col ul li span.price,.t-head span.th1,.t-body span.th1 { border-left:1px solid #e4e4e4;  }

.shadow { background:url(images/table-shadow.jpg) 0 0 no-repeat; height:11px; margin:0 auto; text-indent:-3000px;  }

/*----------------------------*/



/*----每日行程----*/

#day-box {
	padding-top:10px;
}


p.title-day {
	position:relative;
	background:url(images/part2-title.jpg) 0 0 no-repeat;
	height:97px;
    text-indent:-3000px;
	
}

p.day-ct1 {
	position:relative;
	background:url(images/day-ct1.jpg) 0 0 no-repeat;
	height:388px;
    text-indent:-3000px;
}

p.day-ct2 {
	position:relative;
	background:url(images/day-ct2.jpg) 0 0 no-repeat;
	height:536px;
    text-indent:-3000px;
}

p.day-ct3 {
	position:relative;
	background:url(images/day-ct3.jpg) 0 0 no-repeat;
	height:469px;
    text-indent:-3000px;
}
p.day-ct4 {
	position:relative;
	height:40px;
	left:80px;
	font-size:13px;
	color:#F8038C;
	font-weight:bold;
}
/*-------------行程特色--------------------*/
/*------選單---------*/
#spec-box {
	padding-top:10px;
}


/*.title-spec {
	position:relative;
	background:url(images/part3-title.jpg) 0 0 no-repeat;
	height:97px;
    text-indent:-3000px;
	
}*/

/* Starter CSS for Menu */
#cssmenu {
  padding:20px 0 0 280px;
  border: 0;
}

#cssmenu ul {
  position: relative;
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}

#cssmenu a {
  display: block;
  text-decoration: none;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
/* Custom CSS Styles */
#cssmenu {
  width: auto;
  background:url(images/part3-title.jpg) 0 0 no-repeat;

}
#cssmenu ul { height:97px;}

#cssmenu  ul  li {
  margin: 0 5px;
 /* height:42px; */
  display:inline-block; zoom:1; *display:inline; font-size:13px;
}

#cssmenu  ul  li a {
	float:left;
	line-height:42px; padding: 0 0 0 10px;
	background:url(images/sub-nav.jpg) left 0 no-repeat; color:#333333; 
}
#cssmenu  ul li a span {  float: left;  display: block;  padding: 0 10px 0 0;background:url(images/sub-nav.jpg) right 0 no-repeat; }
#cssmenu  ul li a:hover { color:#C30;}
#cssmenu  ul li.active span { color:#C30;}

/*------主題樂園內容---------*/
p.spec-ct1 {
	position:relative;
	background:url(images/spec-ct1.jpg) 0 0 no-repeat;
	height:277px;
    text-indent:-3000px;
}

.spec-ct2,.spec-ct3,.spec-ct4 {
	margin:0 30px;
	padding:10px 0;
}

.part1 { 
	background:url(images/part1.png) 0 0 no-repeat;
	width:428px;
	height:68px;
    text-indent:-3000px;
}
.title-red {
	font-size:18px;
	color:#d42e41;
	font-weight:bold;
	line-height:30px;
	padding:5px 0;
}

.title-org {
	font-size:16px;
	color:#cf5200;
	font-weight:bold;
	line-height:30px;
	padding:5px 0 0 0;
}
.title-red span {
	color:#c1b600;
	padding:0 2px;
}
.part3 { 
	background:url(images/part3.png) 0 0 no-repeat;
	width:428px;
	height:68px;
    text-indent:-3000px;
}
.part-in { 
	padding:10px 0px 10px 55px;
}
.part-in2 { 
	padding:10px 20px 10px 35px;
}
.part2 { 
	background:url(images/part2.png) 0 0 no-repeat;
	width:428px;
	height:68px;
    text-indent:-3000px;
}


/*------娛樂鮮體驗內容---------*/

.spec2-ct1 {
	position:relative;
	background:url(images/spec2-ct1.jpg) 0 0 no-repeat;
	height:440px;
}
.ct1-in {
	width:400px;
	position:absolute;
	left:450px;
	top:70px;
}

.title-green {
	font-size:18px;
	color:#0e811e;
	font-weight:bold;
	line-height:30px;
	padding:5px 0;
}
.title-green span {
	color:#06847e;
	padding:0 2px;
	font-size:16px;
}

.spec2-ct2 {
	position:relative;
	background:url(images/pic04.jpg) 640px 30px no-repeat;
	height:250px;
}

.ct2-in {
	width:500px;
	position:absolute;
	left:90px;
	top:20px;
}
.spec2-ct3 {
	position:relative;
	background:url(images/pic03.jpg) 90px 20px no-repeat;
	height:230px;
}
.ct3-in {
	width:400px;
	position:absolute;
	left:430px;
	top:30px;
}

.spec2-ct4 {
	position:relative;
	background:url(images/spec2-ct4.jpg) 0 0 no-repeat;
	height:337px;
}
.ct4-in {
	width:450px;
	position:absolute;
	left:90px;
	top:100px;
}


/*------購物內容---------*/

.title-pink-l {
	background:url(images/title-bg-l.png) 0 0 no-repeat;
	height:40px;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	line-height:30px;
}
.title-pink {
	background:url(images/title-bg-s.png) 0 0 no-repeat;
	height:40px;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	line-height:30px;
}


.title-pink span,.title-pink-l span {
	color:#fbfd41;
	padding:0 2px;
	font-size:16px;
}

.spec3-ct1 {
	position:relative;
	background:url(images/spec3-ct1.jpg) 0 0 no-repeat;
	height:323px;
	text-indent:-3000px;
}

.spec3-ct2 {
	position:relative;
	height:260px;
}
.ct5-in {
	width:700px;
	position:absolute;
	left:90px;
	top:15px;
}

.spec3-ct3 {
	position:relative;
	background:url(images/pic05.jpg) 500px 0px no-repeat;
	height:207px;
}
.ct6-in {
	width:400px;
	position:absolute;
	left:90px;
	top:15px;
}

.spec3-ct4 {
	position:relative;
	height:400px;
}
.ct7-in {
	width:380px;
	position:absolute;
	left:90px;
	top:15px;
}

.ct8-in {
	width:380px;
	position:absolute;
	left:500px;
	top:15px;
}

.pic2 { margin-top:30px;}
.pic3 { margin-top:6px;}

/*----精選飯店----*/

#hotel-box {
	padding-top:10px;
}
.hotel-ct1 {
	position:relative;
	background:url(images/hotel-ct7.jpg) 0 0 no-repeat;
	height:95px;
    text-indent:-3000px;
}

.hotel-ct2 {
	position:relative;
	background:url(images/hotel-ct2.jpg) 0 0 no-repeat;
	height:216px;
}

.hotel-ct3 {
	position:relative;
	background:url(images/hotel-ct4.jpg) 0 0 no-repeat;
	height:345px;
}

.hotel-ct4 {
	position:relative;
	background:url(images/hotel-ct3.jpg) 0 0 no-repeat;
	height:96px;
    text-indent:-3000px;
}
.hotel-ct5 {
	position:relative;
	background:url(images/hotel-ct6.jpg) 0 0 no-repeat;
	height:358px;
}
.hotel-ct6 {
	position:relative;
	background:url(images/hotel-ct5.jpg) 0 0 no-repeat;
	height:410px;
}

.hotel-ct7 {
	position:relative;
	background:url(images/hotel-ct1.jpg) 0 0 no-repeat;
	height:158px;
    text-indent:-3000px;
}

.hotel-ct8 {
	position:relative;
	background:url(images/hotel-ct8.jpg) 0 0 no-repeat;
	height:216px;
}


.ct9-in {
	width:340px;
	position:absolute;
	left:85px;
	top:55px;
}

.ct10-in {
	width:340px;
	position:absolute;
	left:85px;
	top:235px;
}

.ct11-in {
	width:340px;
	position:absolute;
	left:520px;
	top:235px;
}

.ct12-in {
	width:340px;
	position:absolute;
	left:85px;
	top:225px;
}

.ct13-in {
	width:340px;
	position:absolute;
	left:520px;
	top:225px;
}

.ct14-in {
	width:340px;
	position:absolute;
	left:85px;
	top:245px;
}
.ct15-in {
	width:340px;
	position:absolute;
	left:85px;
	top:55px;
}

/*--------我要報名---------------*/

#apply-box {
	padding:10px 0 50px 0;
	margin:0 60px;
}
p.title-apply {
	position:relative;
	background:url(images/part5-title.jpg) 0 0 no-repeat;
	height:97px;
    text-indent:-3000px;	
}


.tour-box ul{
    width: 63%;
    float: left;
    margin: 30px 0 0 30px;
}

.tour-box strong {
	font-size:12px;
	color:#eb6100;	
	padding-left:10px;
}

.tour-box .price { color:#FF0004; float:right;}
.tour-box .item{float:left;}
.tour-box li{
	padding: 5px 0;
	list-style:none;
	border-bottom:#898989 1px dashed;	
}


.tour-box li a{
	padding:5px  0px;
	font-size:14px;
	font-weight:bold;
	font-family:微軟正黑體;
	color:#4B4B4B;
	text-decoration:none;
	display: block;
    overflow: hidden;
}

.tour-box li em {
	font-size:13px;
	color:#F98300;
	padding-left:3px;
	font-weight:normal;
	font-style:normal;
}

.subtitle {
    color:#448700;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
}
.tour-box li:hover {
	color: #600;
	background-color:#FFC;
	text-decoration:none;
}
/*-------------------------------------------------*/

#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 50px;     
    padding: 4px 8px;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;    
	-moz-box-shadow:2px 2px 6px 4px rgba(255,255,255,0.5);
    -webkit-box-shadow:2px 2px 6px 2px rgba(255,255,255,0.5);
    box-shadow:2px 2px 6px 4px rgba(255,255,255,0.5);
    font-size: 16px;
/*	width:54px;
height:56px;
background:url(images/top.jpg) 0 0 no-repeat;
height:28px;
text-indent:-3000px;*/
    background:#333;
    color: white;
    cursor: pointer;
}