@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');


/* 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, 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: auto;
}

img { max-width:100%;}

.left { float: left;}
.right { float: right;}

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

#backtop { z-index: 9999; position: relative;}

body {
    background-color: #ffffff;    
}

#web-outer {
    font-family:"新微軟正黑體","微軟正黑體","黑體", Arial, Helvetica, sans-serif;
	max-width: 2000px;
	overflow: hidden;
	_overflow: none;
	line-height:1.8em;
	font-size:15px;
    color:#272727;
    background: url("../images/bg01.png") center top repeat-y;
}

.bg-circle { background: url("../images/bg02.png") center top no-repeat; }
.bg-leaf { background: url("../images/bg05.png") center 150px no-repeat; }
.bg-beach { background: #28d4e4 url("../images/bg03.png") center top no-repeat; min-height: 1112px;}
.bg-beach2 { background: #28d4e4 url("../images/bg04.png") center top no-repeat; min-height: 1112px;}

.bg-top { background: url("../images/bg-top.png") center top no-repeat; height: 43px;}
.bg-bom { background: url("../images/bg-bom.png") center top no-repeat; height: 117px;}

/*h1,h2,h3 { display:none; }*/
header h1 {
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    width: 100%;
}

.activity-bn { text-align: center; padding:25px 0 0 0; }
.activity-bn img { border-radius: 20px; }
/*======================
====Main CSS=====
=======================*/
/*======================
==== Slider CSS=====
=======================*/

/*#demo-1 {
    position: relative; 
    overflow: hidden; 
    width: 100%;
    min-height: 710px;
}
.demo-inner-content {
    position: relative; 
    z-index: 2; 
    margin: 0 auto;
    padding-top:125px;
    text-align: center;
}

.mainpic-xs { display: none;}*/

/* ---------------------------------- */
/* 關鍵：Ken Burns 縮放動畫 (1.15倍) */
/* ---------------------------------- */
@keyframes zoom-in-ken-burns {
    0% {
        transform: scale(1.25); /* 起始大幅度放大 */
    }
    100% {
        transform: scale(1.00); /* 結束正常大小，呈現緩慢縮小的效果 */
    }
}

/* ---------------------------------- */
/* 容器與輪播項目基礎設定 */
/* ---------------------------------- */
.zoom-slider-container {
    position: relative;
    width: 100%;
    height: 798px; /* 【設定高度】 */
    overflow: hidden;
    color: white;
    font-family: sans-serif;
    background: #007fae;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease; /* 流暢淡入淡出 */
    will-change: opacity;           /* 性能優化 */
}

/* ---------------------------------- */
/* 背景圖片圖層 (只對它進行縮放) */
/* ---------------------------------- */
.slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transform: scale(1.25);
    z-index: 5; 
    will-change: transform; /* 性能優化 */
}

/* 圖片路徑設定 (請替換成您自己的圖片路徑) */
.slide[data-index="0"] .slide-bg {
    background-image: url("../images/main-pic01.jpg");
}
.slide[data-index="1"] .slide-bg {
    background-image: url("../images/main-pic02.jpg");
}
.slide[data-index="2"] .slide-bg {
    background-image: url("../images/main-pic03.jpg");
}
.slide[data-index="3"] .slide-bg {
    background-image: url("../images/main-pic04.jpg");
}


/* ---------------------------------- */
/* 啟用狀態 (Active/Animating) */
/* ---------------------------------- */
.slide.active {
    opacity: 1;
    z-index: 10;
}

/* 確保淡出時動畫不中斷 */
.slide.is-animating .slide-bg {
    animation: zoom-in-ken-burns 15s linear infinite alternate;
}

