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

.clearfix {
  overflow: auto;
}

img { max-width:100%;}

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


body {
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
}

#web-outer {
	max-width: 2000px;
	overflow: hidden;
	_overflow: none;
	line-height:1.8em;
	font-size:13px;
    color:#434343;
    
}

h1,h2,h3 { display:none; }

.side-btn { position: fixed; bottom:20%; right: 10px; z-index: 999; }
	/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section0
    {
		/*background-size:contain;*/
		background-attachment: fixed;
	}

	/* Defining each sectino background and styles
	* --------------------------------------- */
	#section0 {
		background-image:url(images/bg-header.jpg);
        background-size:cover;
	}
    
    #section1 { }
    #section3 { background:url(images/bg.jpg) center top no-repeat; }
    #section4 { background:url(images/bg-advanture.jpg) center top no-repeat; }
    #section5 { background: #dec87b url(images/bg-tour.png) center top repeat-y;}
    
    .border { background: #20c0a8; height: 15px; text-indent: -5000px;  }

   .myContent{ height: 520px;  }
      
   .intro {   text-align: left; }
    .bg-peru { margin-top: -10px; background: url(images/bg-peru.jpg) center top repeat-y;}
     
.top { background: url(images/header-top.png) center 29px no-repeat; height: 86px; text-indent: -3000px;}
.peru-info { 
    max-width: 960px; margin: 0 auto;
    padding:60px 40px 20px 20px;
}
.bg-top {margin-top: -70px;}
.title {  float: left; padding-right: 30px; min-height:200px; }

.phara { 
    font:16px "微軟正黑體","黑體", Arial, Helvetica, sans-serif;
    color:#6b514a;   min-height: 200px; line-height: 1.8em; font-weight: 600;
 }
.phara1 { padding-top: 46px; }
.phara2 { max-width: 300px; }
.icon { padding-left: 120px; margin-top: -120px;}
.icon1 { padding-left: 85%; margin-top: -120px; }
.icon2 { padding-left: 0%; /*margin-top: -20px;*/ }
img.icon4 { margin-left: 20px;  }
      
 .pic-peru { 
     background-attachment: fixed; background-image:url(images/peru-pic.jpg);
     height: 400px; /*max-width:100%; */background-size:cover; text-indent: -3000px;
}
.pic-nazca {
     background-attachment: fixed; background-image:url(images/nazca-pic.jpg);
     height: 400px; /*max-width:100%; */background-size:cover; text-indent: -3000px;
}

.pic-peru-s,.pic-nazca-s { display: none; }

	#section0 h4{
		top: 30%;
		transform: translateY(-50%);
		position: relative;
	}
    
    #section0 .menu-box {
    	position:relative;
        top:30px;
        left: 33%;
    }
    
   #section0 .menu-box li#btn1 {
       background:url(images/menu.png) 0 0 no-repeat;
       width:205px;
       height: 85px;
   }
   #section0 .menu-box li#btn1 a:hover,#section0 .menu-box li#btn1 a.active {
       background:url(images/menu.png) 0 -85px no-repeat;
       width:205px;
       height: 85px;
   }
   #section0 .menu-box li { text-indent: -5000px; float: left; margin-right: 20px;}
   #section0 .menu-box li a { display: block; outline: none; width: 100%; height: 100%;}
   
   #section0 .menu-box li#btn2 {
       background:url(images/menu.png) -230px 0 no-repeat;
       width:255px;
       height: 85px;
   }
   
   
   #section0 .menu-box li#btn2 a:hover,#section0 .menu-box li#btn2 a.active {
       background:url(images/menu.png) -230px -85px no-repeat;
   }
   
   
.machu-info {
    background: url(images/bg-machu.jpg) center top no-repeat;
}


.machu-intro { 
    background:url(images/machu-pic.png) center top no-repeat;
    height: 605px;
    margin-left: 20%;
    padding:10px 0 0 15px;

}

.nazca-info { 
    max-width: 960px; margin: 0 auto;
    padding:60px 40px 0px 20px;
}

.adventure-info {
    height: 600px;
    margin: 0 auto;
    max-width: 960px;
    padding-top: 30px; 
}

