@media only screen and (max-width:1024px) {
    .tf_ct {
        width: 100% !important;
    }

    .tarea_ct {
        width: 100% !important;
    }

    .list_ct {
        width: 100% !important;
    }
}

@media only screen and (max-width:768px) {
    body{font-family:Helvetica, Arial, sans-serif;font-size:16px;color:#333}
    #page {
        width: 748px;
    }
	.top-bar-wrapper span.righttext {
    position: relative;
    margin: auto;
    display: contents;
    text-align: center;
    float: none;
	width:100%;
	top:0;
	display:inline-block;
}
	.top-bar-wrapper span{display:none}
    #selectnav1{display:block; width:96%; margin:auto;}
    #menu-bar{display:none}
    #page .ptop .ptright .menu{height:35px; width:100%; margin-bottom:5px;}
    #page .ptop .ptleft a{text-align:center;}

        #page .ptop .ptleft {
            margin: auto;
            float: none;
        }

        #page .ptop .ptright {
            width: 748px;
        }

    .divbanner {
        display: none;
    }

    #page .ptop div:last-child {
        padding-left: 0 !important;
        text-align: center !important;
    }

    #page .pcenter .divcontent .contentsub {
        width: 230px;
    }

        #page .pcenter .divcontent .contentsub:first-child {
            width: 425px;
        }

        #page .pcenter .divcontent .contentsub:last-child {
            display: none;
        }

        #page .pcenter .divcontent .contentsub .ctmain .themes img {
            width: 230px;
        }

    h4 {
        font-size: .875em;
    }

    #page .pcenter .introduction {
        width: 708px;
    }

    #page .pcenter .divcontent1 {
        width: 718px;
    }

        #page .pcenter .divcontent1 .divctsub {
            width: 718px;
        }

            #page .pcenter .divcontent1 .divctsub .divsample {
                width: 718px;
            }

                #page .pcenter .divcontent1 .divctsub .divsample .sample1 {
                    width: 42%;
                }

                    #page .pcenter .divcontent1 .divctsub .divsample .sample1 img {
                        width: 287px;
                    }

    .tf_ct {
        width: 100% !important;
    }

    .tarea_ct {
        width: 100% !important;
    }

    .list_ct {
        width: 100% !important;
    }

    #div01010 {
        display: none;
    }
}

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


    #page {
        width: 461px;
    }

        #page .ptop .ptleft {
            margin: auto;
            float: none;
            width: 100% !important;
        }

            #page .ptop .ptleft a {
                display: block;
                margin: auto;
            }

                #page .ptop .ptleft a img {
                    max-width: 100%;
                }

        #page .ptop .ptright {
            width: 461px;
        }

    .divbanner {
        display: none;
    }

    #page .ptop div:last-child {
        padding-left: 0 !important;
        text-align: center !important;
    }

    #page .pcenter .divcontent .contentsub {
        width: 100%;
    }

        #page .pcenter .divcontent .contentsub .ctmain .themes img {
            width: 280px;
        }

    h4 {
        font-size: .875em;
    }

    #page .pcenter .introduction {
        width: 420px;
    }

    #page .pcenter .divcontent1 {
        width: 431px;
    }

        #page .pcenter .divcontent1 .divctsub {
            width: 420px;
        }

    .tb_intro tr td:nth-child(1) h3 {
        width: 50px;
        font-size: .813em !important;
    }

    .tb_intro tr td:nth-child(3) h3 {
        width: 50px;
        font-size: .813em !important;
    }

    .tb_intro tr td:nth-child(1) img {
        width: 30px;
        height: 30px;
    }

    .tb_intro tr td:nth-child(3) img {
        width: 30px;
        height: 30px;
    }

    .clasimage {
        width: 85px;
    }

    #page .pcenter .divcontent1 .divctsub .divsample {
        width: 420px;
    }

        #page .pcenter .divcontent1 .divctsub .divsample .sample1 {
            width: 100%;
            padding: 2px;
        }

            #page .pcenter .divcontent1 .divctsub .divsample .sample1 img {
                width: 400px;
            }

    .btphantrang {
        padding-left: 200px !important;
    }

    #page .pcenter .divcontent1 p img {
        width: 100%;
    }

    .tf_ct {
        width: 90% !important;
    }

    .tarea_ct {
        width: 90% !important;
    }

    .list_ct {
        width: 90% !important;
    }
    .divctsub iframe{max-width:100%; margin:auto;}
    .divctsub img{max-width:100%; margin:auto;}
    .classimagetable{width:100%; margin-bottom:10px;}
}

