html {
  background: #fff fixed no-repeat center;
}

body {
  overflow-x: hidden;
  overflow-y: hidden;
  opacity: 0;
}

body.fadeInIndex {
  overflow-y: auto;
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

/*表單樣式*/

input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  padding: 13px 40px;
  border: 0;
  color: #fff;
  background: #048484;
  font-size: 1.3rem;
  height: auto;
  font-weight: unset;
  margin: 0 5px;
  -webkit-appearance: none;
  /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
  -moz-appearance: none;
  /* FireFox */
  appearance: none;
  border-radius: 0;
}

/* input[type="submit"]:hover {
    background: #007A7A;
} */

a.reload-icon , input[type="submit"].reload{
  height: 44px;
  min-width: 44px;
  width: 44px !important;
  margin: 0 3px 0 8px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../../images/icon/reload.svg);
  padding: 0;
  display: inline-block;
}



a.voice , input[type="button"].voice{
  height: 44px;
  width: 44px !important;
  min-width: 44px;
  margin: 0 3px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../../images/icon/voice.svg);
  padding: 0;
  display: inline-block;
}


/*████████  主要區塊  ████████*/

/*
.introPage .content,
.normalPage .content {
    max-width: 1280px;
    margin: 0 auto;
}

.content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.article {
    width: 100%;
    float: left;
}


.hasAside .article {
    width: 76%;
    float: left;
}

.article>div {
    clear: both;
}
*/

/* 活動行事曆&出版品切換按鈕共同樣式-已清 */

.switch-default {
  text-align: center;
  margin-bottom: 20px;
}

.switch-default a {
  display: inline-block;
  padding: 15px 35px 15px 80px;
  border: 1px solid #d2d2d2;
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: 40px center;
  margin: 0 3px;
  -webkit-transition: none;
  transition: none;
}

.switch-default li {
  display: inline-block;
}

.switch-default a:hover,
.switch-default a.focus,
.switch-default a.active {
  background-color: #c7511e;
  color: #ffffff;
  border: 1px solid #c7511e;
}

.switch-default a:hover i,
.switch-default a.focus i {
  color: #ffffff;
}

/*=========== 上稿的設定 start ===========*/

.textWrap {
  color: #424242;
  line-height: 1.9em;
  margin-bottom: 24px;
  margin-top: 20px;
  clear: both;
}

.textWrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.textWrap p {
  margin-bottom: 22px;
  letter-spacing: 0.5px;
}

.textWrap img {
  max-width: 100%;
  height: auto;
}

.textWrap > img {
  margin-bottom: 22px;
}

.textWrap > p > img {
  margin-bottom: 22px;
}

.textWrap strong {
  font-weight: 500;
}

.textWrap span {
  color: #0077ae;
}

.textWrap b {
  font-weight: inherit;
}

.textWrap i {
  font-style: inherit;
}

.textWrap u {
  text-decoration: inherit;
}

.textWrap em {
  font-style: italic;
}

.textWrap ol {
  list-style: decimal;
  padding-left: 28px;
}

.textWrap ul {
  list-style: disc;
  margin-bottom: 15px;
  padding-left: 30px;
}

.textWrap ul.slick-slider {
  padding-left: 0;
}

/*------上稿H2~H6定義------*/

.textWrap a {
  color: #d03800;
}

.textWrap h3 {
  font-size: 180%;
  color: #007A7A;
  margin: 10px 0;
}

.textWrap h4,
.fake-h4 {
  font-size: 130%;
  margin: 15px 0 15px 0;
  color: #358609;
  position: relative;
  font-weight: 500;
}

.textWrap h5,
.fake-h5 {
  padding-left: 21px;
  font-size: 115%;
  margin: 10px 0 10px 0;
  color: #087070;
  position: relative;
  font-weight: 500;
}

.textWrap h5:before,
.fake-h5:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 22px;
  background-color: #087070;
  left: 2px;
  top: 5px;
}

.fake-h3 {
  font-size: 150%;
  margin: 30px 0 20px 0;
  color: #287252;
  font-weight: 400;
  position: relative;
  clear: both;
}

.textWrap ul h3,
.textWrap ol h3 {
  margin-left: -28px;
}

.textWrap ul h4,
.textWrap ol h4 {
  margin-left: -19px;
}

/*------特色小吃上稿------*/

.helf {
  position: relative;
}

.helf p {
  width: 80%;
  margin-bottom: 70px;
  text-align: justify;
}

.helf img {
  position: absolute;
  right: 0;
  top: 0;
}

/*標題*/

/*
.article .topTitle:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.article h1 {
    color: #24cfe5;
    margin-top: -11px;
    font-size: 233%;
    margin-bottom: 26px;
    font-weight: bold;
    float: left;
}
*/

h3 {
  color: #007A7A;
  font-weight: bolder;
}

.article h3 {
  /*k*/
  color: #007A7A;
  /*k*/
  font-size: 150%;
  margin: 1rem 0;
}

/*
.introPage .article h1 {
    width: 100%;
    margin-bottom: 10px;
    float: none;
}
*/

/*████↓↓ 側邊選單 ↓↓████ ---舊的 不用了*/

/*
.main .rightInfo{
    width: 25%;
    float: right;
}
.main .rightInfo  b , .main .rightInfo  i{
    color:#007A7A;
}
*/

/*
.main aside .acc {
    position: absolute;
}

.main aside {
    width: 18%;
    float: left;
    margin-right: 6%;
}

.main aside h2 {
    display: table;
    width: calc(100% + 1px);
    height: 92px;
    background: #46a938;
    color: #FFF;
    padding: 0 15%;
    font-size: 125%;
}

.main aside h2 b {
    display: table-cell;
    vertical-align: middle;
}

*/

/*側邊選單-第一層*/

/*

.leftBtns {
    border-top: 4px solid #24cfe5;
}

.leftBtns>li>a {
    background: url(../../images/icon/btn_right_gray.svg) no-repeat right center/31px 13px;
    color: #424242;
    display: block;
    padding: 18px 26px 18px 0;
    border-bottom: 1px solid #e1e1e1;
    font-size: 105%;
}

.leftBtns>li>a:hover,
.leftBtns>li>a.focus {
    background: url(../../images/icon/btn_right_orange.svg) no-repeat right center/31px 13px;
    color: #c34500;
}
*/

/*側邊選單-第二層*/

/*
.leftBtns ul {
    padding: 6px;
    border-bottom: 1px solid #e1e1e1;
    background: #f1f1f1;
    display: none;
}

.leftBtns ul.focus {
    display: block;
}

.leftBtns ul li {
    margin: 12px 0;
}

.leftBtns ul li a {
    display: inline-block;
    font-size: 90%;
    padding-left: 16px;
    color: #424242;
    position: relative;
}

.leftBtns ul li a:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #8b8b8b;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: 9px;
}

.leftBtns ul li a.focus,
.leftBtns ul li a:hover {
    color: #f89810;
}

.leftBtns ul li a.focus:after,
.leftBtns ul li a:hover:after {
    content: "";
    width: calc(100% - 16px);
    height: 1px;
    background: #f89810;
    position: absolute;
    left: 15px;
    bottom: -3px;
}

.leftBtns ul li a.focus:before,
.leftBtns ul li a:hover:before {
    background: #f89810;
}

.leftBtns i {
    display: none;
}
*/

/*下載 -已清*/

/*
.downloadBox {
    margin-bottom: 30px;
    margin-top: 30px;
    background: #FFF;
    border-radius: 18px;
}

.downloadBox .title {
    display: block;
    width: 100%;
    background: #007A7A;
    color: #FFF;
    color: #FFF;
    padding: 10px 20px 10px 24px;
    height: 55px;
    line-height: 38px;
    font-size: 140%;
}

table.download {
    width: 100%;
}

.download tr {
    border: 1px solid #e7e7e7;
    border-top: none;
}

.download tr>* {
    padding: 15px 24px;
}

.download tr:hover {
    background: #F9F9F9;
}

.download th {
    display: none;
    color: #FFFFFF;
    background: #46A938;
    border: 1px solid #46A938;
    border-bottom: 2px solid #ACDFA5;
}

.download td {
    position: relative;
}

.download td a {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 7px;
}

.download td a>span {
    display: none;
    position: absolute;
    background: #c7511e;
    font-size: 90%;
    padding: 10px;
    border-radius: 50px;
    text-align: center;
    min-width: 190px;
    top: -67px;
    left: 50%;
    margin-left: -95px;
}

.download td a:hover>span {
    display: block;
}

.download td a>span>* {
    display: block;
    line-height: 1.3em;
    color: #ffffff;
    font-style: initial;
}

.download td a>span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #c7511e transparent transparent transparent;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -8px;
}

.download td a b {
    display: block;
    display: none;
}

.download td a>img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.openListBox .download th {
    display: table-cell;
    color: #306D27;
    background: #FCFCFC;
    border: 1px solid #FCFCFC;
    border-bottom: 2px solid #BEBAA9;
    border-top: 1px solid #BEBAA9;
    display: none !important;
}
*/

/*TH出現*/

/*
.downloadBox.showTh .title {
    display: none;
}

.showTh .download tr:first-child {
    display: table-row;
}
*/

/*下方資訊 - 已清*/

/*
.bottomInfo {
    margin: 65px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.updateView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 25px;
    border-top: 1px solid #cccccc;
    color: #707070;
}

.article-direction {
    width: 30%;
    border: 1px solid #27c8c8;
    padding: 12px 0;
    text-align: center;
    color: #007A7A;
    font-size: 120%;
}

.article-direction:hover {
    color: #ffffff;
    background-color: #27c8c8;
}

.disable {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #bbbbbb;
    border: 1px solid #bbbbbb;
}

.sendBtn {
    width: auto;
}

.updateView {
    padding-top: 18px;
    border-top: 1px solid #d3d3d3;
    color: #6d6a6a;
    overflow: hidden;
    font-size: 90%;
}
*/

.backListBtn {
  display: inline-block;
  padding: 12px 40px;
  border: 0;
  color: #fff;
  background: #048484;
  font-size: 120%;
  height: auto;
  font-weight: unset;
  margin: 0 5px;
}

.backListBtn  a{
  display: inline-block;
  padding: 12px 40px;
  border: 0;
  color: #fff;
  background: #048484;
  font-size: 1.3rem;
  height: auto;
  font-weight: unset;
  margin: 0 5px;
}


@media screen and (max-width: 500px) {
  .allBtn  a{
    width: 100%;
  }
}



.backListBtn:hover {
  color: #fff;
  background: #007A7A;
}

#cvs_wave00,
#cvs_wave01,
#cvs_wave02 {
  display: none;
}

#cvs_wave03 {
  top: -200px !important;
  display: none;
}

#cvs_wave07 {
  top: -200px !important;
}

/*████↓↓ 景點節慶餐廳民宿遊程介紹內頁 ↓↓████*/

/*
span.month {
    float: left;
    display: inline-block;
    margin-right: 15px;
    color: #f66900;
    padding: 2px 13px;
    font-size: 120%;
    border: 1px solid #e1e1e1;
    line-height: 2em;
}

.introPage .article,
.normalPage .article {
    width: 68%;
}
*/

.introPage header {
  min-height: 50px;
  margin: 0 auto 50px auto;
  /*k*/
}

/*
span.viewer {
    float: left;
    display: block;
    color: #707070;
    padding-top: 10px;
    
    height: 34px;
    line-height: 36px;
    font-size: 125%;
}

span.viewer:before {
    content: "";
    display: block;
    width: 40px;
    height: 35px;
    background: url(../../images/icon/viewer.svg) no-repeat center/contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    float: left;
}
*/

/*
a.collect {
    float: left;
    width: auto;
    line-height: 35px;
    padding-left: 40px;
    padding-right: 10px;
    background: url(../../images/icon/icon-fav.svg) no-repeat 11px 17px/22px 22px;
    font-size: 115%;
    padding-top: 10px;
    margin-right: 15px;
    color: #707070;
}

a.collect.added {
    float: left;
    width: auto;
    height: 53px;
    line-height: 35px;
    padding-left: 40px;
    padding-right: 10px;
    background: url(../../images/icon/icon-fav-add.svg) no-repeat 11px center/22px 22px;
    font-size: 125%;
    padding-top: 10px;
    margin-right: 15px;
}
*/

a.collect:after {
  /* content: "已收藏囉";
       text-indent: 0;
    position: absolute;
    display: block;
    width: 130px;
    background: #fff;
    text-align: right;
    height: 27px;
    line-height: 27px;
    font-size: 80%;
    left: -137px;
    top: 8px;
    color: #000; */
  display: none;
}

/*

a.collect.added {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

a.collect.added i {
    display: none;
}

a.collect.added:after {
    display: inline;
}
*/

/*----圖片影片輪播- 已清---*/

/*
.mediaRun {
    clear: both;
    position: relative;
    height: 0;
    padding-bottom: 62%;
    margin-top: 20px;
}

.mediaRun>* {
    position: absolute;
}

.introPage-switch {
    text-align: center;
}

.introPage-switch .switch {
    width: 100%;
    z-index: 3;
    text-align: center;
    margin-bottom: 30px;
}

.introPage-switch .switch2 {
    display: initial;
}

.introPage-switch .switch>a {
    display: inline-block;
    color: #676767;
    padding: 10px 0 10px 30px;
    font-size: 125%;
    background-position: 25% center;
    border: 0px #c7511e solid;
    width: 30%;
}

.mediaRun .slick-slider {
    margin-bottom: 0;
}

.introPage-switch .switch>a.picBtn {
    background-image: url(../../images/photo.svg);
    background-repeat: no-repeat;
    background-size: 15%;
}

.introPage-switch .switch>a.viedoBtn {
    background-image: url(../../images/video.svg);
    background-repeat: no-repeat;
    background-size: 17%;
}

.introPage-switch .switch>a.pic720Btn {
    background-image: url(../../images/globe.svg);
    background-repeat: no-repeat;
    background-size: 18%;
}
*/

/*圖片輪播*/

.picRun {
  width: 100%;
  z-index: 2;
  overflow: hidden;
}

.picRun li .imgLiquid {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 59%;
}

/*影片輪播*/

/*
.videoRun {
    width: 100%;
    z-index: 1;
    overflow: hidden;
}

.videoRun li>div {
    position: relative;
    padding-bottom: 59%;
    height: 0;
}

.videoRun li>div>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoBox .slick-prev {
    left: 13px;
    z-index: 1;
}

.videoBox .slick-next {
    right: 18px;
    z-index: 1;
}

.videoBox .slick-dots {
    top: -45px;
    right: -3px;
    text-align: right;
    height: 20px;
}
*/

/*
.mediaRun .slick-prev {
    z-index: 2;
    left: 6px;
}

.mediaRun .slick-next {
    z-index: 2;
    right: 6px;
}

.mediaRun .slick-dots {
    bottom: 16px;
}

.mediaRun .slick-dots li button:before {
    font-size: 0.944rem;
    color: white;
}

.mediaRun .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #f99620;
}

*/

/*720度*/

/*
.pic720Run {
    width: 100%;
    z-index: 1;
    overflow: hidden;
}

.pic720Run li div {
    position: relative;
    padding-bottom: 59%;
    height: 0;
}

.pic720Run li div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/

/*----側邊資訊----*/

/*
.rightInfo>div {
    margin-bottom: 50px;
    border: 1px solid #96e9e9;

}

.rightInfo>div ul {
    padding: 8px 48px 30px;
}

.rightInfo>div ul li:last-child {
    border-bottom: 0;
}

.rightInfo>div ul a {
    display: block;
    padding-top: 15px;
    position: relative;
    font-size: 100%;
}
*/

.festival-content .rightInfo > div.othersBox ul a {
  /* padding-left: 65px; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.festival-content .rightInfo > div.othersBox ul > li{
  margin-bottom: 1rem;
}
.festival-content .rightInfo > div.othersBox ul > li:last-child{
  margin-bottom: 0rem;
}

.festival-content .rightInfo > div.othersBox ul a > i {
  display: inline-block;
  background: #c7511e;
  text-align: center;
  color: #ffffff;
  font-size: 90%;
  padding: 1px 5px;
  /* margin-right: 6px;
  position: absolute;
  top: 13px;
  left: 0;
  margin-top: 4px; */
}

.festival-content .rightInfo > div.othersBox ul a > span{
  width: 70%;
  display: block;
}

/*
.rightInfo strong {
    color: #007A7A;
    display: block;
    font-size: 150%;
    padding: 21px 21px 0;
    text-align: center;
}

.rightInfo strong:after {
    content: "";
    width: 97%;
    height: 1px;
    margin-top: 10px;
    background-color: #96e9e9;
    display: block;
}
*/

/*其他景點-已清*/

/*
.othersBox>a {
    display: block;
    text-align: center;
    margin-bottom: 25px;
}

.othersBox>a i {
    background: #007A7A;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    padding: 6px 29px;
    font-size: 125%;
    width: 80%;
}

.othersBox>a:hover i {
    background: #f27100;
    color: #FFF;
}
*/

/* .othersBox ul>li,
.othersBox>a.closeAll {
    display: none;
}

.othersBox ul>li:nth-child(1),
.othersBox ul>li:nth-child(2),
.othersBox ul>li:nth-child(3),
.othersBox ul>li:nth-child(4),
.othersBox ul>li:nth-child(5),
.othersBox ul>li:nth-child(6) {
    display: block;
}

.othersBox ul>li:nth-child(6) {
    border: 0;
}

.othersBox.open ul>li:nth-child(6) {
    border-bottom: 1px solid #f2f2f2;
}

.othersBox.open ul>li,
.othersBox.open>a.closeAll {
    display: block;
}

.othersBox.open>a.openAll {
    display: none;
} */

