/*英文版首頁loading
html{
    background: #FFF fixed url(../../../images/page_loading.gif) no-repeat center;
}

body{
    overflow-x:hidden;
    overflow-y: hidden;
    opacity: 0; 
    background: #f3f3f3;
}
body.fadeInIndex{
    overflow-y: auto;
    opacity: 1; 
    -o-transition: all .50s linear;
    -webkit-transition: all .50s linear;
    -moz-transition: all .50s linear;
    transition: all .50s linear;
}
首頁loading end*/

.top {
    width: 100%;
    height: 72px;
    background-color: #333230;
    color: #a59d8e;
}

.topBoxIndex {
    width: 980px;
    height: 72px;
    padding: 4px 0px 4px 0px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    /*overflow: hidden;解決float高度問題*/
}

.topBox {
    width: 980px;
    height: 72px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    /*overflow: hidden;解決float高度問題*/
}

.topMenuIndex {
    /*首頁上方選單*/
    text-align: left;
    float: right;
    height: 72px;
    /*讓文字上下置中*/
    line-height: 72px;
    /*讓文字上下置中*/
    width: 60%;
}

.search a {
    display: inline-block;
    float: left;
    width: 60px;
    height: 72px;
    background: url(../../../resources/images/search.svg) center center no-repeat;
    background-size: 90%;
    text-indent: -9999px;
}

.share a:hover {
    background: url(../../../resources/images/share.svg) center center no-repeat;
    background-size: 90%;
}

.share a {
    display: inline-block;
    float: left;
    width: 60px;
    height: 72px;
    background: url(../../../resources/images/share.svg) center center no-repeat;
    background-size: 90%;
    text-indent: -9999px;
}

.shareListTop {
    position: absolute;
    top: 72px;
    left: 44%;
    width: 60px;
    margin-left: 337px;
    z-index: 2000;
    height: 0px;
    overflow: hidden;
    transition: all 0.5s;
}

.shareListTop2 {
    height: 300px;
}

.lanChoose {
    top: 72px;
    right: 31px;
}

@media screen and (max-width: 1000px) {
    .top {
        width: 100%;
        height: 62px;
        /*讓文字上下置中*/
        background-color: #333230;
        color: #a59d8e;
    }
    .topBox {
        height: 55px;
        width: 100%;
    }
    .share a {
        float: right;
        width: 55px;
        height: 55px;
    }
    .shareListTop {
        position: absolute;
        top: 62px;
        left: 100%;
        width: 55px;
        margin-left: -108px;
        z-index: 2000;
        height: 0px;
        overflow: hidden;
        transition: all 0.5s;
    }
    .shareListTop2 {
        height: 300px;
    }
    .topMenuIndex {
        /*首頁上方選單*/
        float: right;
        box-sizing: border-box;
        margin: 5px 0px 0px 0px;
        height: 55px;
        /*讓文字上下置中*/
        line-height: 55px;
        /*讓文字上下置中*/
        width: 63%;
    }
    .search a {
        float: right;
        width: 55px;
        height: 55px;
    }
}

#media-video {
    height: 100%;
    width: 100%;
    background-color: #000;
}


/*--------------------------------------------------首頁最新消息-----------------------------------*/


/*----------頁籤-----------*/