.slider-box { 
    background: #40a495;
    padding-top: 15px;
    margin-top: 15px;
}

.photo-w { 
    background: #40a495; height: 35px; padding-top: 20px; font-weight: bold;
    color:#fff; font:20px "微軟正黑體","黑體", Arial, Helvetica, sans-serif; text-align: center;
}
.photo-w span { font-size:16px; }

.tour-box {
    margin: 0 auto;
    max-width: 960px;
    padding: 30px 10px 100px 10px; 
}

.tour-title { color:#4e880a; font:16px "微軟正黑體","黑體", Arial, Helvetica, sans-serif; margin: 10px 0; margin-left: 15%; font-weight: bold; }
.tour-list li { 
    background: #f7ecc3; padding:10px; margin-left: 15%; margin-bottom: 15px; 
    color:#6b514a; font:17px "微軟正黑體","黑體"; font-weight: bold;
}


.tour-list li a { color:#6b514a; text-decoration: none; } 
.tour-list li:hover {  background: #ffffd6;  } 

.tour-list li em { 
    font-style: normal; color:#d9480f; font:15px "微軟正黑體","黑體"; font-weight: bold;
}
.tour-list li span.price { 
   color:#d9480f; font:17px "微軟正黑體","黑體"; float: right; font-weight: bold;
}
.tour-list li p {
   padding-top: 10px; color:#8b6f2d; font:15px "微軟正黑體","黑體";
}
.tour-list li p.sp {
   color:#dd9c00; }

    
/*	#section2{
		background-image: url(imgs/bg3.jpg);
		padding: 6% 0 0 0;
	}
	#section3{
		background-image: url(imgs/bg4.jpg);
		padding: 6% 0 0 0;
	}
	#section3 h1{
		color: #000;
	}*/

	/*Adding background for the slides
	* --------------------------------------- */
/*	#slide1{
		background-image: url(imgs/bg2.jpg);
		padding: 6% 0 0 0;
	}
	#slide2{
		background-image: url(imgs/bg5.jpg);
		padding: 6% 0 0 0;
	}*/
    
#footer-webpages { z-index: 9999;}
/*------media query----------*/


@media only screen and ( min-width:1600px) { #section0 .menu-box { left: 40%; } }
@media only screen and ( max-width:1599px) { #section0 .menu-box { left: 35%; } }
@media only screen and ( max-width:1200px) { #section0 .menu-box { left: 31%; } }
@media only screen and ( max-width:1300px) 
{ 
.machu-intro { margin-left: 1%;  background:url(images/machu-pic.png) left top no-repeat; }
 }

@media only screen and ( max-width:1024px)
{ 
#section0 .menu-box { left: 27%; }
.adventure-info { margin: 0 15px;}
.tour-list li { margin-left: 5%; margin-right: 5%; }
.tour-title { margin-left: 5%; }
.nazca-info { padding:40px 40px 10px 20px; }
.icon2 { margin-top: -80px; }
}


/*---平板-----*/

@media only screen and ( max-width:768px) 
{ 
#section0 .menu-box { display: none;}
.tour-list li { line-height: 1.8em;}
.tour-list li a span.price { display: block; float:none; text-align: right;} 
.icon1,.icon2 { display: none;}
.top { background: url(images/header-top.png) center top no-repeat; height: 56px;}
.myContent{ height: 450px;  }
   .title {  float:none; min-height:120px;}
   .adventure-info { height:auto; padding-bottom: 80px;}
   .tour-title { font-size: 20px;}
   .peru-info { padding-top:30px; }
   .nazca-info { padding-top:30px; }
   .phara1 { padding-top: 26px; }
   .pic-peru-s,.pic-nazca-s { display:block;}
   .pic-peru,.pic-nazca { display:none;  }
	#section0 {
        background-size:auto;
        max-width: 768px;
	}
    .side-btn { display: none;}
}

/*---手機版-----*/
@media only screen and (max-width:480px) {

   .myContent{ height: 350px;  }
   .icon4 { display: none;}
   .pic-peru-s { display:block;}

}