/*推薦-已清*/

/*
.recommendBox span {
    text-align: center;
    display: block;
    margin: 10px 0;
    font-size: 200%;
    color: #ff6f84;
}

span.recommended {
    font-size: 100%;
    color: #909090;
}

.recommendBox>a {
    display: block;
    text-align: center;
    margin-bottom: 25px;
}

.recommendBox>a i {
    background: #007A7A;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    padding: 6px 29px;
    font-size: 125%;
    width: 80%;
}

.recommendBox>a:hover i {
    background: #f27100;
    color: #FFF;
}
*/

/*熱門*/

/*
.hotBox span {
    text-align: center;
    display: block;
    margin: 20px 0;
    font-size: 320%;
    color: #c7511e;
}

.hotBox ul li a {
    position: relative;
    margin-left: 59px;
}

.hotBox ul li a:before {
    background: #007A7A;
    display: inline-block;
    color: #FFF;
    padding: 5px 8px;
    position: absolute;
    font-size: 75%;
    left: -65px;
}

.hotBox ul li:nth-child(1) a:before {
    content: "TOP1";
    background: #c7511e;
}

.hotBox ul li:nth-child(2) a:before {
    content: "TOP2";
}

.hotBox ul li:nth-child(3) a:before {
    content: "TOP3";
}

.hotBox ul li:nth-child(4) a:before {
    content: "TOP4";
}

.hotBox ul li:nth-child(5) a:before {
    content: "TOP5";
}
*/

/*照片花絮*/

/*
.rightInfo>div.relatedPicBox {
    background: rgba(255, 255, 255, 0);
}

.relatedPicBox strong {
    background-image: url(../../images/icon/relatedPicBox.svg);
    background-size: 42px 42px;
}

.rightInfo>div.relatedPicBox ul {
    overflow: hidden;
    padding: 0;
}

.rightInfo>div.relatedPicBox li {
    float: left;
    width: 50%;
    border-bottom: 0;
    padding: 5px 2.5px 0 2.5px;
}

.rightInfo>div.relatedPicBox li:nth-child(odd) {}

.rightInfo>div.relatedPicBox ul a {
    padding: 0;
    position: relative;
    color: #FFF;
}

.relatedPicBox ul a span {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 88%;
}

.relatedPicBox ul a i {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    opacity: 0;
    -webkit-transition: all .20s linear;
    transition: all .20s linear;
    z-index: 1;
    top: 0;
}

.relatedPicBox ul a i:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.relatedPicBox a i b {
    display: inline-block;
    vertical-align: middle;
}

.relatedPicBox ul a:hover i {
    opacity: 1;
    -webkit-transition: all .20s linear;
    transition: all .20s linear;
}
*/

/*最近瀏覽*/

/*
.recentBox:after {
    content: '尚未瀏覽';
    text-align: center;
    display: block;
    margin-bottom: 19px;
    color: #ababab;
    font-size: 110%;
}

.hasItem.recentBox:after {
    display: none;
}
*/

/*相關資訊 -已清*/

/*
.infoListBox {
    background: #FFF;
}

.dlList {
    display: table;
    width: 100%;
}

.dlList dl {
    overflow: hidden;
    height: 60px;
    display: table-row;
}

.dlList dl>* {
    display: table-cell;
    vertical-align: middle;
}

.infoListBox .dlList p {
    color: #373737;
    font-size: 125%;
    margin-bottom: 15px;
}

a.tel-link,
a.web-link,
a.location {
    display: inline-block;
    color: #373737;
    border: 1px solid #27c8c8;
    padding: 8px 40px 8px 12px;
    font-size: 90%;
    position: relative;
    margin-right: 10px;
}

a.tel-link:hover,
a.web-link:hover,
a.location:hover {
    color: #27c8c8;
}
*/

/* .infoListBox .dlList dd a:after {
    content: "";
    width: 15px;
    height: 15px;
    background: url(../../images/icon/ExternalLink.svg) no-repeat center/contain;
    position: absolute;
    right: 12px;
    top: 15px;
    z-index: 1;
} */

/*  /*kenny說要拿掉*
.infoListBox .dlList p:before {
    content: "";
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: sub;
    z-index: 1;
}


.infoListBox .dlList p.tel:before {
    background: url(../../images/icon/icon-tel.svg) no-repeat center/contain;
}

.infoListBox .dlList p.fax:before {
    background: url(../../images/icon/icon-fax.svg) no-repeat center/contain;
}vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

.infoListBox .dlList p.open-time:before {
    background: url(../../images/icon/icon-opentime.svg) no-repeat center/contain;
}

.infoListBox .dlList p.address:before {
    background: url(../../images/icon/icon-address.svg) no-repeat center/contain;
}

.infoListBox .dlList p.web:before {
    background: url(../../images/icon/icon-web.svg) no-repeat center/contain;
}

.infoListBox .dlList p.price:before {
    background: url(../../images/icon/icon-price.svg) no-repeat center/contain;
}
*/

/*
a.tel-link:after,
a.location:after,
a.web-link:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 12px;
    top: 11px;
    z-index: 1;
}

a.location:after {
    background: url(../../images/icon/icon-location.svg) no-repeat center/contain;
}

a.tel-link:after {
    background: url(../../images/icon/icon-phone.svg) no-repeat center/contain;
}

a.web-link:after {
    background: url(../../images/icon/icon-link.svg) no-repeat center/contain;
}

.infoListBox .dlList dl:last-child>* {
    border: 0;
}
*/

/*地圖便利搜- 已清*/

/*
.mapSearchBox {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.mapSearchBox>h3 {
    display: block;
    width: 100%;
    color: #FFF;
    background: #0c8fa0;
    padding: 22px 20px 25px 85px;
    font-size: 190%;
    font-weight: bold;
    position: relative;
}

.mapSearchBox>h3:before {
    content: "";
    width: 43px;
    height: 43px;
    position: absolute;
    background: url(../../images/icon/mapSearchBox.svg) no-repeat center/contain;
    top: 50%;
    margin-top: -21px;
    left: 33px;
}

.googleMap {
    position: relative;
    position: relative;
}

.googleMap:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 64%;
}

.googleMap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.googleMap>*:first-child {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
}

.mapBtnList {
    text-align: center;
    width: 446px;
    margin-left: calc((50% - 223px));
    margin-top: 20px;
}

.mapBtnList li {
    display: inline-block;
    margin: 0 8px;
}

.mapBtnList li a {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: no-repeat center 19px/43%;
    color: #FFF;
}

.mapBtnList li a:hover {
    background: no-repeat center 19px/45%;
}

.mapBtnList li a i {
    display: block;
    padding-top: 76px;
}
*/

/*.mapBtnList li:nth-child(1) a {
    background-image: url(../../images/icon/map_scenery.svg);
    background-color: #f372ab;
}

.mapBtnList li:nth-child(2) a {
    background-image: url(../../images/icon/map_food.svg);
    background-color: #80d20b;
}

.mapBtnList li:nth-child(3) a {
    background-image: url(../../images/icon/map_live.svg);
    background-color: #be74c9;
}*/

/*----新聞內頁----*/

.newsDate {
  display: block;
  color: #f66900;
  font-size: 2rem;
  margin-bottom: 13px;
}

.news .article h1 {
  color: #fff;
  max-width: calc(100% - 140px);
}

.news .textWrap > iframe {
  position: absolute;
  width: 90%;
  height: 80%;
  top: 50px;
  left: 38px;
}

.news .rightInfo a > i {
  display: block;
}

/*熱門最新消息*/

/*████↓↓ 大背景選單 ↓↓████*/

.bgList header h1 b:before,
.bgList header h1 b:after,
.bgList header h2 b:before,
.bgList header h2 b:after {
  background: url(../../images/circle_white.png);
}

.bgList header h1 b,
.bgList header h2 b {
  background: url(../../images/circle_white_bg.png) 31px 0;
  color: #037fb0;
}

/*for ie*/

_:-ms-lang(x),
.bgList header h1 b,
.bgList header h2 b {
  background: #fff url(../../images/circle_white_bg.png) 31px 0;
  border-radius: 34px;
}

.bgList .main {
  background-size: cover;
}

.fullList {
  /* padding-bottom: 110px;*/
}

.fullList ul {
  text-align: center;
}

.fullList ul li {
  display: inline-block;
  text-align: center;
  margin: 0 10px 30px 10px;
}

.bgList .content {
  min-height: 550px;
}

.fullList a {
  display: block;
  font-size: 110%;
  /*    text-shadow: 0px 0px 4px #000, 0px 0px 16px #000;*/
  position: relative;
  width: 140px;
  padding-top: 140px;
}

.fullList b {
  color: #037fb0;
  background-color: #fff;
  border-radius: 30px;
  padding: 6px 12px;
}

.fullList b:hover {
  color: #ffffff;
  background-color: #037fb0;
  border-radius: 30px;
  padding: 6px 12px;
}

.fullList a:before,
.fullList a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 140px;
  background: #ffd05b no-repeat center/70%;
  border-radius: 50%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.fullList a:hover:before,
.fullList a:hover:after {
  -webkit-animation-name: upAndDown;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@keyframes upAndDown {
  0% {
    top: 0;
  }
  100% {
    top: -20px;
  }
}

@-webkit-keyframes upAndDown {
  0% {
    top: 0;
  }
  100% {
    top: -20px;
  }
}

.fullList a b {
  margin-top: 10px;
  display: block;
  font-weight: bold;
}

/*--數位典藏--*/

.bgList.multimedia .main {
  background-image: url(../../images/list_img/multimedia_bg.jpg);
}

.multimedia header h1 b {
  color: #1655be;
}

.multimedia .fullList li:nth-child(1) a:after {
  background-image: url(../../images/list_img/multimedia_1.svg);
}

.multimedia .fullList li:nth-child(2) a:after {
  background-image: url(../../images/list_img/multimedia_2.svg);
}

.multimedia .fullList li:nth-child(3) a:after {
  background-image: url(../../images/list_img/multimedia_3.svg);
}

/*████↑↑ 大背景選單 ↑↑████*/

/*████↓↓ 訊息專區選單 ↓↓████*/

.newsWrap {
  padding: 0 10%;
}

/*--最新消息(列表)--*/

/*no-use*/

/*
.newsBox {
    background: #FFF;
    border-radius: 40px;
    padding-bottom: 40px;
    margin-bottom: 50px;
    position: relative;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.newsBox:after {
    content: "";
    width: 18%;
    height: 0;
    padding-bottom: 24%;
    background: url(../../images/newsDeco.png) no-repeat center/contain;
    position: absolute;
    right: -20px;
    bottom: -40px;
}

.newsBox h3 {
    color: #FFF;
    background: #ca4a03;
    padding: 26px;
    font-size: 205%;
    font-weight: bold;
    text-align: center;
    border-radius: 40px 40px 0 0;
}

.newsBox ul {
    padding: 10px 58px;
}

.newsBox li {
    height: 80px;
    border-bottom: 1px solid #e1e1e1;
    display: table;
    width: 100%;
}

.newsBox li.topNews a h2 {
    color: #c74000;
}

.newsBox li.topNews a h2:after {
    content: "HOT";
    color: #FFF;
    background: red;
    font-size: 69%;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 20px;
    height: 15px;
    line-height: 15px;
    border-radius: 20px;
    margin-left: 17px;
    -webkit-animation-name: opacityAnimate;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@keyframes opacityAnimate {
    0% {
        background: red;
    }

    100% {
        background: #b70000;
    }
}

@-webkit-keyframes opacityAnimate {
    0% {
        background: red;
    }

    100% {
        background: #b70000;
    }
}

.newsBox li:last-child {
    border: 0;
}

.newsBox li a {
    display: table-row;
}

.newsBox li a>* {
    display: table-cell;
    vertical-align: middle;
}

.newsBox li a span {
    color: #037fb0;
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 115%;
    padding: 0 13px;
    width: 154px;
}



.newsBox li a h2 {
    padding: 20px 0 20px 25px;
    font-size: 110%;
    line-height: 1.6em;
    color: #424242;

}

.moreInfo {
    display: block;
    color: #FFF;
    background: #ca4a03;
    margin: 0 auto;
    padding: 8px;
    width: 220px;
    text-align: center;
    font-size: 120%;
    border-radius: 10px;
    margin-top: 0px;

}

.moreInfo:hover {
    color: #FFF;
}
*/

/*--活動行事曆(列表)--*/

/*no-use*/

/*
.activityBox {}

.activityBox h3 {
    color: #037fb0;
    padding: 26px;
    font-size: 205%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 26px;
    position: relative;
}

.activityBox h3 b {
    background: #f6f4f4;
    padding: 0 35px;
}

.activityBox h3:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #24cfe5;
    top: 50px;
    left: 0;
    z-index: -1;
}

.activityBox ul {
    overflow: hidden;
    margin-bottom: 60px;
}

.activityBox li {
    width: 31.333%;
    float: left;
    margin: 0 1%;
}

.activityBox li a {
    display: block;
}

.activityBox .date {
    background: #ca4a03;
    color: #FFF;
    border-radius: 25px 25px 0 0;
    padding: 25px 0 30px 0;
    position: relative;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.activityBox .date:before {
    content: "";
    width: 16px;
    height: 2px;
    background: #FFF;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 47%;
}

.activityBox .date:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.activityBox .date span {
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
}

.activityBox .date span:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 37px;
    background: #ff9d03;
    border: 6px solid #FFF;
    border-radius: 20px;
    left: 50%;
    margin-left: -12px;
    bottom: -57px;
}

.activityBox .date span>* {
    display: block;
}

.activityBox .date span i {
    font-size: 115%;
}

.activityBox .date span b {
    font-size: 160%;
}

.activityBox h2 {
    display: table;
    background: #FFF;
    width: 100%;
    text-align: center;
    height: 124px;
    padding: 16px 25px 0 25px;
    border-radius: 0 0 25px 25px;
    font-size: 124%;
    color: #656565;
    line-height: 1.4em;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.activityBox h2 b {
    display: table-cell;
    vertical-align: middle;
}
*/

/*████↑↑ 最新消息選單 ↑↑████*/

/*=====頁碼=====*/

/*no-use*/

/*
.PagerInfo {
    text-align: center;
    font-size: 85%;
    color: #7B7B7B;
    margin-top: 50px;
}

.PagerInfo span {
    color: #F99620;
    margin-right: 0;
}

.pageNum {
    text-align: center;
    margin: 20px auto 0 auto;
}

.pageNum a {
    display: inline-block;
    color: #424242;
    background-color: #ffffff;
    margin: 0 2px;
    border-radius: 50%;
    text-decoration: none;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    height: 40px;
    width: 40px;
    line-height: 41px;
    border: 1px #E3E3E3 solid;
}

.pageNum>span {
    display: block;
}

.pageNum a.square {
    border-radius: 5px;
    width: auto;
    padding: 0 17px;
    margin-top: 20px;
}

.pageNum a.pre,
.pageNum a.next {

}

.pageNum a.pre {}

.pageNum a.next {}

.pageNum a:hover {
    background-color: #ca4a03;
    color: #FFF;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
}

.pageNum a.current {
    background-color: #ca4a03;
    color: #fff;
}

.pageNum span.disabled {
    border: #f3f3f3 1px solid;
    color: #ccc;
    margin-right: 2px;
    padding: 2px 5px;
}

*/

/*------ 活動行事曆 ----------------------------------------- */

/*========月曆=======*/

.calendarAll {
  margin-top: 30px;
}

.calendar {
  width: 100%;
  font-family: "微軟正黑體";
  position: relative;
  margin: 0px auto 20px auto;
}

a.calendar-btn-1 {
  background-image: url(../../images/icon/calendar.svg);
}

a.calendar-btn-2 {
  background-image: url(../../images/icon/list.svg);
}

a.calendar-btn-1:hover,
a.calendar-btn-1.active {
  background-image: url(../../images/icon/calendar-w.svg);
}

a.calendar-btn-2:hover,
a.calendar-btn-2.active {
  background-image: url(../../images/icon/list-w.svg);
}

.calendar .month {
  width: 100%;
  height: 80px;
  background: #E8F4F8;
  position: relative;
  padding: 10px;
}

.calendar .month a {
  display: block;
  text-indent: -99999px;
  width: 63px;
  height: 42px;
  position: relative;
  z-index: 3;
  margin-top: 9px;
}

.calendar .month a.pre {
  float: left;
  background: url(../../img/icon/calendar_pre.svg) no-repeat;
  background-position: center center;
  background-size: contain;
}

.calendar .month a.next {
  float: right;
  background: url(../../img/icon/calendar_next.svg) no-repeat;
  background-position: center center;
  background-size: contain;
}

.calendar .month div {
  /*display: inline-block;*/
  display: flex;
  align-items: center;
  font-weight: bold;
  width: 550px;
  font-size: 1.667em;
  line-height: 63px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}

.list-type .list {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-type .list .date {
  width: 15%;
}

.list-type .list .content {
  width: 85%;
}

.monthTable {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}

.monthTable th {
  text-align: center;
  height: 50px;
  border: 1px solid #d9d9d9;
  line-height: 50px;
}

.monthTable td {
  border: 1px solid #e0e0d5;
  width: 14.28571428571429%;
  line-height: 1.3;
  vertical-align: top;
  height: 110px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.calendarDate select {
  height: 53px;
  font-size: 2rem;
  border: 1px solid #d2d2d2;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../../images/icon/arrow-down.svg) no-repeat;
  background-position: 132px center;
  background-size: 11%;
  width: 180px;
  color: #707070;
  padding: 0 0 0 20px;
  margin-bottom: initial;
  min-width: auto;
  background-color: #fff;
  margin-right: 5px;
}

select.calendarMonth {
  padding-left: 80px;
}

.calendarDate option {
  font-size: 50%;
}

.calendar-type{
  position: relative;
}

.eventAll {
  width: 100%;
  position: absolute;
  top: 52px;
  border-collapse: collapse;
  border-spacing: 0px;
  
}

.eventAll td {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  border-bottom: 1px solid #e0e0d5;
  height: 110px;
  padding-top: 30px;
}

.eventAll tr {
}

.eventAll abbr,
.eventAll a {
  display: block;
  padding: 1px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  height: 26px;
  position: relative;
  text-decoration: none;
}

.eventAll abbr:hover,
.eventAll a:hover {
  z-index: 99999;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
}

.eventAll abbr span,
.eventAll a span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  font-weight: 500;
  font-size: 1rem;
}

.eventAll abbr:hover span,
.eventAll a:hover span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.eventAll abbr b,
.eventAll a b {
  opacity: 0;
  font-size: 110%;
  line-height: 1.6em;
  display: none;
  position: absolute;
  background: #444;
  color: #fff;
  width: 300px;
  height: auto;
  top: 33px;
  margin-left: -150px;
  left: 50%;
  z-index: 9999;
  white-space: initial;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 15px;
}

.eventAll abbr:hover b,
.eventAll a:hover b {
  opacity: 0;
  font-size: 110%;
  line-height: 1.6em;
  display: none;
  position: absolute;
  background: #444;
  color: #fff;
  width: 300px;
  height: auto;
  top: 33px;
  margin-left: -150px;
  left: 50%;
  z-index: 9999;
  white-space: initial;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 15px;
}

.eventAll abbr b:before,
.eventAll a b:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #444 transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: -10px;
}

.eventAll abbr b i,
.eventAll a b i {
  font-style: normal;
  color: #fff;
}

.eventAll abbr b u,
.eventAll a b u {
  text-decoration: none;
  display: inline-block;
  color: #bbb;
}

.eventAll abbr.noLink,
.eventAll a.noLink {
  cursor: default;
}

.eventAll abbr.bridgeShow,
.eventAll a.bridgeShow {
  background: #9ECDFC !important;
}

.eventAll abbr.bridgeShow2,
.eventAll a.bridgeShow2 {
  background: #9ECDFC !important;
}

.monthTable td > div > span {
  display: block;
  padding: 4px 6px;
}

.monthTable td:nth-child(6) span,
.monthTable td:nth-child(7) span {
  color: #d40707;
  font-weight: 500;
}

.eventList {
  margin-top: 20px;
}

.eventList ul {
  margin-left: 30px;
}

.eventList li {
  padding: 5px 0;
  margin-bottom: 8px;
}

.eventList i {
  font-style: normal;
  color: #424242;
}

.list-type .date b {
  font-size: 2.5rem;
  text-align: center;
  width: 54px;
  display: block;
  font-weight: bold;
}

.list-type .date-red b,
.list-type .date-red span {
  color: #D14258;
}

.list-type .content a {
  position: relative;
  
}

.list-type .content ul {
  list-style: none;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  height: 100%;
}

.list-type .content a:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: -29px;
  top: 3px;
  border-radius: 50px;
}

