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;
}
/** 內頁用 */
a:focus, button:focus, buttom.active {outline: none; text-decoration: 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-nav {  position: absolute;     top: 0;   	z-index: 999; }
.nrw-nav .header-part { background-color: rgba(0, 133, 164, 1) !important;     position: fixed;     bottom: inherit;   	top: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.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; top: 0; height: 78px;  z-index: 9999;}
.headerLogin .newLogin { position: fixed; width: 10%; height: 78px; display: flex;  justify-content: center; align-items: center;  right: 10%;  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: 2px 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: 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:1400px) and (max-width: 1560px){
		.nrw-nav .navbar-expand-lg .navbar-nav .nav-link{ padding: 1.2rem 0.5rem; 	}
}
@media (max-width: 1399px){
	.nrw-nav .header-part{ letter-spacing: 0px; 	}
	.nrw-nav .header-part .navbar-brand {  height: 60px;}
}
@media (min-width: 1099px) and (max-width: 1399px){
	.nrw-nav .navbar-expand-lg .navbar-nav .nav-link {  padding: 0.76em 0.5em;  font-size: 1rem; 	}
	.headerLogin,.headerLogin .newLogin{height: 64px;}
}
@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 { top: 65px; position: absolute; width: 150%;}
	.headerLogin .showName .member-name,.headerLogin .showName .SignOut{ background-color: #ffffff;  color: #1991ac;}
	.headerLogin .newLogin.nrw-scroll.navFixed .showName{top:65px;}
}
@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: 56px; right: 0;}
	.headerLogin .showName {bottom: 65px;	position: absolute;	width: 250%;	right: 0;}
}
@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;}
	.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){
	.headerLogin .newLogin,.headerLogin .newLogin.nrw-scroll.navFixed{top:5px;}
	.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*/

/*主要區塊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*/

/*主題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*/
/*上方社群nrw-social  start*/
.nrw-social.nrw-scroll {   background: rgba(0, 133, 164, 0.9);    min-height: 78px;    position: fixed;     display: flex;   	top:0;     bottom: inherit;     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{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: 1399px){
  .nrw-social.nrw-scroll { min-height: 64px;   }
  .nrw-social.nrw-scroll .social-block { 	padding: 15px 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: 1098px){ 
	.nrw-social.nrw-scroll { 	min-height: 41px;  right: 0px; 	bottom: 0;  top: inherit;    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*/
/*雪場介紹skiresort start*/
.skiresort{position: relative;}
.widget-item.skiresort > .module-container > .main{ margin-top:80px;position: relative;}
.skiresort .header-title{ position:absolute; top:0; bottom:0; left:15%; padding:8% 50px 0;background: rgba(0, 110, 198, 0.6); color:#ffffff; font-size:2rem; letter-spacing: 0.1rem;}
.main-top{margin-top:30px}
.maintop-button .topbtn-block {text-align: center;display: -ms-flexbox; display: flex; justify-content: center;  -ms-flex-wrap: wrap; flex-wrap: wrap;}
.maintop-button .topbtn{ display: inline-block; width: 20%; padding: 5px;}
/* .maintop-button .topbtn button { position: relative; background: #0085A4; border: none; color: #ffffff;  border-radius:2px; padding:10px; width: 100%; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.maintop-button .topbtn button::before { content: ""; position: absolute; border-right: 20px solid transparent; border-bottom: 40px solid #e8bb21; left: 0; bottom: 0;}
.maintop-button .topbtn button:hover{background:#017399} */

.maintop-button .topbtn a{ display: block; position: relative; text-decoration: none; background: #0085A4; border: none; color: #ffffff;  border-radius:2px; padding:10px; width: 100%; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.maintop-button .topbtn a::before { content: ""; position: absolute; border-right: 20px solid transparent; border-bottom: 40px solid #e8bb21; left: 0; bottom: 0;}
.maintop-button .topbtn a:hover{background:#017399}

.maintop-button .topsearch { width: 20%; display: inline-block; padding: 5px; }
.topsearch .gsc-control-cse.gsc-control-cse-zh-TW { padding: 0; border: 0;}
.topsearch .gsc-input-box { padding-top: 5px; padding-bottom: 4px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.topsearch .gsc-search-button-v2{  padding: 13px 10px;border-top-right-radius: 2px;  border-bottom-right-radius: 2px;}
.topsearch form.gsc-search-box{ margin-bottom: 0;}
.topsearch table.gsc-search-box td.gsc-input{ padding-right: 0;}

.skiresorticon-info .header-title{ padding: 0 15px 5px; font-weight: 600}
.skiresorticon-block { display: flex; flex-wrap: wrap;border: 1px solid #b5b5b5; padding: 5px; border-radius: 2px;}
.skiresorticon {font-size: 0.9rem;flex: 0 0 14.2777%; max-width: 14.2777%; position: relative; padding: 5px 2px;}
.skiresorticon-block .skiresorticon .icon-img {background-repeat:no-repeat; width:30px; height:30px;}
.skiresort-list .infoicon{background-repeat:no-repeat; width:30px; height:30px; display:inline-block}
.skiresorticon-block .skiresorticon .icon-img.icon-hotel,.skiresort-list .infoicon.icon-hotel{background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/629808bf-1e1c-4d64-94b3-1f781d349707.svg);  } 
.skiresorticon-block .skiresorticon .icon-img.icon-bus,.skiresort-list .infoicon.icon-bus{background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/2062653b-df3e-4e2a-8f1e-0c590cb9266d.svg);  } 
.skiresorticon-block .skiresorticon .icon-img.icon-walk,.skiresort-list .infoicon.icon-walk{background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/29d568bd-e90e-4151-b042-a6b041c16e3c.svg);  } 
.skiresorticon-block .skiresorticon .icon-img.icon-night,.skiresort-list .infoicon.icon-night{background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/fc5aba5d-137e-4b24-bacc-1215af162501.svg);  } 
.skiresorticon-block .skiresorticon .icon-img.icon-family,.skiresort-list .infoicon.icon-family{background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/5b14a69b-b49b-4576-a4ad-987f4273aec5.svg);  } 
.skiresorticon-block .skiresorticon .icon-img.icon-onsen,.skiresort-list .infoicon.icon-onsen{background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/84674fd1-813c-40be-85b8-e49a25142864.svg);  } 
.skiresorticon-block .skiresorticon .icon-img.icon-wifi,.skiresort-list .infoicon.icon-wifi{background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/0607dbaf-bacd-4104-81ac-bdcfdefec873.svg);  } 
.skiresorticon-block .skiresorticon .icon-title { position: absolute; top: 10px; left: 35px;}
.skiresort-list .pic-content,.skiresort-list .editor-content{  margin-top: 20px;  margin-bottom: 20px;}
.skiresort-list .img-mode .img-box{ text-align:center}
.skiresort-list .skiresort-title{  font-size: 1.3rem;  padding-bottom: 10px;   font-weight: 600;   color: #0085a4; border-bottom: 1px solid #0085a4; }
.skiresort-list .skiresort-text {   color: #545454;   line-height: 1.7rem; }
.skiresort-list .skiresort-area{ position:relative;padding-left: 30px;}
.skiresort-list .skiresort-area::before{ content:'';position:absolute; background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/b57a168a-efec-4302-9c96-090b7d0f5575.svg); width:30px; height:30px; left: 0; top: 3px;}
.skiresort-list .snow-news { position:relative; padding-left: 30px; display:inline-block; border: 1px solid #0085a4;  padding: 2px 5px 2px 26px;  border-radius: 2px;vertical-align: top; background:#ffffff;  -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.skiresort-list .snow-news,.skiresort-list a .snow-news,.skiresort-list .snow-news a{ color: #0085a4;  text-decoration:none}
.skiresort-list a:hover .snow-news,.skiresort-list .snow-news:hover{ background: #cbe8ef;  }
.skiresort-list .snow-news::before{ content:''; position:absolute; background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/c934659d-2491-4a46-bf6e-41890ee12a8b.svg); background-repeat:no-repeat; width:30px; height:30px; left: 3px; top:4px;}
.skiresort-list .ski-level span{color: #0085a4;}
.skiresort-list .skiresort-btn{  background: #0085a4;  color:#ffffff; display: table;  float: right;  border-radius: 2px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; }
.skiresort-list .skiresort-btn a{  color:#ffffff; text-decoration:none;}
.skiresort-list .skiresort-btn:hover{  background: #017399}
.skiresort-list .mix-wrapper>.row:nth-child(odd) { background: #f2f9fb !important;}
.skiresort-list .skiresort-row { display: flex; flex-direction: column; height:100%}
.skiresort-list .skiresort-content { -webkit-flex: 87%;  flex: 87%;}
.skiresort-list .skiresort-more { -webkit-flex: 13%;  flex: 13%;}
.skiresort-list .editor-content .icon-group { text-align:left}
.skiresort-list .icon-group .icontext {  display: inline-block;  font-size: 0.9rem;  background: #dadada;   width: auto;  height: 30px;  vertical-align: top;  padding: 5px;  margin-left: -4px; color: #545454;}
.skiresort-list .mix-wrapper {  padding: 0px 30px 15px;}
.area-tab .nav-pills .nav-link { background-color: #ffffff;  padding: .4rem 2.2rem; border: 1px solid #00afcc; color: #00afcc;  font-size: 1.1rem; font-weight: 600; -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;     -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.area-tab .nav-pills .nav-link.active,.area-tab .nav-pills .show>.nav-link {  background-color: #00afcc;  padding: .4rem 2.6rem; color: #ffffff; }
.area-tab .nav-pills .nav-link{ position:relative;}
.area-tab .nav-pills .nav-link.active::before,.area-tab .nav-pills .show>.nav-link::before{ content: "";  position: absolute;   top: 11px;  left:10px;  border-color: transparent transparent transparent #e8bb21;     border-width: 8px 9px;   border-style: solid; }
.web-page-frame .area-tab  ul { margin: 0 15px; padding: 15px 0;  background: #dceef3;  border-top-left-radius: 4px; border-top-right-radius: 4px;}
.area-tab .nav-item+.nav-item { margin-left: 8px;}

@media (max-width: 1299px){
	.widget-item.skiresort > .module-container > .main{ margin-top: 65px;}
	.skiresorticon {  flex: 0 0 20%;  max-width: 20%; }
}

@media (max-width: 1098px){
	.widget-item.skiresort > .module-container > .main{ margin-top: 61px;}	
	.maintop-button .topbtn { width: 30%;}
	.maintop-button .topsearch{ width: 40%;}
	.area-tab .nav-pills .nav-link {padding: .4rem 1.8rem; }
	.area-tab .nav-pills .nav-link.active,.area-tab .nav-pills .show>.nav-link {  padding: .4rem 1.5rem;}
}

@media (max-width: 992px){
	.widget-item.skiresort > .module-container > .main{ margin-top: 57px;}	
}

@media (max-width: 768px){
	.skiresort .header-title { left:0;    padding: 8% 30px 0;  font-size: 1.6rem;}
	.skiresorticon {  flex: 0 0 25%;  max-width: 25%; }
	.area-tab .nav-pills .nav-link {padding: .3rem 1rem;  font-size: 1rem;}
	.area-tab .nav-pills .nav-link.active,.area-tab .nav-pills .show>.nav-link {  padding: .3rem 1.2rem;}
	.area-tab .nav-item+.nav-item { margin-left: 4px;}
	.area-tab .nav-pills .nav-link.active::before, .area-tab .nav-pills .show>.nav-link::before {top: 10px; left: 5px; border-width: 7px 8px; 	}
}

@media (max-width: 520px){
	.widget-item.skiresort > .module-container > .main{ margin-top: 51px;}	
	.skiresort .header-title{ font-size: 1.4rem;     padding: 5% 20px 0;}
	.maintop-button .topbtn { width: 50%; flex:0 0 50%;}
	.maintop-button .topsearch{ width: 100%; flex:0 0 100%;}
	.skiresorticon {  flex: 0 0 50%;  max-width: 50% }
	.area-tab .nav-pills .nav-link,	.area-tab .nav-pills .nav-link.active,.area-tab .nav-pills .show>.nav-link {padding: .3rem 0rem;padding: .3rem 0rem;} 
	.area-tab .nav-pills{display: flex; flex-wrap: wrap;}
	.area-tab .nav-item {  flex: 0 0 33.333%;  max-width: 33.333%; padding: 5px; text-align: center;}
	.area-tab .nav-item+.nav-item {  margin-left: 0;}
	.web-page-frame .area-tab ul{  padding: 5px; }
}

@media (min-width: 768px){
	.skiresort-list .col-md-8.img-mode{-ms-flex: 0 0 40%;  flex: 0 0 80%; max-width: 50%;}
}
@media (min-width: 992px){
	.skiresort-list .col-lg-6.img-mode{-ms-flex: 0 0 40%;  flex: 0 0 40%; max-width: 40%;}
}
/*雪場介紹skiresort end*/
/*雪場單獨介紹頁resortdetial start*/
.widget-item.resortdetial-slider > .module-container > .main {     margin-top: 80px;     position: relative; }
.resortdetial-topbtn .topbtn-block {text-align: center;}
.resortdetial-topbtn .topbtn{ display: inline-block; width: 20%; padding: 5px;}
.resortdetial-topbtn .topbtn .button { position: relative; background: #0085A4; border: none; color: #ffffff;  border-radius:2px; padding:10px; width: 100%; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.resortdetial-topbtn .topbtn .button::before { content: ""; position: absolute; border-right: 20px solid transparent; border-bottom: 40px solid #e8bb21; left: 0; bottom: 0;}
.resortdetial-topbtn .topbtn .button:hover{background:#017399; text-decoration:none}
.resortdetial-topbtn .topbtn a{ color:#ffffff; text-decoration:none}
.resortdetial-info .header-title{  font-size: 1.6rem;  margin-top: 20px;  padding-bottom: 10px; font-weight: 600; color: #0085a4;  border-bottom: 1px solid #0085a4; text-align: center; }
.resortdetial-info .skiresorticon-block{display: block; border: none;}
.resortdetial-info .snow-news { position:relative;display:inline-block; border: 1px solid #0085a4;  padding: 2px 5px 2px 26px;  border-radius: 2px;vertical-align: top; background:#ffffff;  -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.resortdetial-info .snow-news,.resortdetial-info  a .snow-news,.resortdetial-info  .snow-news a { color: #0085a4;  text-decoration:none;}
.resortdetial-info  a:hover .snow-news,.resortdetial-info  .snow-news:hover{ background: #cbe8ef;  }
.resortdetial-info  .snow-news::before{ content:''; position:absolute; background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/c934659d-2491-4a46-bf6e-41890ee12a8b.svg); background-repeat:no-repeat; width:30px; height:30px; left: 3px; top:4px;}
.resortdetial-info .skiresorticon {  font-size: 0.9rem; flex: none; max-width: none;  padding: 5px 2px; }
.resortdetial-info .skiresorticon-block .skiresorticon .icon-title { position: inherit;  top: 0;   left: 0;    height: 30px;    vertical-align: bottom; }
.resort-intro{max-width:1000px; line-height: 2rem;}
.resort-intro .header-title {  font-size: 1.2rem;  margin: 20px 0;   color: #333333;  font-weight: 600; }
.resortdetial-tab .nav-pills .nav-link { background-color: #ffffff;   padding: .3rem 1.2rem;  border: 1px solid #00afcc;   color: #00afcc; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.resortdetial-tab .nav-pills .nav-link.active,.resortdetial-tab .nav-pills .show>.nav-link { background-color: #00afcc;  padding: .3rem 1.2rem;  color: #ffffff;}
.resortdetial-tab .nav-item+.nav-item { margin-left: 8px; }
.tab-content .widget-item .main {  max-width: 992px;  line-height: 2rem;}
.resort-intro.widget-item > .module-container > .main,.tab-content .widget-item > .module-container > .main {margin: 20px auto;}
.block-item.tab-content { border-top: 2px dotted #00afcc;}
.resortdetial-tab .blk-tabs{ background: rgba(255, 255, 255, 0.7); }
.tab-content .feature.widget-item .header-title { position:relative; font-size: 1.3rem;  display: table; margin: 0 auto;  padding-bottom: 10px;  padding-left:28px; font-weight: 600;  color: #00afcc;  letter-spacing: 0.3rem;}
.tab-content  .feature.widget-item .header-title::before { content: '';  position: absolute;  background-image: url(https://materials.fillo.com.tw/materials/naruwan/images/c934659d-2491-4a46-bf6e-41890ee12a8b.svg);   background-repeat: no-repeat;  width: 30px; height: 30px;   left: 3px;   top: 6px; }
.feature #teb-content-info tbody { border: 1px solid #97dbe6; }
.feature #teb-content-info td:nth-child(1) {  background: #00afcc;  width: 40%;  padding: 8px;   border-bottom: 1px solid #97dbe6;   color: #ffffff; }
.feature #teb-content-info td:nth-child(2) {  background: #ffffff;  width: 60%;  padding: 8px;   border-bottom: 1px solid #97dbe6;   color: #545454;}
.feature #tab-content-info2 td:nth-child(1) {   background: #EF8052;  color: #ffffff; }
.feature #tab-content-info2 td:nth-child(2) {   background: #752F68;   color: #ffffff;}
.feature #tab-content-info2 td:nth-child(3) {   background: #254054;  color: #ffffff; }
.feature #tab-content-info3 td:nth-child(1) {   background: #00afcc;  color: #ffffff; }
.feature #tab-content-info3 td:nth-child(2) {   background: #0085a4;   color: #ffffff;}
.feature.blog .falls-container .grid .grid-item h3{ color: #0085a4;}
.feature.blog .falls-container .grid .grid-item p{line-height: 24px; font-size: 14px;}

@media (max-width: 1299px){
	.widget-item.resortdetial-slider > .module-container > .main{ margin-top: 65px;}
}

@media (max-width: 1098px){
	.widget-item.resortdetial-slider > .module-container > .main{ margin-top: 61px;}	
	.resortdetial-topbtn .topbtn { width: 30%;}
}

@media (max-width: 992px){
	.widget-item.resortdetial-slider > .module-container > .main{ margin-top: 57px;}	
} 

@media (max-width: 520px){
	.widget-item.resortdetial-slider > .module-container > .main{ margin-top: 51px;}	
	.resortdetial-topbtn .topbtn { width:45%;}
	.resortdetial-tab .nav-pills .nav-link.active, .resortdetial-tab .nav-pills .show>.nav-link { padding: .5rem;}
	.resortdetial-tab .nav-pills .nav-link { padding: .5rem;}
	.resortdetial-tab .nav-item+.nav-item {  margin-left: 2px; }
}
/*雪場單獨介紹頁resortdetial end*/
/*滑雪A好康hotnews start*/
.hotnews .main_nav,.hotnews .list_nav{ display:none;}
.hotnews-img {margin-top: 80px;}
.hotnews-img .hotnews-img-title{ position:relative; display: table;  margin:40px auto; background: rgba(0, 110, 198, 0.6);  padding: 75px 35px;   color: #ffffff; }
.hotnews-img .hotnews-img-title h2,.hotnews-img .hotnews-img-title p{ color:#ffffff; letter-spacing: 0.08em; text-align:center}
.hotnews-img .hotnews-img-title h2{ font-size: 2.2rem;}
.hotnews-img .hotnews-img-title p{  font-size: 1.6rem;}
.hotnews-img .hotnews-img-title::after { content: "";  position: absolute; bottom: 0; left: 42%; border-color: transparent transparent #e8bb21 transparent;  border-width: 25px 20px;  border-style: solid; }
.hotnews-block { padding: 20px;  background:#f2f9fb; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
body .widget-item.hotnews-block +.hotnews-block{border-top: 1px solid #afc7d0; }
.hotnews-block:nth-child(even){ background:#ffffff }
.hotnews-block:hover,.hotnews-block:nth-child(even):hover{  background: #dceef3; }
.hotnews {position:relative; padding: 20px;   display: flex;  align-items: center;}
.hotnews h3{ position:absolute;  color: #0085a4; font-size: 1.6rem; font-weight: 600;   padding-left: 30px;}
.hotnews h3 span{ font-family: sans-serif; padding-left: 4px;  font-size: 2.4rem;  font-style: italic;    vertical-align: -2px;}
.hotnews h3::before{  position: absolute; content:"";  top: 9px;  left:0; background:url('https://materials.fillo.com.tw/materials/naruwan/images/c7243a2c-9768-4732-802c-7c54599475bf.svg'); background-repeat:no-repeat; width:40px; height:40px;}
.hotnews article { padding-left: 250px; font-size: 1.1rem; line-height: 2.2rem; }
.hotnews article span { font-weight: 600;  color: #ee8052;  font-size: 1.2rem;}
.hotnews article h4 { display: table; color: #fff; background: #ee8052; padding: 5px 12px; font-size: 1.2rem; border-radius: 50px; }

@media (max-width: 1299px){
.hotnews-img{ margin-top: 65px;}
}
@media (max-width: 1098px){
.hotnews-img{ margin-top: 61px;}
}
@media (max-width: 992px){
.hotnews-img{ margin-top: 57px;}
.hotnews-img .bgfixed.fixed{background-position: top 0 right 25%;}
}
@media (max-width: 768px){
	.hotnews article { padding-left: 200px;  }
}
@media (max-width: 520px){
	.hotnews-img{ margin-top: 51px;}
	.hotnews-img .hotnews-img-title{  padding: 65px 25px;}
	.hotnews-img .hotnews-img-title h2 { font-size: 2rem;   letter-spacing: 0.04em;}
	.hotnews-img .hotnews-img-title p { font-size: 1.4rem;  letter-spacing: 0.04em;}
	.hotnews{ display:block}
	.hotnews h3 {position: relative; font-size: 1.6rem;}
	.hotnews article {  padding-left: 0;  font-size: 1.1rem;   line-height: 2rem;}
	.hotnews article span { font-size: 1.2rem;}
}
/*滑雪A好康hotnews end*/
/*常見問題Q&A start*/
.qa-img {margin-top: 80px;}
.qa-img .qa-img-title{ position:relative; display: table;  margin:40px auto; min-width:288px; background: rgba(0, 110, 198, 0.6);  padding: 75px 35px;   color: #ffffff; }
.qa-img .qa-img-title h2,.hotnews-img .hotnews-img-title p{ color:#ffffff; letter-spacing: 0.08em; text-align:center}
.qa-img .qa-img-title h2{ font-size: 2.2rem;}
.qa-img .qa-img-title p{  font-size: 1.6rem; text-align:center}
.qa-img .qa-img-title::after { content: "";  position: absolute; bottom: 0; left: 42%; border-color: transparent transparent #e8bb21 transparent;  border-width: 25px 20px;  border-style: solid; }
.qa-tab {  margin: 30px 0;}
.qa-tab .header-title {  font-size: 1.4rem;  margin: 20px 0;  color: #0085a4;  font-weight: 600; }
.qa-tab .nav-pills .nav-link { background-color: #ffffff;   padding: .3rem .4rem;  width:80px; border: 1px solid #00afcc;   color: #00afcc; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.qa-tab .nav-pills .nav-link.active,.qa-tab .nav-pills .show>.nav-link { background-color: #00afcc;  padding: .3rem .4rem;  color: #ffffff;}
.qa-tab .nav-item { margin: 5px; }
.block-item.qa-tab-content {  border-top: 2px dotted #00afcc; }
.qa-tab-content h3 { position:relative;  font-size: 1.2rem;  font-weight: 600; padding-left:25px}
.qa-tab-content h3::before{ content:"Q";  position:absolute; color:#ffffff; background:#0085a4; font-size: 1rem;  border-radius:50%; left: -10px;  top: -2px;  height: 26px; width: 26px;  text-align: center;   line-height: 1.6em; }
.qa-tab-content article {  position:relative; line-height: 2em; padding-left:25px}
.qa-tab-content article::before { content:"A";  position:absolute;  color:#ffffff; background:#e8bb21; border-radius:50%; left: -10px;  top: 3px;  height: 26px; width: 26px;  text-align: center;   line-height: 1.6em;}
.qa-tab-content article+h3 { margin-top: 25px;}
.qa-tab-content article a,.qa-tab-content article a:hover{  color: #0085a4; }
.qa-topic .header-title { display: table;  color: #00afcc;  margin: 0 auto;  padding-bottom: 20px;   font-size: 1.3rem;  }

/*報名方式 start*/
.register-step .text-center.row-title {  font-size: 1.4rem;  margin: 40px 0 70px;  font-weight: 600;  color: #0085a4; }
.register-step .function-row .flex-row { justify-content: center !important; display: flex !important;}
.function-row li a{ cursor:default}
.register-step .function-row li a h3{ margin-top: 2px;}
.register-step .function-row .flex-row li:before {  left: 5%;     top: -35px;     position: absolute;     color: #00afcc;     font-size: 1.4rem;     font-weight: 600; }
.register-step .function-row .flex-row li:first-child:before {    content: "Step1"; color: #00afcc; }
.register-step .function-row .flex-row li:nth-child(2):before {   content: "Step2"; color: #EF8052; }
.register-step .function-row .flex-row li:nth-child(3):before {   content: "Step3";  color: #58A490; }
.register-step .function-row .flex-row li:nth-child(4):before {   content: "Step4"; color: #752F68; }
.register-step .function-row .flex-row li:after{content: ""; position: absolute; right:5%; top:-30px; width:26px; height:26px; background-position:center; background-repeat:no-repeat }
.register-step .function-row .flex-row li:first-child:after{background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/59aba146-4c83-4c70-ad30-4c5670ceef9d.svg);  }
.register-step .function-row .flex-row li:nth-child(2):after{ background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/a6a58cab-1680-44e8-82ed-d22db338a0d2.svg);  }
.register-step .function-row .flex-row li:nth-child(3):after{ background-image:url(https://materials.fillo.com.tw/materials/naruwan/images/c30e3630-aee7-4146-ac06-9057a60eb42e.svg); }
.register-tab .header-title {  font-size: 1.4rem;  margin: 20px 0;  color: #0085a4;  font-weight: 600; }
.register-tab .nav-pills .nav-link { background-color: #ffffff;   padding: .3rem 1.2rem;  border: 1px solid #00afcc;   color: #00afcc; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.register-tab .nav-pills .nav-link.active,.register-tab .nav-pills .show>.nav-link { background-color: #00afcc;  padding: .3rem 1.2rem;  color: #ffffff;}
.register-tab .nav-item { margin: 5px; }
.block-item.register-tab-content {  border-top: 2px dotted #00afcc; }
.register-tab-content .header-title {display: table; color: #00afcc; margin: 0 auto;  padding-bottom: 20px;  font-size: 1.3rem; }
.register-tab-content article{ line-height:2rem; text-align:center}
.register-tab-content article a,.register-tab-content article a:hover {  color: #0085a4; font-weight:600; text-decoration:underline}
.register-tab-content article div{ text-align:center; padding:8px }
.register-tab-content .widget-item { padding-bottom: 80px;}
/*報名方式 end*/

/*主圖標題共用 start*/
.skiresort-img,.qa-img,.register-img {margin-top: 80px;}
.skiresort-img .skiresort-img-title,.qa-img .qa-img-title,.register-img .register-img-title{ position:relative; display: table;  margin:40px auto; min-width:288px; background: rgba(0, 110, 198, 0.6);  padding: 75px 35px;   color: #ffffff; }
.skiresort-img .skiresort-img-title h2,.qa-img .qa-img-title h2,.register-img .register-img-title h2,.hotnews-img .hotnews-img-title p{ color:#ffffff; letter-spacing: 0.08em; text-align:center}
.skiresort-img .skiresort-img-title h2,.qa-img .qa-img-title h2,.register-img .register-img-title h2{ font-size: 2.2rem;}
.skiresort-img .skiresort-img-title p,.qa-img .qa-img-title p,.register-img .register-img-title p{  font-size: 1.6rem; text-align:center}
.skiresort-img .skiresort-img-title::after,.qa-img .qa-img-title::after,.register-img .register-img-title::after { content: "";  position: absolute; bottom: 0; left: 42%; border-color: transparent transparent #e8bb21 transparent;  border-width: 25px 20px;  border-style: solid; }
/*主圖標題共用 end*/
/*容器頁簽樣式共用 start*/
.web-page-frame .all-tab  ul {  margin: 0 15px;     padding: 15px 0;     background: #dceef3;     border-top-left-radius: 4px;     border-top-right-radius: 4px; }
.all-tab .nav-pills .nav-link {   background-color: #ffffff;margin-bottom: 8px;  padding: .6rem;  border: 1px solid #00afcc; color: #00afcc;  font-size: 1rem;  font-weight: 600;   -webkit-transition: all 0.3s ease-in-out;     -moz-transition: all 0.3s ease-in-out;     -ms-transition: all 0.3s ease-in-out;     -o-transition: all 0.3s ease-in-out;     transition: all 0.3s ease-in-out; }
.all-tab .nav-pills .nav-link.active,.all-tab .nav-pills .show>.nav-link {    background-color: #00afcc;     padding: .6rem;     color: #ffffff; }
.all-tab .nav-item+.nav-item {  margin-left: 8px;}
/*容器頁簽樣式共用 end*/
@media (max-width: 1399px){
	.skiresort-img,.qa-img,.register-img { margin-top: 65px;}
}
@media (max-width: 1098px){
	.skiresort-img,.qa-img,.register-img { margin-top: 61px;}
	.skiresort-img,.qa-img,.register-img { margin-top: 57px;}
}
@media (max-width: 992px){
	.qa-img .bgfixed.fixed{background-position: top 0 right 40%;}
	.qa-topic.col-md-12,.register-topic.col-md-12 { -ms-flex: 0 0 83.3333%;  flex: 0 0 83.3333%;  max-width: 83.3333%; }
	.qa-tab.col-md-12 {  max-width: 95%;   -ms-flex: 0 0 95%;  flex: 0 0 95%; }
	.register-img .bgfixed.fixed{background-position: top 0 right 30%;}
}
@media (max-width: 520px){
	.skiresort-img,.qa-img,.register-img { margin-top: 51px;}
	.qa-img .hotnews-img-title{  padding: 65px 25px;}
	.qa-img .qa-img-title h2 { font-size: 2rem;   letter-spacing: 0.04em;}
	.qa-img .qa-img-title p { font-size: 1.4rem;  letter-spacing: 0.04em; }
	.qa-tab {  margin: 15px 0;}
	.qa-tab .header-title { margin: 5px 0;}
	.qa-tab .nav-item { margin: 3px 5px; }
	.qa-tab .nav-pills .nav-link,.qa-tab .nav-pills .nav-link.active,.qa-tab .nav-pills .show>.nav-link{ padding: .2rem;}
	.skiresort-img .skiresort-img-title,.qa-img .qa-img-title,.register-img .register-img-title{  margin: 20px auto;  padding: 65px 25px;  min-width: 240px;}
	.register-img .bgfixed.fixed{background-position: top 0 right 25%;}
	.register-step .function-row li a img { width: 100% !important;}
	.register-step .text-center.row-title {  font-size: 1.4rem;}
	.register-step .function-row .flex-row li:before {  top: -25px;  font-size: 1rem; }
	.register-tab .nav-pills .nav-link,.register-tab .nav-pills .nav-link.active,.register-tab .nav-pills .show>.nav-link{ padding: .2rem;}
	.register-step .function-row .flex-row li:after { top: -26px;}
}
/*常見問題Q&A end*/

/**** 公版 ****/
.go-to-top{ display: none !important;} 
/*搜尋列表頁*/
.WinChrome section.group_banner .search-area .search-box .select-goal .title,
.WinChrome section.group_banner .search-area .search-box .select-place .title,
.WinChrome section.group_banner .search-area .search-box .select-date .title,
.WinIe section.group_banner .search-area .search-box .select-goal .title,
.WinIe section.group_banner .search-area .search-box .select-place .title,
.WinIe section.group_banner .search-area .search-box .select-date .title { height: 18px; min-height: 18px; line-height: 16px; }
.search-area .search-box .search-btn { background: #00afcc; }
.WinChrome section.group_banner .search-area .search-box .search-btn, .WinIe section.group_banner .search-area .search-box .search-btn { height: 55px; line-height: 55px; }
.WinChrome section.group_banner .search-area .search-box .select-goal, .WinChrome section.group_banner .search-area .search-box .select-place,
.WinChrome section.group_banner .search-area .search-box .select-date, .WinIe section.group_banner .search-area .search-box .select-goal,
.WinIe section.group_banner .search-area .search-box .select-place, .WinIe section.group_banner .search-area .search-box .select-date,
.WinChrome section.group_banner .search-area .search-box .select-date>input, .WinChrome section.group_banner .search-area .search-box .select-input>input,
.WinIe section.group_banner .search-area .search-box .select-date>input, .WinIe section.group_banner .search-area .search-box .select-input>input{ height: 55px; padding: 5px 8px;}
.WinChrome section.group_banner .search-area .search-box .select-goal .title h6, .WinChrome section.group_banner .search-area .search-box .select-place .title h6,
 .WinChrome section.group_banner .search-area .search-box .select-date .title h6, .WinIe section.group_banner .search-area .search-box .select-goal .title h6,
 .WinIe section.group_banner .search-area .search-box .select-place .title h6,.WinIe section.group_banner .search-area .search-box .select-date .title h6{ font-size: 0.9rem; color: #00afcc;}
/* .WinChrome section.group_banner .search-area .search-box, .WinIe section.group_banner .search-area .search-box{ height: 90px;} */
.search-area .search-box .select-place .title i,
.search-area .search-box .select-goal .title i,
.search-area .search-box .select-goal .title i,
.search-area .search-box .select-date .title i,
section.search_banner .search-area .search-box .select-input .data-icon-search{color: #00afcc; font-size: 0.9rem; width: 12px;}
.filter_list .btn{ font-size: 0.9rem;}
.filter_list .form-inline { margin-top: 10px; margin-bottom: 10px; padding: 0px 17px 0px 17px; font-size: 0.9rem; }
.filter_list .form-control{ font-size: 0.9rem; }
.irs-from, .irs-single, .irs-to{ font-size: 0.9rem; line-height: 1rem;}
.irs-line{ height: 1px}
.list_con .style_icon span{ margin-right: 5px; font-size: 0.9rem;}
.list_con .select_filter .form-group label { margin-right: 5px; font-size: 0.9rem; }
.list_con .style_icon .nav-pills .nav-link { padding: 2px 4px; }
.list_con .style_icon .nav-pills a svg { fill: #a7a7a7;  width: 20px; height: 20px;}
.list_con .select_filter .form-group .select select{  font-size: 0.9rem; height: 30px;}
.list_con>.title>.text-right>p>span.text_blue { color:#00afcc; }
.list_con .style_icon .nav-pills .nav-link.active svg { fill:#00afcc; }
figure.block_style .media_all_plane-lg{ border-bottom: 0;}
figure.block_style .main_words{ padding: 10px 20px;   align-content: space-around !important;}
figure.block_style .main_words a:hover,
.pic_style figure.block_style .main_words a:hover,
.search_table .main_words .title_main:hover{ color:#00afcc !important; }
figure.block_style .main_words a.tag:hover { color: #ffffff !important; }
.pic_style figure.block_style .price_all h4 span{ font-weight: 400;  font-size: 1.1rem; line-height: 1.4rem;}
.pic_style figure.block_style .price_all h6>div{ font-size: 0.9rem;}
.pic_style figure.block_style .price_all h6>div.deposit{font-size: 0;}
.pic_style figure.block_style .price_all h6>div.deposit::before{ content: "報名";  font-size: 0.9rem;}
.pic_style figure.block_style .price_all h6>div.deposit>span { font-size: 0.9rem; }
.list_con figure.block_style .pic_all::after{ border-color: transparent transparent transparent rgb(0 161 180 / 50%);}
.irs-bar { height: 1px; top: 33px; border-top: none; border-bottom: none; background: #00afcc}
.irs-bar-edge {  height: 10px; top: 33px; width: 14px; border: 1px solid #00afcc; border-right: 0; background: #00afcc; background: -webkit-gradient(linear,left bottom,left top,from(#00afcc),to(#00afcc)); background: linear-gradient(to top,#00afcc 0,#00afcc 100%); border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px}
.irs-slider { top: 29px; width: 10px; height: 10px; border: none; background: #ddd; background: #00afcc; border-radius: 27px; -moz-border-radius: 27px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer}
.irs-slider.state_hover,.irs-slider:hover { background: #fff; border: 2px solid #00afcc}
.irs-from,.irs-single,.irs-to { color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #00afcc; border-radius: 3px; -moz-border-radius: 3px}
.irs-grid-pol { opacity: .5; background: ≈;}
.irs-grid-pol.small { background: #999}
.irs-grid-text { bottom: 5px; color: #99a4ac}
.filter_list .accordion .card.price-range i, .filter_list .accordion .card.travel-days i {color: #00afcc; }
.filter_list .form-check{padding-left: 25px; font-size: 0.9rem;}
.filter_list .form-check .customcheck input:checked ~ .checkmark{ background-color: #00afcc;}
.filter_list .accordion .card.travel-days .form-check .badge-primary{ background-color: #797979;}
.filter_list .form-check .checkmark{ width: 18px; height: 18px;}
.filter_list .collapse.show { border-bottom: 1px solid #e2e2e2; }
.filter_list .accordion .card.travel-days .form-check .badge { font-size: 0.8rem; background: #b3b3b3; font-weight: 400; border-radius: 3px; }
.filter_list .form-check .customcheck.disabled .checkmark, .filter_list .form-check .customcheck.disabled input:checked~.checkmark{ background-color: #ddd; border-radius: 0; border: 1px solid #fff; }
section.search_con .pagination .page-item.active .page-link { background: #fff; border-color: #00afcc; color: #00afcc; }
.search_table.table tbody .thead { background: #f8f8f9; height: 2.4rem; line-height: 2.4rem; color: #000000;}
.search_table tbody td.go-airport img { margin: 0 auto; }
section.search_banner .search-area .search-box .select-goal .select, section.search_banner .search-area .search-box .select-goal select,
 section.search_banner .search-area .search-box .select-place .select, section.search_banner .search-area .search-box .select-place select{ font-size: 0.9rem; height: 26px; line-height: 20px;}
.search-area .search-box .select-date .select { font-size: 0.9rem; }
.WinChrome section.group_banner .search-area .form-check label, .WinIe section.group_banner .search-area .form-check label{font-size: 0.9rem; }
.WinChrome section.group_banner .search-area .search-box .select-input i, .WinIe section.group_banner .search-area .search-box .select-input i{ display: none;}
.search-area .search-box .search-btn h5 { font-size: 1rem; }
.list_con .title{ padding-bottom: 15px;}
.filter_list>h4,.list_con .title h4{ font-size: 1rem; }
.list_con .title p { margin-top: 0px; font-size: 14px; }
figure.block_style .main_words a h4,
.pic_style figure.block_style .main_words h4,
.search_table tbody td.tour-name a.title_main{ font-size: 1rem; line-height: 1.4rem; }
.search_table .go-airport h6,.search_table .go-airport .rounded { font-size: 0.9rem; }
.search_table .go-date { font-size: 0.9rem; }
.search_table tbody td.total-seat,.search_table tbody td.booking-num,.search_table tbody td.waiting-num,.search_table tbody td.available-seat{ font-size: 0.9rem; }
figure.block_style .main_words .go-date{ font-size: 1rem; line-height: 1.4rem;}
figure.block_style .main_words h6>div span{ font-size: 0.9rem;}
figure.block_style .note_words{padding: 5px 0;}
figure.block_style .note_words>div{ font-size: 0.9rem;} 
figure.block_style .note_words>div .go-airport,figure.block_style .note_words .plane,
.pic_style .plane_word .go-airport,.pic_style .plane_word .rounded{ font-size: 0.9rem;  line-height: 1.2rem;}
figure.block_style .pic_all::after{ border-width: 0 0 76px 76px;}
figure.block_style .pic_all .item_days { font-size: 1.4rem; font-weight: 600; letter-spacing: -0.08rem; width: 40px; padding: 6px 0;}
figure.block_style .pic_all .item_days span { font-size: .5rem; margin-left: 2px; margin-top: 10px; }
figure.block_style .main_words a{ font-size: 1.25rem;}
figure.block_style .price_box span,.search_table tbody td.tour-price span { font-size: 1.1rem;font-weight: 400;}
section.group_table.tripdown .search_table tbody td.tour-price span { font-size: 1.1rem; }
figure.block_style .price_box small { font-size: 0.8rem; }
figure.block_style .main_words h6{ font-size: 0.9rem;}
.search_table.table tbody .thead th { font-size: 0.95rem; font-weight: 400; }
figure.block_style .pic_all .img_box:before { padding-top: 70%; }
section.search_con .pagination .page-item .page-link{ font-size: 0.9rem; width: 26px; height: 26px;}
section.search_con .pagination svg {height: 8px; }
section.group_table .table a.btn-info.disabled,section.group_table .table a.btn-info:disabled { background-color: #dedede; border-color: #dedede; }
@media(min-width: 1200px ) {
    .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 260px; }
    .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { min-height: 110px; bottom: calc(50% - (190px/2)); }
}

@media (max-width: 1199px) {
    .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 300px; }
    .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { bottom: calc(50% - (200px/2)); min-height: 140px; }
    .WinChrome section.group_banner .search-area .search-box .select-date, .WinIe section.group_banner .search-area .search-box .select-date { width: 43%; margin-right: 0; }
    .WinChrome section.group_banner .search-area .search-box .select-input,.WinIe section.group_banner .search-area .search-box .select-input { width: calc(70% - 10px); }
    .WinChrome section.group_banner .search-area .search-box .search-btn, .WinIe section.group_banner .search-area .search-box .search-btn { width: 30%; }
    .WinChrome section.group_banner .search-area .search-box .select-status, .WinIe section.group_banner .search-area .search-box .select-status { right: calc( 30% + 10px); bottom: -15px; }
    .WinChrome section.group_banner .search-area .search-box, .WinIe section.group_banner .search-area .search-box { height: 160px; }
}

@media (max-width: 991px) {
    .WinChrome section.group_banner .search-area .search-box .select-status, .WinIe section.group_banner .search-area .search-box .select-status { bottom: -30px; }
}

@media (max-width: 767px) {
    .WinChrome section.group_banner .search-area>.container, .WinIe section.group_banner .search-area>.container,section.search_con .container { max-width: 660px; }
    .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 480px; }
}
@media (max-width: 520px) {
    .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 530px; }
}

/* 隱藏月曆，強制顯示列表模式 */
.D_products_group_mold .style_icon { display: none; }
.D_products_group_mold #search-calendar, .D_products_group_detail #search-calendar{display: none;}
.D_products_group_mold #search-table{display: block;opacity: 1;}
.D_products_group_mold #pills-tab .nav-item #pills-home-tab, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab,
.D_products_group_detail #pills-tab .nav-item #pills-home-tab, .D_products_group_detail #pills-tab .nav-item #pills-contact-tab{opacity: 0;}
.D_products_group_mold #pills-tab .nav-item, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab, .D_products_group_detail #pills-tab .nav-item, .D_products_group_detail #pills-tab .nav-item { list-style: none; }


/*行程明細頁 */
.Day_menu.day_fixed { top: 78px !important; }
section.group_table:before {  -webkit-filter: grayscale(1) opacity(.3);}
section.group_table.trip_features:after, section.group_table.trip_airline:after, section.group_table.trip_day:after, section.group_table.trip_note:after, section.group_table.view_intro:after, section.group_table.tripdown:after { background: #a0d1df; }
section.group_table.trip_features .container .group_table_box, section.group_table.trip_airline .container .group_table_box, section.group_table.trip_day .container .group_table_box, section.group_table.trip_note .container .group_table_box, section.group_table.view_intro .container .group_table_box, section.group_table.tripdown .container .group_table_box{ margin-top: 3.5rem}
section.group_table.trip_features .container>div>h2, section.group_table.trip_airline .container>div>h2, section.group_table.trip_day .container>div>h2, section.group_table.trip_note .container>div>h2, section.group_table.view_intro .container>div>h2, section.group_table.tripdown .container>div>h2 { color: #333333; margin-bottom: 0; font-size: 2rem; text-shadow: none; }
section.group_table .table a:hover{ color: #ffffff;}
section.group_banner.trip_banner h6 { font-size: 1rem; }
/*預設備註開*/
#collapseFour.collapse { display: block!important; }
#collapseFour.collapse.show { display: none!important; }
section.trip_note #headingFour.card-header a[aria-expanded="false"]:after { content: "−"!important; transform: rotate(180deg); }
section.trip_note #headingFour.card-header a[aria-expanded="true"]:after { content: "+"!important; transform: rotate(90deg); }
section.trip_note .card-header a[aria-expanded="false"]{ background: #05abf2; color: #ffffff; }
section.trip_note .card-header a[aria-expanded="false"]:after { color: #fff; }
#collapseFour.collapsing { height: 0 !important; }
@media (max-width: 1199px) {
	.Day_menu.day_fixed { top: 64px !important; }
}
@media (max-width: 991.98px){
	.sub_menu-trip { bottom: 41px; }
	.Day_menu.day_fixed { top: 55px !important; }
	section.group_table.tripdown .search_table > tbody > tr.thead { display: none; }
	.style_icon { display: none; }
	section.group_table.tripdown .search_table { margin-top: 0; }
	.search_table .main_words .seat { font-size: 0.9rem; margin-top: 10px; }
}
@media (max-width: 575px) {
    section.group_banner.trip_banner h1 { font-size: 1.6rem; margin-bottom: 18px; }
    section.group_banner.trip_banner h3.price { font-size: 1.2rem; }
    .basic-air-info .go h3, .basic-air-info .back h3 { font-size: 1.4rem; }
    .basic-air-info .go i, .basic-air-info .back i { font-size: 1.2rem; }
    .basic-air-info .go h4, .basic-air-info .back h4 { padding: 10px; }
    section.group_banner .basic-air-btn a { font-size: 1rem; }
    section.group_table.trip_day .info_box .info_box_title .day_title { font-size: 1.6rem; }
    section.group_table.trip_day .info_box .info_box_title .day_sub-title { font-size: 1.3rem; line-height: 2rem; }
	section.group_banner.trip_banner h6 { font-size: 0.9rem; }
	.breadcrumb{ font-size: 0.9rem;}
	section.group_banner .group_num { float: left; }
	section.group_banner .price_content .panel-info .panel-heading { padding: 10px; font-size: 1rem; }
	section.group_banner.trip_banner .brief h5{ font-size: 1rem;}
}

/*會員登入頁 */
.member_home .signin_width { margin-top: 180px; margin-bottom: 180px; }
body.member_home.new_bg { background: #dde2e2; }
body.member_home button.l_benPrimary{ background:#00afcc; }
body.member_home .note_box a { color:#00afcc; }
body.member_home a.font4.blue-txt2 { color: #545454; }
body.member_home .member_title { margin: 70px 0 30px; }
@media (max-width: 767px){
	.member_home  .signin_width { margin-top: 100px; margin-bottom: 120px; }
}


/* 會員專區 */
 .member_width .member_title { margin: 70px 0 30px; }
 @media (max-width: 520px){
	.member_width .member_title { margin: 100px 0 30px; }
 }

/* 訂購流程頁 */
.stepPage_btn>div>div { flex: 1; max-width: initial; }
 form.general_order_width,.group_order_width,form.group_order_width{ margin-top: 100px;}
.D_products_signup_confirm .receipt_info .receipt_info_content>.row>div:nth-child(3){  display: none;}