@media only screen and (max-width:414px) {
    .ptleft{text-align:center}
    #page .ptop .ptleft a {display:inline-block; text-align:center}
    #page .ptop .ptleft a img{height:35px;}
    #page {
        width: 355px;
    }

        #page .ptop .ptleft {
            margin: auto;
            float: none;
        }

        #page .ptop .ptright {
            width: 355px;
        }

    .divbanner {
        display: none;
    }

    #page .ptop div:last-child {
        padding-left: 0 !important;
        text-align: center !important;
    }

    #page .pcenter .divcontent .contentsub {
        width: 335px;
    }

        #page .pcenter .divcontent .contentsub:first-child {
            width: 335px;
        }

        #page .pcenter .divcontent .contentsub .ctmain .themes img {
            width: 335px;
        }

    h4 {
        font-size: .875em;
    }

    #page .pcenter .introduction {
        width: 345px;
        padding: 10px 5px;
    }

    #page .pcenter .divcontent1 {
        width: 325px;
    }

        #page .pcenter .divcontent1 .divctsub {
            width: 315px;
        }

            #page .pcenter .divcontent1 .divctsub .divsample {
                width: 315px;
            }

                #page .pcenter .divcontent1 .divctsub .divsample .sample1 {
                    width: 100%;
                    padding: 2px;
                }

                    #page .pcenter .divcontent1 .divctsub .divsample .sample1 img {
                        width: 300px;
                    }

    .tb_intro tr td {
        padding: 3px;
    }

        .tb_intro tr td:nth-child(1) {
            width: 45px;
            font-size: .688em !important;
            text-align: center;
            overflow: hidden;
        }

        .tb_intro tr td:nth-child(2) {
            width: 50px;
            font-size: .688em !important;
        }

        .tb_intro tr td:nth-child(3) {
            width: 45px;
            font-size: .688em !important;
            text-align: center;
            overflow: hidden;
        }

        .tb_intro tr td:nth-child(4) {
            width: 50px;
            font-size: .688em !important;
        }

        .tb_intro tr td:nth-child(1) h3 {
            width: 50px;
            font-size: .688em !important;
        }

        .tb_intro tr td:nth-child(3) h3 {
            width: 50px;
            font-size: .688em !important;
        }

        .tb_intro tr td:nth-child(1) img {
            width: 30px;
            height: 30px;
        }

        .tb_intro tr td:nth-child(3) img {
            width: 30px;
            height: 30px;
        }

    .tb_intro {
        width: 100% !important;
    }

    .clasimage {
        width: 45px;
    }

    .btphantrang {
        padding-left: 100px !important;
    }

    .tb_pack tr td {
        padding: 3px;
    }
}

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


    #page {
        width: 300px;
    }

        #page .ptop .ptleft {
            margin: auto;
            float: none;
        }

        #page .ptop .ptright {
            width: 300px;
        }

    .divbanner {
        display: none;
    }

    #page .ptop div:last-child {
        padding-left: 0 !important;
        text-align: center !important;
    }

    #page .pcenter .divcontent .contentsub {
        width: 280px;
    }

        #page .pcenter .divcontent .contentsub:first-child {
            width: 280px;
        }

        #page .pcenter .divcontent .contentsub .ctmain .themes img {
            width: 280px;
        }

    h4 {
        font-size: .875em;
    }

    #page .pcenter .introduction {
        width: 290px;
        padding: 10px 5px;
    }

    #page .pcenter .divcontent1 {
        width: 270px;
    }

        #page .pcenter .divcontent1 .divctsub {
            width: 260px;
        }

            #page .pcenter .divcontent1 .divctsub .divsample {
                width: 260px;
            }

                #page .pcenter .divcontent1 .divctsub .divsample .sample1 {
                    width: 100%;
                    padding: 2px;
                }

                    #page .pcenter .divcontent1 .divctsub .divsample .sample1 img {
                        width: 220px;
                    }

    .tb_intro tr td {
        padding: 3px;
    }

        .tb_intro tr td:nth-child(1) {
            width: 45px;
            font-size: .688em !important;
            text-align: center;
            overflow: hidden;
        }

        .tb_intro tr td:nth-child(2) {
            width: 170px !important;
            font-size: .688em !important;
            overflow: hidden;
        }

        .tb_intro tr td:nth-child(3) {
            width: 45px;
            font-size: .688em !important;
            text-align: center;
            overflow: hidden;
        }

        .tb_intro tr td:nth-child(4) {
            width: 50px;
            font-size: .688em !important;
        }

        .tb_intro tr td:nth-child(1) h3 {
            width: 50px;
            font-size: .688em !important;
        }

        .tb_intro tr td:nth-child(3) h3 {
            width: 50px;
            font-size: .688em !important;
        }

        .tb_intro tr td:nth-child(1) img {
            width: 30px;
            height: 30px;
        }

        .tb_intro tr td:nth-child(3) img {
            width: 30px;
            height: 30px;
        }

    .tb_intro {
        width: 100% !important;
    }

    .tb_pack tr td {
        padding: 3px;
        font-size: .625em;
    }
}

@media only screen and (max-width:480px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.87);
        -webkit-transform: scale(0.87);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    @media only screen and (max-width:375px) {
        #rc-imageselect, .g-recaptcha {
            transform: scale(0.71);
            -webkit-transform: scale(0.71);
            transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            overflow: hidden;
            display: block;
        }
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        select:focus, textarea:focus, input:focus {
            font-size: 16px;
            background: #eee;
        }
    }