.eventAll abbr.color1,
.eventAll a.color1,
.list-type .content a.color1:before {
  background: #FBC7AE;
}

.eventAll abbr.color2,
.eventAll a.color2,
.list-type .content a.color2:before {
  background: #B1E58C;
}

.eventAll abbr.color3,
.eventAll a.color3,
.list-type .content a.color3:before {
   background: #F5A39F
}

.eventAll abbr.color4,
.eventAll a.color4,
.list-type .content a.color4:before {
  background: #CDBCFF;
}

.eventAll abbr.color5,
.eventAll a.color5,
.list-type .content a.color5:before {
  background: #afeaff; 
}

.eventAll abbr.color6,
.eventAll a.color6,
.list-type .content a.color6:before {
  background: #FFD387;
}

.eventAll abbr.color7,
.eventAll a.color7,
.list-type .content a.color7:before {
  background: #8FE1CE;
}

.eventAll abbr.color8,
.eventAll a.color8,
.list-type .content a.color8:before {
  background: #F8B1EA;
}

.eventAll abbr.color9,
.eventAll a.color9,
.list-type .content a.color9:before {
  background: #FBF0AC;
}

.eventAll abbr.color10,
.eventAll a.color10,
.list-type .content a.color10:before {
  background: #AFAAE5;
}

.eventAll abbr.color11,
.eventAll a.color11,
.list-type .content a.color11:before {
  background: #9ECDFC;
}

.eventAll abbr.color12,
.eventAll a.color12,
.list-type .content a.color12:before {
  background: #B1E58C;
}

.eventAll abbr.day1,
.eventAll a.day1 {
  width: 14.28571428571429%;
}

.eventAll abbr.day2,
.eventAll a.day2 {
  width: 28.57142857142858%;
}

.eventAll abbr.day3,
.eventAll a.day3 {
  width: 42.8571428571%;
}

/* 2016/07/13, lozen_lin, org 42.85714285714287 */

.eventAll abbr.day4,
.eventAll a.day4 {
  width: 57.14285714285716%;
}

.eventAll abbr.day5,
.eventAll a.day5 {
  width: 71.42857142857145%;
}

.eventAll abbr.day6,
.eventAll a.day6 {
  width: 85.71428571428574%;
}

.eventAll abbr.day7,
.eventAll a.day7 {
  width: 100%;
}

.eventAll abbr.Mon,
.eventAll a.Mon {
  margin-left: 0;
}

.eventAll abbr.Tue,
.eventAll a.Tue {
  margin-left: 14.28571428571429%;
}

.eventAll abbr.Wed,
.eventAll a.Wed {
  margin-left: 28.57142857142858%;
}

.eventAll abbr.Thu,
.eventAll a.Thu {
  margin-left: 42.8571428571%;
}

/* 2016/07/13, lozen_lin, org 42.85714285714287 */

.eventAll abbr.Fri,
.eventAll a.Fri {
  margin-left: 57.14285714285716%;
}

.eventAll abbr.Sat,
.eventAll a.Sat {
  margin-left: 71.42857142857145%;
}

.eventAll abbr.Sun,
.eventAll a.Sun {
  margin-left: 85.71428571428574%;
}

.Event1 td {
}

.Event2 td {
}

.Event3 td {
}

.Event4 td {
  height: 135px;
}

.Event5 td {
  height: 161px;
}

.Event6 td {
  height: 187px;
}

.Event7 td {
  height: 214px;
}

.Event8 td {
  height: 240px;
}

.Event9 td {
  height: 266px;
}

/* 交通資訊 */

.tabBtns {
  text-align: center;
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tabBtns li {
  width: 31%;
  padding: 10px 0;
  margin: 0 5px;
  border: 1px solid #dedede;
  display: inline-block;
}

.tabBtns a {
  display: block;
  width: 100%;
  font-size: 100%;
}

.tabBtns li:hover,
.tabBtns li.active {
  background-color: #c7511e;
}

.tabBtns li:hover i,
.tabBtns li.active i {
  color: #ffffff;
}

.tabBtns b::before {
  content: "";
  display: inline-block;
  width: 33px;
  height: 33px;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  background-position: center;
  margin-right: 10px;
}

.tabBtns li:nth-child(1) b::before {
  background-image: url(../../images/icon/traffic1.svg);
}

.tabBtns li:nth-child(1):hover b::before,
.tabBtns li:nth-child(1).active b::before {
  background-image: url(../../images/icon/traffic1-w.svg);
}

.tabBtns li:nth-child(2) b::before {
  background-image: url(../../images/icon/traffic2.svg);
}

.tabBtns li:nth-child(2):hover b::before,
.tabBtns li:nth-child(2).active b::before {
  background-image: url(../../images/icon/traffic2-w.svg);
}

.tabBtns li:nth-child(3) b::before {
  background-image: url(../../images/icon/traffic3.svg);
}

.tabBtns li:nth-child(3):hover b::before,
.tabBtns li:nth-child(3).active b::before {
  background-image: url(../../images/icon/traffic3-w.svg);
}

.tabBtns b i {
  vertical-align: middle;
}

.traffic .article h2 {
  font-size: 230%;
  font-weight: 500;
  margin: 10px 0 30px 0;
}

/*---內容---*/

.tabContent {
  /*margin-top: 35px;*/
}

.publish .backListBtn {
  background: #f3525e;
}

.publish .tabBtns a:hover,
.publish a.focus {
  color: #9eb01f;
}

/*出版品的列表*/

.publishList > li {
  display: inline-block;
  width: 30.5%;
  margin: 0 1% 6% 1%;
  vertical-align: top;
  position: relative;
}

.publishList2 > li {
  width: 22.5%;
}

.publish-switch a {
  background-position: 15px center;
}

.thumbnail {
  position: relative;
  overflow: hidden;
}

.publishList figure {
  height: 0;
  padding-bottom: 62%;
  margin: 0;
}

.publishList2 figure {
  padding-bottom: 162%;
}

.publish .info {
  padding: 20px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.publish .info h2 {
  font-size: 1.125rem;
  font-weight: 500;
  text-align: left;
}

.qrCode {
  position: absolute;
  width: 50%;
  height: 0;
  padding-bottom: 50%;
  top: 50%;
  left: 50%;
  margin-top: -25%;
  margin-left: -25%;
  opacity: 0;
}

.thumbnail:hover figure {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.thumbnail:hover .qrCode {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.publish .info span {
  color: #000;
  font-size: 83%;
  display: block;
  padding-left: 11px;
  border-left: 4px solid #dde88e;
  margin-left: 4px;
  margin-top: 16px;
}

.publish .info img {
  width: 100px;
  height: 100px;
}

ul.downloadList {
  margin-top: 20px;
}

.downloadList h3 {
  font-size: 90%;
  color: #ca4a03;
}

.downloadList .downloadList-title {
  font-size: 1.125rem;
  margin-bottom: 0px;
}

ul.downloadList li {
  margin-bottom: 10px;
}

ul.downloadList a {
  display: block;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 7px 38px 10px 30px;
  position: relative;
  border: 1px #dedede solid;
}

.publishList2 ul.downloadList a {
  border-radius: 15px;
  padding: 7px 40px 10px 20px;
}

ul.downloadList a:hover {
  border: 1px #c7511e solid;
}

ul.downloadList a:after {
  content: "";
  width: 23px;
  height: 23px;
  background: url(../../images/icon/download.svg);
  position: absolute;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
}

ul.downloadList a span {
  display: block;
  position: absolute;
  font-size: 90%;
  width: 208px;
  background: #c7511e;
  color: #ffffff;
  z-index: 1;
  left: 50%;
  margin-left: -100px;
  padding: 7px 20px;
  text-align: center;
  top: -47px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.28);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.28);
  border-radius: 50px;
  display: none;
}

ul.downloadList a span:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #c7511e transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: -8px;
}

ul.downloadList a:hover span {
  display: block;
}

ul.downloadList span > * {
  display: block;
}

ul.downloadList span i {
  color: #fff;
}

ul.downloadList span em {
  color: #fff;
  font-style: initial;
}

/* 桌布下載 */

figure.wallpaper {
  position: relative;
  overflow: hidden;
}

.wallpaper img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

/*影片的列表*/

.videoAll {
  margin-top: 90px;
}

.videoList {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.videoList li {
  width: 31.666%;
  margin: 0 0.8%;
  margin-bottom: 28px;
  overflow: hidden;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.videoList li:nth-child(1) {
  width: 98%;
  display: block;
  margin-bottom: 28px;
  position: relative;
  margin-top: 20px;
}

.videoList figure {
  margin: 0;
}

.videoList figure a {
  display: block;
  height: 0;
  padding-bottom: 56%;
  position: relative;
}

.videoList li:nth-child(1) figure a {
  padding-bottom: 55%;
}

.videoList figure a:before {
  content: "";
  display: block;
  width: 40%;
  height: 0;
  padding-bottom: 26%;
  top: 50%;
  left: 50%;
  margin-top: -13%;
  margin-left: -20%;
  background: url(../../images/icon/play.png) no-repeat center/contain;
  position: absolute;
  z-index: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0.4;
}

.videoList .info {
  background: #fff;
  padding: 20px;
}

.videoList li:nth-child(1) .info {
  position: absolute;
  bottom: 0;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.65))
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
  width: 100%;
  padding: 0 40px 33px 40px;
}

.videoList .info h2 {
  height: 66px;
  font-size: 1.5rem;
  margin: 0 0 10px 0;
  text-align: left;
  padding: 0;
}

.videoList li:nth-child(1) .info h2 {
  color: #fff;
  font-size: 200%;
  min-height: 43px;
  font-weight: 400;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

.videoList .info span {
  margin-top: 10px;
  display: block;
  display: none;
}

.videoList li:nth-child(1) .info span {
  display: block;
  color: #fff;
  overflow: hidden;
  font-size: 110%;
}

.videoList .info .openInfo {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 110%;
  padding: 5px 13px;
  margin-top: 20px;
  background-color: #c7511e;
}

.videoList .info .openInfo:hover {
  color: #ffffff;
  background-color: #c7511e;
}

.videoList li:nth-child(1) .info .openInfo {
  display: none;
}

/*相簿*/

.albumAll {
  max-width: 1100px;
  margin: 0 auto;
}

body.album {
  background: #d1b68e;
}

.albumList li {
}

.albumList li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.albumList a {
  display: block;
  position: relative;
}

.albumList a:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.albumList li:nth-child(odd) a > * {
  float: left;
}

.albumList li:nth-child(even) a > * {
  float: right;
}

.albumList .cover {
  display: block;
  width: 65%;
  position: relative;
  height: 0;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.albumList a:hover .cover {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.albumList .cover figure {
  height: 0;
  margin: 0;
  position: absolute;
}

/*
.albumList .cover figure:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(6, 6, 5, 0.5);
    position: absolute;
    opacity: 0; -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;

}
.albumList .cover figure:after{
    content: "+";
    font-size: 500%;
    width: 80px;
    height: 80px;
    color: #FFF;
    line-height: 80px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left:-45px;
    opacity: 0; -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;

}
.albumList a:hover .cover figure:before,.albumList a:hover .cover figure:after{
    opacity: 1; -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;

}*/

.albumList .info {
  display: block;
  width: 35%;
  color: #fff;
  height: 100%;
  position: absolute;
}

.albumList li:nth-child(odd) a .info {
  right: 0;
}

.albumList li:nth-child(even) a .info {
  left: 0;
  text-align: right;
  padding-right: 52px;
}

.albumList .info u {
  display: inline-block;
  vertical-align: middle;
  max-width: 84%;
  padding-top: 30%;
}

.albumList .info:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  font-size: 0;
}

.albumList .info h2 {
  font-size: 220%;
  position: relative;
}

.albumList .info h2:before {
  content: "";
  position: absolute;
  width: 96px;
  height: 69px;
  top: -79px;
}

.albumList a:hover .info h2 {
  color: #ca4a03;
}

.albumList li:nth-child(odd) .info h2:before {
  background: url(../../images/dashed_arr_left.png) no-repeat top center/contain;
}

.albumList li:nth-child(even) .info h2:before {
  background: url(../../images/dashed_arr_right.png) no-repeat top
    center/contain;
  right: 0;
}

.albumList li:nth-child(odd) a:hover .info h2:before {
  background: url(../../images/dashed_arr_left_h.png) no-repeat top
    center/contain;
}

.albumList li:nth-child(even) a:hover .info h2:before {
  background: url(../../images/dashed_arr_right_h.png) no-repeat top
    center/contain;
  right: 0;
}

.albumList .info b {
  display: block;
  /*    background: url(../../images/album_btn.png);*/
  color: #ca4a03;
  width: 91px;
  height: 91px;
  line-height: 91px;
  text-align: center;
  margin-top: 14px;
  float: right;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px #e9e9e9 solid;
}

.albumList a:hover .info b {
  background-color: #ca4a03;
  color: #ffffff;
}

.albumList li:nth-child(odd) .info b {
  margin-right: -60px;
}

.albumList li:nth-child(even) .info b {
  margin-right: -44px;
}

.albumList li:nth-child(1) .cover {
  background: url(../../images/album_A.png) no-repeat center/contain;
  padding-bottom: 47%;
}

.albumList li:nth-child(1) .cover figure {
  -webkit-transform: rotate(-8.5deg);
  transform: rotate(-8.5deg);
  left: 7.5%;
  top: 13.5%;
  width: 79.8%;
  padding-bottom: 50%;
}

.albumList li:nth-child(2) .cover {
  background: url(../../images/album_B.png) no-repeat center/contain;
  padding-bottom: 48%;
}

.albumList li:nth-child(2) .cover figure {
  -webkit-transform: rotate(2.7deg);
  transform: rotate(2.7deg);
  left: 10%;
  top: 8%;
  width: 80.5%;
  padding-bottom: 50.3%;
}

.albumList li:nth-child(3) .cover {
  background: url(../../images/album_C.png) no-repeat center/contain;
  padding-bottom: 44%;
}

.albumList li:nth-child(3) .cover figure {
  -webkit-transform: rotate(-3.3deg);
  transform: rotate(-3.3deg);
  left: 7.2%;
  top: 11.4%;
  width: 82%;
  padding-bottom: 51.3%;
}

.albumList li:nth-child(4) .cover {
  background: url(../../images/album_D.png) no-repeat center/contain;
  padding-bottom: 47%;
}

.albumList li:nth-child(4) .cover figure {
  -webkit-transform: rotate(1.7deg);
  transform: rotate(1.7deg);
  left: 9.8%;
  top: 7%;
  width: 80.5%;
  padding-bottom: 50.3%;
}

.albumList li:nth-child(5) .cover {
  background: url(../../images/album_E.png) no-repeat center/contain;
  padding-bottom: 47%;
}

.albumList li:nth-child(5) .cover figure {
  -webkit-transform: rotate(-8.7deg);
  transform: rotate(-8.7deg);
  left: 7.8%;
  top: 13.8%;
  width: 79.5%;
  padding-bottom: 49.5%;
}

.announce {
  margin-top: 60px;
}

.announce b {
  font-size: 120%;
  font-weight: 500;
  margin-bottom: 18px;
  display: block;
}

.announce ul {
  padding-left: 28px;
}

.announce ul li {
  margin: 10px 0;
  position: relative;
}

.announce ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #707070;
  position: absolute;
  left: -21px;
  top: 8px;
  border-radius: 50%;
}

.customHtml > h4 {
  color: #ffffff;
}

#lightGallery_counter span {
  color: #ffffff;
}

/*電子賀卡*/

/*no-use*/

/*
body.card {
    background: #bcd032;
}

.eCard section.step {
    width: 100%;
    margin: 3px 0 120px 0;
    padding: 80px 5rem 2rem;
    position: relative;
}

.eCard section.step.step_3 {
    background: #FFF;
    border-radius: 30px;
    max-width: 810px;
    margin: 0 auto;
    top: -40px;
    padding: 3rem 4rem .5rem 4rem;
}

.eCard section.step .hd {
    width: 200px;
    position: absolute;
    top: -55px;
    left: 50%;
    margin-left: -100px;
    z-index: 2;
}

.eCard section.step.step_3 .hd {
    top: 0;
    position: relative;
}

.eCard section.step .hd>div {
    display: table;
    margin: 0 auto 2px;
}

.eCard section.step .hd>div>span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 1.1;
    color: #fff;
    font-size: 260%;
    font-weight: bold;
}

.eCard section.step.step_3 .hd>div>span {
    color: #d3c937;
}

.eCard section.step .hd>div>span>span {
    margin-left: 3px;
    font-size: 4rem;
}

.eCard section.step .hd strong {
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 2rem;
}

.eCard section.step.step_3 .hd strong {
    color: #d3c937;
}

.eCard section.step .content {
    text-align: center;
    margin-top: 20px;
}

.eCard section.step .content dl {
    display: inline-block;
    margin: 0;
}

.eCard section.step.step_1 .content dl dd {
    width: 41%;
    display: inline-block;
}

.eCard section.step.step_2 .content dl dd {
    width: 31.333%;
    display: inline-block;
}

.eCard section.step .content dl dd label {
    padding: 2rem 2rem 4rem;
    border: transparent;
    background: transparent;
    font-family: Arial, Helvetica, "Microsoft JhengHei", Sans-Serif;
}

.eCard section.step .content dl dd label img {
    display: block;
    width: 100%;
}

.eCard section.step .content dl dd label.ui-checkboxradio-radio-label .ui-icon-background {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    margin-left: -8px;
    width: 22px;
    height: 22px;
}

.eCard section.step .content dl dd label .ui-icon-background,
.eCard section.step .content dl dd label .ui-state-active .ui-icon-background {
    border-color: #d95d45;
}

.eCard section.step .content dl dd label.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.eCard section.step .content dl dd label.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    width: 22px;
    height: 22px;
}

.eCard section.step .content dl dd label.ui-state-active,
.eCard section.step .content dl dd label.ui-button.ui-state-active:hover {
    background: rgba(0, 0, 0, 0.07);
    color: #454545;
}

.eCard section.step:last-child .content {
    text-align: left;
}

.eCard section.step:last-child:after {
    display: none;
}

.eCard section.step:last-child .normalForm {
    width: 100%;
}

.eCard section.step:last-child .normalForm>p {
    margin: 0;
    color: #d3c937;
    text-align: center;
    margin: 0 0 2rem;
}

.eCard section.step:last-child .normalForm .foot {
    padding: 2rem 0 0;
}

.ecard_box {
    border: 1px solid #ccc7bc;
    background-color: #f6f4f2;
    padding: 7px;
    width: 70%;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2);
}

.ecard_box div {
    background-color: #fff;
    color: #795c3e;
}

.ecard_box div>img {
    width: 100%;
}

.ecard_box .content {
    padding: 2rem;
}

.ecard_box .content img {
    vertical-align: middle;
}

.ecard_box .text {
    margin: 25px 0 60px 0;
}

.ecard_box .date {
    color: #aaa;
    margin: 35px 0 0 0;
    display: inline-block;
    font-size: 1.5rem;
}

.ecard_box .bottompic {
    float: right;
}
*/

.normalForm {
  width: 70%;
  margin: 0 auto 50px;
}

.normalForm > p {
  margin: 3rem 0 5rem;
  /* padding-left: 220px; */
  position: relative;
}

/* .normalForm > p:before {
    content: "";
    display: block;
    position: absolute;
    width: 180px;
    height: 0;
    padding-top: 30%;
    left: 3rem;
    top: -9rem;
    background: url('../images/deco_3.png') no-repeat center /contain;
} */

.normalForm .content {
  background: rgba(255, 255, 255, 0.3);
}

.normalForm .content a {
  color: #d95d45;
  text-decoration: underline;
}

.normalForm .content a:hover {
  color: #2e3233;
}

.normalForm .row {
  padding: 2rem 0 1rem 0;
  border-bottom: 1px solid #f8f6dd;
}

.normalForm label {
  font-size: 2rem;
  width: 100%;
}

.normalForm .inputGroup input,
.normalForm .inputGroup select,
.normalForm .inputGroup textarea {
  width: initial;
  border: none;
  background: #fff;
  border-radius: 5px;
  background: #f8f6dd;
  padding: 14px 15px;
  height: initial;
  width: 100%;
}

.normalForm .inputGroup input.input01 {
  max-width: 250px;
}

.normalForm .inputGroup span {
  display: block;
}

.normalForm .inputGroup textarea {
  min-height: 300px;
}

.normalForm .inputGroup input[type="file"] {
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
}

.inputGroup .max-h{
  height: 45px;

}

.normalForm .row.address input[type="text"] {
  width: calc(100% - 50px);
}

.normalForm .row.checkCode .inputGroup * {
  display: inline-block;
  width: auto;
}

.normalForm .foot {
  text-align: center;
  padding: 2rem 0;
}

.normalForm .foot > div {
  width: 100%;
  text-align: center;
  margin-bottom: 1.5rem;
}

.normalForm .foot input[type="submit"],
.normalForm .foot input[type="reset"],
.normalForm .foot input[type="button"] {
  display: inline-block;
  width: 130px;
  padding: 10px 30px;
  border: 0;
  border-radius: 50px;
  color: #f8f1e4;
  background-color: #999283;
  font-size: 1.75rem;
}

.normalForm .foot input[type="reset"],
.normalForm .foot input[type="button"] {
  color: #362e2b;
  background-color: #d4cfc7;
}

.normalForm sup {
  font-size: 100%;
  color: #fc6751;
  font-weight: bold;
}

.normalForm ol {
  margin: 2rem 0 2rem 2em;
}

strong.topic {
  font-size: 4rem;
  text-align: center;
  margin-bottom: 2rem;
  display: block;
  color: #006993;
}

.normalForm .inputGroup.col label {
  margin-right: 1rem;
}

.normalForm label,
.normalForm .inputGroup {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 240px);
}