.ecNetUlTabs {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ecNetUlTabs li {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    border-right: solid 1px #f5f1e8;
}

@media screen and (max-width: 1000px) {
    .ecNetUlTabs li {
        box-sizing: border-box;
        width: 33%;
    }
    .ecNetUlTabs li:nth-child(3) {
        box-sizing: border-box;
        width: 34%;
    }
}

.ecNetUlTabs li:nth-child(3) {
    box-sizing: border-box;
    border-right: solid 0px #cacaca;
}

.ecNetUlTabs a.ecNetUlTab {
    box-sizing: border-box;
    font-size: 110%;
    padding: 0px 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    width: 175px;
    color: #705938;
    text-align: center;
    text-decoration: none;
    background-color: #cfc9bd;
}

@media screen and (max-width: 1000px) {
    .ecNetUlTabs a.ecNetUlTab {
        width: 100%;
    }
}

.ecNetUlTabs a.ecNetUlTabSelected {
    box-sizing: border-box;
    font-size: 110%;
    padding: 0 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    width: 175px;
    color: #ffffff;
    background-color: #45c0bf;
    text-align: center;
    text-decoration: none;
}

@media screen and (max-width: 1000px) {
    .ecNetUlTabs a.ecNetUlTabSelected {
        width: 100%;
    }
}

.ecNetUlTabs a.tab:hover {
    color: #333;
}


/*----------頁籤內容-----------*/

.ecNetUlTabContent {
    /*position不要設成absolute, 由套件自動處理*/
    float: left;
    display: block;
    list-style: none;
    top: 45px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 30px 0px;
    overflow: hidden;
}

.ecNetUlTabContent li {
    width: 99.6%;
}

.ecNetUlTabContent li a {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    list-style: none;
    width: 100%;
    padding: 8px 10px 8px 10px;
    border-bottom: 1px #dcd8cc solid;
    text-decoration: none;
}

@media screen and (max-width: 1000px) {
    .ecNetUlTabs .ecNetUlTabContent li {
        box-sizing: border-box;
        width: 100%;
    }
}

.indexnewsDate {
    float: left;
    box-sizing: border-box;
    width: 22%;
    display: block;
    color: #ff7e00;
    text-align: left;
    font-size: 102%;
    padding: 5px 0px 5px 5px;
}

@media screen and (max-width: 1000px) {
    .indexnewsDate {
        display: none;
    }
}

.indexnewsTitle {
    letter-spacing: 0px;
    float: left;
    box-sizing: border-box;
    width: 78%;
    display: block;
    color: #3e3e3e;
    text-align: left;
    font-size: 102%;
    padding: 5px 0px 5px 0px;
}

@media screen and (max-width: 1000px) {
    .indexnewsTitle {
        width: 100%;
    }
}

.indexnewsDate2 {
    float: left;
    box-sizing: border-box;
    width: 35%;
    display: block;
    color: #ff7e00;
    text-align: left;
    font-size: 98%;
    padding: 5px 0px 5px 5px;
    letter-spacing: 0px;
}

@media screen and (max-width: 1000px) {
    .indexnewsDate2 {
        display: none;
    }
}

.indexnewsTitle2 {
    letter-spacing: 0px;
    float: left;
    box-sizing: border-box;
    width: 65%;
    display: block;
    color: #3e3e3e;
    text-align: left;
    font-size: 102%;
    padding: 5px 0px 5px 0px;
}

@media screen and (max-width: 1000px) {
    .indexnewsTitle2 {
        width: 100%;
    }
}

.ecNetUlTabContent li:hover * {
    background-color: #45c0bf;
    color: #ffffff;
}


/*--------------------------------------------------首頁最新消息 end-----------------------------------------------*/


/*----首頁右上方網站連結 ------*/

.otherWebsite {
    position: absolute;
    display: block;
    right: 80px;
    top: 20px;
    width: 100px;
    overflow: hidden;
    z-index: 10;
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
    .otherWebsite {
        width: 90px;
        right: 50px;
        top: 7px;
    }
}

@media screen and (max-width: 1000px) {
    .otherWebsite {
        display: none;
    }
}

.otherWebsite li {
    display: block;
    margin: 18px 0px 18px 0px;
}

@media screen and (max-width: 1200px) {
    .otherWebsite li {
        display: block;
        margin: 13px 0px 13px 0px;
    }
}

.otherWebsite li a {
    display: block;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #963;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 90%;
}

@media screen and (max-width: 1200px) {
    .otherWebsite li a {
        width: 82px;
        height: 82px;
        font-size: 90%;
    }
}

.otherWebsite li:nth-child(1) a {
    background: url(../../../resources/images/mobile.svg) left center no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-size: cover;
    box-sizing: border-box;
    padding: 58px 0px 0px 0px;
}

@media screen and (max-width: 1200px) {
    .otherWebsite li:nth-child(1) a {
        padding: 45px 0px 0px 0px;
    }
}

.otherWebsite li:nth-child(1) a:hover {
    background: url(../../../resources/images/mobileClick.svg) left center no-repeat;
    background-size: cover;
}

.otherWebsite li:nth-child(2) a {
    background: url(../../../resources/images/ohbear.svg) left center no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-size: cover;
    box-sizing: border-box;
    padding: 50px 0px 0px 0px;
    text-indent: -9999px;
}

.otherWebsite li:nth-child(2) a:hover {
    background: url(../../../resources/images/ohbearClick.svg) left center no-repeat;
    background-size: cover;
}

.otherWebsite li:nth-child(3) a {
    background: url(../../../resources/images/events.svg) left center no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-size: cover;
    box-sizing: border-box;
    padding: 50px 0px 0px 0px;
    text-indent: -9999px;
    background-color: #FFF;
}

.otherWebsite li:nth-child(3) a:hover {
    background-color: #CCC;
}

.otherWebsite li:nth-child(4) a {
    background: url(../../../resources/images/fb.png) left center no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-size: cover;
    box-sizing: border-box;
    padding: 54px 0px 0px 0px;
    line-height: 1.2em;
    font-size: 80%;
}

.otherWebsite li:nth-child(4) a:hover {
    background: url(../../../resources/images/fbClick.png) left center no-repeat;
    background-size: cover;
}

.media {
    position: absolute;
    display: inline-block;
    left: 50%;
    bottom: 8%;
    width: 250px;
    margin-left: -110px;
    overflow: hidden;
}

.media li {
    display: inline-block;
    margin: 0px 10px 0px 10px;
}

@media screen and (max-width: 500px) {
    .media {
        width: 180px;
        margin-left: -70px;
    }
    .media li {
        display: inline-block;
        margin: 0px 5px 0px 5px;
    }
}

.media li a {
    display: inline-block;
    box-sizing: border-box;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: #963;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 90%;
}

@media screen and (max-width: 500px) {
    .media li a {
        width: 60px;
        height: 60px;
        font-size: 80%;
    }
}

.media li:nth-child(1) a {
    background: url(../../../resources/images/video.svg) left center no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    padding: 45px 0px 0px 0px;
    transition: all 0.3s;
}

@media screen and (max-width: 500px) {
    .media li:nth-child(1) a {
        padding: 30px 0px 0px 0px;
    }
}

.media li:nth-child(1) a:hover {
    background: url(../../../resources/images/video.svg) left center no-repeat;
    background-size: cover;
    background-color: #f66f26;
}

.media li:nth-child(2) a {
    background: url(../../../resources/images/photo.svg) left center no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    padding: 45px 0px 0px 0px;
    transition: all 0.3s;
}

@media screen and (max-width: 500px) {
    .media li:nth-child(2) a {
        padding: 30px 0px 0px 0px;
    }
}

.media li:nth-child(2) a:hover {
    background: url(../../../resources/images/photo.svg) left center no-repeat;
    background-size: cover;
    background-color: #f66f26;
}


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

.indexnewsArea {
    max-width: 1440px;
    margin: 0px auto;
    padding: 5px 0px 80px 0px;
    display: block;
    overflow: hidden;
}

@media screen and (max-width: 1000px) {
    .indexnewsArea {
        width: 100%;
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        display: block;
        overflow: hidden;
    }
}

.indexnewsAreaLeft {
    float: left;
    box-sizing: border-box;
    width: 628px;
    padding: 45px 0px 0px 8px;
}

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

.indexnewsAreaRight {
    float: right;
    box-sizing: border-box;
    width: 340px;
    padding: 45px 0px 0px 0px;
}

@media screen and (max-width: 1000px) {
    .indexnewsAreaRight {
        float: left;
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 30px 0px 30px 0px;
        background-color: #e2dccf;
    }
}

.moreInfo {
    clear: both;
    display: block;
    text-align: right;
    padding: 25px 5px 25px 0px;
}

@media screen and (max-width: 1000px) {
    .moreInfo {
        padding: 25px 15px 0px 0px;
    }
}

.moreInfo a {
    padding: 8px 0px 8px 30px;
    background-color: #8e897e;
    color: #FFF;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s;
}

.moreInfo a:hover {
    background-color: #37b2b1;
}

.moreInfo .moremore {
    background-color: #45c0bf;
    padding: 8px 12px 8px 10px;
    margin: 0px 0px 0px 30px;
}


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

.indexTourBg {
    background-color: #a4c157;
    height: 550px;
}

.indexTourArea {
    position: relative;
    max-width: 1200px;
    margin: 0px auto;
    color: #ffffff;
}

@media screen and (min-width: 501px) and (max-width: 999px) {
    .indexTourArea {
        width: 100%;
    }
    .indexTourBg {
        background-color: #e87536;
        height: 450px;
    }
}

@media screen and (max-width: 500px) {
    .indexTourBg {
        background-color: #e87536;
        height: auto;
    }
    .indexTourArea {
        position: relative;
        width: 100%;
        margin: 0px auto;
        color: #ffffff;
    }
}

#indexTourAreaPeople {
    position: absolute;
    left: 0px;
    top: -90px;
    width: 1000px;
    height: 245px;
    background: url(../../../resources/images/bicycle.svg) top left no-repeat;
    background-size: contain;
    z-index: 50;
}