/* ---------------------------------- */
/* 內容區塊樣式 (靜態標題) */
/* ---------------------------------- */
.overlay-image {
    position: absolute;
    top: 0;
    width: 2000px;
    height: 696px;
    z-index: 25; /* 確保在輪播圖片 (z-index: 10) 和內容 (z-index: 20) 上方 */
    
    /* 讓圖片層不會阻擋滑鼠點擊下方的按鈕和文字 */
    pointer-events: none; 
    
    /* ******** 圖片樣式設定 (請替換成您的固定圖片路徑) ******** */
    background-image: url('../images/top-border.png'); 
    background-size: cover;
    background-position: center center;
    opacity: 1; /* 設定透明度，讓下方的內容和輪播圖片可以透出 */
    /* ************************************************************ */
}

.slide-content {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; 
    max-width: 371px;
    padding: 20px;
    border-radius: 5px;
}

/*.slide-content h1 {
    font-size: 3em;
    margin-bottom: 0.5em;
    border-bottom: 2px solid white;
    padding-bottom: 10px;
}

.slide-content p {
    font-size: 1.5em;
    margin-bottom: 20px;
}

.btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #e50914; 
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s;
}

.btn:hover {
    background-color: #b70710;
}*/


/* ---------------------------------- */
/* 導航點的樣式 */
/* ---------------------------------- */
.slider-dots {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 30;
}

.dot {
    cursor: pointer;
    height: 10px; /* 圓點尺寸縮小 */
    width: 10px;  /* 圓點尺寸縮小 */
    background-color: #717171;
    margin: 0 4px; 
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.dot.active, .dot:hover {
    background-color: #bbb;
}


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

#main-nav {
   z-index: 990;
   position: relative;
   overflow: hidden;
   margin-top: -40px;
}

.block_menu {
	width: 100%;
	text-align: center;
    margin-top:0px;
   background: url("../images/bg-nav.png") center top no-repeat;
   padding-top:20px;
}

.sticky { top: 30px; }

.menu_box { display:inline-block; margin-right: -4px; }
.menu_box a { display: inline-block; }
.menu {  line-height: 92px; margin-right: 13px; overflow: hidden; }
.menu:last-child { margin-right: 0px;}

.menu a {  text-decoration: none;  text-indent: -5000px; }

.menu .menu01 {  background: url("../images/nav.png") 0px 0 no-repeat; width: 95px;  }
.menu a:hover .menu01 ,.menu .active .menu01 { background: url("../images/nav.png") 0px -92px no-repeat;   }

.menu .menu02 {  background: url("../images/nav.png") -113px 0 no-repeat; width: 95px;  }
.menu a:hover .menu02 ,.menu .active .menu02 { background: url("../images/nav.png") -113px -92px no-repeat;  }

.menu .menu03 {  background: url("../images/nav.png") -223px 0 no-repeat; width: 95px;  }
.menu a:hover .menu03 ,.menu .active .menu03 { background: url("../images/nav.png") -223px -92px no-repeat;  }

.menu .menu04 {  background: url("../images/nav.png") -332px 0 no-repeat; width: 95px;  }
.menu a:hover .menu04 ,.menu .active .menu04 { background: url("../images/nav.png") -332px -92px no-repeat;  }

.menu .menu05 {  background: url("../images/nav.png") -442px 0 no-repeat; width: 95px;  }
.menu a:hover .menu05 ,.menu .active .menu05 { background: url("../images/nav.png") -442px -92px no-repeat;  }

.menu .menu06 {  background: url("../images/nav.png") -555px 0 no-repeat; width: 95px;  }
.menu a:hover .menu06 ,.menu .active .menu06 { background: url("../images/nav.png") -555px -92px no-repeat;  }

.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);
}

/*------------*/

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

#main { /*padding-top:60px;*/ }
#bubble,#spot,#hotel,#notice,#news {  padding-top:140px; margin-top: -140px;  }

.row { max-width: 960px; margin:0 auto; padding:0 10px; }