.normalForm label {
  color: #d3c937;
  font-weight: bold;
  font-size: 120%;
  width: 220px;
}

.normalForm .foot input[type="submit"],
.normalForm .foot input[type="reset"],
.normalForm .foot input[type="button"] {
  display: inline-block;
  width: 200px;
  padding: 10px 30px;
  border: 0;
  border-radius: 50px;
  color: #fff;
  background-color: #d3c937;
  font-size: 1.3rem;
  height: auto;
}

.normalForm .foot input[type="reset"] {
  background: #bbb;
}

/*for ie*/

/*no-use*/

/*
_:-ms-lang(x),
.spot header h1 b {
    background: #FFF url(../../images/circle_white_bg.png) 31px 0;
    border-radius: 34px;
}

.spotList {
    width: 90%;
    margin: 0 auto;
    max-width: 1100px;
}

.spotList li {
    margin-top: -5%;
}

.spotList li:nth-child(1) {
    margin: 0;
}

.spotList li a {
    display: block;
    overflow: hidden;
    position: relative;
}

.spotList li a>* {
    float: right;
}

.spotList li:nth-child(even) a>* {
    float: left;
}

.spotList figure {
    width: calc(100% - 600px);
}

.spotList figure span {
    display: block;
    height: 0;
}

.spotList .info:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    font-size: 0;
}

.spotList figure span {}

.spotList li:nth-child(1) figure span {
    padding-bottom: 112%;
}

.spotList li:nth-child(2) figure span {
    padding-bottom: 112%;
}

.spotList li:nth-child(3) figure span {
    padding-bottom: 112%;
}

.spotList li:nth-child(4) figure span {
    padding-bottom: 112%;
}

.spotList li:nth-child(5) figure span {
    padding-bottom: 112%;
}

.spotList li:nth-child(6) figure span {
    padding-bottom: 112%;
}

.spotList .info {
    width: 600px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.spotList li:nth-child(even) .info {
    left: auto;
    right: 0;
}

.spotList .info span {
    display: inline-block;
    vertical-align: middle;
    width: 99%;
    position: relative;
    padding: 0 116px 22px 86px;
}

.spotList li:nth-child(even) .info span {
    padding: 0 73px 8px 125px;
}

.spotList .info span:after {
    content: "";
    width: 580px;
    height: 0;
    padding-bottom: 296px;
    display: block;
    position: absolute;
    background: url(../../images/spot/dialogue.png) no-repeat center/contain;
    top: 50%;
    margin-top: -148px;
    z-index: -1;
    left: 50%;
    margin-left: -290px;
}

.spotList li:nth-child(odd) .info span:after {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.spotList .info h2 {
    color: #037fb0;
    text-align: center;
    font-size: 300%;
    font-weight: bold;
    padding-bottom: 13px;
}

.spotList .info p {
    color: #6a6a6a;
    line-height: 1.8em;
    font-size: 95%;
}

*/

/*-- 會員 --*/

.logBox {
  padding: 0 15px;
}

.logBox .dlList dl > * {
  border-bottom: 1px solid #d2e7e6;
}

.logBox .dlList dt {
  font-size: 120%;
  padding: 20px 0 20px;
  min-width: 150px;
}

.logBox .dlList dd {
  color: #037fb0;
  padding: 20px 0 10px 0px;
}

.logBox .dlList dd > label {
  margin-right: 20px;
}

.logBox .dlList dl:last-child > * {
  border: 0;
}

.logBox input.mini {
  width: 130px;
}

.logBox span.remark {
  display: block;
  /*margin-left: 15px;*/
  color: #424242;
  /* float: right;*/
}

.logBox .sendBtn {
  width: 380px !important;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 110%;
  margin: 48px auto;
  padding: 19px 0;
}

.logBox .sendBtn:focus{
  background-color: #136867;
}

.logBox .fbBtn {
  width: 380px;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 51px;
  font-size: 105%;
  margin: 80px auto 28px auto;
  letter-spacing: 0.09em;
  background: #0b5998 url(../../images/icon/facebook.svg) no-repeat 50px
    center/9%;
  position: relative;
  padding: 11px 0 11px 47px;
}

.logBox .fbBtn:before {
  content: "或是";
  color: #b5b5b5;
  position: absolute;
  width: 70px;
  height: 42px;
  background-color: #ffffff;
  text-align: center;
  left: 50%;
  margin-left: -35px;
  top: -66px;
  z-index: 1;
}

.logBox .fbBtn:after {
  content: ".....................................................................";
  width: 100%;
  color: #ababab;
  position: absolute;
  letter-spacing: 0.1em;
  left: 50%;
  transform: translateX(-50%);
  top: -73px;
  overflow: hidden;
  height: 50px;
}

/*---- 收藏 ----*/

.collectAll > ul {
}

.collectBox {
  margin-bottom: 50px;
}

.collectBox h3 {
  padding: 15px 90px;
  color: #232323;
  font-size: 130%;
  margin: 0 1%;
  text-align: center;
  border: 1px #e3e3e3 solid;
  font-weight: unset;
}

.collectBox ul {
  overflow: hidden;
  margin-top: 20px;
  min-height: 50px;
}

.collectBox ul:after {
  content: "此分類尚無收藏";
  text-align: center;
  display: block;
  color: #424242;
  font-size: 110%;
}

.collectBox ul.hasItem:after {
  display: none;
}

.collectBox li {
  display: inline-block;
  width: 22.5%;
  margin: 0.8%;
  position: relative;
  border: 1px solid #e6e6e6;
  vertical-align: top;
}

.collectBox figure {
  width: 100%;
  overflow: hidden;
}

