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


/*----------選單調整-----------*/


/*(原cnt.css:479~782行，需移除或註解)*/


/*選單調整*/


/*nav框架設定*/

nav {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 60px;
    z-index: 40;
}


/*主選單設定*/

.mainMenu {
    font-size: 0;
}

.mainMenu a {
    text-decoration: none;
}

.mainMenu .Level1 {
    /*     position: relative; */
    display: inline-block;
    box-sizing: border-box;
    border-right: 1px solid #3f8681;
    font-size: 16px;
}

.mainMenu .Level1:hover,
.mainMenu .Level1:focus {
    background-color: #FFF;
}

.mainMenu .Level1:hover>a,
.mainMenu .Level1:focus>a {
    color: #188d8c;
}

.mainMenu .Level1>a {
    height: 60px;
    line-height: 60px;
    color: #FFF;
    font-size: 110%;
    padding: 10px 20px;
}


/* .mainMenu .Level1>a:hover,
.mainMenu .Level1>a:focus {
    background: url(../../../resources/images/dot.svg) left center no-repeat;
    background-size: 20%;
    background-position: 10px 5px;
} */

.mainMenu .Level1:last-child {
    border-right: 0px solid #a0592f;
}


/*主選單設定end*/


/*次選單_訊息專區_設定*/

.subMenu1 {
    display: none;
    width: 1000px;
    padding: 10px;
    position: absolute;
    top: 60px;
    left: 0;
    background-color: #FFF;
}


/*次選單_訊息專區_設定end*/


/*次選單_行前規劃_設定*/

.subMenu2 {
    display: none;
    width: 1000px;
    padding: 10px;
    position: absolute;
    top: 60px;
    left: -175px;
    background-color: #FFF;
}

.subMenu2 img {
    display: block;
    margin-bottom: 10px;
}

.Level2 {
    display: inline-block;
    vertical-align: top;
    width: 215px;
    margin: 10px 13px 20px 13px;
}

.Level2 img {
    width: 215px;
}

.Level2>a {
    font-size: 120%;
    color: #188d8c;
}

.Level2>a:hover {
    color: #F90;
}

.Level3 a {
    margin: 5px 0;
    font-size: 95%;
}

.subMenu2_1 a {
    color: #000;
}

.subMenu2_1 a:hover {
    color: #F90;
}

.subMenu2_1 {
    border-left: 1px solid #3f8681;
    margin-top: 5px;
    margin-left: 10px;
    padding-left: 10px;
    max-height: 7em;
}


/* 
/*次選單_行前規劃_設定end*/


/*次選單_探索台灣_設定*/

.subMenu3 {
    display: none;
    width: 1000px;
    padding: 10px;
    position: absolute;
    top: 60px;
    left: -341px;
    background-color: #FFF;
}


/*次選單_探索台灣_設定end*/


/*次選單_旅遊台灣_設定*/

.subMenu4 {
    display: none;
    width: 1000px;
    padding: 10px;
    position: absolute;
    top: 60px;
    right: -325px;
    background-color: #FFF;
}


/*次選單_旅遊台灣_設定end*/


/*次選單_主題推薦_設定*/

.subMenu5 {
    display: none;
    width: 1000px;
    padding: 10px;
    position: absolute;
    top: 60px;
    right: -180px;
    background-color: #FFF;
}


/*次選單_主題推薦_設定end*/


/*次選單_影音互動_設定*/

.subMenu6 {
    display: none;
    width: 1000px;
    padding: 10px;
    position: absolute;
    top: 60px;
    right: 0;
    background-color: #FFF;
}


/*統一次選單位置位置*/

ul[class^="subMenu"] {
    left: calc( 50% - 500px);
    right: 0;
}


/*次選單_影音互動_設定end*/

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


/*----------選單調整 End-----------*/


/*----------景點漫遊頁面-----------*/

#section8 {
    /*藍色背景(景點漫遊)*/
    background-color: #4CB7C9;
    color: #ffffff;
}

#section9 {
    /*藍色背景(景點漫遊)*/
    background-color: #68C7D8;
    color: #ffffff;
}

