/*=================================================
 * 2017改善方案英文版-20170815-(Harvry)
 *=================================================*/

/*---------相關連結----------*/
.otherLinkBanner2{
    position: relative;
    overflow: inherit;
}
.moreOtherBtn {
    position: absolute;  
    left: 50%;
	padding-top: 20px;
    padding-bottom: 20px;
    bottom: 0;
    transform:translateX(-50%);
    cursor: pointer;
    font-size: 140%;
    color:#45c0be;
}
.moreOtherBtn a{
        color:#45c0be;
        text-decoration: none;
}
.moreOtherBtn:before {
    content: attr(data-static);
    font-size: 150%;
    display: block;
    position: absolute; 
    bottom: -13px;
    z-index: 2;
    left: 50%;
    transform:translateX(-50%);
}
.moreOtherBtn:after {
    content: '';
    display: block;
    position: absolute; 
    bottom: -30px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #E2DCCF;
    left: 50%;
    transform:translateX(-50%);
}

@media screen and (max-width:700px) {
    .otherLinkTitle {
        padding: 23px 0px 30px 0px;
        font-size: 190%;
        cursor: pointer;
    }
}
.otherLinkAll {
    box-sizing: border-box;
    padding: 10px 340px 30px 50px;
    width: 100%;
    display: block;
    overflow: hidden;
}
.m-otherLinkAll {
    display: none;
    position: relative;
	margin:0px auto 20px auto
}
.m-otherLinkAll:before {
    content: '';
    background-image: url(../../../resources/images/arrowTop.svg);
    background-position: center;
    background-size: cover;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -28px;
    right: 50%;
    transform: translateX(50%) rotate(180deg);
}
.m-otherLinkAll.active:before {
    transform: translateX(50%) rotate(0deg);
}
.m-otherLinkAll__list {
    font-size: 0;
    display: none;
}
.m-otherLinkAll__item {
    display: inline-block;
    text-align: center;
    width: 33%;
    font-size: 16px;
	vertical-align:top;
}
.m-otherLinkAll__item a {
    display: block;
    text-decoration: none;
    color: #944715;
	line-height:1.2em;
}
.m-otherLinkAll__item a:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
}
.m-otherLinkAll__list .m-otherLinkAll__item:nth-child(1) a:before {
    background-image: url(../../../resources/images/otherlinkAccommodations.svg);
}
.m-otherLinkAll__list .m-otherLinkAll__item:nth-child(2) a:before {
    background-image: url(../../../resources/images/otherlinkFood.svg);
}
.m-otherLinkAll__list .m-otherLinkAll__item:nth-child(3) a:before {
    background-image: url(../../../resources/images/otherlinkshopping.svg);
}
.m-otherLinkAll__list .m-otherLinkAll__item:nth-child(4) a:before {
    background-image: url(../../../resources/images/otherlinkRecreation.svg);
}
.m-otherLinkAll__list .m-otherLinkAll__item:nth-child(5) a:before {
    background-image: url(../../../resources/images/otherlinkTravel.svg);
}
.m-otherLinkAll__list .m-otherLinkAll__item:nth-child(6) a:before {
    background-image: url(../../../resources/images/otherlinkTransportation.svg);
}
.m-otherLinkAll__list .m-otherLinkAll__item:nth-child(7) a:before {
    background-image: url(../../../resources/images/otherlinkSpots.svg);
}
.m-otherLinkAll__list .m-otherLinkAll__item:nth-child(8) a:before {
    background-image: url(../../../resources/images/otherlinkInformation.svg);
}
.m-otherLinkAll__list .m-otherLinkAll__item:nth-child(9) a:before {
    background-image: url(../../../resources/images/otherlinkTourOperators.svg);
}
@media screen and (max-width:1000px) {
.moreOtherBtn,.otherLinkBanner2 {
    display: none;
}
    .m-otherLinkAll {
        display: block;
    }
    .otherLinkAll {
        display: none;
        box-sizing: border-box;
        padding: 10px 0px 30px 0px;
        width: 100%;
        overflow: hidden;
    }
}

/*---------相關連結 End----------*/

/*---------最新消息----------*/

.indexnewsArea {
    overflow: initial;
}

