.pc2 {

    display: inline;

}

.phone2 {
    display: none;
}

.pc3 {
    position:absolute;
    bottom:20px;
}
.pc4 {
    text-align: left;
}
.pc5 {
    text-align: right;
}

.tainannewbox1 {
    width: 45%;
    float: left;
}

.tainannewbox2 {
    width: 55%;
    float: left;
    text-align: right;
}





.hold1 {
    width: 90px;
    float: left;
}


.hold2 {
    width: calc(100% - 90px);
    float: left;
}

.addpt-15 {
    margin-top: 15px;
}



.button_6 {
    border: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 20px;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #034a7b;
    padding-right: 30px;
    padding-left: 30px;
    font-weight: bold;
    width: 100px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}





.tainan-20 {
    width: 18%;
    float: left;
    /* margin-right: 2%; */
    margin-right: 0%;
    margin-bottom: 15px;
}

.tainan-80 {
    width: 80%;
    float: left;

}

.contentbox01:first-child { border-top: 1px solid #ccd0d3;}
.contentbox01 {
    width: 100%;
    border-bottom: 1px solid #ccd0d3;
    overflow: hidden;
    margin-bottom: 10px;
}

.contentbox01-1 {
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    width: 98%;
    overflow: hidden;
}

.contentbox01-2 {
    width: 18%;
    margin-right: 2%;
    float: left;
}

.contentbox01-2 img {
    width: 100%;
    height: auto;
}

.contentbox01-3 {
    width: 80%;
    float: left;
}

.contentbox01-4 {
    width: 100%;
    float: left;
}

.contentbox01-5 {
    width: 70%;
    float: left;
}

.contentbox01-6 {
    width: 30%;
    float: left;
}

.addtwd01 {
    font-size: 16px;
}

.addtwd01-1 {
    color: #0283df !important;
}

.addtwd01-1 a:visited {
    text-decoration: none;
    color: #0283df !important;
}

.addtwd01-1 a:visited {
    text-decoration: none;
    color: #0283df !important;
}

.addtwd01-1 a:visited {
    text-decoration: none;
    color: #0283df !important;
}

.addtwd01-1 a:visited {
    text-decoration: none;
    color: #0283df !important;
}




.menu-side {
    width: 100%;
    border-radius: calc(10px) calc(10px) 0 0;
    border: 1px solid #ccd0d3;
    /*overflow:hidden;*/

}

.menu-side .side-title .textbox {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 10px;
}



.broder01 {
    border: 1px solid #ccd0d3;
    padding-left: 10px;
    width: 100%;
    height: 35px;
    float: left;
    margin-bottom: 5px;
}

.broder02 {
    border: 1px solid #ccd0d3;
    padding-left: 10px;
    width: 45%;
    height: 35px;
    float: left;
    margin-bottom: 5px;
    margin-right: 5%;
}

.broder02-1 {
    border: 1px solid #ccd0d3;
    padding-left: 10px;
    width: 45%;
    height: 35px;
    float: left;
    margin-bottom: 5px;
    margin-right: 2%;
}


.broder02-2 {

    width: 8%;
    height: 35px;
    float: left;
}

.broder02-3 {
    border: 1px solid #ccd0d3;
    padding-left: 10px;
    width: 55%;
    height: 35px;
    float: left;
    margin-bottom: 5px;
    margin-right: 5%;
}

.broder03 {
    border: 1px solid #ccd0d3;
    padding-left: 10px;
    width: 50%;
    height: 35px;
    float: left;
    margin-bottom: 5px;
}

.broder03-1 {
    border: 1px solid #ccd0d3;
    padding-left: 10px;
    width: 40%;
    height: 35px;
    float: left;
    margin-bottom: 5px;
}

.broder04 {
    border: 1px solid #ccd0d3;
    padding-left: 10px;
    width: 45%;
    height: 35px;
    float: left;
    margin-bottom: 5px;
}



.side-title {
    width: 100%;
    border-radius: calc(10px) calc(10px) 0 0;
    font-size: 20px;
    color: #FFFFFF;
    background-color: #0283df;
    text-align: center;
    /*line-height: 38px;*/
}

.side-title2 {
    width: 100%;
    font-size: 18px;
    color: #333333;
    background-color: #8ccbf7;
    text-align: center;
    line-height: 30px;
    margin-bottom: 5px;
    display: block
}

.t-title01 {
    font-size: 22px;
    color: #bb5b49;
    line-height: 38px;
    font-weight: bold;
}

.hotelblock1_wd3 a:visited {
    text-decoration: none;
    color: #bb5b49 !important;
}

.hotelblock1_wd3 a:visited {
    text-decoration: none;
    color: #bb5b49 !important;
}

.hotelblock1_wd3 a:visited {
    text-decoration: none;
    color: #bb5b49 !important;
}

.hotelblock1_wd3 a:visited {
    text-decoration: none;
    color: #bb5b49 !important;
}


.t-title02 {
    font-size: 14px;
    color: #333;
    line-height: 38px;
}

.t-title03 {
    font-size: 15px;
    color: #3998c6;
    line-height: 25px;
}

.t-title03 a:visited {
    text-decoration: none;
    color: #3998c6 !important;
}

.t-title03 a:visited {
    text-decoration: none;
    color: #3998c6 !important;
}

.t-title03 a:visited {
    text-decoration: none;
    color: #3998c6 !important;
}

.t-title03 a:visited {
    text-decoration: none;
    color: #3998c6 !important;
}

.roomstylebox {
    float: left;
    width: 120px;
}



.t-title04 {
    font-size: 15px;
    color: #333;
    line-height: 25px;
}

.t-title05 {
    font-size: 15px;
    color: #d50000;
    line-height: 25px;
}

.t-title06 {
    font-size: 18px;
    color: #0283df;
    line-height: 30px;
}

.t-title07 {
    font-size: 16px;
    color: #69ab41;
    /*line-height: 30px;*/
    padding-right: 10px;
}

.t-title08 {
    font-size: 16px;
    color: #333;
    line-height: 30px;
}

.t-title09 {
    font-size: 16px;
    color: #a52b31;
    line-height: 30px;
}

.t-title10 {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    padding-left: 10px;
    background-color: #c30000;
    padding-right: 10px;
    border-radius: 10px;
    cursor: pointer;
    margin-left: 10px;
}

.t-title10-1 {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    padding-left: 10px;
    background-color: #69ac3c;
    padding-right: 10px;
    border-radius: 10px;
    cursor: pointer;
    margin-left: 10px;
}

.t-title10-2 {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    padding-left: 10px;
    background-color: #69ac3c;
    padding-right: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.t-title11 {
    font-size: 15px;
    color: #333;
    line-height: 25px;
    background-image: url(../images/icon04.jpg);
    background-repeat: no-repeat;
    padding-left: 18px;
}

.t-title12 {
    font-size: 16px;
    color: #3998c6;
    line-height: 25px;
    padding-right: 5px;
    padding-left: 5px;
}

.t-title12 a:visited {
    text-decoration: none;
    color: #3998c6 !important;
}

.t-title12 a:visited {
    text-decoration: none;
    color: #3998c6 !important;
}

.t-title12 a:visited {
    text-decoration: none;
    color: #3998c6 !important;
}

.t-title12 a:visited {
    text-decoration: none;
    color: #3998c6 !important;
}

.t-title13 {
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    padding-right: 5px;
    padding-left: 5px;
}

.side-contant {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    overflow: hidden;
}




@media screen and (max-width : 1450px) {}

/*ipad 7代以下呎吋*/
@media screen and (max-width : 810px) {
    .phone2 {
        display: inline;
    }

    .mobileBtn {
        display: block;
    }

    .menu-side .side-title {
        line-height: 2.5;
    }

    .menu-side .side-title .textbox {
        text-align: none;
    }

    .pc3 {
        position:static;
        bottom:0px;
    }
    .pc4 {
        text-align: center;
    }
    .pc5 {
        text-align: center;
    }
}


@media screen and (max-width : 810px) {

    .tainan-20 {
        width: 100%;
        float: left;
        margin-right: 0%;
    }

    .tainan-80 {
        width: 100%;
        float: left;

    }

    .side-title {
        width: 100%;
        border-radius: calc(10px) calc(10px) 0 0;
        font-size: 18px;
        color: #FFFFFF;
        background-color: #0283df;
        text-align: center;
        line-height: 30px;
    }

    .side-title2 {
        width: 100%;
        font-size: 18px;
        color: #FFFFFF;
        background-color: #0283df;
        text-align: center;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .broder01 {
        border: 1px solid #ccd0d3;
        padding-left: 10px;
        width: 100%;
        height: 30px;
        float: left;
        margin-bottom: 3px;
    }

    .broder02 {
        border: 1px solid #ccd0d3;
        padding-left: 10px;
        width: 45%;
        height: 30px;
        float: left;
        margin-bottom: 3px;
        margin-right: 5%;
    }

    .broder02-1 {
        border: 1px solid #ccd0d3;
        padding-left: 10px;
        width: 45%;
        height: 30px;
        float: left;
        margin-bottom: 3px;
        margin-right: 2%;
    }


    .broder02-2 {

        width: 8%;
        height: 30px;
        float: left;
    }

    .broder03 {
        border: 1px solid #ccd0d3;
        padding-left: 10px;
        width: 50%;
        height: 30px;
        float: left;
        margin-bottom: 3px;
    }

    .broder04 {
        border: 1px solid #ccd0d3;
        padding-left: 10px;
        width: 45%;
        height: 30px;
        float: left;
        margin-bottom: 3px;
    }

    .contentbox01-1 {
        margin-top: 10px;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;
        width: 90%;
        overflow: hidden;
    }

    .contentbox01-2 {
        width: 100%;
        margin-right: 0%;
        float: left;
    }


    .contentbox01-2 img {
        width: 100%;
        height: auto;
    }

    .contentbox01-3 {
        width: 100%;
        float: left;
    }

    .contentbox01-4 {
        width: 100%;
        float: left;
    }

    .contentbox01-5 {
        width: 100%;
        float: left;
    }

    .contentbox01-6 {
        width: 100%;
        float: left;
    }


    .t-title02 {
        font-size: 14px;
        color: #333;
        line-height: 30px;
        display: block;
    }

    .menu-side .side-title {
        text-align: center;
    }

    .menu-side .side-title .textbox {
        margin-left: 0px;
        float: none;
    }
}

@media screen and (max-width : 1250px) {
    .pc2 {
        display: none;

    }

    .phone2 {
        display: inline;
    }
}



@media screen and (max-width : 330px) {

    .addtwd01 {
        font-size: 14px;
    }

    .priceBox .content,
    .leftBoxLanguage .content,
    .leftBoxArea .content,
    .leftBoxStay .content,
    .leftBoxroomType .content,
    .leftBoxFacility .content,
    .leftBoxActivity .content,
    .leftBoxService .content,
    .leftBoxStar .content,
    .leftBoxAssess .content {
        width: 95vw;
        height: 95vh;
    }

}