/* 頁首顏色(藍): #759BCD 頁尾顏色(灰): #848484*/

html {
    font-size: 90%;
}

@media (min-width: 768px) {
    html {
        font-size: 100%;
    }
}

html {
    position: absolute;
    min-height: 100%;
}

@media (min-width: 390px) {
    html {
        position: relative;
    }
}

body {
    margin-bottom: 80px;
    /*padding-top: 141.5px;*/
    padding-top: 111.5px;
    min-width: 387px; /* 最小寬度 */
    text-align: justify;
}

@media (max-width:1199px) {
    body {
        /* padding-top: 138.5px;*/
        padding-top: 112px;
    }
}

@media (max-width:899px) {
    body {
        /* padding-top: 129.5px;*/
        padding-top: 131px;
    }
}

@media (max-width:767px) { /*未*/
    body {
        padding-top: 90px;
    }
}

@media (max-width:450px) {
    body {
        padding-top: 60px;
        padding-right: 10px;
    }
}


/* 內容尺寸 */
.div-size {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}


@media (min-width: 576px) {
    .div-size {
        max-width: 540px;
    }
}

@media (min-width: 767px) {
    .div-size {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .div-size {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .div-size {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .div-size {
        max-width: 1320px;
    }
}

@media (min-width: 1600px) {
    .div-size {
        max-width: 1520px;
    }
}


@media (min-width: 1800px) {
    .div-size {
        max-width: 1720px;
    }
}

@media (min-width: 2000px) {
    .div-size {
        max-width: 1900px;
    }
}

@media (min-width: 2200px) {
    .div-size {
        max-width: 2000px;
    }
}

/* 頁尾 */
.footer-content {
    /* background-color: #CE7E7F; */
}

    .footer-content div {
        text-align: center;
        line-height: 20px;
        margin-top: 8px;
        margin-bottom: 8px;
        color: white;
        font-size: 95%;
    }

        .footer-content div a {
            color: white;
            font-size: 100%;
            margin-bottom: -5px;
        }

/* 選單 */
.menuItem {
    text-align: center;
}

    .menuItem button, .menuItem a {
        /*color: #fff;*/
        font-size: 17px;
        font-weight: 800;
    }

/* 選單尺寸 */
.menuItem-size {
    top: 60px;
}

    .menuItem-size > ul > li > button, .menuItem-size > ul > li > a {
        color: #fff;
    }
/*.menuItem-size > ul > li > div > div > button{*/
/*color: #767171;*/
/*font-size:22px;
    }*/
@media (min-width: 900px) {
    .menuItem-size {
        position: fixed;
        right: 20%;
    }
}
@media (min-width: 992px) {
    .menuItem-size {
        max-width: 860px;
    }

    .menuItem button {
        font-size: 23px;
}
}

/*@media (max-width: 972px) {
    .menuItem-size {
        right: 0px;
    }
}*/

@media (min-width: 1299px) {
    .menuItem-size {
        left: 500px;
    }
}

@media (min-width: 2055px) {
    .menuItem-size {
        left: 800px;
    }
}

@media (min-width: 1200px) {
    .menuItem-size {
        max-width: 960px;
    }

    .menuItem button, .menuItem a {
        font-size: 25px;
    }
}

.menuItem-size ul {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}

.menuItem-size li {
    display: inline; /* 橫列 */
    /*margin:0 35px;*/
    margin-right: 5px;
}

@media(min-width:1463px) {
    .menuItem-size li {
        margin: 0 40px;
    }
}

@media(min-width:1300px) {
    .menuItem-size li {
        margin: 0 20px;
    }
}

#menu-trigger {
    display: none;
    /*   float: right;*/
    width: 30px;
}

    #menu-trigger img {
        width: 30px;
        height: auto;
    }

    #menu-trigger div {
        text-align: left;
    }

    #menu-trigger div {
        text-align: left;
    }


/*.menuItem {
    flex: 1;
}
*/
/* 手機選單 */
.menuItem-phone {
    transform: translateX(100%); /*隱藏*/
    /* 布滿整個螢幕 */
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 60px;
}

#liParkingQueryRelated {
    /* background-color: #DFA9AA;*/
    padding-left: 50px;
    display: none;
    list-style-type: none;
}

@media(min-width:451px) {
    .menuItem-phone {
        top: 90px;
    }
}