/* 頁籤部分 */
.indexnewsTabs {
    margin-top: 20px;
}
.indexnewsTabs:after {
    clear: both;
    content: "";
    display: table;
}
.indexnewsTabs__block {
    display: inline;
    text-align: center;
    font-size: 0
}
.indexnewsTabs__tab {
    display: inline-block;
    width: 20%;
    text-align: center;
    font-size: 18px;
}
.indexnewsTabs__tab a {
    text-decoration: none;
    display: block;
    padding: 15px 0;
    width: 100%;
    color: #70593A;
    font-size: 140%;
}
.indexnewsTabs__tab.firstTab {
    margin-left: 285px;
}
.indexnewsTabs__tab.secTab {
    position: relative;
}
.indexnewsTabs__tab.secTab:before, .indexnewsTabs__tab.secTab:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 2px;
    height: 25px;
    background-color: #D5CCB5;
    bottom: 15px;
}
.indexnewsTabs__tab.secTab:before {
    left: 0;
}
.indexnewsTabs__tab.secTab:after {
    right: 0;
}
.indexnewsTabs__tab.active {
    border-bottom: 2px solid #45c0bf;
}
.indexnewsTabs__tab a:hover, .indexnewsTabs__tab.active a {
    color:#45c0bf;
}
.indexnewsTabs__panel {
    display: none;
    float: left;
    text-align: left;
    width: 100%;
    font-size: 16px;
}
@media screen and (max-width:1000px) {
    .indexnewsTabs {
        margin-top: 0;
    }
    .indexnewsTabs__tab.firstTab {
        margin-left: 0;
    }
    .indexnewsTabs__tab {
        margin-bottom: 25px;
        width: calc(100%  / 3.02);
        background-color: #DED9CD;
    }
    .indexnewsTabs__tab.active {
        border-bottom: 0px solid #EB7537;
        background-color: #45c0bf;
    }
    .indexnewsTabs__tab.active a {
        color: #FFF;
    }
    .indexnewsTabs__tab.secTab:before, .indexnewsTabs__tab.secTab:after {
        width: 0;
    }
    .moreInfo {
        padding: 0;
        margin: 25px 0;
        text-align: center;
    }
	.logo{
		display:none;}
}
@media screen and (max-width:480px) {
    .indexnewsTabs__tab a {
        font-size: 90%;
    }
}
/*頁籤內容Banner*/
.newsBanner__list{
    font-size: 0;
    position: relative;
}
.newsBanner{
    display: inline-block;
    width: 25%;
    margin: 0 10px;
    font-size: 16px;
 }
.newsBanner img{
width: 100%
}
/* 頁籤內容卡片 */
.newsCard__list {
    font-size: 0;
    position: relative;
}
.newsCard {
    display: inline-block;
    width: 25%;
    margin: 0 10px;
    background-color: #FFF;
    border: 1px solid #E7E3D8;
    font-size: 16px;
}
.newsCard a {
    display: block;
    text-decoration: none;
    color: #000;
}
.newsCard a:hover,
.newsCard a:focus {
    background-color: #45c0bf;
}
.newsCard a:hover .newsCard__Title,
.newsCard a:focus .newsCard__Title,
.newsCard a:hover .newsCard__Date,
.newsCard a:focus .newsCard__Date{
    color: #FFF;
}

.newsBox__thumbnail {
    display: block;
    width: 100%;
    background-position:center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.newsBox__thumbnail:after{
    content: '';
    display: block;
    padding-top:65%; 
}
.newsBox__thumbnail img {
    width: 100%;
    display: none;
}
.newsCard__infos {
    padding: 10px 15px 15px 15px;
	line-height:1.6em;
    height: 7em;
    text-align: left;
    overflow: hidden;
}
.newsCard__Date {
    color: #e87536;
    font-size: 100%;
}

/*slick-theme 設定*/
.indexnewsTabs__panel .slick-next {
    right: -60px;
    top: 50%;
    background: url(../../../resources/images/snext.png) center no-repeat;

}
.indexnewsTabs__panel .slick-prev {
    left: -60px;
    top: 50%;
    background: url(../../../resources/images/sprev.png) center no-repeat;

}
.indexnewsTabs__panel .slick-next:focus,
.indexnewsTabs__panel .slick-prev:focus{
   outline: thin dotted invert;
}
.indexnewsTabs__panel .slick-dots{
    position: relative;
}
.indexnewsTabs__panel .slick-dots li {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 40px 5px 1px 5px;
}
.indexnewsTabs__panel .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 24px;
    height: 24px;
    padding: 4px;
}
.indexnewsTabs__panel .slick-dots li button:hover, .slick-dots li button:focus {
    outline: thin dotted invert;
}
.indexnewsTabs__panel .slick-dots li button:hover:before, .slick-dots li button:focus:before {
    background-color:  #45c0bf;
}
.indexnewsTabs__panel .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #b5ae9a;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.indexnewsTabs__panel .slick-dots li.slick-active button:before {
    background-color: #45c0bf;
    color: black;
}
.indexnewsTabs__panel .slick-list {
    overflow: hidden;
}

/*slick-theme 設定 end*/

/*---------最新消息 End----------*/

/*---------緊急通報 ----------*/
.urgent{
	margin:0px 12px 0px 12px;
	}
@media screen and (max-width:1000px) {
.urgent{
	margin:0px 0px 0px 0px;
	}
	}
.indexnewsArea {
	padding: 0px 0px 50px 0px;
}
.moreInfo {
	clear: both;
	display: block;
	text-align: right;
	padding: 0px 5px 35px 0px;
}

@media screen and (max-width:500px) {
.indexnewsArea {
	padding: 0px 0px 0px 0px;
}
.moreInfo {
	display: block;
	text-align:center;
}
	}
	
.slick-slider {
	margin: 40px 0px 24px 0px;
}
.introduction{
	padding: 20px 10px 10px 10px;
	line-height:1.4em;
	}
/*---------緊急通報 End----------*/