@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: hidden;
  zoom: 1;
}

img { width:100%;}

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

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

h1,h2,h3 { display:none; }

#web-outer{	
	clear: both;
	overflow: hidden;
}

.header{clear:both;
overflow: hidden;}

/*======================
====Main Slider CSS=====
=======================*/


@media screen and (min-width:1024px)  {}

		#demo-1 {
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			min-height: 630px;
			background-color: #999;
		}
		.demo-inner-content {
			position: relative; /* if position is not set, the script will set it to 'relative'. */
			z-index: 2; /* if z-index is not set, the script will set it to '2'. */
			margin: 0 auto;
           padding-left: 50%;
		}

.main-title {max-width: 616px; position: absolute;left: 5%;right: 5%;top:85px;}
.main-title02 {display: none;}
.top_bg{width: 100%;height: 508px; /*background: url("../img/top_bg.png") top no-repeat;position: absolute;left: 0;top:0;*/}
.block_header {clear: both; width: 100%;}


/*-------------------------------------選單---------------------------------------------*/
#main-nav {
    z-index: 990;
    /*overflow: hidden;*/
    background: #333333;
 }
 
 .block_menu {
     z-index: 990;
     width: 100%;
     text-align:center;
     font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
     height: 70px;
     background:#ffffff;	 
     z-index: 990;
 }
 
 .sticky { top: 30px; }
 
#nav li { display:inline-block;  }
#nav li a { display: inline-block;  }

.menu {}
.menu a { width: 177px; height: 70px; text-indent:-5000px;background: url("../img/nav01.png") 0 0 no-repeat;}
.menu a:hover, .menu a.active { background: url("../img/nav01.png") 0 -70px;}
.menu02 a { width: 177px; height: 70px; text-indent:-5000px;background: url("../img/nav02.png") 0 0 no-repeat;}
.menu02 a:hover, .menu02 a.active { background: url("../img/nav02.png") 0 -70px;}
.menu03 a { width: 177px; height: 70px; text-indent:-5000px;background: url("../img/nav03.png") 0 0 no-repeat;}
.menu03 a:hover, .menu03 a.active { background: url("../img/nav03.png") 0 -70px;}
 
 .active {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }



/*錨點*/
.block-first{overflow: hidden;padding-top: 100px; margin-top: -100px;}

