body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/** 首頁用 */
* {font-family: 'PT Sans', '微軟正黑體', sans-serif;}
.footer-sample .logo-part .logo {width: auto; height: auto;}

.header[data-position="header"] {background: #000;}
.header-part {opacity: 0.9;}

/* 滾動視差 start */
.out-recomend {     position: relative;  	font-family: "PT Sans", 微軟正黑體, sans-serif;     text-align: center;     word-wrap: break-word;     writing-mode: horizontal-tb;     -ms-direction: rtl;     -ms-writing-mode: tb;     overflow: hidden; }
.out-recomend>.icon h3 { text-align: center;     color: #b4a582;     font-size: 1.063em; }
.out-recomend p { padding: 15px 0 50px 0; }
.index .out-recomend>.icon img {     margin-bottom: 15px; }
.mainpic a { display: block; 	width: 100%;     height: 100vh;     text-align: center;     word-wrap: break-word;     writing-mode: horizontal-tb; }
.mainpic a .info { opacity: 1;   width: 25vw;     position: absolute;   	top: 0;     right: 0;     height: 100%;     text-align: right;     border-left: #fff 1px solid;     background-color: rgba(120, 125, 123, .4);     word-wrap: break-word; writing-mode: horizontal-tb;     -ms-direction: rtl;     -ms-writing-mode: tb; }
.mainpic a .info>.num { color: #b0c2c4;     margin: 13% 32% 0 0;     width: auto;     float: right; }
.mainpic a .info>.tit {  margin: 30px 32% 0 0;     float: right;     width: 60px;     position: relative; }
.mainpic a .info>.tit h4 {  line-height: 102%;     letter-spacing: .2em;     width: 20px;     display: inline-block;     height: 160px;     word-wrap: break-word;     writing-mode: horizontal-tb;     font-size: 1.5em;     color: #fff;     float: right; }
.mainpic a .info>.tit>p { -ms-transform: rotate(90deg);     -webkit-transform: rotate(90deg);     transform: rotate(90deg);     padding: 0;     margin: 0;     color: #dac9a6;     font-weight: 300;     font-style: italic;     font-size: 1.125em;     position: absolute;     left: -55px;     top: 60px;     text-align: left;     width: 150px; }
.mainpic a .info>.note {  margin: 30px 44% 0 0;     float: right; }
.mainpic a .info>.note>p { line-height: 102%;     letter-spacing: .2em;     width: 20px;     display: inline-block;     height: 120px;     word-wrap: break-word;     writing-mode: horizontal-tb;     color: #fff;     float: right;     font-weight: 300;   font-size: 1em;     padding: 0;     margin-left: 8px; }
.mainpic a .info>.more {  position: absolute;     right: 32%;     bottom: 60px;     color: #fff; }

@media screen and (max-width:1400px) {
    .mainpic a .info {width: 32vw;}
    .mainpic a .info>.more {bottom: 40px;}
}

@media screen and (max-width:1250px) {
    .mainpic a .info {width: 430px;}
}

@media screen and (max-width:1024px) {
    .mainpic a .info { right: 0;   opacity: 1;     }
}

@media screen and (max-width:768px) {
    .mainpic a .info {width: 350px;}
}

@media screen and (max-width:490px) {
    .mainpic a .info {  width: 100%;   border-left: none;  }
    .mainpic a .info>.tit>p {   font-size: .85em;     }
}
/* 滾動視差 end */

/*header黑背景刪除 start*/
.header[data-position="header"]{ background: #ffffff; }
/*header黑背景刪除 end*/

/*輪播圖 start*/
.nrw-slider .carousel-caption { 	display:table!important;     right: 20%;     top: 15%; 	left: inherit;     max-width: 400px; 	background: rgba(0, 110, 198, 0.6);  	padding: 40px 30px;     line-height: 2rem; }
.nrw-slider .bs-carousel .carousel-item h5, .nrw-slider .bs-carousel .carousel-item p { 	font-weight:400;     text-shadow: none; }
.nrw-slider .bs-carousel .carousel-item h5{ position:relative; 	letter-spacing: 0.1rem;     font-size: 1.8rem;     margin-bottom: 25px; }
.nrw-slider .bs-carousel .carousel-item h5::after{ 	content:"";     position: absolute; 	width:100%; 	height:1px; 	background:#ffffff; 	left:0;     bottom: -15px; }
.nrw-slider .bs-carousel .carousel-item .carousel-caption div {     font-size: 1.2rem;     padding: 5p;     line-height: 2.8rem; }
@media (max-width: 1199px){
  .nrw-slider .carousel-caption{ top:20%; right:10%;  padding: 30px 20px;  line-height: 1rem;   }
  .nrw-slider .bs-carousel .carousel-item h5 { font-size: 1.4rem;  margin-bottom: 20px;   }
  .nrw-slider .bs-carousel .carousel-item h5::after { bottom: -10px;   }
  .nrw-slider .bs-carousel .carousel-item .carousel-caption div {  font-size: 1rem; line-height: 2rem;   }
}
@media (max-width: 992px){
  .nrw-slider { margin-top: 55px;   }
}
@media (max-width: 768px){
  .nrw-slider .carousel-caption{  position:relative;     width:100%;     max-width:100%;     right:0;     top:inherit;     bottom:0;   }
  .nrw-slider .carousel-inner a:hover{text-decoration:none;   }
}
@media (max-width: 520px){
  .nrw-slider { margin-top: 50px;   }
}
/*輪播圖 end*/

/*滿版輪播圖 start*/
.nrw-coverslider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{     position: absolute;     color: white;     z-index: 10;      right: 15%;     top: 15%;     max-width: 400px;     background: rgba(0, 110, 198, 0.6);     padding: 40px 30px;     line-height: 2rem;     transform: translate(0, 0);     width: 100%; }
.nrw-coverslider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title{ 	width: 100%; 	font-size:1.8rem;     text-align: center; }
.nrw-coverslider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content{ 	width:100%; 	margin-top: 0.5rem; 	font-size:1.2rem; 	text-align:center;     line-height: 2.8rem; }
.nrw-coverslider  section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .line{     margin-top: 15px; 	margin-bottom:5px;  }
.nrw-coverslider .btn-lg {     padding: .3rem 0.8rem;     font-size: 1.2rem;     border-radius: 2px; }
.nrw-coverslider .text-left.slide-txt-box{  text-align:right !important; }
@media (max-width: 768px){
	.nrw-coverslider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img{ background-position:-400px center; 	}
	.nrw-coverslider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{ right: inherit; 		top: inherit; 		left: inherit; 		bottom: 0; 		max-width: 100%; 		padding: 20px 20px 60px; 	}
	.nrw-coverslider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title{  font-size: 1.5rem; 	}
	.nrw-coverslider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .line {margin-top: 10px; 		margin-bottom: 5px; 	}
	.nrw-coverslider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content{ margin-top: 0rem; 		font-size: 1rem; 		line-height:2.1rem; 	}
}
@media (max-width: 575.98px){
	.nrw-coverslider section.banner-area .swiper-area .banner-swiper .swiper-button-prev { display: block; 	}
	.nrw-coverslider section.banner-area .swiper-area .banner-swiper .swiper-button-next { display: block; 	}
}
/*滿版輪播 end*/

/*主選單 start*/
.nrw-nav { position: absolute;  bottom: 0;  z-index: 999; }
.nrw-nav .header-part { background-color: rgba(0, 133, 164, 1) !important;     position: fixed;     bottom: 0;     width: 80%; 	padding: 0px 30px; }
.nrw-nav .header-part .navbar-brand{   padding:5px;   margin-left: 15px; }
.nrw-nav.nrw-scroll.navFixed .header-part{  top: 0;  bottom: inherit;     transition: opacity .5s ease-out; }
.nrw-nav .header-part .navbar-nav li a:hover{   	opacity: 0.8; }
.nrw-nav .navbar-nav.ml-auto{  margin:auto !important; }
.nrw-nav .navbar-dark .navbar-toggler { border-color: rgba(255,255,255,.5); }
.nrw-nav.nrw-scroll .dropdown-menu{ top: inherit; bottom: 100%; 	}
.nrw-nav.nrw-scroll.navFixed .dropdown-menu{ top:100%; 	}
.nrw-nav .header-part .dropdown.show a {  color: #333333 !important; }
.nrw-nav .navbar-dark .navbar-nav .show a{ background: #e7f1f3; }
.nrw-nav .navbar-expand-lg .navbar-nav .nav-link{font-size: 1rem;}
/*新會員登入header調整*/
.headerLogin { position: absolute; right: 0; bottom: 0; height: 78px;  z-index: 9999;}
.headerLogin .newLogin { position: fixed; width: 10%; height: 78px; display: flex;  justify-content: center; align-items: center;  right: 10%; bottom: 0;  background: rgba(0, 133, 164, 0.9);}
.headerLogin .newLogin.nrw-scroll.navFixed{top:0;}
.headerLogin a{ color: #ffffff; font-size: 16px; text-decoration: none; -webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.headerLogin a:hover{ color:#ffc815; }
.headerLogin .showName{ justify-content: flex-end;}
.headerLogin .showName .member-name i{ display: none;}
.headerLogin .showName .member-name { margin-bottom: 5px; padding:2px 3px 0; font-size: 14px; color: #ffffff; border: 1px solid #ffffff; border-radius: 3px;}
.headerLogin .showName .SignOut{ margin-bottom: 5px; margin-left: 5px; padding: 3px 5px 0; background: transparent; border: 1px solid #ffffff;}
.headerLogin .showName .member-name:hover,.headerLogin .showName .SignOut:hover{ border: 1px solid #ffc815; color:#ffc815;}
@media (min-width: 992px) {
	.nrw-nav .header-part{ height: 78px;}
}
@media (min-width: 1400px) {
	.nrw-nav .navbar-expand-lg .navbar-nav .nav-link,.headerLogin a{ font-size: 1.1rem; }
}
@media (min-width: 1561px) {
	.nrw-nav .navbar-expand-lg .navbar-nav .nav-link { padding: 1.2rem 0.8rem;}
}
@media (max-width: 1560px){
	.nrw-nav .header-part { padding: 0px 10px; }
	.nrw-nav .header-part .navbar-brand{ height: 65px;  margin-left: 0px; 	}
}
@media (min-width:1300px) and (max-width: 1560px){
		.nrw-nav .navbar-expand-lg .navbar-nav .nav-link{ padding: 1.2rem 0.5rem; }
}

@media (max-width: 1299px){
	.nrw-nav .header-part{ letter-spacing: 0px; }
	.nrw-nav .header-part .navbar-brand { height: 60px; 	}
}
@media (min-width: 1099px) and (max-width: 1299px){
	.nrw-nav .navbar-expand-lg .navbar-nav .nav-link {  padding: 0.76em 0.5em;  font-size: 1rem; }
	.headerLogin,.headerLogin .newLogin{height: 78px;}
}
@media (min-width: 993px) and (max-width:1098px){
	.nrw-nav .header-part{ padding:0 10px; }
	.nrw-nav .header-part .navbar-brand {margin-left: 0; }
}
@media (max-width: 1199px){
	.headerLogin .showName { bottom: 74px; position: absolute; width: 150%;}
	.headerLogin .showName .member-name,.headerLogin .showName .SignOut{ background-color: #ffffff;  color: #1991ac;}
	.headerLogin .newLogin.nrw-scroll.navFixed .showName{top:76px;}
}
@media (max-width: 1099px){
	.nrw-nav .header-part {  bottom: inherit;   top: 0; width: 93%;  padding: 0px 10px; 	}
	.nrw-nav .header-part .navbar-brand { height: 55px; 	}
	.headerLogin {height: 56px;	bottom: inherit;top: 0;} 
	.headerLogin .newLogin { top: 0; width: 7%;	height: 78px; right: 0;}
	.headerLogin .showName {bottom: 65px;	position: absolute;	width: 250%; right: 0;}
	.nrw-nav.nrw-scroll .dropdown-menu{ top:100%; bottom: initial;}
}
@media (max-width: 991px){
	.nrw-nav ul.navbar-nav{ padding-bottom: 200px;   z-index: 9999;  overflow: auto;  height: 100vh;}
	.nrw-nav .header-part{ width:100%;}
	.headerLogin {right: 70px;}
	.headerLogin .newLogin{ width: 0; height: 56px;}
	.headerLogin .newLogin>a {position: fixed;right: 70px;}
	.headerLogin .showName {bottom: initial;	position: initial;	width: 200px;	right: 0;}
	.headerLogin .newLogin.nrw-scroll.navFixed .showName {top: 10px;}
}
@media (max-width: 520px){
	.nrw-nav .header-part .navbar-brand { height: 50px; } 
	.headerLogin .newLogin>a {font-size: 15px; padding-right: 3px;}
	.headerLogin .showName {position: absolute;right: -60px;top: 28px;padding: 0;	}
	.headerLogin .newLogin.nrw-scroll.navFixed .showName{ top:28px }
}
/*主選單 end*/
/*上方社群nrw-social  start*/
.nrw-social.nrw-scroll { background: rgba(0, 133, 164, 0.9); height: 78px;    min-height: 78px;     position: fixed;     display: flex;     bottom: 0;     right: 0;     width: 10%;     z-index: 100; }
.nrw-social.nrw-scroll .social-block{ 	display:inline-block; 	padding: 20px 3px;  }
.nrw-social .social-icon1,.nrw-social .social-icon2,.nrw-social .social-icon3{ 	width:33px; 	height:33px; 	opacity:0.75; 	cursor:pointer; }
.social-block a,a .social-block{text-decoration:none; display: block; height: 100%;}
.nrw-social .social-icon1{ background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/0154721a-3c1f-419f-8cb1-aaa982192a37.svg?t=1563779361.62); }
.nrw-social .social-icon2{ background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/08c814e9-06e4-4892-a816-de4b88ee9fdd.svg?t=1563779362.637); }
.nrw-social .social-icon3{ background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/e71855a6-f47d-414a-a0b7-c1e22394ea37.svg?t=1563779363.153); }
.nrw-social .social-icon1:hover,.nrw-social .social-icon2:hover,.nrw-social .social-icon3:hover{ 	opacity:1;   	-webkit-transition: all 0.3s ease; 	-moz-transition: all 0.3s ease; 	transition: all 0.3s ease; }
.nrw-social.nrw-scroll.navFixed { top: 0;  bottom: inherit;     transition: opacity .5s ease-out; }
@media (min-width: 1099px) and (max-width: 1299px){
  .nrw-social.nrw-scroll {min-height: 64px;   }
  .nrw-social.nrw-scroll .social-block { 	padding: 15px 3px;   }
}
@media (min-width: 993px) and (max-width: 1098px){
  .nrw-social.nrw-scroll { min-height: 60px;   }
  .nrw-social.nrw-scroll .social-block { 	padding: 10px 3px;   }
}
@media (max-width: 1199px){ 
	.nrw-social .social-icon1, .nrw-social .social-icon2, .nrw-social .social-icon3{  width: 25px; height:25px; background-size: 25px;    background-repeat: no-repeat;   background-position: center;}
	.nrw-social.nrw-scroll .social-block {  padding: 18px 3px;}
	.nrw-nav .header-part .navbar-brand { height: 55px; }
	.nrw-nav .navbar-nav.ml-auto{ margin:0 !important;}
}
@media (max-width: 1099px){
	.nrw-social.nrw-scroll{ height: 41px;}
	.nrw-social.nrw-scroll.navFixed { height: 41px; top: inherit;   bottom: 0;  transition: opacity .5s ease-out; }
	.nrw-social.nrw-scroll {min-height: 45px;  right: 0px;  width: 100%;   background: rgba(43, 43, 43, 0.81);    display: flow-root;  text-align: center; 	}
	.nrw-social.nrw-scroll.navfixed { top: inherit; bottom: 0; 	}
	.nrw-social.nrw-scroll .social-block { padding: 8px 3px; vertical-align: top; 	display: inline-block; width: 32.3333%; text-align: center; 	}
	.nrw-social.nrw-scroll .social-block + .social-block { border-left: 1px solid rgba(255, 255, 255, 0.4); 	}
	.nrw-social .social-icon1, .nrw-social .social-icon2, .nrw-social .social-icon3{ width:100%; 	background-position: center center; background-repeat: no-repeat; 	}
}
/*上方社群nrw-social  end*/

/*主要區塊title start*/
.nrw-title .hover-wall .htpro_tit h1,.nrw-title .htpro_tit h1{   position: relative;   padding: 120px 15px 10px;   border-bottom: none; }
.nrw-title .htpro_tit h1{  display: table;     margin: 0.3em auto;     letter-spacing: 0.05em;     font-size: 1.7em; }
.nrw-title .hover-wall .htpro_tit img,.nrw-title .htpro_tit img{     position: absolute;     max-width: 72px !important;     max-height: 72px !important; 	top: 38px;     left: 35px; }
.nrw-title .htpro_tit h1 span{ 	position:relative;     font-size: 1.7rem; }
.nrw-title .htpro_tit h1 span::before{  content: "";     position: absolute; width: 40px;     height: 2px;     left: -55px;     top: 18px;     background: #00afcc; }
.nrw-title .htpro_tit h1 span::after{   content: "";     position: absolute;  width: 40px;     height: 2px;     right: -55px;     top: 18px;     background: #00afcc; }
/*主要區塊title end*/

/*精選行程 start*/
.nrw-route .hover-wall .icon_info {  border-bottom: 5px solid #ffc815;  height: 480px;}
.nrw-route .hover-wall .icon_info h3 { font-size: 1.4em;     letter-spacing: 0.01em; 	margin-bottom: .8rem; padding-top: 30px;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;}
.nrw-route .hover-wall .icon_info h4 { position: absolute;  padding: 10px 15px;  background: #00afcc;  color: #ffffff;  top: 0; margin-top: 63%;  font-style: inherit; font-size: 1.1rem; letter-spacing: 0.05rem;  z-index: 11; }
.nrw-route .hover-wall .icon_info p{ text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;  overflow: hidden;}
/*精選行程 end*/

/*合作夥伴banner start*/
.partnerbanner .carousel.jcarousel-wrapper{  margin-top: 75px;  margin-bottom: 75px; }
.partnerbanner .carousel.jcarousel-wrapper .carousel-rwd img{margin:0 auto; }
/*合作夥伴banner end*/

/*主題icon start*/
.theme-icon .function-row li a img{ max-width: 115px; 	display: block; }
.theme-icon .function-row li a h3{ margin-top: 0; }
.theme-icon{ margin-bottom: 50px; }
/*主題icon end*/

/*footer start*/
body .footer{ margin: 0;}
.nrw-footer .footer-sample.row{ 	background: none !important; 	background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/44e3a4e0-2974-4237-ad4c-20f442383f8e.jpg?t=1563499758.87) !important; }
.footer-sample .logo-part .logo{  text-align: center; }
@media (max-width: 520px){
.nrw-footer{ padding-bottom: 50px; background: #017399;}
}
/*footer end*/ 

/*go top start*/
.nrw-gotop .actGotop a,.nrw-gotop .actGotop a:link{ background: #ffffff00;  border: 2px solid #46c8de; }
/*go top end*/