@media screen and (max-width: 1000px) {
    #indexTourAreaPeople {
        display: none;
    }
}

.h1Center {
    color: #FFF;
    padding: 60px 0px 0px 0px;
    font-size: 200%;
}

@media screen and (max-width: 800px) {
    .h1Center {
        padding: 30px 0px 0px 0px;
        font-size: 190%;
    }
}

.introduction {
    padding: 20px 10px 10px 10px;
    line-height: 1.4em;
}


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

.mapsearchBg {
    width: 100%;
    display: block;
    overflow: hidden;
    background: url(../../../resources/images/mapsearchBg1.jpg) top center repeat;
    height: 450px;
}

@media screen and (max-width: 1000px) {
    .mapsearchBg {
        height: auto;
        /*---display:none;----*/
    }
}

.mapsearchArea {
    width: 999px;
    margin: 0px auto;
}

@media screen and (max-width: 1000px) {
    .mapsearchArea {
        width: 100%;
        margin: 0px auto;
    }
}

.mapsearchArea>li {
    box-sizing: border-box;
    display: inline-block;
    width: 318px;
    height: 225px;
    background-color: #ffffff;
    margin: 0px -5px 0px 0px;
    text-align: center;
    padding: 20px 0px 0px 0px;
    vertical-align: top;
}

