@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,article,figure,
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 { max-width:100%;}

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

#web-outer {
    font-family: "微軟正黑體";
	max-width: 2000px;
	overflow: hidden;
    background:#14131d;
}

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

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

.mainpic { 
    margin: 0 auto;
    height: 740px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/bg-header.webp") center center no-repeat;
}

.main-title {
    max-width: 570px;
	margin-top: 90px;
}

header h1 {
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
}
.mainpic-xs { display: none;}

/*======================
====nav CSS=====
=======================*/

#main-nav{
    width: 100%;
    z-index: 990;  
    background:#14131d url("../images/bg-menu.webp") center center no-repeat; 
    margin:0 auto;
    padding:4px 0;   
}
 
 #block_menu {
     text-align: center;
     font-weight: 600;
     overflow: hidden;
 }
 
 .sticky {
     top:40px;
 }

.nav {  margin:0 auto;  }
.nav li {  
    display:inline-block; font: 700 26px "微軟正黑體"; letter-spacing: 1px;
    color:#7a6893; margin: 0 16px;
}
.nav li a { display:block; width:100%; height:100%; text-align: center; text-decoration: none; color:#7a6893;  border: 2px solid #7a6893;   border-radius: 20px 0; padding:4px 8px;}
.nav li a:hover,.nav li a.active { color:#e082ff; border: 2px solid #e082ff; }


/*-----*/

.first { padding-top:140px; margin-top: -140px;}

.intro { margin: 0 15px; }
.intro-outer { 
	max-width: 1024px; margin: 0 auto; margin-top:60px; margin-bottom:80px;
	color: #fff; font-size: 18px; line-height: 1.8em; font-weight: bold;
	/*background:#6e4383; border-radius: 25px 25px 0 0;*/ padding: 15px 25px; 
}

main {
  background:url("../images/bg-firework.webp") center top no-repeat;
}

h2.subtitle { 
    background: url("../images/subtitle.webp") center center no-repeat; 
    font-size: 26px; font-weight: 600; color:#e082ff; letter-spacing: 1px;  text-align: center;
    margin-bottom: 30px; padding:22px 0;
}


/*----tour-list---*/

.list-subtitle { margin:16px auto 16px auto;}
.list-subtitle span { font: 500 16px "微軟正黑體"; background:#80469c ; border-radius: 0 20px 20px 0; color:#fffed7; padding: 5px 10px 5px 10px; line-height: 1.8em;}

.tour-outer { max-width: 1024px; margin: 0 auto; margin-top: 50px; margin-bottom: 100px; }

.tour-box { padding:16px 0 16px 0px; border:#6e4383 3px solid;  border-radius: 30px; margin: 0 15px;}

.tour-list { text-align: left;  margin:0 1%; padding:0 15px 20px 15px; }

.tour-list li  { 
    font: 700 18px  Arial, "微軟正黑體" ; color: #379EA4; 
    line-height: 1.8em;
    border-bottom: 1px dashed #bdbdbd;
    margin:8px 0;
    padding:6px 0px;
}

.tour-list li a:hover, .tour-list li a:active {
	color:#c3eef9;
	font-weight: bold;
}

.tour-list li a { 
    color: #ffffff;  text-decoration:none; width: 100%; height:100%; display:flex; 
}
.tour-list li a::before {
	content:"✡";
	font-size: 15px;
	color:#c3eef9;
	padding-right:4px;
}

.name_l { flex:0 0 80%; }
.price_r { flex:0 0 20%; text-align: right; color: #ffffff; font: 600 13px "微軟正黑體"; align-self:flex-end; }
.price_r span { font: 600 24px "微軟正黑體"; color:#d9a3f8; padding:0 2px; font-family: 'Barlow', sans-serif; }

.tour-list li a h3 span { font: 600 16px "微軟正黑體" ; display: inline;  padding-left:6px;  color:#92e9ff; }
.tour-list li a h3 span:empty { display:none;}

.tour-list li a p em { font-style: normal; font: 600 16px "微軟正黑體" ; color:#f6ff7fd5; padding-left:6px; }

p.tour-more {font-size: 17px;line-height: 1.5em; text-align: right; margin:20px; font-family: Arial, "微軟正黑體";}
p.tour-more a { display:inline-block; color:#fff; text-decoration:none;}
p.tour-more a:hover { color: #c3eef9;text-decoration:none;}


/*----slick 自訂-----*/

.spots-box { padding-bottom: 70px;}
.slick-box { position: relative;  }
.slick-box p.txt { 	
  position:absolute; bottom:0;
  font-size: 26px;
  font-weight: 600;
  color:#ffffff; 
  font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif; 
  background: rgba(32, 32, 32, 0.75);
  padding: 15px 20px; 
  width: 100%;
}
.slick-box p.txt span { 	
  font-size: 16px;
  font-weight: 600;
  display: block;
  line-height: 1.8em;
  padding-top: 12px;
}

* { box-sizing: border-box; }

.slider {
  width: 100%;
  margin: 20px auto; 
}
.slick-slide { margin: 0px 15px; }

.slick-slide img {
  width: 100%;
  border-radius: 25px;
}

.slick-prev:before,
.slick-next:before {  color: fffff; }

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}
.slick-active { opacity: 1; }
.slick-current { opacity: 1; }

@media only screen and ( max-width:600px) 
{ 
  .slick-box p.txt { 	
  position:relative; top:0;
  background:none;
}

}


/*---平板-----*/
@media screen and (max-width:768px)  {
    #main-nav { display: none;}
    .tour-list li a { flex-wrap: wrap;}
    .tour-list li a h3 span { display:block; padding-left: 0; }
    .price_r { flex:0 0 100%; padding-top: 10px;}
    .first { padding-top:50px; margin-top: 0px;}
    .intro-outer { margin-top:0px; }
    .tour-list li a::before { display: none;} 
}

@media screen and (max-width:600px)  {
	.mainpic { display:none;}
	.mainpic-xs {display: block;}	
    .intro-outer { margin-top:30px; }
}

/*---手機版-----*/
@media screen and (max-width:480px)  {
	.tour-list li  {font-size:17px; } 
}