@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 {text-decoration:none; }
a:hover {text-decoration:none;}

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: #3523d5;
}

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: 730px;
			background-color: #3523d5;
		}
		.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: 960px;position: absolute;left: 5%;right: 5%;top:80px;}
.main-title02 {display: none;}
.top_bg{width: 100%;height: 248px; background: url("../img/top_bg.png") top no-repeat;position: absolute;left: 0;top:0;}
.bottom_bg{width: 100%;height: 202px; background: url("../img/bottom_bg.png") top no-repeat;position: absolute;left: 0;bottom: -730px;}
.block_header {clear: both; width: 100%;}


.taitung-bg{width: 100%;background: url("../img/bg_02.png") top repeat;}

/*阿妹演唱會介紹*/
.amei-box{max-width: 800px;margin: 30px auto 0 auto;padding: 10px; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;clear: both;overflow: hidden;}
.amei-box .leftbox{width: 17%;float: left;}
.amei-box .rightbox{width: 78%;float: right;padding: 10px; border-top:solid 1px #fff;border-bottom:solid 1px #fff;font-size: 20px;color: #fff;line-height: 35px; }

/*熱門推薦行程*/
#tour{padding: 0 0 30px 0;}
.tour-main{max-width: 960px;margin: 0 auto;}
.title-tour{max-width: 900px;height: 135px;margin: 30px auto ;background: url("../img/title-bg.png") top center;text-align: center;}
.title-tour img{max-width: 192px;}

.tour-box{width: 90%;margin: 50px auto 0 auto;border: solid 5px #fff;border-radius: 15px;clear: both;overflow: hidden;padding: 15px;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.tour-box .tour-left{width: 43%;float: left;}
.tour-box .tour-left img{border-radius: 15px;}
.tour-box .tour-right{width: 55%;float: right;}
.title-box{border-bottom: solid 2px #fff;padding: 3px 3px 10px 3px;}
.title-box p{font-size: 18px;line-height: 30px;color: #66d4ff;font-weight: bold;}
.note{padding: 10px 5px 5px 5px;font-size: 15px;line-height: 22px; }
.note em{font-style:normal;font-weight: bold;color: #ffea00;}
.note ul{color: #fff;}
.note ul li{margin-top: 8px;margin-left: 20px;margin-right: 10px; list-style: circle;}
.tour-box .price{width: 50%;margin: 0 auto; text-align: center; background: #3523d5;border: solid 5px #66d4ff;line-height: 40px; border-radius: 40px;padding: 10px;color: #ffea00;margin-top: 10px;}
.tour-box .price strong{font-size: 30px;margin-right: 5px;margin-left: 3px;}
.tour-box:hover .price{ background-color: #ee10bc;border: solid 5px #ee10bc;color: #fff;}

/*自由行行程*/
#pkg{padding: 0 0 100px 0;}
.pkg-main{max-width: 960px;margin: 0 auto;}
.title-pkg{max-width: 900px;height: 135px;margin: 0 auto;background: url("../img/title-bg.png") top center;text-align: center;}
.title-pkg img{max-width: 192px;}

.pkg-box{font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.pkg-box ul {width: 80%; margin:0 auto;padding: 10px;clear: both;overflow: hidden;}	
.pkg-box li{font-size: 18px;line-height:30px;font-weight: bold;color: #fff; border-bottom:1px dashed #fff;margin-bottom: 10px;padding:0;}
.pkg-box li span{width: 80%;float: left;}
.pkg-box li span em{display:block; font: 15px  "黑體","微軟正黑體";font-style: normal;margin: 10px 0 5px 15px;color: #c2e3ff;}
.pkg-box li .price{width: 15%;font-size:15px; color:#ffea00;float: right;}
.pkg-box li .price strong{font-size:30px;font-weight: bold;margin-right: 5px;}
.pkg-box li  a{color: #fff;text-decoration:none;display:block; padding: 3px 5px; overflow: hidden;}
.pkg-box li  a:hover{background-color:#5544e8;}

@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;}
.bottom_bg{bottom: -450px;}	
.main-title {display: none;}
.main-title02 {display: block;max-width: 550px;position: absolute;left: 15%;right: 15%;top:10px;}
	
.pkg-box li span{width: 75%;}
.pkg-box li .price{width: 20%;}
	
}

/*---平板-----*/
@media screen and (max-width:768px)  {	
#demo-1 {min-height: 420px;}
.bottom_bg{display: none;}	
.main-title02 {left: 12%;right: 12%;top:15px;}
	
.amei-box{max-width: inherit;width: 85%;}
.amei-box .leftbox{float: inherit;display: none;}
.amei-box .rightbox{width: 100%;float: inherit;}
	
.tour-box{padding: 0;border-radius: 0;}
.tour-box .tour-left{width: 100%;float: inherit;}
.tour-box .tour-left img{border-radius: inherit;}
.tour-box .tour-right{width: 100%;float: inherit;padding: 10px 10px 20px 10px;}
.title-box{width: 95%;}	
	
#pkg{padding: 0 0 30px 0;}	
.pkg-box ul {width: 90%;}
	
.pkg-box li span{width: 100%;float: inherit;}
.pkg-box li .price{width: 100%;float: inherit;display: block;text-align: center; margin: 10px auto;}	
	
	
	
	
}


/*---手機版-----*/
@media screen and (max-width:479px)  {	
#demo-1 {min-height: 280px;}		
.main-title02 {top:40px;}	
.main-title {left: 5%;right: 5%;top:10px;}
.title-box{width: 90%;}		
	
}

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