@charset "utf-8";
.anchor_hide, .fixed_content figure a {
   display: block
}
.remind, body {
   line-height: 1.5
}
.more, .search_bar .btns, nav a {
   transition: .4s all
}
.grid_name, .news_text h3, .route_list .list_i {
   white-space: nowrap;
   text-overflow: ellipsis
}
.banner>.container, .intro, .loading, .new_year_menu ul li, .promotions_menu ul li, nav a {
   text-align: center
}
* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: "Segoe UI", Arial, Helvetica, "Microsoft JhengHei Correct", 'Microsoft JhengHei', PMingLiU, sans-serif
}
input {
   -webkit-appearance: none;
   border-radius: 0
}
body {
   font-size: 16px;
   color: #333
}
#fixed_bar .logoicon {
   width: 188px!important;
   height: 59px!important;
   margin-top: 0!important;
   margin-bottom: 5px!important
}
.anchor_hide {
   height: 105px;
   margin-top: -105px;
   z-index: -1;
   visibility: hidden
}
em {
   font-style: normal
}
h1 {
   display: inline-block
}
h2 {
   font-size: 1.5em;
   margin-bottom: 18px;
   position: relative;
   color: #AB1212;
   background-image: url(../images/title_bg.svg);
   background-repeat: no-repeat;
   background-position: top left;
   text-indent: 38px
}
h3, nav a {
   font-size: 1.2em
}
.more, h2:after {
   position: absolute
}
h2:after {
   content: "";
   bottom: -5px;
   left: 0;
   width: 300px;
   height: 3px;
   background: -moz-linear-gradient(left, rgba(198,39,39,1) 0, rgba(255,255,255,0) 100%);
   background: -webkit-linear-gradient(left, rgba(198,39,39,1) 0, rgba(255,255,255,0) 100%);
   background: linear-gradient(to right, rgba(198,39,39,1) 0, rgba(255,255,255,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c62727', endColorstr='#00ffffff', GradientType=1)
}
h3 {
   vertical-align: middle
}
.spots_lc_main h4 {
   font-size: 1.2em;
   color: #ad282b;
   margin: .5em 0
}
a {
   text-decoration: none
}
img {
   max-width: 100%
}
.more {
   right: 0;
   bottom: 0;
   padding: 3px 5px;
   background: #f9b248;
   background: -moz-linear-gradient(-45deg, rgba(249,178,72,1) 0, rgba(252,58,82,1) 100%);
   background: -webkit-linear-gradient(-45deg, rgba(249,178,72,1) 0, rgba(252,58,82,1) 100%);
   background: linear-gradient(135deg, rgba(249,178,72,1) 0, rgba(252,58,82,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b248', endColorstr='#fc3a52', GradientType=1);
   color: #fff
}
.banner, .container, .swiper-arrow, header {
   position: relative
}
.loading {
   background: url(../../../_inc/hotelsearch/images/searchloading.gif) center center no-repeat;
   height: 114px;
   width: 100%;
   margin: 0;
   overflow: hidden
}
.remind {
   display: block;
   color: red
}
.container {
   max-width: 1100px;
   width: 100%;
   margin: 0 auto
}
.container::after {
   content: '';
   display: block;
   clear: both
}
header>.container {
   overflow: visible
}
.grid_Prj, .grid_name, .news_list, .news_text h3, .news_text p {
   overflow: hidden
}
.banner {
   background-image: url(../images/banner.jpg);
   background-position: center;
   background-size: cover;
   height: 500px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   z-index: 9
}
.banner>.container {
   padding: 0 .5em;
   z-index: 2
}
.banner .title {
   max-width: 400px;
   width: 100%;
   margin-bottom: 20px
}
nav a {
   color: #333;
   display: block;
   padding: 15px 0 10px;
   border-bottom: 5px solid #fff
}
.search_bar {
   padding: .5em;
   margin: 0 auto
}
.search_bar .btns {
   background-color: #f90;
   color: #fff!important
}
.swiper-arrow {
   z-index: 0
}
.swiper-arrow .swiper-button-next, .swiper-arrow .swiper-button-prev {
   opacity: .7;
   height: 100%;
   top: 0;
   background-size: 70% auto;
   margin: 0
}
.swiper-arrow .swiper-button-next.swiper-button-disabled, .swiper-arrow .swiper-button-prev.swiper-button-disabled {
   opacity: 0
}
.swiper-arrow .swiper-button-next {
   right: -50px
}
.swiper-arrow .swiper-button-prev {
   left: -50px
}
.swiper-pagination {
   position: static!important;
   z-index: 0
}
.swiper-container {
   padding: 0!important;
   background: 0 0!important
}
.swiper-button-next, .swiper-button-prev {
   opacity: .7;
   width: 50px;
   height: 100%;
   top: 0;
   background-size: 70% auto;
   margin: 0
}
.intro, .main>article {
   margin: 40px 0
}
.swiper-button-prev {
   background-image: url(../images/prev_arrow.png);
   left: 0;
   right: auto
}
.swiper-button-next {
   background-image: url(../images/next_arrow.png);
   right: 0;
   left: auto
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
   opacity: 0
}
.swiper-pagination-bullet {
   background-color: #FFA33E
}
.intro {
   line-height: 35px
}
.new_year_menu ul {
   width: 1100px;
   margin: .5em 0
}
.new_year_menu ul li:first-child {
   background-color: #c62727;
   color: #fff;
   padding: 5px 10px
}
.new_year_menu ul li {
   border-right: 1px solid;
   width: auto
}
.new_year_menu ul li:first-child, .new_year_menu ul li:last-child {
   border-right: 0
}
.new_year_menu ul li a {
   padding: 5px 10px;
   display: block;
   color: #333
}
.news_new {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   align-items: flex-start
}
.news_new img {
   width: 40%
}
.news_new .new_info {
   width: 60%;
   padding-left: 20px
}
.news_new .new_info h3 {
   color: #c62727;
   margin-bottom: 10px
}
.news_new .new_info p {
   line-height: 1.5;
   padding-bottom: 35px
}
.gridlists.grid_landscape {
   display: flex;
   flex-wrap: wrap
}
.grid_list {
   padding: .5em;
   position: relative
}
.grid_beroom, .grid_link {
   position: absolute;
   left: 0
}
.grid_link {
   display: block;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 3;
   background: #fff;
   opacity: 0
}
.grid_beroom {
   font-size: 16px;
   top: 5px;
   padding: 5px 10px;
   color: #fff;
   background-color: #f9b248
}
.grid_name, .grid_name a {
   color: #c62727
}
.grid_pic {
   position: relative
}
.grid_pic img {
   width: 100%;
   vertical-align: bottom
}
.grid_txt {
   padding-top: 5px
}
.grid_name {
   display: block
}
.grid_address {
   background-image: url(../images/mapicon.svg);
   background-repeat: no-repeat;
   background-size: 22px 22px;
   text-indent: 20px;
   font-weight: 400;
   font-size: 15px;
   color: #333;
   margin-top: 5px
}
.grid_Prj {
   height: 50px;
   margin-top: 5px
}
.grid_Prj a {
   color: #333
}
.grid_rate {
   display: flex;
   flex-direction: row-reverse;
   align-items: flex-end;
   margin-top: 10px
}
.grid_booking {
   padding: 3px 25px;
   color: #fff;
   background-color: #FC3A52
}
.grid_prices {
   color: red;
   margin-right: 10px
}
.Hotels>div {
   padding-bottom: 3em
}
.attractions .swiper-slide{width:220px}
.attractions figure {
   padding: .5em
}
.attractions figure img {object-fit: cover;
   width: 100%;height: 204px;
}
.attractions figure a {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   opacity: 0;
   z-index: 1
}
.attractions .hidden {
   position: relative
}
.attractions .hidden img {
   border-radius: 50%
}
.attractions .hidden span {
   position: absolute;
   left: 5px;
   background-color: #fff;
   border: 1px solid #333;
   bottom: 5px;
   padding: 0 5px;
   border-radius: 15px;
   background-image: url(../images/mapicon.svg);
   background-repeat: no-repeat;
   background-size: 22px 22px;
   text-indent: 15px
}
.attractions figcaption {
   text-align: center;
   margin-top: 10px;
   color: #000
}
.pointkind_icon {
   font-size: 2em;
   margin-right: 5px
}
.route_icon {
   background: url(../images/route.svg) no-repeat;
   display: inline-block;
   vertical-align: text-bottom
}
.news_container {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between
}
.news_list {
   width: 100%;
   margin-bottom: 20px
}
.pic {
   float: left;
   width: 30%
}
.pic img {
   height: auto
}
.news_text {
   float: left;
   position: relative;
   padding-left: .5em;
   width: 70%;
   padding-bottom: 40px
}
.news_text h3 {
   color: #c62727;
   margin-bottom: 10px
}
.news_text p {
   line-height: 1.2;
   height: 55px
}
.news_lc_show h1 {
   font-size: 1.5em;
   color: #654513;
   padding: 0 0 .5em
}
.news_lc_show a {
   color: #75050c
}
#newsweek_detail{font-size:1em;width: 100%;}
#newsweek_detail .picTN{display:inline-block;float:none;clear: both;margin: 0 0 0.5em}
.route_list {
   width: 100%;
   margin-top: 1em;
   display: flex;
   flex-wrap: wrap
}
.route_list .list_i {
   width: 32.33333%;
   margin: .5em .5%;
   line-height: 1.5em;
   overflow: hidden
}
.route_list h3 {
   width: 100%
}
.route_list .list_i a {
   color: #069
}
.route_list .list_i a::before {
   content: " ";
   display: inline-block;
   width: 0;
   height: 0;
   line-height: 0;
   margin: 0 .5em 0 0;
   border: .3em dashed #666;
   border-left-style: solid;
   border-right: none;
   border-bottom-color: transparent;
   border-top-color: transparent
}
.route_map {
   border: 1px solid #841424;
   height: 500px;
   overflow: hidden
}
.route_map iframe {
   width: 100%;
   height: 100%
}
.taiwan_hotels {
   margin-bottom: 2em
}
.promotions_menu ul {
   display: flex;
   width: 100%
}
.promotions_menu ul li {
   width: auto
}
.promotions_menu ul li a {
   color: #333;
   padding: 10px 20px;
   display: block;
   background: #f9b248
}
.promotions_menu ul li.active a {
   color: #fff;
   background: #c62727
}
.taiwan_hotels .gridlists.grid_landscape {
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
   box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24)
}

@media (max-width:1100px) {
.container, .fixed_content {
   padding: 0 .5em
}
.swiper-arrow {
   overflow: hidden
}
}

@media (min-width:741px) {
.search_button {
   display: none
}
.top_bar {
   position: absolute;
   top: 60px;
   right: 0;
   z-index: 3
}
.search_container {
   background: rgba(255,255,255,.7)
}
nav {
   background: #fff
}
nav .active a {
   border-bottom: 5px solid #f60
}
nav .container {
   border-bottom: 3px solid #eee;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}
.mobile_nav, nav li:first-child {
   display: none
}
nav li {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1
}
#fixed_nav .container {
   border-bottom: 0
}
.gridlists.grid_landscape .grid_list {
   width: 33.3333%;
   margin-bottom: 20px
}
}

@media (min-width:1024px) {
.new_year_menu {
   cursor: default!important
}
.gridlists.grid_landscape .grid_list {
   width: 25%
}
.news_list {
   width: 49%
}
.attractions figure>a, .grid_list>a, .grid_pic a, .swiper-button-next, .swiper-button-prev {
   transition: .4s all
}
#rooms_search_bar .btns:hover {
   background-color: #f60
}
nav a:hover {
   border-bottom: 5px solid #f90
}
.more:hover {
   letter-spacing: 2px
}
.grid_pic a:hover {
   opacity: .7
}
.attractions figure>a:hover, .grid_list>a:hover {
   opacity: .3
}
.swiper-button-next:hover, .swiper-button-prev:hover {
   background-color: rgba(0,0,0,.2);
   opacity: 1
}
.enter a:hover {
   background-color: #F2F2F2
}
}

@media (max-width:970px) {
body {
   margin: 60px 0 46px
}
.intro {
   display: none
}
article {
   min-height: auto
}
.anchor_hide {
   height: 60px;
   margin-top: -60px
}
#header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 10
}
#mobile_nav li a {
   border: 0;
   padding: 10px 0
}
}

@media (max-width:740px) {
h1 {
   font-size: 4em
}
.banner>.container {
   text-align: center
}
.banner {
   height: 255px
}
.banner .title {
   margin-bottom: 0
}
.banner .title img {
   max-height: 235px
}
.search_button {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 10;
   color: #fff
}
article {
   margin: 20px 0
}
.news_new .more {
   text-align: right
}
.gridlists.grid_landscape .grid_list, .route_list .list_i {
   width: 50%
}
}

@media (max-width:570px) {
.news_text, .pic {
   float: none;
   width: 100%
}
.news_list .pic img {
   width: 100%;
   height: auto
}
.pic {
   margin-bottom: 10px
}
.news_text {
   padding-left: 0;
   padding-bottom: 2.5em
}
.news_text p {
   height: auto;
   overflow: visible
}
}

@media (max-width:480px) {
body {
   font-size: 18px
}
.gridlists.grid_landscape .grid_list, .route_list .list_i {
   width: 100%
}
.news_new {
   flex-direction: column
}
.news_new img {
   width: 100%;
   margin-bottom: 10px
}
.news_new .new_info {
   width: 100%;
   padding: 0
}
.route_map {
   height: 600px
}
}