﻿.inneriframe {
    padding: 0;
    margin: 0 auto;
    padding-top: 0px;
}

@media (min-width: 1200px) {
    .spaceWrap {
        width: 100%;
        height: 438px;
        min-height: 438px;
        padding: 0;
        overflow: hidden;
    }

    .viewPort {
        width: 430px;
        min-height: 438px;
        border: 0px solid black;
        margin: 0 auto;
        overflow: hidden;
    }

    .viewPort {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .spaceWrap {
        width: 100%;
        height: 350px;
        min-height: 424px;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .viewPort {
        width: 350px;
        min-height: 424px;
        border: 0px solid black;
        margin: 0 auto;
    }

    .viewPort {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .spaceWrap {
        width: 100%;
        height: 350px;
        min-height: 424px;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .viewPort {
        width: 350px;
        min-height: 4240px;
        border: 0px solid black;
        margin: 0 auto;
    }

    .viewPort {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
    }
}

@media (min-width: 415px) and (max-width: 767px) {
    .spaceWrap {
        width: 100%;
        height: 350px;
        min-height: 424px;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .viewPort {
        width: 350px;
        min-height: 424px;
        border: 0px solid black;
        margin: 0 auto;
    }

    .viewPort {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 414px) {
    .spaceWrap {
        width: 100%;
        height: 350px;
        min-height: 424px;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .viewPort {
        width: 350px;
        min-height: 424px;
        border: 0px solid black;
        margin: 0 auto;
    }

    .viewPort {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 375px) {
    .spaceWrap {
        width: 100%;
        height: 350px;
        min-height: 424px;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .viewPort {
        width: 350px;
        min-height: 424px;
        border: 0px solid black;
        margin: 0 auto;
    }

    .viewPort {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
    }
}

.spaceWrap {
    -webkit-overflow-scrolling: touch;
    /*overflow-y: scroll;*/
    overflow: auto;
    /*重要：尺寸或定位在這裡！*/
}

    .spaceWrap iframe {
        -webkit-overflow-scrolling: touch;
        /*overflow-y: scroll;*/
        overflow: auto;
        /*重要：尺寸或定位在這裡！*/
        /* nada！*/
    }