.collectBox figure span {
  display: block;
  height: 0;
  padding-bottom: 73%;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.collectBox li:hover figure span {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.collectBox .info {
  background: #fff;
  padding: 20px 15px 20px 15px;
}

.collectBox h2 {
  font-size: 110%;
  text-align: center;
  color: #037fb0;
}

.collectBox a {
  position: absolute;
}

.collectBox a.moreBtn {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  text-indent: -9999px;
}

.collectBox a.cancelCollect {
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  background: #fff url(../../images/icon/collect_heart.svg) no-repeat center/60%;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  top: 11px;
  right: 11px;
}

.collectBox a.cancelCollect:hover:after {
  content: "";
  position: absolute;
  width: 29px;
  height: 2px;
  background: #616161;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 0;
  top: 14px;
}

.collectBox a.cancelCollect:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.collectBox h3:before {
  margin-right: 10px;
  content: "";
  display: inline-block;
  width: 45px;
  height: 31px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: sub;
}

.collectAll {
  margin-top: 30px;
}

.collectBox .title {
  text-align: center;
  padding: 10px 0;
}

.collectBox:nth-child(1) h3:before {
  background-image: url(../../img/icon/icon-6.svg);
}

.collectBox:nth-child(2) h3:before {
  background-image: url(../../img/icon/icon-13.svg);
}

.collectBox:nth-child(3) h3:before {
  background-image: url(../../img/icon/sleep.svg);
}

.collectBox:nth-child(4) h3:before {
  background-image: url(../../img/icon/souvenir-p.svg);
}

.collectBox:nth-child(5) h3:before {
  background-image: url(../../img/icon/icon-7.svg);
}

.collectBox:nth-child(6) h3:before {
  background-image: url(../../img/icon/souvenir-p.svg);
}

.collectAll .btns,
.TripArrange .btns {
  text-align: center;
  margin-top: 50px;
}

.collectAll .btns a,
.TripArrange .btns a {
  display: inline-block;
  padding: 15px 30px 15px 59px;
  background: #007A7A;
  color: #fff;
  margin: 0 10px 20px 10px;
}

.collectAll .btns a {
  background: #f99620 url(../../images/icon/reservation.svg) no-repeat 25px
    center/17%;
}

.collectAll .btns a:hover,
.TripArrange .btns a:hover {
  background-color: #da8014;
}

.TripArrange .btns input,
.TripArrange .btns select {
  width: 190px;
  font-size: 105%;
  height: 46px;
  color: #6c6c6c;
  padding: 5px 42px 5px 20px;
}

.TripArrange .btns a {
  padding: 15px 30px 15px 30px;
}

.TripArrange .btns a.save:nth-child(2) {
}

/*自訂行程*/

.TripArrange {
  position: relative;
  margin-top: 30px;
}

.TripArrange .cf {
  display: flex;
}

.TripArrange .col-r {
  width: 35%;
}

.TripArrange .col-l {
  width: 63%;
  margin-right: 2%;
}

button {
  line-height: 30px;
  position: relative;
  background: #434343;
  color: #ffffff;
  border: none;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 90%;
  font-family: "微軟正黑體", "PT Sans", Arial, sans-serif;
}

.col-l {
  float: left;
}

.col-r {
  float: right;
}

.cf:after {
  /* fur Firefox, IE8, Opera, Safari, etc. */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.TripArrange > .hd {
  margin-top: -50px;
  margin-bottom: 10px;
  position: absolute;
  width: 100%;
  top: 51px;
  display: none;
}

.TripArrange .tab-content {
  background: #007A7A;
  height: 490px;
}

.TripArrange ul {
  list-style: none;
  padding-left: 0px;
  position: relative;
}

.TripArrange .ListImg_style2 li {
  position: relative;
  padding: 10px 0 10px 49%;
  color: #fff;
  border-top: 1px solid #8dd2b4;
  cursor: move;
  width: 100% !important;
  min-height: 140px;
}

.TripArrange .ListImg_style2 li.ui-sortable-helper {
  background: rgb(83, 172, 134);
}

.TripArrange .ListImg_style2 li:first-child {
  padding-top: 0px;
  margin-top: 0px;
  border-top: none;
}

.TripArrange .ListImg_style2 li a {
  color: #fff;
}

.TripArrange .ListImg_style2 .imgLiquid {
  width: 45%;
  height: 120px;
  position: absolute;
  left: 0;
  top: 10px;
}

.TripArrange .ListImg_style2 li:first-child .imgLiquid {
  top: 0px;
}

.TripArrange .ListImg_style2 .imgLiquid img {
  width: 100%;
}

.TripArrange .ListImg_style2 h2 {
  color: #fff;
  font-size: 90%;
  margin-bottom: 10px;
  line-height: 1.6em;
  margin-top: 0;
}

.TripArrange .ListImg_style2 p {
  font-size: 85%;
  line-height: 110%;
  position: relative;
  text-align: justify;
  position: relative;
  color: #fff;
}

.TripArrange .ListImg_style2 p.icon-address a {
  margin-bottom: 6px;
  display: block;
}

.TripArrange .ListImg_style2 p.icon-address a:hover {
  text-decoration: none;
}

.TripArrange .ListImg_style2 a.remove,
.TripArrange .boxList a.remove {
  display: none;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  overflow: hidden;
  background: #399a70 url(../../images/icon-delete_1.png) center no-repeat;
  position: absolute;
  right: 0;
  top: 10px;
}

.TripArrange .ListImg_style2 li:hover a.remove {
  display: block;
}

.TripArrange .ListImg_style2 li:first-child a.remove {
  top: 0;
}

.TripArrange .boxList li ul li {
  color: #fff;
  min-height: 100px;
  position: relative;
  width: 47%;
  cursor: url(../../images/icon/moveTo.svg), auto;
  float: none;
  display: inline-block;
}

.TripArrange .boxList li ul li h2 {
  font-size: 55%;
  padding: 10px 0;
  color: #000;
}

.TripArrange .boxList .imgLiquid {
  width: 100%;
  height: 0;
  padding-bottom: 70%;
}

.TripArrange .boxList p {
  margin-bottom: 10px;
  font-size: 90%;
  line-height: 110%;
  display: none;
}

.TripArrange .boxList a.remove {
  background-color: #17518d;
  right: 0;
  top: 0;
}

.TripArrange .boxList li ul li:hover a.remove {
  display: block;
}

.TripArrange .tabs_Style1 .ecNetUlTabContent {
  width: 100%;
  top: 50px;
  left: 0;
}

.TripArrange .tabs_Style1 .ecNetUlTabContent > li {
  background: #fff;
}

.TripArrange .tabs_Style1 .ecNetUlTabs > li > a {
  height: 50px;
  line-height: 50px;
  font-size: 120%;
  border: none;
  margin-left: 0px;
  background: #b2b2b2;
  color: #fff;
}

.TripArrange .tabs_Style1 .ecNetUlTabs a.ecNetUlTabSelected,
.TripArrange .tabs_Style1 .ecNetUlTabs a.ecNetUlTabSelected:hover {
  background: #007A7A;
  color: #fff;
}

.TripArrange .tabs_Style1 .ecNetUlTabs a.ecNetUlTabSelected:before {
  display: none;
}

.TripArrange .tabs_Style1 .ecNetUlTabSelected + .ecNetUlTabContent {
  z-index: 1 !important;
  border: 1px solid #d9d9d9;
  border-top: none;
  height: 530px;
}

.TripArrange .tripMap {
  background: #fff;
  min-height: 515px !important;
}

.TripArrange .col-l .desc {
  font-size: 120%;
  color: #f66900;
  font-weight: 700;
  padding-right: 20px;
  background: url(../../images/icon/moveTo.svg) right no-repeat;
  text-align: right;
  margin: 15px 30px 10px;
}

.tab_AddRemove .hd {
  margin-bottom: 10px;
}

.tab_AddRemove .col-l {
  width: auto !important;
  position: relative;
}

.tab_AddRemove .col-l #btnAddPage,
.tab_AddRemove .col-l #btnDelete {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  overflow: hidden;
  background: #007A7A url(../../images/icon-Plus2.png) center no-repeat;
  padding: 0;
  vertical-align: top;
}

.tab_AddRemove .col-l #btnDelete {
  background-image: url(../../images/icon-Minus2.png);
}

#btnRecommend {
  background: #399a70;
  border-radius: 5px;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  font-size: 100%;
}

.TripArrange .hd .col-r .icon-desc,
.TripArrange .hd .col-r #btnPrint,
.TripArrange .hd .col-r #btnDownload {
  width: 34px;
  height: 34px;
  display: inline-block;
  background: #007ab7 url(../../images/icon-question.png) no-repeat center;
  border-radius: 17px;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}

.TripArrange .hd .col-r #btnPrint {
  background: #fe702a url(../../images/icon-printer.png) no-repeat center;
  padding: 0;
  vertical-align: top;
}

.TripArrange .hd .col-r #btnDownload {
  background: #fe702a url(../../images/icon-Download.png) no-repeat center;
  padding: 0;
  vertical-align: top;
}

.TripArrange .boxList > * > ul {
  padding: 0 20px !important;
}

/*覆蓋JQ UI CSS*/

.TripArrange .ui-widget-content {
  border: none;
  border-radius: 0;
  background-color: transparent;
  color: #fff;
  font-size: 100%;
  font-family: "微軟正黑體", "PT Sans", Arial, sans-serif;
  padding: 0;
}

.TripArrange .ui-tabs .ui-tabs-nav {
  padding: 0;
  border-radius: 0;
  border: none;
  position: relative;
}

.TripArrange .ui-tabs .ui-tabs-nav li {
  margin: 0;
  padding: 0;
  border: none;
}

.TripArrange .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-state-default a,
.ui-state-default a:link {
  color: #fff;
}

.tab_AddRemove .title {
  color: #fff;
}

/*tabs add remove*/

.nav-tabs {
  background: #27c8c8;
}

.nav-tabs:after,
.nav-pills:after {
  clear: both;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav-tabs > li {
}

.nav-tabs > li,
.nav-pills > li {
  float: left;
}

.nav-tabs > li > a {
  display: block;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  line-height: 14px;
  color: #fff;
  text-decoration: none;
  background: #27c8c8;
  width: 70px;
  font-size: 85%;
  text-align: center;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 25px;
  border-right: 1px solid #5cbf94;
}

.nav-tabs > li a[data-toggle="tab"] {
  float: left !important;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  cursor: default;
  background-color: #007A7A;
}

.tab-content {
  overflow: auto;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
  padding: 20px;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

/*.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}*/

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.nav-tabs > li .close {
  margin: -3px 0 0 10px;
  font-size: 1rem;
  padding: 5px 0;
  float: right;
}

.TripArrange .ListImg_style2.ui-sortable li.ui-sortable-handle {
  cursor: move;
}

.bugReport input[type="text"] {
  width: 50%;
  vertical-align: top;
}

.bugReport textarea {
  width: 100%;
  height: 150px;
  vertical-align: top;
}

.dlTable_1.bugReport dl dt {
  width: 24%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.TripArrange .ecNetUlTabs > li {
  width: 50%;
  width: 100%;
  /*暫時先*/
}

.tab_AddRemove > .hd > .col-r {
  float: left;
  margin-left: 20px;
}

.TripArrange .collectBox h3 {
  padding: 0 67px;
}

/*---------------------------kenny 的css-----------------------------------------*/

.newsBox h3 {
  padding: 15px;
  /*k*/
  font-size: 180%;
  /*k*/
  border-radius: 24px 24px 0 0;
  /*k*/
}

.newsBox h2 b {
  width: 100%;
  display: block;
  color: #fff;
  background: #ca4a03;
  padding: 20px;
  text-align: center;
  border-radius: 20px 20px 0 0;
  font-size: 85%;
}

.newsBox {
  border-radius: 24px;
  /*k*/
  padding-bottom: 24px;
  /*k*/
}

.activityBox h3:before {
  height: 2px;
}

.monthTable th:nth-child(6),
.monthTable th:nth-child(7) {
  color: #d40707;
  font-weight: 500;
}

.eventAll a.bridgeShow {
  background: #5f7c06 !important;
}

.mapSearchBox > h3 {
  background-color: #448504;
  padding: 17px 20px 17px 85px;
  /*k*/
  font-size: 170%;
  /*k*/
  /*margin-top: -72px;/*k*/
  border-radius: 18px 18px 0px 0px;
  /*k*/
}

.multimedia header h1 b {
  color: #0a54a7;
}

.fullList a:before,
.fullList a:after {
  background: #70e0ef no-repeat center/70%;
}

.multimedia .fullList li:nth-child(1) a:after {
  background-image: url(../../images/list_img/multimedia_1.svg);
  background-size: 60%;
}

.multimedia .fullList li:nth-child(2) a:after {
  background-image: url(../../images/list_img/multimedia_2.svg);
  background-size: 60%;
}

.multimedia .fullList li:nth-child(3) a:after {
  background-image: url(../../images/list_img/multimedia_3.svg);
  background-size: 60%;
}

.multimedia .fullList li:nth-child(4) a:after {
  background-image: url(../../images/list_img/multimedia_4.svg);
  background-size: 60%;
}

.multimedia .fullList li:nth-child(5) a:after {
  background-image: url(../../images/list_img/multimedia_5.svg);
  background-size: 60%;
}

.bgList.service .fullList {
  width: 80%;
  margin: 0px auto;
  padding-bottom: 110px;
}

.fullList ul li {
  display: inline-block;
  text-align: center;
  margin: 0 20px 30px 20px;
  vertical-align: top;
}

.service .fullList li:nth-child(1) a:after {
  background-image: url(../../images/list_img/service_1.svg);
  background-size: 60%;
}

.service .fullList li:nth-child(2) a:after {
  background-image: url(../../images/list_img/service_2.svg);
  background-size: 50%;
}

.service .fullList li:nth-child(3) a:after {
  background-image: url(../../images/list_img/service_3.svg);
  background-size: 50%;
}

.service .fullList li:nth-child(4) a:after {
  background-image: url(../../images/list_img/service_4.svg);
  background-size: 60%;
}

.service .fullList li:nth-child(5) a:after {
  background-image: url(../../images/list_img/service_5.svg);
  background-size: 60%;
}

.service .fullList li:nth-child(6) a:after {
  background-image: url(../../images/list_img/service_6.svg);
  background-size: 60%;
}

.service .fullList li:nth-child(7) a:after {
  background-image: url(../../images/list_img/service_7.svg);
  background-size: 50%;
}

.service .fullList li:nth-child(8) a:after {
  background-image: url(../../images/list_img/service_8.svg);
  background-size: 50%;
}

.service .fullList li:nth-child(9) a:after {
  background-image: url(../../images/list_img/service_9.svg);
  background-size: 60%;
}

.service .fullList li:nth-child(10) a:after {
  background-image: url(../../images/list_img/service_10.svg);
  background-size: 50%;
}

.service .fullList li:nth-child(11) a:after {
  background-image: url(../../images/list_img/service_11.svg);
  background-size: 60%;
}

.service .fullList li:nth-child(12) a:after {
  background-image: url(../../images/list_img/service_12.svg);
  background-size: 60%;
}

.service .fullList li:nth-child(13) a:after {
  background-image: url(../../images/list_img/service_13.svg);
  background-size: 60%;
}

.service .fullList li:nth-child(14) a:after {
  background-image: url(../../images/icon/tour/r5.svg);
  background-size: 60%;
}

.order .fullList li:nth-child(1) a:after {
  background-image: url(../../images/list_img/order_1.svg);
  background-size: 55%;
}

.order .fullList li:nth-child(2) a:after {
  background-image: url(../../images/list_img/order_2.svg);
  background-size: 50%;
}

.buy .fullList li:nth-child(1) a:after {
  background-image: url(../../images/list_img/buy_5.svg);
  background-size: 55%;
}

.buy .fullList li:nth-child(2) a:after {
  background-image: url(../../images/list_img/buy_1.svg);
  background-size: 50%;
}

.buy .fullList li:nth-child(3) a:after {
  background-image: url(../../images/list_img/buy_2.svg);
  background-size: 55%;
}

.buy .fullList li:nth-child(4) a:after {
  background-image: url(../../images/list_img/buy_3.svg);
  background-size: 45%;
}

.buy .fullList li:nth-child(5) a:after {
  background-image: url(../../images/list_img/buy_4.svg);
  background-size: 45%;
}

.mapBtnList li:nth-child(1) a {
  background-image: url(../../images/icon/map_scenery.svg);
  background-color: #ffffff;
  color: #424242;
}

.mapBtnList li:nth-child(2) a {
  background-image: url(../../images/icon/map_food.svg);
  background-color: #ffffff;
  color: #424242;
}

.mapBtnList li:nth-child(3) a {
  background-image: url(../../images/icon/map_live.svg);
  background-color: #ffffff;
  color: #424242;
}

.mapBtnList li {
  display: inline-block;
  margin: 10px 12px;
  vertical-align: top;
}

.festivalList .info .title h2 {
  border-bottom: #fbf00f 7px solid;
  font-size: 230%;
}

/*--行程推薦--*/

body.tour {
  background: #f3f3f3 url(../../images/tour_bg.png) top center no-repeat;
}

.tour .article h1 {
  color: #4fb1e4;
}

.tour .backListBtn {
  background: #f3525e;
}

.tour .tabBtns li:nth-child(1) a {
  background-image: url(../../images/icon/tour/r1.svg);
}

.tour .tabBtns li:nth-child(2) a {
  background-image: url(../../images/icon/tour/r2.svg);
}

.tour .tabBtns li:nth-child(3) a {
  background-image: url(../../images/icon/tour/r3.svg);
}

.tour .tabBtns li:nth-child(4) a {
  background-image: url(../../images/icon/tour/r4.svg);
  background-size: 40%;
}

.tour .tabBtns li:nth-child(5) a {
  background-image: url(../../images/icon/tour/r6.svg);
}

.tour .tabBtns li:nth-child(6) a {
  background-image: url(../../images/icon/tour/r7.svg);
}

.tour .tabBtns li:nth-child(7) a {
  background-image: url(../../images/icon/tour/r7.svg);
}

.tour .tabBtns a:hover {
  color: #ca4a03;
}

.newsBox:after {
  /*-----隱藏王爺--*/
  display: none;
}

/*--------------------內文區規範----------------------------*/

/*內頁表格設定 */

.contentTable {
  border-collpase: collpase;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0 30px;
}

@media screen and (max-width: 1000px) {
  .contentTable {
    margin: 0px;
  }
}

.contentTable a {
  border: 0px #006633 solid;
}

.contentTable th {
  /*th背景色設定及內距*/
  background-color: #007A7A;
  padding: 10px 10px 10px 10px;
  color: #ffffff;
  text-align: left;
}

.contentTable td {
  /*td內距*/
  padding: 10px;
  vertical-align: top;
}

.contentTable td a {
  border: 0px #c7511e solid;
  padding: 0px;
}

.contentTable th,
.contentTable tr,
.contentTable td {
  border: 1px #eae1da solid;
}

.contentTable th strong {
  color: #fff;
}

.normalForm .foot input[type="submit"] {
  margin-bottom: 5px;
}

/*內頁表格設定 end*/

/*內頁圖文編排設定*/

.exhibitBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 20px 20px 20px;
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #424242;
  /*k*/
}

@media screen and (max-width: 1000px) {
  .exhibitBox {
    padding: 20px 0px 20px 0px;
  }
}

.exhibitBoxLeft {
  padding: 0px 0px 0px 0px;
  width: 30%;
  float: left;
}

@media screen and (max-width: 1000px) {
  .exhibitBoxLeft {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 0px 0px;
    width: 100%;
    float: left;
  }
}

.exhibitBoxLeft img {
  width: 100%;
  height: auto;
  border: 1px #ffffff solid;
}

@media screen and (max-width: 1000px) {
  .exhibitBoxLeft img {
    width: 100%;
    height: auto;
    border: 1px #ffffff solid;
  }
}

.exhibitBoxRight {
  padding: 0px 0px 0px 0px;
  float: right;
  width: 66%;
  text-align: left;
}

@media screen and (max-width: 1000px) {
  .exhibitBoxRight {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    float: right;
    width: 100%;
    text-align: left;
  }
}

.exhibitDate {
  font-size: 120%;
  padding: 0px 0px 10px 0px;
  color: rgba(255, 255, 255, 0.6);
}

/*內頁圖文編排設定 end*/

/*------主題行程路線------*/

.tourContent {
  background: url(../../images/wang01.svg) top left no-repeat;
  background-size: 21%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 25px 25px 25px 170px;
  border-radius: 20px;
  width: 100%;
}

.tourNote {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 0;
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  margin: 30px 0;
}

.tourline1 {
  display: block;
  background: url(../../images/tourline_01.png) top left no-repeat;
  background-size: 80px auto;
  margin: 15px 0px 0px 0px;
  padding: 10px 0px 30px 100px;
  color: #f66900;
  font-size: 2rem;
  min-height: 60px;
}

.tourline2 {
  display: block;
  background: url(../../images/tourline_03.png) center left no-repeat;
  background-size: 80px auto;
  padding: 30px 0px 30px 100px;
  color: #f66900;
  font-size: 2rem;
}

.tourline {
  display: block;
  background: url(../../images/tourline_02.png) top left repeat-y;
  background-size: 80px auto;
  padding: 0px 0px 25px 100px;
}

.tourlineTime {
  font-size: 1.5rem;
  display: block;
  background: url(../../images/tourline_dot.png) top left repeat-y;
  background-size: 80px auto;
  padding: 45px 0px 20px 100px;
  color: #232323;
}

.tourlineTimeText {
  font-size: 1.25rem;
  padding: 15px 0px 0px 0px;
  color: #707070;
}

.article .tourlineSpotsRight h2 {
  font-size: 1.5rem;
  color: #007A7A;
  font-weight: initial;
  display: none;
}

.daytitle {
  color: #f66900;
  font-size: 2rem;
}

.daytitle::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #f66900;
  border-radius: 50px;
  margin-right: 20px;
}

.tourlineend {
  display: block;
  background: url(../../images/tourline_05.png) top left no-repeat;
  background-size: 80px auto;
  padding: 10px 0px 10px 70px;
  height: 74px;
}

.tourlineBox {
  width: 100%;
  position: relative;
  padding: 0px 0px 0px 0px;
}

.tourlineSpots {
  display: flex;
  padding: 17px;
  background-color: #ffffff;
  border: 1px #dadada solid;
}

.tourlineBox a {
  border: 0px #ffff00 solid;
  display: block;
}


.tourlineBox a:hover {
  border: 0px #ffff00 solid;
}

.tourlineBox a:hover * {
  background-color: #f66900;
  color: #fff;
}

.tourlineSpotsLeft {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 25%;
  overflow: hidden;
  width: 45%;
}

.tourlineSpotsLeft img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}