@media(max-width:767px) {
    #menu-trigger {
        display: block; /*顯示 */

        position: relative; /*要設定這行 z-index 才有效果*/
        z-index: 999; /*讓在畫面最上面，其他都是預設值0 */
    }
    /*#menu-trigger div{
        display: none;
    }*/
    .menuItem-phone ul {
        position: relative; /* 要設定這行 top 才有效果*/
        /*top: 50%;*/ /*下推螢幕的一半*/
        /*transform: translate(0, -50%);*/ /*css3 左右不動 上下-50% ，位移自己本身的一半上去*/
    }

    .menuItem-phone li {
        display: block; /*直式 */
        line-height: 4; /* 行高 */
        /*font-size: 1.5rem;*/ /*字尺寸是原來的2倍的大小*/
        /*border-bottom:3px dashed #CE7E7F;*/
        position: relative;
        right: 29px;
        padding-left: 29px;
    }

    .menuItem-phone button, .menuItem-phone a {
        font-size: 150%;
        color: #686868;
        font-weight: bold;
    }
}
/* @media(max-width:767px) {
    .header-div {
        position: fixed;
        width:100%;
        background-color: #fff;
    }


    .menuItem-size {
        transform: translateX(100%);  隱藏 
         布滿整個螢幕 
        position: fixed;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

         .menuItem-size ul {
            position: relative;  要設定這行 top 才有效果
            top: 50%;  下推螢幕的一半
            transform: translate(0, -50%);  css3 左右不動 上下-50% ，位移自己本身的一半上去
        }

        .menuItem-size li {
            display: block;  直式 
            line-height: 2;  行高 
            font-size: 1.5rem;  字尺寸是原來的2倍的大小 
        }

        .menuItem-size a {
            color: #fff;
            text-decoration: none;
        }

        .menuItem-size div {
            border-bottom: 2px dashed #fff;
            margin-left: -25px;
        }
    .menuItem button {
        color: black;
    }
}

    
*/

.red-btn {
    background-color: #CE7E7F;
    color: white;
}

.blue-btn {
    background-color: #7DB2D1;
    color: white;
}



/* 節慶 */
.normal-bg {
    background-image: url(../image/Home/Background.jpg);
    background-color: #CEDCEE;/*#E3F0D8; (淺綠)*/
}

.normal li {
    border-bottom: 3px dashed #759BCD;
}

.normal a {
    background-color: #759BCD;
}
/* 頁尾 */
.normal-color {
    background-color: #759BCD;
}
.normal-footer-color {
    background-color: #848484;
}

.normal-word-color {
    color: #fff; /*#7DB2D1*/
}

    .normal-word-color a {
        color: #fff;
    }

/* CurrentMenuItem */
.normal-current-menu-item {
    background-color: #8B3537;
    color: #fff;
}

    .normal-current-menu-item > button {
        color: #fff;
    }
/* 春節 */
.new-year li {
    border-bottom: 3px dashed #F76568;
}

.new-year a {
    background-color: #D2503B;
}

.new-year-bg {
    background-image: url(../image/Home/new-year-Background.png);
    background-color: #EFCAB7;
}

.new-year-color {
    background-color: #D2503B;
}

.new-year-word-color {
    color: #D2503B;
}

    .new-year-word-color a {
        color: #D2503B;
    }
/* CurrentMenuItem */
.new-year-current-menu-item {
    background-color: #8B3537;
    color: #fff;
}

    .new-year-current-menu-item > button {
        color: #fff;
    }
/* 端午節 */
.dragon-boat li {
    border-bottom: 3px dashed #297992;
}

.dragon-boat a {
    background-color: #297992;
}

.dragon-boat-bg {
    background-image: url(../image/Home/Background.jpg);
    background-color: #CEDCEE; /*#E3F0D8; (淺綠)*/
}

.dragon-boat-color {
    background-color: #297992;
}

.dragon-boat-word-color {
    color: #297992;
}

    .dragon-boat-word-color a {
        color: #297992;
    }

/* CurrentMenuItem */
.dragon-boat-current-menu-item {
    background-color: #1F4964;
    color: #fff;
}

    .dragon-boat-current-menu-item > button {
        color: #fff;
    }
/* 中秋節 */
.mid-autumn li {
    border-bottom: 3px dashed #ECB465;
}

.mid-autumn a {
    background-color: #ECB465;
}

.mid-autumn-bg {
    background-image: url(../image/Home/Background.jpg);
    background-color: #CEDCEE; /*#E3F0D8; (淺綠)*/
}

.mid-autumn-color {
    background-color: #ECB465;
}

.mid-autumn-word-color {
    color: #ECB465;
}

    .mid-autumn-word-color a {
        color: #ECB465;
    }

/* CurrentMenuItem */
.mid-autumn-current-menu-item {
    background-color: #C98219;
    color: #fff;
}

    .mid-autumn-current-menu-item > button {
        color: #fff;
    }