/*---飛行介紹----*/
#flight{width: 100%; background:url("../img/bg_01.png") top no-repeat;}
.flight-bg02{ background: url("../img/bg_01-2.jpg") bottom no-repeat;}
.flight-box{max-width: 960px; margin: 0 auto;padding: 50px 0 10px 0;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;clear: both;overflow: hidden;}
.title-top{max-width: 535px;margin: 0 auto 20px auto;}
.flight-txt{max-width: 800px;margin: 0 auto;font-size: 20px;line-height: 30px; text-align: center;color: #787878;}
.video-box{width: 95%; margin: 50px 0; clear: both;overflow: hidden;}
.video-box01{float: left;width: 420px;background: url("../img/video_bg.png") top left no-repeat;padding: 10px 0 50px 20px;}
.video-box02{float: right;width: 420px;background: url("../img/video_bg.png") top left no-repeat;padding: 10px 0 50px 20px;margin: 30px 0 0 0;}

/*-------------------------飛行體驗----------------------------*/
#experience{background: url("../img/bg_02.png") top no-repeat #00a3e0; margin-top:0px;}
.experience-bg{/*background: url("../img/bg_04.png") right bottom no-repeat;*/margin-top: -60px;}
.experience-box{max-width: 960px;margin: 0 auto;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;padding-bottom: 30px;}
.title-01{max-width: 312px;margin:60px auto 0px auto;}
.title-01-2{max-width: 312px;margin:0 auto;}

.fly-box01{width: 100%;position: relative;background: url("../img/flybox-01.png") top center no-repeat;min-height: 450px;margin: 20px 0 30px 0;}
.fly-box01 .fly-txt{width: 42%;border-radius: 0 0 50px 0; position: absolute;background-color: #fff;top:60px;right: 10px;z-index: 99;}
.fly-box01 .fly-txt .toptxt{display: block; padding: 10px; font-size: 28px; line-height: 40px; color: #0461b9;font-weight: bold;text-align: center; background-color: #9bcbf9;}
.fly-box01 .fly-txt .toptxt em{font-style:normal;font-size: 18px; color: #fff600;margin: 0 0 0 5px;font-weight:normal;}
.fly-box01 .fly-txt .note{display: block; font-size: 15px; line-height: 28px;color: #292929;padding:20px;}
.fly-box01 .fly-txt .note strong{display: block;font-size: 22px;line-height: 35px;color: #0a6abb;text-align: center;margin: 0 0 5px 0;}
.fly-box01 .fly-ph{width: 60%;position: absolute;top:10px;left: 10px;z-index: 50;}

.fly-box02{width: 100%;position: relative;/*background: url("../img/flybox-02.png") top center no-repeat;*/ min-height: 450px;margin: 70px 0 30px 0;}
.fly-box02 .fly-txt{width: 42%;border-radius: 0 0 50px 0; position: absolute;background-color: #fff;top:50px;left: 10px; z-index: 99;}
.fly-box02 .fly-txt .toptxt{display: block;padding: 10px; font-size: 28px; line-height: 40px; color: #0461b9; font-weight: bold;text-align: center; background-color: #9bcbf9;}
.fly-box02 .fly-txt .toptxt em{font-style:normal;font-size: 18px; color: #fff600;margin: 0 0 0 5px;font-weight:normal; }
.fly-box02 .fly-txt .note{display: block; font-size: 15px; line-height: 28px;color: #292929;padding:20px;}
.fly-box02 .fly-txt .note strong{display: block;font-size: 22px;line-height: 35px;color: #0a6abb;text-align: center;margin: 0 0 5px 0;}
.fly-box02 .fly-ph{width: 60%;position: absolute;top:10px;right: 10px; z-index: 50;}

/*----------------------------ig打卡景點介紹-----------------------------------*/
#ig{}
.ig-bg{background: url("../img/bg_03.png") top no-repeat #005eb8; padding:7px 0px;}
.ig-box{max-width: 960px;margin: 0 auto;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.title-02{max-width: 312px;margin:60px auto 0px auto;}
.title-02-2{max-width: 312px;margin:0 auto;}

.commingsoon {max-width:482px; margin:0 auto;}

.ig-box01{width: 100%;position: relative;background: url("../img/flybox-01.png") top center repeat-x;margin: 20px 0 30px 0;clear: both;overflow: hidden;}
/*.ig-boxbg01{background: url("../img/ig-01.png") right bottom no-repeat;min-height: 450px;}
.ig-boxbg03{background: url("../img/ig-03.png") right bottom no-repeat;min-height: 450px;}*/
.ig-box01 .ig-txt{width: 42%; position: absolute;background-color: #fff;top:40px;right: 10px;z-index: 99;}
.ig-box01 .ig-txt .toptxt{display: block; padding: 10px; font-size: 28px; line-height: 40px; color: #fff;font-weight: bold;text-align: center; background-color: #148d58;}
.ig-box01 .ig-txt .toptxt em{font-style:normal;font-size: 18px; color: #fff600;margin: 0 0 0 5px;font-weight:normal; }
.ig-box01 .ig-txt .note{display: block; font-size: 15px; line-height: 28px;color: #292929;padding: 10px 10px 20px 10px;}
.ig-box01 .ig-txt .note strong{display: block;font-size: 22px;line-height: 35px;color: #0a6abb;text-align: center;margin: 0 0 5px 0;}
.ig-box01 .ig-ph{width: 60%;position: absolute;top:10px;left: 20px;z-index: 50;}

.ig-box02{width: 100%;position: relative;background: url("../img/igbox-02.png") top center no-repeat;margin: 70px 0 30px 0;clear: both;overflow: hidden;}
.ig-boxbg02{background: url("../img/ig-02.png") left bottom no-repeat;min-height: 450px;}
.ig-box02 .ig-txt{width: 42%;position: absolute;background-color: #fff;top:50px;left: 10px; z-index: 99;}
.ig-box02 .ig-txt .toptxt{display: block; padding: 10px; font-size: 28px; line-height: 40px; color: #fff;font-weight: bold;text-align: center;background-color: #148d58;}
.ig-box02 .ig-txt .toptxt em{font-style:normal;font-size: 18px; color: #fff600;margin: 0 0 0 5px;font-weight:normal;}
.ig-box02 .ig-txt .note{display: block; font-size: 15px; line-height: 28px;color: #292929;padding: 10px 10px 20px 10px;}
.ig-box02 .ig-txt .note strong{display: block;font-size: 22px;line-height: 35px;color: #0a6abb;text-align: center;margin: 0 0 5px 0;}
.ig-box02 .ig-ph{width: 60%;position: absolute;top:10px;right: 20px; z-index: 50;}

/*-----------------------------推薦行程---------------------------------*/
#tour{}
.tour-bg{background: url("../img/bg_03.png") top no-repeat #7ecef4; padding:7px 0px 50px 0px;}
.tour-bottom{/*background:url("../img/bg_06.png") bottom no-repeat;*/}
.tour-box{max-width: 960px;margin: 0 auto;padding: 0 0 40px 0; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.title-03{max-width: 312px;margin:60px auto 0px auto;}
.title-03-2{max-width: 312px;margin:0 auto;}


.tour_list_box{width: 80%;margin: 0 auto;padding: 10px; border-radius: 10px;background-color: #e8f3ff;}
.tour_list_box ul {}	
.tour_list_box li{font-size: 22px;line-height:30px; /*border-bottom:1px dashed #b5b5b5;*/}
.tour_list_box li em {display:block;color:#148d58;font-style:normal;font-size:15px;line-height:30px;margin: 10px 0 10px 0;}
.tour_list_box .price{font-size:13px; color:#d6001c;float: right;}
.tour_list_box .price strong{font-size:25px; color:#d6001c;font-weight: bold;}
.tour_list_box li a{display:block; color:#1f7ede;font-weight: bold;text-decoration:none; padding: 3px 5px; overflow: hidden;}
.tour_list_box li a:hover{background-color:#fdfdfd;}
.tour_list_box li ul.note{}
.tour_list_box li ul.note li{border-bottom:inherit; font-size: 15px;line-height: 25px;color: #464646;list-style-type:circle;margin: 0 0 10px 20px;}

.saleout{width: 70%;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;background-color: #0a6abb;border-radius: 10px;padding: 30px;font-size: 18px;line-height: 25px;color: #fff;text-align: center; margin: 0 auto;}

.fly-note{max-width: 80%;margin: 0 auto;padding: 0 0 10px 0; font-size: 15px;line-height: 20px;color: #464646;text-align: center;}

.tour {}
.tour em {font-size:40px; font-weight: bold; font-style: normal;}
.tour p {font-size:18px; color:#ff9e1b; display: block; width:100%; float:left;}
.recommend {background: #ffffff; border-radius: 20px; padding:30px; box-shadow:inset 0px 0px 20px 5px #bce9fa; font-weight: bold; line-height: 30px; margin:10px 10px 30px 10px;}
.tour-name {color:#0461b9; font-size:24px; width:70%; float:left;}
.tour-price {color:#d40f7d; width:30%; float:right; text-align: right;}
.button {text-align: center; clear: both; padding-top:10px;}
.btn a {background:#0461b9; margin:5px; padding:8px 15px; border-radius: 5px; text-decoration: none; color:#ffffff;}
.btn a:hover {background:#1184f1; margin:5px; padding:8px 15px; border-radius: 5px; text-decoration: none; color:#ffffff;}
.tour ul {margin: 0 auto; background: #ff3; float: left;}
.tour ul li {float:left; margin:5px 8px; text-align: center; }
.tour ul li a {background:#0461b9; padding:8px 15px; border-radius: 5px; text-decoration: none; color:#ffffff;}

@media screen and (max-width:690px)  {
.tour-name {width:100%;}    
.tour-price {width:100%; text-align: center; padding:5px 0px;}
.top_bg {height:auto;}
}

@media screen and (max-width:400px)  {
.btn a {background:#0461b9; margin:3px; padding:5px; border-radius: 5px; text-decoration: none; color:#ffffff;}
}
@media screen and (max-width:330px)  {
.btn {display: block; margin:15px; }
.btn a {background:#0461b9;  padding:8px; border-radius: 5px; text-decoration: none; color:#ffffff;}
}

@media screen and (min-width: 1300px) and (max-width: 2200px) {
.main-title {left: 25%;right: 20%;top:80px;}
}


@media screen and (max-width:959px)  {

#demo-1 {min-height: 450px;}
.main-title {display: none;}
.main-title02 {display: block;max-width:500px; position: absolute; left: 15%; right: 15%; top:30px;}
	
.flight-box{max-width: inherit;width: 95%;padding: 20px 0 10px 0;margin: 0 auto;}
.experience-bg{background: inherit;}
	
.title-01{margin:0 auto 20px auto;}	
	
.video-box{width: 90%;margin: 0 auto;}
.video-box01{float: inherit;width: 100%;}
.video-box02{float: inherit;width: 100%;}
	
.tour_list_box .price{float: inherit;background-color: #fffde5;text-align: center;display: block;margin: 10px 0;}
	
}

/*---平板-----*/
@media screen and (max-width:768px)  {	
	#demo-1 {min-height: 400px;}
	.main-title02 {left: 5%;right: 5%; width: 70%;}
	#main-nav{display: none;}
	
/*錨點*/
.block-first{padding-top:0px;margin-top: 0px;}	
	
.flight-txt{font-size: 18px;}	
	
.fly-box01,.ig-box01{width: 95%; position: inherit;margin: 20px auto;}
.fly-box01 .fly-txt,.ig-box01 .ig-txt{width: 100%;border-radius: 0; position: inherit;top:0;right:0;}	
.fly-box01 .fly-ph,.ig-box01 .ig-ph{width: 100%;position: inherit;top:0;left:0;}
	
.fly-box02,.ig-box02{width: 95%; position: inherit;margin: 50px auto;}
.fly-box02 .fly-txt,.ig-box02 .ig-txt{width: 100%;border-radius: 0; position: inherit;top:0;;left: 0;}
.fly-box02 .fly-ph,.ig-box02 .ig-ph{width: 100%;position: inherit;top:0px;right: 0px;}
	
.tour-bottom{background:inherit;}
.tour-box{padding: 0 0 30px 0;}	
.tour_list_box{width: 90%;}	
.saleout{width: 90%;}

.experience-bg{margin-top:50px;}
    
}


/*---手機版-----*/
@media screen and (max-width:479px)  {	
#demo-1 {min-height: 250px;}
.main-title02 {top:5px; width:60%; left:9%;}	
.main-title {left: 10%;right: 10%;top:20px;}
	
.flight-txt{font-size: 15px;}	
	
.fly-box01,.ig-box01{width: 95%; position: inherit;margin: 20px auto;}	
.fly-box02,.ig-box02{width: 95%; position: inherit;margin: 50px auto;}	
	
}

/*---手機版-----*/
@media screen and (max-width:320px)  {		
.main-title02 {top:40px;}	
	
	}