.bubble-qa { max-width: 900px; margin:0 auto; text-align:left; /*border-left: 8px solid #14d1c6; */padding:0 26px; margin-top:50px; }
.qa-title {display: block;font: bold 24px "微軟正黑體"; text-align: center;line-height: 1.8em; letter-spacing: 1px; border-radius: 0px 20px 0px 20px; padding:5px 15px;margin: 10px 0;}
.q1 {background: #02b2c6; color:#ffffff;}
.q2 {background: #1ecbdf; color:#ffffff;}
.q3 {background: #009985; color:#ffffff;}
.q4 {background: #00af98; color:#ffffff;}
.q4-1 {background: #FF6BA2; color:#ffffff;}
.q5 {background: #02bfa6; color:#ffffff;}
.q6 {background: #0dc8af; color:#ffffff;}
.q7 {background: #20d3bb; color:#ffffff;}
.q { color:#09a195; font: bold 19px "微軟正黑體";   line-height: 1.8em; margin-top:10px; padding:10px 0 10px 22px;}
.a, .a-list li {  font: 600 15px "微軟正黑體";   line-height: 1.8em; padding-left: 20px;}
.a-list li::before { content: "★"; font-size:15px; padding-right: 6px;}
.a strong{display: block;text-align: right;}
.a strong a{color: #01bfa6;}
.a strong a:hover{text-decoration: none;}
.process-box { margin-top:20px; }

.process-box .p1 { width:29%; display: inline-block; vertical-align: top;  }
.process-box .p2 { width:4%; display: inline-block; vertical-align: top;  }

.process-pic,.process-pic2 { text-align: center; } 
.process-title { color:#ffffff; font: bold 22px "微軟正黑體";  text-align: center; line-height: 2em; letter-spacing: 1px;}
.process-info { font: bold 16px "微軟正黑體";  text-align: center; line-height: 2em; padding:12px 20px; }
.tw-green { background: #469d75; border-radius: 20px 20px 0px 0px;}
.tw-lightgreen { background: #b5ed7d; border-radius: 0px 0px 20px 20px ;}
.pa-blue { background: #119f9d; border-radius: 20px 20px 0px 0px;}
.pa-lightblue { background: #7dede4; border-radius: 0px 0px 20px 20px ;}
.tw-red { background: #f76956; border-radius: 20px 20px 0px 0px;}
.tw-lightred { background: #ffd2c2; border-radius: 0px 0px 20px 20px ;}

/*-----------*/

.subtitle { text-align: center; padding-top:24px; margin-bottom:2rem; /*padding-top:50px;*/ }
.subtitle-bg { background:url("../images/bg-title.png") center top no-repeat; z-index: 980; position: relative;  }
.subtitle-bg2 { background:url("../images/bg-title2.png") center top no-repeat; z-index: 980; position: relative;  }

.subtitle2 { text-align: center;margin-top: 50px; }
.subtitle2 span { background:#1994b8; color:#ffffff; font: bold 22px "微軟正黑體"; padding-top:4px; border-radius: 15px; padding:5px 20px;}
.subtitle2.s2 span { background: #BA74D4;  }

/*-----rules-------*/

.rule-block { margin: 0 auto; max-width: 100%; text-align: center; padding: 30px; }
.rule-box { display: inline-block; width:18%; margin-left: -4px; padding:0 1%; vertical-align: top;  }
.rule-box p { 
    background: #ffffff;border-radius: 0 0 20px 20px; padding: 10px; text-align: left; font-weight: 600; 
    min-height: 80px; font:600 15px "微軟正黑體"; border-top:2px solid #e0dcdc; line-height: 1.7em; }
.rule-box span { 
    background: #ffffff;  padding: 0 10px 5px 0; margin-top:-10px;  text-align: center; font-weight: 600; 
    font:600 22px "微軟正黑體"; color:#d28a00; display: block;
}

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

.ct-box { max-width: 960px; margin:0 auto; clear:both; overflow: hidden; margin-top:20px; text-align: center;}

.tour-box { width: 100%; padding-top:10px; margin-bottom: 10px;clear:both; overflow: hidden;}
.tour-bbox{width: 100%;}
.tour-info { width: 80%; background: #fff url("../images/bg-tour.png") right bottom no-repeat; padding:8px;  border-radius:20px;margin: 10px auto;}
.tour-info-in { border:3px dotted #7ecef4; min-height: 200px; border-radius:20px; padding-left: 2%; padding-right: 2%;}
.tour-info-in em{font-style: normal;color: #da5c00;font-size: 15px;margin-left: 2px;}
.tour-info p { font-weight:600; font-size: 20px; font-family:"微軟正黑體"; color:#007fae; line-height: 1.5em; padding:5px 0; border-bottom:2px dotted #b3b3b3; text-align: left; }
.tour-info p span{display: inline-block;width: 20px;}
.tour-info  a { text-decoration: none; width:100%; height: 100%; }
.tour-pic { width:80%;margin: 0 auto;position: relative; z-index: 300;clear: both;overflow: hidden;}
.tour-pic img{border-radius: 15px;}
.tour-pic p{background-color:rgba(0,0,0,0.6); line-height: 22px; padding: 12px 16px 14px 16px;position: absolute;bottom: 8px;color: #fff; font-size: 15px;line-height: 1.5em; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif; text-align: left;border-radius: 0 0 15px 15px; }
.tour-pic p strong{color: #ffea00;display: block;font-size: 18px;}

.tour-info-list { margin:5px 0px; padding:0 10px; }
.tour-info-list li { 
    font-weight:600; font-size: 15px; font-family:"新微軟正黑體";color: #628903; line-height: 1.8em;
    padding-left: 12px; text-indent: -18px; 
    text-align: left;
}
.tour-info-list li::before {
    content: "★";
    font-size:13px;
    color:#e5ae18;
    padding-right: 6px;
}
.tour-info-list li span { color:#dc4a03;}

 .price { color: #252525; font: 600 14px "微軟正黑體" ; text-align: right; padding:10px 0; }
 .price span {  color:#ff0000;  font: 600 32px "微軟正黑體"; font-family: 'Barlow', sans-serif; }

 
 
 /*-----spot------*/

 .spot-box { margin:20px 0 30px 0;}
 .spot-pic { width:58%; display: inline-block; vertical-align: top;  }
 .spot-info { width:42%; display: inline-block; vertical-align: top; text-align: left; margin-left:-4px; padding-top:30px; }
 .spot-info h2 { font: 600 26px "微軟正黑體"; color: #484848;  }
 .spot-info span { 
     background:#00cacc url("../images/bg-spot-title.png") center center repeat-x; 
     font: 800 16px "微軟正黑體"; color: #ffffff; float:left; margin-right: 8px;
     padding:5px 20px 5px 14px; border-radius: 0px 18px 18px 0; margin-top:20px;
}
.spot-info h3 { 
     border:3px dotted #7ecef4; padding:36px 18px; border-width: 3px 3px 3px 0;  
     border-radius:0px 16px 16px 0;  color:#3c3c3c; font-weight: bold;
}

/*-------hotel---------*/

.hotel-box { margin:20px 0 30px 0;}
.hotel-pic { width:58%; display: inline-block; vertical-align: top;  }
.hotel-info { width:42%; display: inline-block; vertical-align: top; text-align: left; margin-left:-4px; padding-top:30px; }
.hotel-info h2 { font: 600 26px "微軟正黑體"; color: #dc46cc; padding-bottom:10px;  }
.hotel-info span { 
    background:#f377e3 url("../images/bg-hotel-title.png") center center repeat-x; 
    font: 800 16px "微軟正黑體"; color: #ffffff; 
    padding:5px 20px 5px 14px; border-radius: 0px 18px 18px 0; margin-top:20px;
}
.hotel-info .info { 
    background:#fff; padding:36px 18px 15px 18px; border-width: 3px 3px 3px 0;  
    border-radius:0px 16px 16px 0;  color:#3c3c3c; font-weight: bold; margin-top:-20px;
}

ul.tour-more{overflow: hidden;clear: both;}
ul.tour-more li{float: left;}
ul.tour-more li a{display: inline-block;height: 40px; text-decoration:none;padding: 0 10px;margin-top: 5px; margin-left: 5px;border-radius: 10px;background-color: #013f9b;}
ul.tour-more li a p{display: inline-block;vertical-align:top;color: #fff;font: 600 18px "微軟正黑體";margin-top: 8px;margin-left: 5px;}
ul.tour-more li a strong{display: inline-block;width:30px;margin-top: 3px; color: #fff32b;font: 600 13px "微軟正黑體";border-right: #fff32b 1px dashed; }
ul.tour-more li a:hover{background-color: #28a4e4;}

/*----------notice--------*/

.notice-list { font-weight: 600;  padding-left: 22px; margin-top:10px;}
ul.notice-list li  { font-size:16px; line-height: 1.8em; padding-left: 20px; padding-bottom: 20px; padding-left: 32px; text-indent: -32px;  }
ul.notice-list  li span { 
    background: #daca14; border-radius: 50px; width:25px; height: 25px; 
    color:#ffffff; font-weight: 600; font-size:16px; padding:0 6px; margin-right: 12px;
}
.notice-list p { font-size:16px; line-height: 1.8em; margin-left: 16px; padding-left: 32px; text-indent: -16px; margin-bottom: 10px; }
ul.notice-list li:nth-of-type(3) { margin-top:20px;}

/*防水袋贈品*/
.gift{width: 100%;}


/*news*/
.news-main{max-width: 960px;margin: 0 auto;font-family:"微軟正黑體",arial;padding-bottom: 50px;padding-top: 30px;}
.news-pic{display: inline-block;width: 45%;margin-right: 1%;}
.news-list{display: inline-block;width: 50%;vertical-align: top;padding-top: 5px;}
.news-list>ul>li{display: block;color: #38a8d7;font-size: 16px;font-weight: bold;letter-spacing: 1px;line-height: 24px;border-bottom: solid #D3D3D3 1px;padding-bottom: 5px;margin-bottom: 6px;}
.news-list>ul>li a{ color: #38a8d7;text-decoration: none;display: inline;}
.news-list>ul>li::before{content: url("../images/news-icon.png");padding-right: 10px;vertical-align: top;}
.news-list span{color: #F18C47;margin-right: 5px;}
.news-note{color: #3A3A3A;font-size: 14px;font-weight: normal;}
.news-list>ul>li a:hover{ background: #FDFBC7; border-radius: 10px;}


/*條列行程*/
.tour-wrap{width: 100%;background: #FFFFFF; border-radius: 20px;font-family:"Noto Sans TC", sans-serif; font-weight: normal; font-size:16px; margin-bottom: 50px;}
.tour-wrap ul{width: 96%;margin: 0 auto;padding: 10px 0;}
.tour-wrap li{display: block; border-bottom: dotted 1px #7B7B7B;padding-bottom: 6px;padding: 5px 0px;margin-bottom: 5px; }
.tour-wrap li a{display: block;text-decoration: none; padding: 5px 0px;height: 100%; font-family: "Noto Sans TC", sans-serif; font-weight:normal; }
.tour-wrap li a:hover{background: #D4F1FF;}
.tour-title{background: #53CCF1;color: #114D5F; font-weight:bold;font-size: 20px; text-align: center;border-radius: 10px 60px 0 0;line-height: 32px;margin-bottom: 15px;border-bottom: solid 6px #8EE4FF;margin-top: 10px;letter-spacing: 3px;}
.tour-left{display: inline-block;width: 86%;font-size: 17px;color: #2974AA; font-weight: bold;letter-spacing: 1px;line-height: 22px;}
.tour-note{font-size: 15px;margin-left: 5px;color: #D04593;}
.tour-price{display: inline-block;width: 13%;text-align: right;color: #FF272B;vertical-align: top;}
.tour-price span{font-size: 22px;color: #FF272B; font-weight: 600; }
.tour-hotel{ color: #D387CE; line-height: 26px; font-size: 20px; font-weight: bolder;  padding: 5px 10px;border-radius:0px 60px 0px 0px;margin: 20px 0 4px 0;border-left: solid 8px #F8BCF4;padding-left: 5px;}

.more-btn {padding-top:-10px; text-align: right; font-size: 16px; font-family: "Noto Sans TC", sans-serif; color: #114D5F;  font-weight: normal;}
.more-btn a {color: #114D5F;  text-decoration: none; display: inline-block; padding:5px; border-bottom: 3px solid #90eff8; border-radius: 5px;}
.more-btn a:hover { border-bottom:3px solid #ffffff;}

/*======================
====浮水印 CSS=====
=======================*/
.TooltipWrapper { display: none; }
.tooltip { position: fixed; top:60%; right: 0; z-index: 999;}

/*------media query----------*/

@media only screen and ( max-width:960px) 
{ 
    .spot-info { padding-top:10px; }
    .hotel-info { padding-top:10px; }
    
}


@media only screen and ( min-width:769px) 
{ .gift-s{ display: none;}
}

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

@media only screen and ( max-width:768px) 
{ 
    #main-nav { display: none; }
    #bubble,#tour,#spot,#hotel,#notice,#news { padding-top:0px; margin-top: 0px;  }
    .bg-inner { min-height: 710px;   background:url("../images/main-border.png") center top no-repeat;  }
    .demo-inner-content { padding-top:90px; }
    .rule-box { display: block; width: 100%; max-width: 600px; padding:0 5%; margin-bottom:20px;}
    .rule-box p { text-align: center;  font-size:20px;}   
    .rule-box span { font-size:26px; }
    .spot-pic { width:100%; display: block;  }
    .spot-info { width:100%; display: block; }
               
    .hotel-pic { width:100%; display: block;  }
    .hotel-info { width:100%; display: block; }
	.gift{ display: none;}	
	.tour-info { width: 90%; float: inherit;margin: 10px auto 0 auto;}
	.tour-pic { width: 90%; float: inherit;margin: 0 auto;}
	.news-pic{display: none;}
	.news-list{width: 80%;margin:0 10%;}  
	.tour-left{width: 100%;}
	.tour-price{width: 100%;text-align: center;}
	
	.tooltip{display: none;}
	}

@media only screen and (max-width:600px) 
{
    .mainpic-xs { display:block;}
    .mainpic { display:none;}
     #demo-1 { min-height: 450px;  }
     .demo-inner-content { padding-top:50px; }
    .bg-inner { 
        min-height: 550px; 
        background:none;    
    }
    .process-box .p1 { width:28%;  }
    .tour-pic { float: none; width:96%; margin:0 auto;}
    .tour-info { float: none; width:96%; }
    .tour-info-in { padding-left: 2%; padding-right: 2%;}
    .tour-info p {}
	.subtitle2 {display: none;}
	.rule-block{display: none;} 
	
    
}

@media only screen and (max-width:480px) 
{
    .process-box .p1,.process-box .p2 { width:100%;  }
    .process-pic { display: none;}
	.subtitle2 {display: none;}
	.rule-block{display: none;}
	
.tour-pic img{border-radius: 0px;}
.tour-pic p{position: inherit;bottom: 0;margin: -8px auto 0 auto;}
.tour-info-in em{display: block;}
.news-list{width: 90%;margin:0 5%;} 

}

/*---手機版-----*/


@media only screen and ( max-width:320px) 
{ 
.qa-title {font: bold 20px "微軟正黑體";}	
}