#section9 .content h1 {
    color: #FFF;
}

.attractionSearch {
    font-size: 120%;
}

.attractionSearch p {
    margin: .5em 0;
}

.attractionSearch label {
    cursor: pointer;
    font-size: 90%;
    display: inline-block;
    padding: 0 15px;
    margin: 5px 5px;
    border: 1px solid #FFF;
}

.attractionSearch input[type=radio] {
    opacity: 0;
    width: 0;
}

.attractionSearch input[type=radio]:focus+label {
    outline: 2px solid #4C9CEF
}

.attractionSearch input[type=radio]:checked+label {
    color: #4DB7CA;
    background-color: #FFF;
}

.attractionSearch input[type=radio]:checked+label:before {
    content: '';
    background-image: url(../../../resources/images/icon-checked.svg);
    background-position: center;
    background-size: cover;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.attractionSearch select,
.attractionSearch input {
    font-size: 90%;
    vertical-align: middle;
    padding: 6px;
    margin: 0px;
}

.attractionSearch .search__btn {
    display: inline-block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    background-color: #fff;
    background-image: url(../../../resources/images/icon-search_blue.svg);
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

.attractionMain__left {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    min-height: 200px;
    background-image: url(../../../resources/images/attraction.png);
    background-repeat: no-repeat;
    background-position: center;
}

.attractionMain__right {
    display: inline-block;
    width: 76%;
}


/*針對添加label的標題*/

.attractionSearch label[for=rblArea],
.attractionSearch label[for=rblThemeCategory],
.attractionSearch label[for=txtQuery] {
    cursor: pointer;
    text-align: left;
    padding: 0;
    margin: 0;
    border: none;
}

@media screen and (max-width:1000px) {
    .attractionMain__left,
    .attractionMain__right,
    .attractionSearch .form__row {
        display: block;
        width: 100%;
    }
    .attractionSearch label {
        width: calc(33.3% - 2px * 3);
        padding: 0;
        text-align: center;
    }
    .attractionSearch select,
    .attractionSearch input {
        margin: 5px 0;
        width: 100%;
    }
    .attractionSearch .search__btn {
        display: block;
        margin: 10px auto;
    }
}

@media screen and (max-width:500px) {
    .attractionSearch label {
        width: calc(48% - 2px * 3);
    }
}


/*----------景點漫遊頁面End-----------*/


/*----------穆斯林友善環境-----------*/

#section10 {
    background-color: #addbf4;
    color: #000000;
}

.muslimMain {
    margin-bottom: 20px;
}

.muslimMain .h1Center,
.muslimMain .form span {
    color: #2A6E94;
}

.muslimMain .form {
    text-align: center;
}

.muslimMain select,
.muslimMain input[type=text] {
    padding: 3px;
    width: 100px;
    border-radius: 6px;
    margin: 3px 8px 3px 0px;
    border: 1px #CCCCCC solid;
}

.muslimMain input[type=image] {
    display: inline-block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
}

.muslimData {
    background-color: #FFF;
    border-radius: 15px;
    padding: 10px 20px;
}

.muslimDataTable {
    width: 100%;
    text-align: left;
}

.muslimDataTable th {
    padding: 10px 0;
    vertical-align: middle;
}

.muslimDataTable td {
    padding: 15px 5px;
}

.muslimDataTable thead {
    color: #146192;
    border-bottom: 1px solid #B1CBD9;
}

.muslimDataTable tbody {
    border-bottom: 1px solid #DDD;
}

.muslimDataTable .moreInfo_toggle {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 30px;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    cursor: pointer;
    color: #709FB8;
    border: 1px solid #709FB8;
}

.muslimDataTable .moreInfo {
    margin: -15px 0 0 0;
    padding: 15px 10px;
    background-color: #E0F1FB;
}

.myes,
.mno {
    padding: 2px 10px 2px 10px;
    margin: 2px 5px 2px 0px;
    background-color: #FA7517;
    color: #FFF;
    border-radius: 4px;
    font-size: 80%;
}

.mno {
    background-color: #C8C8C8;
}

@media screen and (max-width: 960px) {
    .muslimDataTable thead,
    .muslimDataTable .moreInfo .m-hide,
    .muslimDataTable .moreInfo_toggle {
        display: none;
    }
    .muslimDataTable .moreInfo {
        margin: 0 0 15px 0;
    }
    .muslimDataTable td {
        display: block;
        padding: 0;
        line-height: 2em;
    }
    .muslimDataTable td:before {
        content: attr(data-th);
    }
    .muslimDataTable .name {
        color: #146192;
        font-size: 130%;
    }
}

@media screen and (max-width: 768px) {
    .rwd-table th {
        display: none;
    }
    .rwd-table td {
        display: block;
        text-align: left;
    }
    .rwd-table td:before {
        content: attr(data-th);
        margin-right: 1em;
    }
    .rwd-table td:first-child {
        background-color: #263883;
        color: #fff;
    }
    .rwd-table td:first-child:before {
        margin-right: 0;
    }
    .rwd-table td:nth-child(2):before {
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .muslimMain select,
    .muslimMain input[type=text] {
        width: 100%;
        margin: 5px 0px 8px 0px;
    }
    .muslimMain .form {
        text-align: left;
    }
}


/*----------穆斯林友善環境End-----------*/

/*---------採果專區-----------*/

.cropMain {
    margin-bottom: 20px;
}

.cropMain .h1Center,
.cropMain .form span {
    color: #FFF;
}

.cropMain .form {
    text-align: center;
}

.cropMain select,
.cropMain input[type=text] {
    padding: 3px;
    width: 100px;
    border-radius: 6px;
    margin: 3px 8px 3px 0px;
    border: 1px #CCCCCC solid;
}

.cropMain input[type=image] {
    display: inline-block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
}

.cropData {
    background-color: #FFF;
    border-radius: 15px;
    padding: 10px 20px;
}

.cropDataTable {
    width: 100%;
    color: #000;
    text-align: left;
}

.cropDataTable th {
    padding: 10px 0;
    vertical-align: middle;
}

.cropDataTable td {
    padding: 15px 5px;
}

.cropDataTable thead {
    color: #728A3D;
    border-bottom: 1px solid #DDDDDD;
}

.cropDataTable tbody {
    border-bottom: 1px solid #DDD;
}

.cropDataTable .moreInfo_toggle {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 30px;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    cursor: pointer;
    color: #E4713B;
    border: 1px solid #E4713B;
}

.cropDataTable .moreInfo {
    margin: -15px 0 0 0;
    padding: 15px 10px;
    background-color: #F2F6E8;
     overflow: auto;;
}
.cropDataTable .moreInfo .text-title{
    color: #96AA60;
}

@media screen and (max-width: 960px) {
    .cropDataTable thead,
    .cropDataTable .moreInfo .m-hide,
    .cropDataTable .moreInfo_toggle {
        display: none;
    }

    .cropDataTable .moreInfo {
        margin: 0 0 15px 0;
    }
    .cropDataTable td {
        display: block;
        padding: 0;
        line-height: 2em;
    }
    .cropDataTable td:before {
        content: attr(data-th);
    }
    .cropDataTable .name {
        color: #146192;
        font-size: 130%;
    }
}


@media screen and (max-width: 480px) {
    .cropMain select,
    .cropMain input[type=text] {
        width: 100%;
        margin: 5px 0px 8px 0px;
    }
    .cropMain .form {
        text-align: left;
    }
}

a.addr{
    border: 1px solid #E4713B;
    color: #000;
}
a.addr:after{
    content: '';
    display: inline-block;
    vertical-align: sub;
    margin-left: 5px;
    background-size: cover;
    background-image: url(../../../resources/images/icon-mappoint.svg);
    width: 20px;
    height: 20px;
}
a.addr:hover{
    color: #000;
}

.moreInfo_pic {
    float: left;
    width: 330px;
    margin-right: 20px;
}

.moreInfo_pic img {
    width: 100%;
}
@media screen and (max-width: 960px) {
    .moreInfo_pic {
    float: none;
    width: 100%;

}
}

/*---------採果專區End-----------*/