.tourlineSpotsRight {
  width: 70%;
  padding-left: 20px;
}

/*------主題行程路線 end------*/

/*內頁插圖設定(交通資訊)(有邊框) */

.trafficPhoto {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}

ul.trafficPhoto {
  padding-left: 0px;
}

.trafficPhoto li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 14px;
  text-align: center;
  width: 45%;
  vertical-align: top;
  text-align: center;
}

.trafficPhoto .trafficPhotoTexeLeft {
  text-align: left;
}

.trafficPhoto li img {
  border: 2px #ffffff solid;
  width: 100%;
  height: auto;
}

.trafficPhoto li p {
  margin: 0px 0px 0px 0px;
  padding: 6px 0px 8px 0px;
}

@media screen and (max-width: 1000px) {
  .trafficPhoto li {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 20px;
    text-align: center;
    width: 100%;
  }
}

/*---------------------------kenny 的css end-----------------------------------------*/

/*████↓↓ 安安 丘惟夫寫的CSS在這邊 ↓↓████*/

/*節慶活動*/

/*no-use*/

/*
.festivalList {
    width: 100%;
    margin: 0 auto;
    max-width: 1100px;
}

.festivalList>ul>li {
    margin-bottom: 8%;
}

.festivalList>ul>li a {
    display: block;
    overflow: hidden;
    position: relative;
}

.festivalList>ul>li a>* {
    float: right;
}

.festivalList>ul>li:nth-child(even) a>* {
    float: left;
}

.festivalList figure {
    width: calc(100% - 600px);
    position: relative;
}

.festivalList i {
    font-size: 0;
    width: 100%;
    height: 0;
    display: block;
    padding-bottom: 82%;
    position: absolute;
    z-index: 2;
}

.festivalList i img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.festivalList figure span {
    display: block;
    height: 0;
}

.festivalList figure .box {
    width: 100%;
    height: 0;
    padding-bottom: 82%;
    position: relative;
    display: block;
}

.festivalList figure span img {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
}

.festivalList>ul>li figure span {
    padding-bottom: 82%;
}

.festivalList .info {
    width: 600px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.festivalList>ul>li:nth-child(even) .info {
    left: auto;
    right: 0;
}

.festivalList .info .title {
    width: 100%;
    height: 140px;
    margin: 0 0 40px;
}

.festivalList .info .title>.gb {}

.festivalList .info .title>.gb:before {
    content: "";
    position: absolute;
    background: url(../../images/deco_wave_block.jpg) no-repeat left center;
    width: 30%;
    height: 140px;
}

.festivalList .info .title span {
    display: block;
    margin: 0 0 0 35%;
}

.festivalList .info .title h2 {
    color: #ca4a03;
    font-weight: bold;
    border-bottom: #ffd89e 6px solid;
    line-height: 70px;
    display: inline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.festivalList .info p {
    color: #5c5c5c;
    line-height: 30px;
}

.festivalList .info>ul {
    list-style: disc inside;
    margin: 20px 0 0;
}

.festivalList .info>ul li {
    line-height: 35px;
    color: #24cfe5;
}
*/

/*████ 結束 ████*/

/*---------葦玲新增CSS-----------*/

/* 遊程推薦*/

.tourlineSpotsRight h3 {
  font-size: 130%;
  color: #1f7a68;
}

.tourlineSpotsRight .fake-h3 {
  font-size: 130%;
  color: #1f7a68;
}

.tourlineSpotsRight h3:before {
  background: #49b9a3;
  border: 4px solid #ffffff;
}

.tourlineSpotsRight .fake-h3:before {
  background: #49b9a3;
  border: 4px solid #ffffff;
}

.tourlineBox:hover .tourlineSpotsRight h3:before {
  background: #e87536;
}

.tourlineBox:hover .tourlineSpotsRight .fake-h3:before {
  background: #e87536;
}

.tourlineSpotsRight h4:before {
  border-color: transparent transparent transparent #59bd99;
}

/*iframe影片*/

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-------- 結束---------*/

/*--網站導覽--*/

.siteMap p {
  margin-bottom: 20px;
  line-height: 1.7em;
}

.site {
  overflow: hidden;
  margin-top: 50px;
}

.site a {
  position: relative;
  color: #303030;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: inline-block;
}

.site a span {
  position: absolute;
}

.site ul li a:hover {
  color: #e66846 !important;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.site .box {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  margin: 0.5%;
  margin-bottom: 39px;
}

.site .box > a {
  display: block;
  background-color: #007A7A;
  color: #ffffff;
  padding: 10px 20px 10px 54px;
  font-size: 120%;
}

.site .box > a span {
  left: 21px;
  top: 10px;
  color: #ffffff;
}

.site .box > ul {
  padding: 10px 25px 20px;
  border: 1px solid #dddddd;
}

.site .box ul li {
  margin: 5px 0;
}

.site .box ul > li > a {
  padding-left: 50px;
}

.site .box ul > li > a span {
  left: 0px;
  top: 2px;
}

.site .box > ul > li > ul {
  padding-left: 15px;
  margin: 12px 0;
}

.site .box > ul > li > ul a {
  color: #777;
  padding-left: 68px;
}

/*QA*/

.QAWrapper {
  margin: 20px 0;
  width: 100%;
  clear: both;
}

.QAWrapper a.Qtitle {
  display: table;
  color: #fff;
  text-decoration: none;
  padding: 20px 30px 20px 70px;
  overflow: hidden;
  position: relative;
  border: solid 1px #96e9e9;
  min-height: 45px;
  width: 100%;
}

.QAWrapper .fake-h5:before {
  display: none;
}

.QBox {
  margin: 1rem 0;
}

a.Qtitle h2 {
  display: table-cell;
  font-size: 115%;
  font-weight: bold;
  color: #26701a;
  vertical-align: middle;
  padding: 0;
  border-bottom: 0;
}

.QAWrapper a.Qtitle:before {
  content: "";
  width: 40px;
  height: 40px;
  top: 25px;
  left: 15px;
  border-radius: 50%;
  position: absolute;
  background-image: url(../../images/QA.jpg);
  background-size: 100%;
  background-position: 0 0;
}

@media (max-width: 500px) {
  .QAWrapper a.Qtitle .fake-h5 {
    padding-left: 0;
  }
}

.Answer {
  margin: 5px 0;
  /*display: none;*/
  position: relative;
  overflow: hidden;
  padding: 20px 30px 20px 95px;
  border-bottom: 2px solid #fff;
  border: solid 1px #96e9e9;
}

.QAWrapper .Answer:before {
  content: "";
  width: 40px;
  height: 40px;
  top: 13px;
  left: 15px;
  border-radius: 50%;
  position: absolute;
  background-image: url(../../images/QA.jpg);
  background-size: cover;
  background-position: 0 0;
  -webkit-transition: background-position 0.2s linear;
  transition: background-position 0.2s linear;
  -webkit-transition-delay: 0.3s;
  /* Safari */
  transition-delay: 0.3s;
}

.QAWrapper .less .Answer:before {
  -webkit-transition: background-position 0.2s linear;
  transition: background-position 0.2s linear;
  -webkit-transition-delay: 0.3s;
  /* Safari */
  transition-delay: 0.3s;
  background-position: 0 40px;
}

.QAWrapper .Answer > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.QAWrapper .Answer > ul li {
  position: relative;
}

.QAWrapper .Answer > ul > li:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: #e9e9e9;
  border: 4px solid #087070;
  border-radius: 50%;
  top: 8px;
}

.QAWrapper .Answer > ul > li b {
  font-size: 110%;
  color: #087070;
  margin-left: 25px;
  margin: 5px 0 5px 25px;
}

.QAWrapper .linkOut {
  display: inline-block;
  padding: 2px 50px 2px 20px;
  background: #c7511e;
  color: #fff;
  border-radius: 30px;
  position: relative;
  font-size: 90%;
}

.QAWrapper .linkOut:after {
  content: "";
  width: 15px;
  height: 15px;
  background: url(../../images/icon/ExternalLink.png) no-repeat center/contain;
  position: absolute;
  right: 22px;
  top: 7px;
  z-index: 1;
}

/*--外連banner--*/

.linksWrap h2 {
  color: #449439;
  font-size: 136%;
  margin: 50px 0 45px 0;
  padding-left: 35px;
  position: relative;
  overflow: hidden;
}

.linksWrap h2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #449439;
  right: -152px;
  top: 16px;
  opacity: 0.3;
}

.linksWrap h2:before {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  background: url(../../images/icon/RelatedLinks_g.svg) no-repeat center/contain;
  left: 0;
  top: 4px;
}

.linksWrap a {
  display: block;
}

.linksWrap > div {
  overflow: hidden;
  margin-top: 30px;
}

.linksWrap ul {
  overflow: hidden;
  margin-bottom: 30px;
  margin-left: -0.5%;
}

.linksWrap li {
  float: left;
  width: 23%;
  margin: 0 1% 30px 1%;
  background: #000;
}

.linksWrap .insideBanner li a {
  width: 100%;
  height: 0;
  padding-bottom: 85%;
}

.linksWrap .outsideBanner li a {
  width: 100%;
  height: 0;
  padding-bottom: 40%;
}

/*chris*/

.cf:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*input style*/

.normalForm_style2 input[type="text"]:focus,
.normalForm_style2 input[type="password"]:focus,
.normalForm_style2 textarea:focus {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  /*border: 1px solid rgba(0, 0, 0, .6);*/
}

/*.normalForm_style2 input[type=checkbox],*/

.normalForm_style2 input[type="radio"] {
  border: 1px solid #bbb;
  background: #fff;
  color: #555;
  clear: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  height: 16px;
  margin: -4px 4px 0 0;
  outline: 0;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
  width: 16px;
  min-width: 16px;
  /*-webkit-appearance: none;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.05s border-color ease-in-out;
  transition: 0.05s border-color ease-in-out;
}

input::-webkit-input-placeholder {
  color: #707070;
  font-size: 1.2rem;
  font-weight: 300;
}

input:-ms-input-placeholder {
  color: #707070;
  font-size: 1.2rem;
  font-weight: 300;
}

input::-ms-input-placeholder {
  color: #707070;
  font-size: 1.2rem;
  font-weight: 300;
}

input::placeholder {
  color: #707070;
  font-size: 1.2rem;
  font-weight: 300;
}

.normalForm_style2 select:focus {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  /* margin: 0px 1px 3px 0px; */
  /* border: 1px solid rgba(81, 203, 238, 1); */
}

.normalForm_style2 {
  padding: 10px 40px 40px;
  border: 1px solid #96e9e9;
}

.normalForm_style2 .content,
.normalForm_style2 .hd p {
  font-size: 105%;
}

.normalForm_style2 .hd {
  padding: 0 0 1rem;
  margin: 0 0 2rem;
  border-bottom: 3px solid rgba(255, 255, 255, 0.2);
}

.normalForm_style2 .hd strong {
  font-size: 150%;
  font-weight: 700;
  margin-bottom: 1rem;
  display: block;
}

.normalForm_style2 ol {
  list-style: decimal;
  padding-left: 28px;
}

.normalForm_style2 .row .col {
  display: inline-block;
  padding-right: 1rem;
  /* font-size: 1.1rem;*/
  width: 100%;
}

.normalForm_style2 label,
.normalForm_style2 .inputGroup {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.normalForm_style2 .inputGroup select {
  font-size: 1.1rem;
}

.normalForm_style2 label {
  width: 100%;
  line-height: 190%;
}

.notice label{
  width: auto;

}

input,
select,
textarea {
  /*導覽預約表單設定*/
  /*min-width: 300px;*/
  width: 100% !important;
  border: none;
  background: rgb(236, 236, 236);
  padding: 10px;
  min-height: 45px;
  margin-bottom: 1rem;
  color: #707070;
}

input[type="submit"]{
  width: auto!important;
}

input[type="submit"].SearchBtn{
  width: 32px!important;
}


input{
  margin-right: 5px;
}

@media screen and (max-width: 500px) {
  input,
  select,
  textarea {
    min-width: auto;
  }
  input[type="submit"]{
    width: 100%!important;
  }
}

input.date {
  padding: 0 10px;
}

/*.normalForm_style2 .inputGroup input[type="checkbox"],*/

.normalForm_style2 .inputGroup input[type="radio"] {
  height: 20px;
  width: 20px;
  margin: 5px 0 20px 0;
}

/*------checkbox------*/

.inputGroup label {
  position: relative;
}

.inputGroup input[type="checkbox"] {
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  min-height: 0;
  display: block;
  min-width: 0px;
  position: absolute;
}

.inputGroup input[type="checkbox"]:focus + label{
    box-shadow: 0px 0px 3px #e84f00;
    opacity: 1;
}

.inputGroup input[type="checkbox"] + label::before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #ccd1d9;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.inputGroup input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 1px;
  border-right: 3px solid #444444;
  border-bottom: 3px solid #444444;
  transform: rotate(45deg);
  transform-origin: 0% 100%;
  width: 6px;
  height: 13px;
}


.inputGroup-center label {
  position: relative;
}

.inputGroup-center input[type="checkbox"] {
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  min-height: 0;
  min-width: auto;
  display: block;
}

.inputGroup-center input[type="checkbox"] + label::before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #ccd1d9;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.inputGroup-center input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 25px;
  border-right: 3px solid #444444;
  border-bottom: 3px solid #444444;
  transform: rotate(45deg);
  transform-origin: 0% 100%;
  width: 6px;
  height: 13px;
}
@media screen and (max-width: 480px) {
  .inputGroup-center input[type="checkbox"]:checked + label:after {
    left: 0px;
  }
}


/*------checkbox------*/