.mapsearchArea>li:nth-child(1) {
    background: url(../../../resources/images/map001.jpg) top left no-repeat;
    background-size: cover;
}

.mapsearchArea>li:nth-child(2) {
    width: 363px;
    color: #cf6a33;
}

.mapsearchArea>li:nth-child(3) {
    background: url(../../../resources/images/map003.jpg) top left no-repeat;
    background-size: cover;
}

.mapsearchArea>li:nth-child(4) {
    background: url(../../../resources/images/map004.jpg) top left no-repeat;
    background-size: cover;
}

.mapsearchArea>li:nth-child(5) {
    color: #FFF;
    width: 363px;
    background: url(../../../resources/images/map005.jpg) top left no-repeat;
    background-size: cover;
}

.mapsearchArea>li:nth-child(6) {
    background: url(../../../resources/images/map006.jpg) top left no-repeat;
    background-size: cover;
}

@media screen and (max-width: 1000px) {
    .mapsearchArea>li {
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        height: auto;
        background-color: #ffffff;
        margin: 0px;
        text-align: center;
        padding: 20px 0px 30px 0px;
        vertical-align: top;
    }
    .mapsearchArea>li:nth-child(1) {
        padding: 0px;
        display: none;
    }
    .mapsearchArea>li:nth-child(2) {
        color: #cf6a33;
        width: 100%;
    }
    .mapsearchArea>li:nth-child(3) {
        padding: 0px;
        display: none;
    }
    .mapsearchArea>li:nth-child(4) {
        padding: 0px;
        display: none;
    }
    .mapsearchArea>li:nth-child(5) {
        color: #FFF;
        width: 100%;
        background: url(../../../resources/images/map005.jpg) top left no-repeat;
        background-size: cover;
        display: none;
    }
    .mapsearchArea>li:nth-child(6) {
        padding: 0px;
        display: none;
    }
}

.mapsearchList {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 28px 0px 10px 0px;
}

.mapsearchArea h2 {
    font-size: 155%;
    line-height: 1.4em;
    letter-spacing: 0px;
    padding: 12px 0px 0px 0px;
    color: #45c0be;
}

.mapsearchselect select {
    padding: 4px;
    width: 180px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 3px 0px 3px 0px;
    border: 1px #CCCCCC solid;
    font-size: 100%;
}

@media screen and (max-width: 1000px) {
    .mapsearchselect select {
        font-size: 100%;
    }
}

.mapsearchselect input {
    padding: 4px;
    width: 180px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 3px 0px 3px 0px;
    border: 1px #CCCCCC solid;
    font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
    font-size: 100%;
}

@media screen and (max-width: 1000px) {
    .mapsearchselect input {
        width: 60%;
        font-size: 100%;
    }
}

