@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;}

img { width:100%;}

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


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

}


h1,h2,h3 { display:none; }

.main-title { max-width:639px; }
.map { max-width:462px; margin-left:20px; z-index:2;  }
.intro { 
	max-width:451px; margin-top:211px;  margin-left:-30px; z-index:9; 
	background:url(images/intro.png) 0 0 no-repeat; min-height:301px;
	padding:80px 50px 0 30px;
	font-weight:bold;

}

.subtitle01 { max-width:226px; }
.subtitle02 { max-width:226px; }
.sub01-w1 {   }

.s01-pic1,.s01-pic2,.s01-pic3{ max-width:400px; }
.s01-title1,.s01-title2,.s01-title3 {max-width:310px; }
.s01-ct1,.s01-ct2,.s01-ct3 {max-width:290px; margin:10px 5px 0 40px;   }

.s02-1 { margin:10px 0 15px 60px; }
.s02-2,.s02-3,.s02-4,.s03-1 { margin-bottom:15px;}
.s02-3 { padding-left:60px;}
.s03-1,.s02-1 { padding-top:40px;}
.s03-ct { background:url(images/title-bg.png) 0 0 no-repeat; height:157px; padding:0 20px 0 30px; }
.s03-title { color:#a94e05; font-size:20px; font-weight:bold; font-family:"微軟正黑體"; } 
.s03-title span { color:#c9360a; font-size:15px; font-family: "Lucida Bright", "DejaVu Serif", Georgia, serif; padding-left:3px;}

/*--------tour-box---------*/

.tour-box { background:url(images/tour-bg.png) 0 0 no-repeat; min-height:569px; width:718px;}
ul.tour-list { margin:10px 80px 10px 160px; }
ul.tour-list li {  font-size:15px; color:#8d160d;border-bottom:1px dotted #783c02; padding:5px 0 2px 0;  }
ul.tour-list li a { display:block; width:100%; height:100%; outline:none; text-decoration:none; color:#783c02; }
ul.tour-list li a:hover  { background:#FF9; }
ul.tour-list li a em  { color:#da0048; font-style:normal; padding-left:6px;font-size:13px;   }
.subtitle {
	font-size:16px;
	color:#993300;
	line-height:35px;
	font-weight:bold;
	padding-top:12px;
	font-family:"微軟正黑體";
}
.tour-title { max-width:516px; margin-left:140px;}

p.more a {
	font-size:13px;
	font-weight:normal;
	color:#DB5F00;
	padding:16px 0 ;
	margin-right: 80px;
	text-decoration:none;
	outline:none;
	float: right;
}

p.more a:hover {
color:#FF9;
}



/*------media query----------*/
@media only screen and (min-width: 961px) and (max-width:1000px) {
.map {  margin-left:-40px;   }

}


@media only screen and (min-width: 861px) and (max-width:960px) {
#bg2-1 { left: 205px;}
.s02-1 { margin:10px 0 15px 0px; }
.map {  margin-left:-60px;   }


}

@media only screen and (min-width: 769px) and (max-width:860px) {
.map {  margin-left:-20px;   }
.s02-1 { margin:10px 0 15px 0px; }
#bg2-1 { left: 230px;}
#bg3-4 { display:none; }
#bg3-5 { display:none; }
#bg3-6 { left:200px; }
nav#primary { display:none;}
}



/*---平板-----*/
@media only screen and (min-width: 581px) and (max-width:768px) {
	.map {display:none;}
	.intro {  margin-top:0px;  margin-left:50px; }
#bg3-3 { display:none; }
nav#primary { display:none;}
a.prev,a.next { display:none;}
.s02-1 { margin:150px 0 15px 0px; }
.s02-2,.s02-4 { padding-left:60px;}

#frameless-parachute {top:450px;}
#about {top:4650px }
.s01-ct1,.s01-ct2,.s01-ct3 { display:none;}
#parallax-bg2 { display:none;}
#parallax-bg3 { display:none;}
.tour-box { background:#deb860;}
.tour-title {margin-left:10px; }
ul.tour-list { margin:10px 20px ; }

}

@media only screen and (min-width: 481px) and (max-width:580px) {
	.map {display:none;}
	.intro {  margin-top:0px;  margin-left:10px; }
#bg3-3 { display:none; }
nav#primary { display:none;}
a.prev,a.next { display:none;}
.s02-1 { margin:80px 0 15px 0px; }
.s02-2,.s02-4,.s02-3{ padding-left:20px;}

#frameless-parachute {top:450px;}
#about {top:4550px  }
.s01-ct1,.s01-ct2,.s01-ct3 { display:none;}
#parallax-bg2 { display:none;}
#parallax-bg3 { display:none;}
.tour-box { background:#deb860;}
.tour-title {margin-left:10px; }
ul.tour-list { margin:10px 20px ; }

}

/*---手機版-----*/
@media only screen and  (min-width: 321px) and (max-width:480px) {
	.map {display:none;}
	.intro {  display:none; }
#bg3-3 { display:none; }
nav#primary { display:none;}
a.prev,a.next { display:none;}
.bg1{ min-height:200px;}
.bg2,.bg3 { display:none;}
.bg4 { background:none; min-height:800px;}
#frameless-parachute,#english-channel { display:none;}

#about {top:250px }
.s01-ct1,.s01-ct2,.s01-ct3 { display:none;}
#parallax-bg1 { display:none;}
#parallax-bg2 { display:none;}
#parallax-bg3 { display:none;}
.tour-box { background:#deb860; width:95%; min-height:409px;  }
.tour-title {margin-left:0px; }
ul.tour-list { margin:10px 20px ; }

}
/*---手機版2-----*/
@media only screen and (max-width:320px) {
	.map {display:none;}
	.intro {  display:none; }
#bg3-3 { display:none; }
nav#primary { display:none;}
a.prev,a.next { display:none;}
.bg1{ min-height:200px;}
.bg2,.bg3 { display:none;}
.bg4 { background:none; min-height:800px;}
#frameless-parachute,#english-channel { display:none;}

#about {top:250px }
.s01-ct1,.s01-ct2,.s01-ct3 { display:none;}
#parallax-bg1 { display:none;}
#parallax-bg2 { display:none;}
#parallax-bg3 { display:none;}
.tour-box { background:#deb860; width:95%; min-height:409px;  }
.tour-title {margin-left:0px; }
ul.tour-list { margin:10px 20px ; }
}
	

#back-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 60px;     
    padding: 6px 12px;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;    
    font-size: 18px;
    background:#ffffff;
    color:#3D1E00;
    cursor: pointer;
}

#back-top a {
	text-decoration:none;
}