.normalForm_style2 .row{
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

@media screen and (max-width: 1024px) {
  .normalForm_style2 .row{
    width: 100%;
  }
}

.normalForm_style2 .verifyImg {
  margin-right: 10px;
  height: 45px;
}


.normalForm_style2 input.middle {
  width: 100%;
}

.inputGroup input.mini {
  height: 40px;
  vertical-align: top;
  width: 200px!important;
}
@media screen and (max-width: 480px) {
  .inputGroup input.mini {
    width: 100%!important;
  }
}

.normalForm_style2 .foot {
  text-align: center;
  padding: 2rem 0 0;
}

.normalForm_style2 .foot > div {
  width: 100%;
  text-align: center;
  margin-bottom: 1.5rem;
}

.normalForm_style2 .foot input[type="reset"],
.normalForm_style2 .foot input[type="button"] {
  color: #d7f6fa;
  background-color: #28bfd3;
}

.normalForm_style2 b.highLight {
  color: #feea4d;
}

.listStyle_2 article {
  margin-bottom: 2rem;
  background: #fbfbfb;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  min-height: 0;
}

.listStyle_2 article:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.listStyle_2 article h2 a {
  padding: 1rem 1.5rem;
  background: #0c8fa0;
  color: #fff;
  font-size: 110%;
  font-weight: 700;
  display: block;
}

.listStyle_2 article h2 a:hover {
  background: #ff9000;
}

.listStyle_2 .content {
  padding: 1.5rem;
}

.listStyle_2 .content .col {
  float: left;
}

.listStyle_2 .content .col:first-child {
  width: 25%;
  padding-right: 0.8rem;
}

.listStyle_2 .content .col:nth-child(2) {
  width: 75%;
  padding-left: 0.8rem;
}

.listStyle_2 .content .col:first-child figure {
  width: 100%;
  padding-top: 100%;
  border-radius: 10px;
}

.listStyle_2 .content .brief {
  margin-bottom: 2rem;
}

.listStyle_2 .content .brief p {
  margin-bottom: 1rem;
  line-height: 1.8;
}

.listStyle_2 .content .ft ul {
  text-align: right;
}

.listStyle_2 .content .ft li {
  display: inline-block;
}

.topTitle.topTitle_2 {
  margin-bottom: 2rem;
}

.topTitle.topTitle_2 h2 {
  float: left;
  color: #ca4a03;
  font-weight: 500;
  font-size: 200%;
}

.topTitle.topTitle_2 .btnStyle_1 {
  float: right;
  width: auto;
  background-color: transparent;
  border: 1px solid #27c8c8;
  border-radius: initial;
  padding: 15px 20px;
  height: auto;
}

.boxStyle_1 {
  clear: both;
  margin-bottom: 45px;
  position: relative;
}

.boxStyle_1 h3 {
  display: block;
  padding-left: 65px;
  position: relative;
}

.boxStyle_1.icon > h3:before {
  content: "";
  width: 43px;
  height: 43px;
  position: absolute;
  background: no-repeat center/contain;
  top: 50%;
  margin-top: -21px;
  left: 0;
}

.boxStyle_1.bgBlueGreen .content {
  color: #0c8fa0;
}

.boxStyle_1 .content p,
.boxStyle_2 .content p {
  font-size: 105%;
}

.boxStyle_1 .content li,
.boxStyle_2 .content li {
  font-size: 1.2rem;
  word-break: break-all;
}

.boxStyle_1.bgBlueGreen .content span,
.boxStyle_2.bgBlueGreen .content span {
  font-size: 125%;
  color: #D14258;
  margin-top: 15px;
  display: inline-block;
}

.normalForm_style2 .hd {
  margin-bottom: 0;
}

.boxStyle_1.icon.info > h3:before {
  background-image: url(../../images/icon/infoListBox.svg);
}

.boxStyle_2 {
  clear: both;
  position: relative;
}

.boxStyle_2 h3 {
  position: relative;
  padding-left: 55px;
}

.boxStyle_2.icon h3:before {
  content: "";
  width: 43px;
  height: 43px;
  position: absolute;
  background: no-repeat center/contain;
  /* top: 25%; */
  left: 0;
}

.boxStyle_2.icon.warning h3:before {
  background-image: url(../../images/icon/warning.svg);
}

/*遊憩景點第二層*/

.picBox {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
}

.picBox img {
  width: 100%;
  height: 100vh;
}

.bigPic {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-filter: brightness(0.4);
  filter: brightness(0.4);
}

.bigPic:nth-child(2) {
  -webkit-filter: blur(5px) brightness(0.7);
  filter: blur(5px) brightness(0.7);
  opacity: 0;
}

.introduce {
  height: 80vh;
  /*    background-image: url(../../images/spot/test.png);*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: calc(100vh - 610px) auto 0 auto;
  position: relative;
  max-width: 1280px;
  display: none;
}

.introduce h2 {
  color: #fff;
  position: absolute;
  font-size: 272%;
  left: 12%;
  top: 13%;
  padding-bottom: 13px;
  border-bottom: 4px dashed #fff;
}

.spotBrief {
  width: 670px;
  height: 220px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  line-height: 1.8em;
  font-size: 110%;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 15px rgba(0, 0, 0, 0.3);
  position: relative;
}

.spotBrief > a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  background: url(../../images/icon/down_circle.svg) no-repeat center/cover;
  left: 50%;
  margin-left: -25px;
  /* top: 200px;*/
  margin-bottom: -25px;
  z-index: 1;
  text-indent: -9999px;
  -webkit-animation-name: JUMP;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
}

@keyframes JUMP {
  0% {
    bottom: -20px;
  }
  100% {
    bottom: -10px;
  }
}

@-webkit-keyframes JUMP {
  0% {
    bottom: -20px;
  }
  100% {
    bottom: -10px;
  }
}

/*簡介*/

.introBox > div {
  position: relative;
  height: 80vh;
}

.introBox figure {
  width: 34%;
  position: absolute;
  left: 6%;
  bottom: 3%;
}

.introBox figure img:nth-child(1) ~ img {
  display: none;
}

.introBox figure img {
  width: 100%;
}

.introBox .info {
  width: 52%;
  position: absolute;
  right: 4%;
}

.introBox .info span {
  display: block;
  position: relative;
  z-index: 1;
  padding: 22% 20% 16% 20%;
  color: #fff;
  font-size: 108%;
  line-height: 1.6em;
  height: 70vh;
  overflow: hidden;
}

.introBox .info span p {
  margin-bottom: 20px;
}

.infoBG {
  display: block;
  width: 100%;
  height: 70vh;
  top: 0;
  left: 0;
  position: absolute;
}

.infoBG img {
  width: 100%;
  height: 100%;
}

.disTable {
  display: table;
}

/*景點清單*/

.spotAll {
  background: #f6f4f4;
  padding: 45px 0 75px 0;
  margin-top: 210px;
  position: relative;
  text-align: center;
}

.spotAll .slick-list {
  overflow: inherit;
}

.spotAll .slick-slide.slick-current {
  /*    transform: scale(1);    -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
*/
}

.spotSlider .slick-slide {
  /*    transform: scale(.9);   -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
*/
}

.spotAll h2 {
  display: inline-block;
  text-align: center;
  color: #037fb0;
  font-size: 272%;
  margin-bottom: 30px;
  padding-bottom: 13px;
  /*    border-bottom: 4px dashed #FFF;
*/
}

ul.spotBox {
  overflow: hidden;
  margin: 20px auto 0 auto;
  min-height: 50px;
  text-align: left;
  font-size: 0;
  padding: 0 3%;
  max-width: calc(1280px + 3%);
  margin: 0 auto;
}

.spotBox li {
  display: inline-block;
  width: 22.5%;
  margin: 1%;
  position: relative;
  border: 1px solid #e6e6e6;
  vertical-align: top;
  font-size: 0.889rem;
}

.spotBox figure {
  width: 100%;
  overflow: hidden;
}

.spotBox figure span {
  display: block;
  height: 0;
  padding-bottom: 73%;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.spotBox li:hover figure span {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.spotBox .info {
  background: #fff;
  padding: 22px 15px 60px;
}

.spotBox h3 {
  font-size: 125%;
  text-align: center;
  color: #037fb0;
  /*k*/
}

.spotBox a {
  position: absolute;
}

.spotBox a.moreBtn {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  text-indent: -9999px;
}

.spotBox a.addCollect {
  text-indent: 1px;
  width: 100px;
  height: 30px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  bottom: 11px;
  right: 11px;
  display: inline-block;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.spotBox a.addCollect:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0;
  background: url(../../images/icon/collect_heart.svg) no-repeat center/60%;
}

.spotBox a.cancelCollect {
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  background: #fff url(../../images/icon/collect_heart.svg) no-repeat center/60%;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  top: 11px;
  right: 11px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.spotBox a.gotoMap {
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  background: #fff url(../../images/icon/location_spot.svg) no-repeat center/80%;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  top: 11px;
  right: 11px;
}

.spotBox a.cancelCollect:hover:after {
  content: "";
  position: absolute;
  width: 29px;
  height: 2px;
  background: #616161;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 0;
  top: 14px;
}

.spotBox a.cancelCollect:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

#map-canvas {
  z-index: 1;
  width: 100%;
  height: 100vh;
}

.spotGoogleMap {
  position: relative;
}

.spotGoogleMap .alphaBlock > * {
  display: block;
  background: #000;
  opacity: 0;
  position: absolute;
  height: 100vh;
  top: 0;
  z-index: 1;
}

.spotGoogleMap .alphaBlock > b {
  left: 0;
  width: 10%;
}

.spotGoogleMap .alphaBlock > i {
  right: 0;
  width: 10%;
}

/*遊憩景點第二層(結束)*/

.food .tabBtns li:nth-child(1) a {
  background-image: url(../../images/icon/food/t1.svg);
}

.food .tabBtns li:nth-child(2) a {
  background-image: url(../../images/icon/food/t2.svg);
}

.food .tabBtns a:hover,
.food .tabBtns a.focus {
  color: #ca4a03;
}

.publish-switch{
  display: none;
}

.publish .publish-switch li:nth-child(1) a {
  background-image: url(../../images/list_img/multimedia_4.svg);
}

.publish .publish-switch li:nth-child(1) a:hover,
.publish .publish-switch li:nth-child(1) a.focus {
  background-image: url(../../images/list_img/multimedia_4-w.svg);
}

.publish .publish-switch li:nth-child(2) a {
  background-image: url(../../images/icon/t2.svg);
}

.publish .publish-switch li:nth-child(2) a:hover,
.publish .publish-switch li:nth-child(2) a.focus {
  background-image: url(../../images/icon/t2-w.svg);
}

/*20161201 chris 新增*/

.notePanel ul,
.notePanel ol {
  margin-bottom: 1rem;
}

.highLight_red {
  color: #d75a4a;
}

/*---一般列表---*/

.listBox {
  background: #fff;
  border-radius: 40px;
  padding-bottom: 40px;
  margin-bottom: 50px;
  position: relative;
}

.listBox h3 {
  color: #676767;
  padding: 26px 10px 26px 50px;
  font-size: 135%;
  display: inline-block;
  line-height: 1.6em;
  max-width: 100%;
}

.listBox ul {
  padding: 27px 58px 17px 58px;
}

.listBox li {
  height: 90px;
  display: table;
  width: 100%;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  padding-left: 30px;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.listBox li:hover {
  -webkit-transform: translate(-3px, -3px);
  transform: translate(-3px, -3px);
}

.listBox li a {
  display: block;
}

.listBox li a > * {
  vertical-align: middle;
}

.listBox li a span {
  color: #fff;
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 115%;
  padding: 0;
  width: 10px;
  text-indent: -9999px;
  display: inline-block;
}

.listBox li a span:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 40px;
  margin-top: -3px;
  left: 0;
  background: #ff9d03;
  z-index: -1;
  border-radius: 0;
}

.listBox li a h2 {
  padding: 20px 0 20px 25px;
  font-size: 110%;
  line-height: 1.6em;
  color: #656565;
  border-bottom: 0;
}

.bgList.theme .main {
  background-image: url(../../images/list_img/theme_bg.jpg);
}

.theme .fullList li:nth-child(1) a:after {
  background-image: url(../../images/list_img/theme_1.svg);
  background-size: 60%;
}

.theme .fullList li:nth-child(2) a:after {
  background-image: url(../../images/list_img/theme_2.svg);
  background-size: 60%;
}

.theme .fullList li:nth-child(3) a:after {
  background-image: url(../../images/list_img/theme_3.svg);
  background-size: 60%;
}

.theme .fullList li:nth-child(4) a:after {
  background-image: url(../../images/list_img/theme_4.svg);
  background-size: 60%;
}

.theme .fullList li:nth-child(5) a:after {
  background-image: url(../../images/list_img/theme_5.svg);
  background-size: 60%;
}

/*RSS*/

.rssWrap {
}

.rssWrap .info h2 {
  color: #449439;
  font-size: 140%;
  padding: 30px 0 10px 0;
  margin: 20px 0 25px 0;
  border-bottom: 1px solid #e7e4d6;
}

.rssWrap .info ul ul {
  padding-left: 30px;
}

.rssWrap .info li li {
  list-style: disc;
  margin-bottom: 25px;
}

ul.rssList {
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin-top: 60px;
}

.rssList li {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

a.rssBtn {
  position: relative;
  display: inline-block;
  background: #048484;
  color: #fff;
  padding: 4px 14px 3px 38px;
  border-radius: 5px;
  margin-right: 5px;
}

a.rssBtn:hover {
  background: #64d7df;
  color: #fff;
}

a.rssBtn:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background: url(../../images/icon/rss_w.svg) no-repeat center/contain;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 12px;
  margin-right: 7px;
}

/*問卷調查*/

div.question,
div.personalInfo {
  padding: 28px 42px 50px 42px;
  border: 1px solid #96e9e9;
  overflow: hidden;
  color: #585858;
  margin-bottom: 25px;
}

.article.question_form h2 {
  color: #676767;
  margin: 50px 0 20px;
  font-weight: 400;
}

.question_form {
  padding: 0 15px;
}

.question_form .textWrap {
  display: none;
}

.article.question_form .end {
  text-align: center;
}

.question i {
  color: #ff2000;
}

.question h3 {
  margin-bottom: 36px;
}

.question h3 span {
  display: inline-block;
  float: right;
  font-size: 60%;
  line-height: 36px;
  color: #696969;
}

.question > ul {
  font-size: 93%;
}

.question > ul > li {
  display: table;
  width: 100%;
  border-bottom: 1px solid #96e9e9;
  padding: 20px 0;
}

.question > ul > li:last-child {
  border-bottom: 1px solid transparent;
  padding-bottom: 0;
}

.question > ul > li > * {
  vertical-align: top;
  display: block;
}

.question > ul > li .inputGroup > span {
  display: flex;
  flex-wrap: wrap;
}

.question > ul > li > span:nth-child(1) {
  position: relative;
  padding-left: 50px;
  font-size: 130%;
  margin-bottom: 20px;
}

.question > ul > li span:nth-child(1):before {
  display: block;
  position: absolute;
  top: -6px;
  left: 2px;
  text-align: center;
  font-size: 140%;
  margin-bottom: 20px;
}

.question li:nth-child(1) > span:nth-child(1):before {
  content: "01";
}

.question li:nth-child(2) span:nth-child(1):before {
  content: "02";
}

.question li:nth-child(3) span:nth-child(1):before {
  content: "03";
}

.question li:nth-child(4) span:nth-child(1):before {
  content: "04";
}

.question li:nth-child(5) span:nth-child(1):before {
  content: "05";
}

.question li:nth-child(6) span:nth-child(1):before {
  content: "06";
}

.question li:nth-child(7) span:nth-child(1):before {
  content: "07";
}

.question li:nth-child(8) span:nth-child(1):before {
  content: "08";
}

.question li:nth-child(9) span:nth-child(1):before {
  content: "09";
}

.question li:nth-child(10) span:nth-child(1):before {
  content: "10";
}

.question li:nth-child(11) span:nth-child(1):before {
  content: "11";
}

.question li:nth-child(12) span:nth-child(1):before {
  content: "12";
}

.question li:nth-child(13) span:nth-child(1):before {
  content: "13";
}

.question li:nth-child(14) span:nth-child(1):before {
  content: "14";
}

.question li:nth-child(15) span:nth-child(1):before {
  content: "15";
}

.question li:nth-child(16) span:nth-child(1):before {
  content: "16";
}

.question li:nth-child(17) span:nth-child(1):before {
  content: "17";
}

.question b.note {
  color: #f2000b;
  font-size: 90%;
}

.question li span u {
  margin-right: 12px;
}

input[type="radio"] {
  opacity: 0;
  width: 0px;
  position: absolute;
  min-width: auto;
}

input[type="radio"] + label {
  cursor: pointer;
  padding-right: 10px;
}

input[type="radio"] + label::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #ccd1d9;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

input[type="radio"]:checked + label::before,
.question input[type="radio"]:focus + label::before {
  background-color: #007A7A;
}

/*特殊INPUT*/

.question li > b {
  width: 18px;
  height: 18px;
  /*float: left;*/
  display: inline-block;
  vertical-align: middle;
  padding-top: 3px;
  cursor: pointer;
  text-align: center;
  margin-right: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.question li:hover > b {
  -webkit-box-shadow: 0px 0px 7px rgba(70, 169, 56, 0.46);
  box-shadow: 0px 0px 7px rgba(70, 169, 56, 0.46);
  border: 1px solid #79c56f;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.question li > u {
  /*float: left;*/
  display: inline;
  vertical-align: middle;
}

/*
.question input[type="checkbox"] {
    opacity: 1;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 20px;
    width: 30px;
    margin-top: -9px;
    margin-left: -5px;
}*/

.question label {
  margin-right: 30px;
  vertical-align: text-bottom;
}

.question li > b:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  background: #46a938;
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.question li > b.on:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.question > ul > li ul > li {
  float: left;
  margin: 0 10px 10px 10px;
}

/*結果頁*/

.question > ul.finish > li > * {
  display: grid;
}

.question > ul.finish > li span:nth-child(1) {
  width: 100%;
}

.question > ul > li span.graph:nth-child(1):before {
  display: none;
}

.question > li > b.bar:before {
  display: none;
}

.question ul.finish li ul {
  margin-top: 25px;
}

.question ul.finish li ul li {
  margin: 0 10px 15px 10px;
}

.question > ul > li span.graph {
  display: table;
  position: inherit;
  /* IE is dumb */
  width: 100px;
  height: 20px;
  background-color: #e4e4e4;
  padding-left: 0;
  border-radius: 0;
}

.graph .bar {
  display: block;
  position: inherit;
  height: 20px;
  background-color: #f99620;
  border-radius: 0;
}

/*結果頁end*/

.allBtn {
  text-align: center;
  padding-top: 2rem;
}

.personalInfo h6 {
  color: #f99620;
  font-size: 203%;
  margin-bottom: 35px;
  font-weight: 400;
  text-align: center;
}

.personalInfo ul {
  width: 70%;
  margin: 0 auto;
}

.personalInfo li {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
}

.personalInfo input[type="text"] {
  border: 1px solid #e4e4e4;
  color: #636262;
  background: #f8f8f8;
  font-size: 88%;
  padding: 8px 10px;
  height: 30px;
  margin-left: 12px;
  width: calc(100% - 110px);
}

.personalInfo textarea {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  color: #636262;
  background: #f8f8f8;
  font-size: 88%;
  padding: 8px 10px;
  margin-right: 12px;
  width: calc(100% - 110px);
  vertical-align: top;
}

.end span {
  display: block;
  text-align: center;
  margin-bottom: 50px;
  font-size: 170%;
  margin-top: 50px;
}

@font-face {
  font-family: "Shrikhand";
  font-style: normal;
  font-weight: 400;
  src: local("Shrikhand"), local("Shrikhand-Regular"),
    url(https://fonts.gstatic.com/s/shrikhand/v1/gAG9PY273yLDV-zH9stnPRJtnKITppOI_IvcXXDNrsc.woff2)
      format("woff2");
  unicode-range: U+0964-0965, U+0A80-0AFF, U+200B-200D, U+20B9, U+25CC,
    U+A830-A839;
}

/* latin-ext */

@font-face {
  font-family: "Shrikhand";
  font-style: normal;
  font-weight: 400;
  src: local("Shrikhand"), local("Shrikhand-Regular"),
    url(https://fonts.gstatic.com/s/shrikhand/v1/K9FQo354tLl02a3s6NMmChJtnKITppOI_IvcXXDNrsc.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F,
    U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Shrikhand";
  font-style: normal;
  font-weight: 400;
  src: local("Shrikhand"), local("Shrikhand-Regular"),
    url(https://fonts.gstatic.com/s/shrikhand/v1/JyWweKXulPH__9al48I7XltXRa8TVwTICgirnJhmVJw.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.end span:before {
  content: "THANK YOU";
  display: block;
  color: #8ee5f1;
  font-size: 220%;
  margin-bottom: 12px;
  font-family: "Shrikhand", cursive;
}

span.note {
  display: block;
  margin: 20px auto;
  color: #f76060;
  width: 70%;
}

.result {
  width: 650px;
  margin: 0 auto;
  border-radius: 30px;
  background: #fff;
  padding: 4% 7%;
  text-align: center;
  line-height: 1.5;
  position: relative;
}

.result:before {
  position: absolute;
  content: "";
  width: 248px;
  height: 343px;
  background: url(../../Images/boss_decoration.png);
  left: -110px;
  bottom: -30px;
}

.result h3 {
  color: #f99620;
  font-size: 250%;
  font-weight: bold;
  margin-bottom: 35px;
}

.result h3:before {
}

.result .resultTxt {
  color: #6b6b6b;
  font-size: 135%;
  font-weight: bold;
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid #e2e2e2;
}

.othersWord {
  color: #808080;
}

.result .backListBtn {
  margin-top: 25px;
  margin-bottom: 0;
  background: #f99620;
}

.bossGoAround ul {
  list-style: none;
  padding-left: 0;
}

.bossGoAround ul li {
  margin-bottom: 80px;
  margin-top: 60px;
}

.bossGoAround ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.bossGoAround ul li > * {
  float: left;
  width: 48%;
  padding: 0 2.5%;
}

.bossGoAround ul li:nth-child(even) > * {
  float: right;
}

.bossGoAround .text {
  text-align: center;
  margin-top: 7%;
  padding: 0 8%;
}

.bossGoAround .text p {
  margin-top: 20px;
  font-size: 110%;
  color: #232323;
  line-height: 1.8;
}

.bossGoAround ul h4 {
  line-height: 1.1;
  display: inline-block;
  padding: 29px 0;
  letter-spacing: 0.05em;
  font-size: 190%;
  margin: 20px 0 7px 0;
  color: #007989;
  margin-left: 0;
  background: url(../../images/boss_intro/title_deco.png) repeat-x
    center/contain;
}

.bossGoAround h4:before {
  display: none;
}

.bossGoAround ul .fake-h4 {
  display: inline-block;
  padding: 0;
  letter-spacing: 0.05em;
  font-size: 190%;
  margin: 20px 0 7px 0;
  color: #007A7A;
}

.bossGoAround .fake-h4:before {
  display: none;
}

.bossGoAround .fake-h2 {
  font-size: 240%;
}

.bossGoAround li > figure {
  position: relative;
}

.bossGoAround li > figure img {
  width: 100%;
}

.bossGoAround li > figure:before {
  content: "";
  position: absolute;
  height: 0;
  background: no-repeat center/contain;
  width: 52%;
  padding-bottom: 72%;
  bottom: -10px;
}

.bossGoAround li:nth-child(1) > figure:before {
  left: -40px;
  background-image: url(../../images/boss_intro/boss_1.png);
}

.bossGoAround li:nth-child(2) > figure:before {
  background-image: url(../../images/boss_intro/boss_2.png);
  right: -40px;
}

.bossGoAround li:nth-child(3) > figure:before {
  left: -40px;
  background-image: url(../../images/boss_intro/boss_3.png);
}

.bossGoAround li:nth-child(4) > figure:before {
  width: 57%;
  padding-bottom: 81%;
  background-image: url(../../images/boss_intro/boss_4.png);
  right: -40px;
  bottom: -59px;
}

.bossGoAround li:nth-child(5) > figure:before {
  width: 57%;
  padding-bottom: 81%;
  background-image: url(../../images/boss_intro/boss_5.png);
  left: -40px;
  bottom: -47px;
}

.bossGoAround li:nth-child(6) > figure:before {
  width: 57%;
  padding-bottom: 81%;
  background-image: url(../../images/boss_intro/boss_6.png);
  right: -40px;
  bottom: -47px;
}

span.relatedSpot {
  color: #007A7A;
  padding: 8px 0px;
  display: block;
  width: 296px;
  position: relative;
  margin-top: 43px;
  border: 1px solid #007A7A;
}

.bossGoAround li span.relatedSpot:after {
  content: "";
  position: absolute;
}

ul.textWrapBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
}

ul.textWrapBtn > li {
  display: inline-block;
  width: 22%;
  font-size: 0;
}

ul.textWrapBtn > li a {
  display: table;
  padding: 10px 0;
  font-size: 1.25rem;
  line-height: 1.3;
  text-align: center;
  height: 57px;
  width: 100%;
  border: 1px solid #007A7A;
}

.sceneryintro a.hashtag-switch {
  display: block;
  width: 50%;
  padding: 6px 25px;
  background: #ffffff;
  border-radius: 0px;
  border: 1px solid #27c8c8;
  margin: 30px auto 20px auto;
  text-align: center;
  color: #007A7A;
  font-size: 90%;
  text-shadow: none;
}

.goMapWrap {
  position: absolute;
  width: 100%;
  bottom: -410px;
  z-index: 9;
}

/*--------------20180411葦玲新增-------------*/

/*旅宿網按鈕*/

.mainSearch {
  position: relative;
}

.mainSearch .staybtn {
  display: block;
  /*k*/
  width: 347px;
  /*k*/
  text-align: center;
  /*k*/
  margin: 0 auto;
  /*k*/
  font-size: 120%;
  /*k*/
  background: #ffffff;
  /*k*/
  padding: 10px 17px 10px 17px;
  /*k*/
  border-radius: 12px;
  /*k*/
  font-weight: 700;
  /*k*/
  color: #ca4a03;
  /*k*/
  border: 1px #e2e2e2 solid;
}

.mainSearch .staybtn:hover {
  background: #ca4a03;
  color: #fff;
}

.mainSearch .staybtn img {
  border-radius: 25px;
  display: none;
}

.fontSize > li a.skiptoolbarMenu {
  display: none;
}

.fontSize > li a.skiptoolbarMenu:focus {
  opacity: 1;
  width: 180px;
  height: 38px;
  font-size: 12px;
  display: block;
  line-height: 13px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.6) !important;
  border-radius: unset;
  color: #fff;
  text-indent: 10px;
  /* top: -8px; */
  padding: 7px 10px;
}

/*kenny新增20180705*/

input[type="submit"].calendar-search {
  border: none;
  padding: 0 50px 0 80px;
  padding-right: 50px;
  height: 53px;
  font-size: 65%;
  font-weight: initial;
  vertical-align: top;
  /*margin: 5px 0 0 0;*/
  background-color: #2078B6!important;
  color: #ffffff;
  background-image: url(../../img/icon/icon-search-white.svg);
  background-repeat: no-repeat;
  background-position: 45px center;
  width: auto;
  min-width: auto;
}

fieldset,
img {
  border: 0;
  vertical-align: middle;
}

/*蕙宇新增2018824*/

.logBox input[type="text"]:focus,
.logBox input[type="password"]:focus {
  background: #fff;
}

.searchBox select:focus,
.searchBox input:focus {
  font-size: 92%;
  background-color: rgba(255, 255, 255, 0.75);
  outline: #24cfe5 2px solid;
  color: #000;
}

/*Peggy新增20190508*/

.article h2 {
  font-size: 200%;
  color: #007A7A;
  border: 0;
  padding: 0;
  text-align: initial;
  font-weight: bolder;
  margin: 1rem 0;
  line-height: 1.4;
}

.facility h3:before,
.disabled h3:before {
  display: none;
}

#player {
  width: 334px;
  margin: auto;
  -webkit-box-shadow: 1px 5px 5px #888888;
  box-shadow: 1px 5px 5px #888888;
}

#player-top {
  padding: 10px;
  height: 55px;
  background-color: white;
}

#slash {
  color: #3b3b3b;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 1px #ffffff;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
    Helvetica, Arial, "Lucida Grande", sans-serif;
  margin-top: 20px;
}

#track-info-container {
  float: left;
  font-size: 10px;
  width: 170px;
  overflow: hidden;
  margin-left: 10px;
}

#time-info-container {
  float: left;
  margin-top: 15px;
  font-size: 10px;
  line-height: 19px;
}