.mapsearchArea .btn {
    box-sizing: border-box;
    font-size: 98%;
    font-family: Arial;
    font-weight: normal;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 0px solid #dcdcdc;
    text-decoration: none;
    background-color: #e87536;
    padding: 4px 30px 4px 30px;
    color: #ffffff;
    font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
    margin: 12px 0px 6px 0px;
}

@media screen and (max-width: 1000px) {
    input#btnMap {
        font-size: 100%;
        margin: 18px 0px 6px 0px;
    }
}

.mapsearchArea li h3 {
    padding: 5px 0px 5px 0px;
}

.mapsearchList>li {
    display: inline-block;
    vertical-align: top;
    font-size: 85%;
}

.mapsearchList>li a {
    display: block;
    box-sizing: border-box;
    width: 92px;
    height: 90px;
    line-height: 86px;
    border-radius: 50%;
    background-color: #3CC;
    margin: 0px 6px 0px 6px;
    color: #FFF;
    text-decoration: none;
    font-size: 125%;
}

.mapsearchList>li:nth-child(1) a {
    background: url(../../../resources/images/mapsearchBtn1.svg) center center no-repeat;
    background-size: cover;
    background-color: #aec771;
    text-indent: -99999px;
}

.mapsearchList>li:nth-child(1) a:hover {
    background-color: #8ba64a;
}

.mapsearchList>li:nth-child(2) a {
    background: url(../../../resources/images/mapsearchBtn2.svg) center center no-repeat;
    background-size: cover;
    background-color: #efa4b2;
    text-indent: -99999px;
}

.mapsearchList>li:nth-child(2) a:hover {
    background-color: #e78396;
}

.mapsearchList>li:nth-child(3) a {
    background: url(../../../resources/images/mapsearchBtn3.svg) center center no-repeat;
    background-size: cover;
    background-color: #f88e54;
    text-indent: -99999px;
}

.mapsearchList>li:nth-child(3) a:hover {
    background-color: #e56b28;
}

@media screen and (max-width: 320px) {
    .mapsearchList>li a {
        font-size: 80%;
        width: 75px;
        height: 75px;
        line-height: 75px;
        margin: 0px 5px 5px 5px;
    }
}

@media screen and (min-width: 321px) and (max-width: 500px) {
    .mapsearchList>li {
        font-size: 90%;
    }
    .mapsearchList>li a {
        width: 95px;
        height: 95px;
        line-height: 100px;
        margin: 0px 8px 5px 8px;
    }
}

@media screen and (min-width: 501px) and (max-width: 999px) {
    .mapsearchList>li {
        font-size: 110%;
    }
    .mapsearchList>li a {
        width: 110px;
        height: 110px;
        line-height: 110px;
        margin: 0px 22px 10px 22px;
    }
}


/*------地圖便利搜 end---------*/


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

.otherLinkArea {
    position: relative;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    clear: both;
    width: 1400px;
    margin: 0px auto;
}

@media screen and (max-width: 1399px) {
    .otherLinkArea {
        width: 1000px;
    }
}

@media screen and (max-width: 1000px) {
    .otherLinkArea {
        width: 100%;
    }
}

.otherLinkTitle {
    font-size: 210%;
    text-align: center;
    padding: 50px 0px 30px 0px;
    color: #45c0be;
}

@media screen and (max-width: 700px) {
    .otherLinkTitle {
        font-size: 190%;
        padding: 30px 0px 0px 0px;
    }
}

#otherLinkAreaPeople {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 360px;
    height: 444px;
    background: url(../../../resources/images/otherlinkBg.svg) top left no-repeat;
    background-size: contain;
    z-index: 60;
}

@media screen and (max-width: 1000px) {
    #otherLinkAreaPeople {
        display: none;
    }
}

.otherLinkAll {
    box-sizing: border-box;
    padding: 10px 300px 30px 10px;
    width: 100%;
    display: block;
    overflow: hidden;
}

@media screen and (max-width: 1000px) {
    .otherLinkAll {
        box-sizing: border-box;
        padding: 10px 0px 30px 20px;
        width: 100%;
        display: block;
        overflow: hidden;
    }
}

@media screen and (max-width: 500px) {
    .otherLinkAll {
        box-sizing: border-box;
        padding: 10px 0px 30px 5px;
        width: 100%;
        display: block;
        overflow: hidden;
    }
}

.otherLinkAll>li {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 31%;
    overflow: hidden;
    vertical-align: top;
    margin: 0px 10px 0px 0px;
    padding: 15px 0px 10px 0px;
}

.otherLinkAll>li:nth-child(1) {
    background: url(../../../resources/images/otherlinkAccommodations.svg) left top no-repeat;
    background-size: 23%;
    background-position: -5px 2px;
}

.otherLinkAll>li:nth-child(2) {
    background: url(../../../resources/images/otherlinkFood.svg) left top no-repeat;
    background-size: 23%;
    background-position: -5px 2px;
    padding: 0px 0px -1px 0px;
}

.otherLinkAll>li:nth-child(3) {
    background: url(../../../resources/images/otherlinkshopping.svg) left top no-repeat;
    background-size: 23%;
    background-position: -5px 2px;
}

.otherLinkAll>li:nth-child(4) {
    background: url(../../../resources/images/otherlinkRecreation.svg) left top no-repeat;
    background-size: 23%;
    background-position: -5px 2px;
}

.otherLinkAll>li:nth-child(5) {
    background: url(../../../resources/images/otherlinkTravel.svg) left top no-repeat;
    background-size: 23%;
    background-position: -5px 2px;
    padding: 0px 0px -1px 0px;
}

.otherLinkAll>li:nth-child(6) {
    background: url(../../../resources/images/otherlinkTransportation.svg) left top no-repeat;
    background-size: 23%;
    background-position: -5px 2px;
}

.otherLinkAll>li:nth-child(7) {
    background: url(../../../resources/images/otherlinkSpots.svg) left top no-repeat;
    background-size: 23%;
    background-position: -5px 2px;
}

.otherLinkAll>li:nth-child(8) {
    background: url(../../../resources/images/otherlinkInformation.svg) left top no-repeat;
    background-size: 23%;
    background-position: -5px 2px;
    padding: 0px 0px -1px 0px;
}

.otherLinkAll>li:nth-child(9) {
    background: url(../../../resources/images/otherlinkTourOperators.svg) left top no-repeat;
    background-size: 23%;
    background-position: -5px 2px;
}