/*語音導覽-已清*/

/*
#audioplayer {
    width: 100%;
    height: 60px;
    margin-bottom: 40px;
    border: 1px solid #e2e2e2;
    border-radius: 30px;
    padding: 18px 20px 20px 20px;
}

#audioplayer.hidden {
    display: none;
}
*/

/*
#pButton {
    float: left;
    outline: none;
    top: 0px;
    margin-left: 20px;
    background: transparent;
}

.play {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent #ff8c00;
}

.pause::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 20px;
    background-color: #ff8c00;
    border-radius: 0;
}

.pause::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 20px;
    background-color: #ff8c00;
    border-radius: 0;
    margin-left: 8px;
}

#timeline {
    width: calc(100% - 230px);
    height: 1px;
    float: left;
    border-radius: 15px;
    background: rgba(0, 0, 0, .3);
    margin-top: 10px;
}

#playhead {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-top: -8px;
    border: 1px solid #c7511e;
    background: #ffffff;
}

.audio-title {
    display: inline-block;
    float: left;
    color: #676767;
    font-size: 1.25rem;
    margin-top: -4px;
    margin-right: 25px;
}

.audio-title::before {
    content: "";
    display: inline-block;
    width: 31px;
    height: 28px;
    background-image: url(../../images/icon/icon-audio.svg);
    vertical-align: sub;
    margin-right: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
*/

.hashtag-btn {
  border: 1px solid #c7511e;
  color: #232323;
  padding: 6px 30px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-right: 10px;
  margin-bottom: 20px;
  display: inline-block;
}

@media (min-width: 1200px) {
  .hashtag-btn:hover {
    background-color: #c7511e;
    color: #ffffff;
  }
  a:hover {
    color: #e84f00;
  }
}

.facility ul,
.disabled ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.facility li {
  min-width: 25%;
  margin-bottom: 20px;
}

.facility li::before {
  content: "";
  display: inline-block;
  width: 27px;
  height: 27px;
  background-image: url(../../images/icon/icon-check.svg);
  vertical-align: text-top;
  padding-right: 10px;
  background-repeat: no-repeat;
  background-size: contain;
}

.disabled li {
  min-width: 290px;
  margin-bottom: 20px;
}

.disabled li:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  vertical-align: middle;
  background-size: contain;
}

.disabled li.disabled-wheel::before {
  background-image: url(../../images/icon/disabled-wheel.svg);
}

.disabled li.disabled-toilet::before {
  background-image: url(../../images/icon/disabled-toilet.svg);
}

.disabled li.disabled-park::before {
  background-image: url(../../images/icon/disabled-park.svg);
}

.disabled li.disabled-charge::before {
  background-image: url(../../images/icon/disabled-charge.svg);
}

.map-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px;
}

.map-switch a {
  width: 23%;
  border: solid 1px #27c8c8;
  text-align: center;
  padding: 12px 0;
  color: #007A7A;
  font-size: 120%;
}

.map-switch a:hover {
  background-color: #27c8c8;
  color: #ffffff;
}

.map-switch a:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}

.map-switch a.scenery:before {
  background-image: url(../../images/icon/scenery.svg);
  width: 33px;
  height: 26px;
  margin-top: 3px;
}

.map-switch a.scenery:hover:before {
  background-image: url(../../images/icon/scenery-w.svg);
}

.map-switch a.food:before {
  background-image: url(../../images/icon/food.svg);
  width: 34px;
  height: 35px;
}

.map-switch a.food:hover:before {
  background-image: url(../../images/icon/food-w.svg);
}

.map-switch a.sleep:before {
  background-image: url(../../images/icon/sleep.svg);
  width: 37px;
  height: 31px;
}

.map-switch a.sleep:hover:before {
  background-image: url(../../images/icon/sleep-w.svg);
}

.map-switch a.gas:before {
  background-image: url(../../images/icon/souvenir.svg);
  width: 30px;
  height: 30px;
}

.map-switch a.gas:hover:before {
  background-image: url(../../images/icon/souvenir-w.svg);
}

/* 更多有趣的 */

.hashtag-slide .swiper-slide {
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  width: 100%;
}

.hashtag-slide .swiper-slide > .box-container {
  width: 100%;
  height: 100%;
}

.hashtag-slide .swiper-slide > .slide-container .box-container {
  position: relative;
}

.hashtag-slide .img-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 94%;
  overflow: hidden;
}

.hashtag-slide .swiper-5 span.hashtag-name {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  padding: 5px 15px;
  font-size: 1.25rem;
}

.hashtag-slide .festival-tag {
  background-color: #ff6f84;
}

.hashtag-slide .trip-tag {
  background-color: #c7511e;
}

.hashtag-slide .place-tag {
  background-color: #007A7A;
}

.hashtag-slide span.title {
  display: block;
  width: 100%;
  height: 34%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(225, 225, 225, 0)),
    to(rgba(0, 0, 0, 0.5))
  );
  background: linear-gradient(
    to bottom,
    rgba(225, 225, 225, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  color: #ffffff;
  padding: 24px 20px 15px;
  font-size: 120%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hashtag-slide a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  font-size: 0;
}

.hashtag-slide .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.hashtag-slide .swiper-wrapper {
  padding-bottom: 50px;
}

/* swiper pagination共同樣式 */

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #c7511e;
}

.swiper-pagination .swiper-pagination-bullet {
  background: transparent;
  border: 1px solid #c7511e;
  opacity: 1;
  width: 15px;
  height: 15px;
}

/* 2020 */

.verification-wrapper {
  display: flex;
  flex-direction: column;
}

.verification-setting {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}

.verification-input {
  margin-bottom: 0;
}

.block {
}

.block > p {
  height: 125px;
}

@media screen and (max-width: 767px) {
  .block > p {
    height: auto;
  }
}

.traffic__wrap {
  width: 100%;
  padding-top: 2.8rem;
}

.traffic__item {
  width: 100%;
  padding-left: 0 !important;
  display: grid;
  grid-gap: 2rem 3rem;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.traffic__item2 {
  grid-template-rows: 1fr;
}

.traffic__item li {
  width: 100%;
  height: 100%;
  position: relative;
  list-style: none;
  padding: 1rem;
  border: 1px solid #c7511e;
}

.traffic__item li:nth-child(1)::after {
  content: "";
  display: block;
  position: absolute;
  top: 44%;
  left: 100%;
  width: 45px;
  height: 45px;
  background-image: url(../../images/icon/arrow-path.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 10;
}

.traffic__item li:nth-child(2)::after {
  content: "";
  display: block;
  position: absolute;
  top: 44%;
  left: 100%;
  width: 45px;
  height: 45px;
  background-image: url(../../images/icon/arrow-path.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 10;
}

.traffic__item li:nth-child(4)::after {
  content: "";
  display: block;
  position: absolute;
  top: 44%;
  left: 100%;
  width: 45px;
  height: 45px;
  background-image: url(../../images/icon/arrow-path.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 10;
}

.traffic__item li:nth-child(5)::after {
  content: "";
  display: block;
  position: absolute;
  top: 44%;
  left: 100%;
  width: 45px;
  height: 45px;
  background-image: url(../../images/icon/arrow-path.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 10;
}

.traffic__item li figure {
}

.traffic__item li figure img {
}

.num-color {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}
.num-color span {
  margin-right: 1rem;
  color: #c7511e;
}

@media screen and (max-width: 1024px) {
  .traffic__item {
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .traffic__item li:nth-child(1)::after,
  .traffic__item li:nth-child(2)::after,
  .traffic__item li:nth-child(4)::after,
  .traffic__item li:nth-child(5)::after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .traffic__item {
    grid-gap: 1rem;
    grid-template-columns: 1fr;
  }
}

.listBox .external-link::after{
  content: '';
  width: 20px;
  height: 20px;
  margin-left: 1rem;
  display: inline-block;
  background-image: url(../../img/icon/external-link-normal.svg);
}