@media screen and (max-width: 1400px) {
    .otherLinkAll>li:nth-child(1) {
        background: url(../../../resources/images/otherlinkAccommodations.svg) left top no-repeat;
        background-size: 32%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(2) {
        background: url(../../../resources/images/otherlinkFood.svg) left top no-repeat;
        background-size: 32%;
        background-position: -5px 2px;
        padding: 0px 0px 10px 0px;
    }
    .otherLinkAll>li:nth-child(3) {
        background: url(../../../resources/images/otherlinkshopping.svg) left top no-repeat;
        background-size: 32%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(4) {
        background: url(../../../resources/images/otherlinkRecreation.svg) left top no-repeat;
        background-size: 32%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(5) {
        background: url(../../../resources/images/otherlinkTravel.svg) left top no-repeat;
        background-size: 32%;
        background-position: -5px 2px;
        padding: 0px 0px 10px 0px;
    }
    .otherLinkAll>li:nth-child(6) {
        background: url(../../../resources/images/otherlinkTransportation.svg) left top no-repeat;
        background-size: 32%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(7) {
        background: url(../../../resources/images/otherlinkSpots.svg) left top no-repeat;
        background-size: 32%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(8) {
        background: url(../../../resources/images/otherlinkInformation.svg) left top no-repeat;
        background-size: 32%;
        background-position: -5px 2px;
        padding: 0px 0px 10px 0px;
    }
    .otherLinkAll>li:nth-child(9) {
        background: url(../../../resources/images/otherlinkTourOperators.svg) left top no-repeat;
        background-size: 32%;
        background-position: -5px 2px;
    }
}

.otherLinkAll>li a {
    display: block;
    padding: 8px 0px 16px 65px;
    font-size: 110%;
    color: #944614;
    text-decoration: none;
}

@media screen and (max-width: 1000px) {
    .otherLinkAll>li a {
        display: block;
        padding: 6% 0px 6% 30%;
        font-size: 130%;
        color: #944614;
        text-decoration: none;
    }
}

@media screen and (max-width: 700px) {
    .otherLinkAll>li a {
        display: block;
        padding: 6% 0px 6% 24%;
        font-size: 125%;
        color: #944614;
        text-decoration: none;
    }
}

.otherLinkAll .subotherLinkAll {
    width: 100%;
    display: block;
    overflow: hidden;
    clear: both;
    margin: 10px 0px 0px 10px;
}

@media screen and (max-width: 1000px) {
    .otherLinkAll .subotherLinkAll {
        margin: 20px 0px 0px 10px;
    }
}

@media screen and (max-width: 700px) {
    .otherLinkAll>li {
        width: 100%;
        overflow: hidden;
        vertical-align: top;
        margin: 0px 10px 0px 10px;
        padding: 10px 0px 10px 0px;
    }
    .otherLinkAll .subotherLinkAll {
        width: 92%;
        display: block;
        overflow: hidden;
        clear: both;
        margin: 6% 0px 0px 8%;
    }
    .otherLinkAll>li:nth-child(1) {
        background: url(../../../resources/images/otherlinkAccommodations.svg) left top no-repeat;
        background-size: 24%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(2) {
        background: url(../../../resources/images/otherlinkRecreation.svg) left top no-repeat;
        background-size: 24%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(3) {
        background: url(../../../resources/images/otherlinkFood.svg) left top no-repeat;
        background-size: 24%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(4) {
        background: url(../../../resources/images/otherlinkTravel.svg) left top no-repeat;
        background-size: 24%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(5) {
        background: url(../../../resources/images/otherlinkInformation.svg) left top no-repeat;
        background-size: 24%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(6) {
        background: url(../../../resources/images/otherlinkTransportation.svg) left top no-repeat;
        background-size: 24%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(7) {
        background: url(../../../resources/images/otherlinkshopping.svg) left top no-repeat;
        background-size: 24%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(8) {
        background: url(../../../resources/images/otherlinkSpots.svg) left top no-repeat;
        background-size: 24%;
        background-position: -5px 2px;
    }
    .otherLinkAll>li:nth-child(9) {
        background: url(../../../resources/images/otherlinkTourOperators.svg) left top no-repeat;
        background-size: 24%;
        background-position: -5px 2px;
    }
}

.otherLinkAll .subotherLinkAll>li {
    box-sizing: border-box;
    display: inline-block;
    width: 98%;
    vertical-align: top;
}

.otherLinkAll .subotherLinkAll>li a {
    display: block;
    padding: 5px 0px 5px 13px;
    font-size: 90%;
    color: #333;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 1.2em;
    background: url(../../../resources/images/reddot.svg) left top no-repeat;
    background-size: 2%;
    background-position: 4px 13px;
}

.otherLinkAll .subotherLinkAll>li a:hover {
    color: #F60;
}

@media screen and (max-width: 700px) {
    .otherLinkAll .subotherLinkAll>li {
        box-sizing: border-box;
        display: inline-block;
        width: 48%;
        vertical-align: top;
    }
    .otherLinkAll .subotherLinkAll>li a {
        display: block;
        padding: 5px 0px 5px 12%;
        font-size: 100%;
        color: #333;
        text-decoration: none;
        letter-spacing: 0px;
        line-height: 1.2em;
        background: url(../../../resources/images/reddot.svg) left top no-repeat;
        background-size: 5%;
        background-position: 4px 13px;
    }
    .otherLinkAll .subotherLinkAll>li a:hover {
        color: #F60;
    }
}


/*------相關連結banner區------*/

.otherLinkBanner {
    width: 1000px;
    margin: 0px auto;
}

@media screen and (max-width: 1000px) {
    .otherLinkBanner {
        width: 100%;
        margin: 0px auto;
    }
}

.otherLinkBannerList {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0px auto 30px auto;
    text-align: center;
}

.otherLinkBannerList li {
    display: inline-block;
}

.otherLinkBannerList li a {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    width: 210px;
    margin: 0px 11px 0px 11px;
    padding: 0px 0px 0px 0px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .otherLinkBannerList li a {
        width: 44%;
        margin: 0px 6px 0px 6px;
    }
}

.otherLinkBannerList li img {
    width: 210px;
    height: 90px;
    border: 1px #e0dbd0 solid;
}

@media screen and (max-width: 480px) {
    .otherLinkBannerList li img {
        width: 100%;
    }
}


/*------相關連結banner區 end------*/


/*------相關連結banner 2區------*/

.otherLinkBanner2 {
    width: 100%;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    background-color: #e2dccf;
    padding: 40px 0px 40px 0px;
}

.otherLinkBannerList2 {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    max-width: 1440px;
    margin: 0px auto 20px auto;
    text-align: center;
}

.otherLinkBannerList2 li {
    display: inline-block;
    vertical-align: top;
}

.otherLinkBannerList2 li a {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    width: 140px;
    height: 60px;
    margin: 0px 6px 0px 6px;
    padding: 0px 0px 0px 0px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
}

.otherLinkBannerList2 li:last-child a {
    width: 140px;
    height: 60px;
    line-height: 60px;
    background-color: #F60;
    font-size: 120%;
}

.otherLinkBannerList2 li img {
    width: 100%;
    height: 100%;
    border: 1px #cbc7be solid;
}

@media screen and (max-width: 1000px) {
    .otherLinkBannerList2 {
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
    }
    .otherLinkBannerList2 li a {
        box-sizing: border-box;
        display: inline-block;
        overflow: hidden;
        width: 140px;
        margin: 0px 5px 0px 5px;
        padding: 0px 0px 0px 0px;
        color: #FFF;
        text-decoration: none;
        text-align: center;
    }
    .otherLinkBannerList2 li:last-child a {
        width: 140px;
        height: 60px;
        line-height: 60px;
        background-color: #F60;
        font-size: 120%;
    }
}


/*------相關連結banner 2區 end------*/


/*------相關連結 end------*/


/*首頁 第三個頁簽按鈕 點選不連出 giini 20151126*/

.ecNetUlTabs a.ecNetUlTabOther {
    letter-spacing: 0px;
    box-sizing: border-box;
    font-size: 105%;
    padding: 0px 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    width: 265px;
    color: #705938;
    text-align: center;
    text-decoration: none;
    background-color: #cfc9bd;
}

@media screen and (max-width: 1000px) {
    .ecNetUlTabs a.ecNetUlTabOther {
        width: 100%;
    }
}

@media screen and (max-width: 720px) {
    .ecNetUlTabs a.ecNetUlTabOther {
        font-size: 90%;
        line-height: 1.3em;
        padding: 6px 0px 0px 0px;
    }
}


/*粉絲團連結*/

.facebookAll {
    position: absolute;
    top: 395px;
    right: 178px;
    width: 220px;
    height: 100px;
    z-index: 30;
}

.facebookAll li {
    display: inline-block;
    margin: 0px 6px 0px 6px;
    vertical-align: top;
}

.facebookAll li a {
    display: block;
    box-sizing: border-box;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #3b5998;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 90%;
    line-height: 1.2em;
    vertical-align: middle;
    padding: 22px 8px 0px 8px;
}

.facebookAll li a:hover {
    background-color: #27437c;
}

.facebookAll li:nth-child(1) a {
    padding: 30px 8px 0px 8px;
}
@media screen and (max-width: 1200px) {
.facebookAll {
    top: 306px;
    right: 120px;
}
.facebookAll li a {
    width: 82px;
    height: 82px;
    font-size: 85%;
    padding: 15px 8px 0px 8px;
	}
.facebookAll li:nth-child(1) a {
    padding: 25px 8px 0px 8px;
}
.otherWebsite li:nth-child(4) a {
    padding: 40px 0px 0px 0px;
}
	}

/*緊急通報*/

.urgent {
    display: block;
    box-sizing: border-box;
    margin: 30px 12px 0px 7px;
    background-color: #BF2E2E;
    padding: 8px 20px 4px 20px;
    border-radius: 6px;
    font-size: 110%;
    color: #FFF;
}

.urgent span {
    padding: 0px 30px 0px 30px;
}

@media screen and (max-width: 1000px) {
    .urgent {
        margin: 0px;
        padding: 8px 20px 8px 20px;
        border-radius: 0px;
    }
}

.urgent a {
    color: #FFF;
    text-decoration: none;
    font-size: 110%;
}

.urgent a:hover {
    color: #FF0;
}

.footerMenu li>a {
    width: 160px;
}


/*2017 0603 無障礙 */

.fotorama__dot {
    background-color: #cfc9bd !important;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    background-color: #45c0bf !important;
}

.fotorama__caption__wrap {
    display: none !important;
}

.slick-slide h2 {
    color: #FFF !important;
    font-size: 150%;
}

@media screen and (max-width: 480px) {
    .slick-slide img {
        border: 3px #bcc79d solid !important;
    }
}

.indexnewsAreaRight .slick-slide img:hover {
    border: 4px #FF3 solid !important;
}

.slick-slide img:hover {
    border: 4px #FF3 solid !important;
}

.fotorama__wrap {
    margin-left: 50% !important;
    left: -160px !important;
}


/*2017 0603 無障礙 end*/