.content-1 {
    width: 100%;
    height: auto;
    background: #fff;
    float:left;
}

    .content-1 .intro {
        width: 100%;
        height: 45px;
        background: url(../images/bg-intro.jpg) repeat-x top center;
        box-sizing: border-box;
        position: relative;
        z-index: 2;
    }

        .content-1 .intro .step-wrapper {
            max-width: 1580px;
            margin: 0 auto;
            background: none;
            padding: 5px 15px;
        }

            .content-1 .intro .step-wrapper img {
                float: right;
                width: 7%;
            }

            .content-1 .intro .step-wrapper .step {
                float: left;
            }

                .content-1 .intro .step-wrapper .step span.step1,
                .content-1 .intro .step-wrapper .step span.step2,
                .content-1 .intro .step-wrapper .step span.step3 {
                    font-family: 'kanitlight', 'zawgyi-one';
                    font-size: 20px;
                    line-height: 35px;
                    color: #11a051;
                    float: left;
                    display: none;
                }

                .content-1 .intro .step-wrapper .step .show {
                    display: block;
                }

                .content-1 .intro .step-wrapper .step .hide {
                    display: none;
                }

                .content-1 .intro .step-wrapper .step ul {
                    float: left;
                    margin: 10px;
                }

                    .content-1 .intro .step-wrapper .step ul li {
                        float: left;
                    }

                        .content-1 .intro .step-wrapper .step ul li a.step-bullet1 span,
                        .content-1 .intro .step-wrapper .step ul li a.step-bullet2 span,
                        .content-1 .intro .step-wrapper .step ul li a.step-bullet3 span {
                            background: url(../images/step-bullet.png) no-repeat top left;
                            display: block;
                            width: 14px;
                            height: 14px;
                            text-indent: -99999px;
                            margin: 0 2px;
                        }

                        .content-1 .intro .step-wrapper .step ul li a.active span {
                            background: url(../images/step-bullet-active.png) no-repeat top left;
                        }

            .content-1 .intro .step-wrapper ul.logo-card {
                margin: -2px 0 0 0;
                float: right;
                width: auto;
            }

                .content-1 .intro .step-wrapper ul.logo-card li {
                    float: left;
                }

                    .content-1 .intro .step-wrapper ul.logo-card li img {
                        width: auto;
                        height: 40px;
                        margin: 0 0 0 10px;
                    }

    .content-1 .main-search {
        width: 100%;
        background: url(../images/bg-main-search.jpg) repeat-x top center;
        box-sizing: border-box;
        position: relative;
        top: 0;
        transition: top 0.5s linear;
        -moz-transition: top 0.5s linear;
        -webkit-transition: top 0.5s linear;
        -o-transition: top 0.5s linear;
    }

    .content-1 .animate-3 {
        position: relative;
        top: -195px;
    }

    .content-1 .main-search .container {
        max-width: 1150px;
        margin: 0 auto;
        background: none;
        padding: 15px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .content-1 .main-search .container .search {
            width: 100%;
            box-sizing: border-box;
        }

            .content-1 .main-search .container .search p {
                float: left;
                color: #FFF;
                font-size: 36px;
                font-family: 'db_helvethaica_x_regular';
            }

                .content-1 .main-search .container .search p span {
                    font-family: 'db_helvethaica_x_regular';
                }

            .content-1 .main-search .container .search .search-form {
                width: 100%;
                float: left;
                margin: 0 0 10px 0;
            }

                .content-1 .main-search .container .search .search-form a {
                    width: 100%;
                    display: block;
                    background: url(../images/search-bg.png) no-repeat right 21px;
                    border-bottom: 1px solid #fff;
                    font-family: 'kanitlight', 'zawgyi-one';
                    font-size: 50px;
                    line-height: 75px;
                    color: #FFFFFF;
                    text-align: left;
                    text-decoration: none;
                    padding: 15px 0 0 0;
                    margin: -10px 0 0 0;
                }

                    .content-1 .main-search .container .search .search-form a:hover {
                        background: url(../images/search-bg-over.png) no-repeat right 21px;
                        color: #0acc3d;
                        border-bottom: 1px solid #0acc3d;
                    }

                .content-1 .main-search .container .search .search-form .search-box {
                    width: 93%;
                    display: block;
                    border: none;
                    border-bottom: 1px solid #fff;
                    font-family: 'kanitlight', 'zawgyi-one';
                    font-size: 50px;
                    line-height: 75px;
                    background: none;
                    color: #FFFFFF;
                    text-align: left;
                    text-decoration: none;
                    padding: 0 0 0 20px;
                    margin: 0 0 15px 0;
                    float: right;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    height: 76px;
                }

                .content-1 .main-search .container .search .search-form .search-icon {
                    width: 7%;
                    height: 60px;
                    float: left;
                    display: block;
                    border: none;
                    border-bottom: 1px solid #fff;
                    margin: 16px 0 0 0;
                    background: url(../images/search-bg.png) no-repeat 2px -5px;
                }

                .content-1 .main-search .container .search .search-form .search-content {
                    width: 55%;
                    border: 1px solid #13a156;
                    background: #ffffff;
                    padding: 20px;
                    position: absolute;
                    top: 91px;
                    z-index: 200;
                    right: 375px;
                }

                    .content-1 .main-search .container .search .search-form .search-content ul li {
                        font-family: 'kanitlight', 'zawgyi-one';
                        font-size: 20px;
                        line-height: 35px;
                        background: none;
                        color: #13a156;
                        margin: 5px 0;
                    }

                        .content-1 .main-search .container .search .search-form .search-content ul li:hover {
                            background: #ECEAEA;
                            cursor: pointer;
                        }

.search-box::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.search-box:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    opacity: 1;
}

.search-box::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    opacity: 1;
}

.search-box:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.content-1 .main-search .container .menu-category {
    width: 100%;
    float: left;
}

    .content-1 .main-search .container .menu-category .all-cate {
        display: none;
    }

    .content-1 .main-search .container .menu-category .bill-cate {
        width: 100%;
    }

        .content-1 .main-search .container .menu-category .bill-cate a {
            display: none;
        }

            .content-1 .main-search .container .menu-category .bill-cate a:hover {
            }

    .content-1 .main-search .container .menu-category h3 {
        width: 100%;
        float: left;
        box-sizing: border-box;
        display: block;
    }

    .content-1 .main-search .container .menu-category .bx-wrapper .bx-viewport {
        background: none;
    }

    .content-1 .main-search .container .menu-category .bx-wrapper a.bx-prev {
        left: -34px;
        top: 18px;
        background: url(../images/cat-prev-over.png) no-repeat left;
        opacity: 0.7;
    }

        .content-1 .main-search .container .menu-category .bx-wrapper a.bx-prev:hover {
            opacity: 1;
        }

    .content-1 .main-search .container .menu-category .bx-wrapper a.bx-next {
        right: -40px;
        top: 18px;
        background: url(../images/cat-next-over.png) no-repeat left;
        opacity: 0.7;
    }

        .content-1 .main-search .container .menu-category .bx-wrapper a.bx-next:hover {
            opacity: 1;
        }

    .content-1 .main-search .container .menu-category h3 a {
        width: 100%;
        font-family: 'kanitlight', 'zawgyi-one';
        font-size: 18px;
        line-height: 35px;
        color: #ffffff;
        display: block;
        padding: 5px 20px;
        text-decoration: none;
        border: 1px solid #ffffff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
    }

        .content-1 .main-search .container .menu-category h3 a:hover {
            border: 1px solid #252525;
            color: #252525;
        }

.content-1 .main-product {
    width: 100%;
    background: url(../images/bg-product.jpg) no-repeat center -1px #fff;
    box-sizing: border-box;
}

    .content-1 .main-product .container {
        max-width: 1150px;
        margin: 0 auto;
        background: none;
    }

        .content-1 .main-product .container .product {
            width: 100%;
            float: left;
            position: relative;
            padding: 25px 0 0 0;
        }

            .content-1 .main-product .container .product .panel1 {
                width: 100%;
                height: 250px;
                display: block;
                text-align: center;
                z-index: 4;
                position: relative;
            }

            .content-1 .main-product .container .product .panel2 {
                width: 100%;
                height: 250px;
                right: -1150px;
                position: absolute;
                top: 0;
                z-index: 3;
            }

            .content-1 .main-product .container .product .panel3 {
                width: 100%;
                height: 250px;
                right: -1150px;
                position: absolute;
                top: 0;
            }
             .content-1 .main-product .container .product .panel4 {
                width: 100%;
                height: auto;
                background: none;
            }
             
            .content-1 .main-product .container .product .animate {
                position: relative;
                right: 0;
                top: 0;
                transition: all 0.5s linear;
                -moz-transition: all 0.5s linear;
                -webkit-transition: all 0.5s linear;
                -o-transition: all 0.5s linear;
            }

            .content-1 .main-product .container .product .animate-2 {
                position: relative;
                right: 0;
                top: 0;
                opacity: 1;
                transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -webkit-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
            }

            .content-1 .main-product .container .product .hide {
                width: 0%;
                transition: all 0.5s ease-in;
                -moz-transition: all 0.5s ease-in;
                -webkit-transition: all 0.5s ease-in;
                -o-transition: all 0.5s ease-in;
            }

            .content-1 .main-product .container .product .panel1 img {
            }

            .content-1 .main-product .container .product .panel1 a h4.name {
                width: 100%;
                min-height: 80px;
                margin: 10px 0;
                display: block;
                color: #636363;
                font-family: 'kanitlight','zawgyi-one';
                font-size: 16px;
                line-height: 20px;
                word-break:break-word;
                text-align: center;
            }

            .content-1 .main-product .container .product .panel1 a:hover h4.name {
                color: #13a156;
            }

            .content-1 .main-product .container .product .panel2 p {
                font-size: 20px;
                line-height: 35px;
                font-family: 'kanitlight', 'zawgyi-one';
                color: #848484;
                float: left;
                width: 70%;
            }

            .content-1 .main-product .container .product .panel2 a.change-biller {
                font-size: 20px;
                line-height: 35px;
                font-family: 'kanitlight', 'zawgyi-one';
                color: #13a156;
                float: left;
                width: 30%;
                background: url(../images/icon-close-biller-2.png) no-repeat left 9px;
                padding: 0 0 0 25px;
                margin: 10px 0 0 0;
                text-decoration: none;
            }

                .content-1 .main-product .container .product .panel2 a.change-biller:hover {
                    opacity: 0.6;
                }

            .content-1 .main-product .container .product .panel2 .input-digit {
                width: 70%;
                float: left;
                border-bottom: 1px solid #13a156;
                margin: 10px 0;
            }

            .content-1 .main-product .container .product .panel2 .input-button {
                width: 70%;
                float: left;
            }

            .content-1 .main-product .container .product .panel2 .input-digit .contract_ac {
                width: 50%;
                float: left;
                border: none;
                color: #848484;
                font-size: 20px;
                line-height: 35px;
                font-family: 'kanitlight', 'zawgyi-one';
            }
            .content-1 .main-product .container .product .panel2 .input-digit select.contract_ac {
	        -webkit-appearance: none;
            -moz-appearance: none;
                appearance:none;
            }
            .content-1 .main-product .container .product .panel2 a.help {
                text-indent: -99999px;
                background: url(../images/icon-help.png) no-repeat top left;
                display: inline-block;
                width: 23px;
                height: 23px;
                float: right;
                margin: 7px 0 0 0;
            }

                .content-1 .main-product .container .product .panel2 a.help:hover {
                    opacity: 0.6;
                }

            .content-1 .main-product .container .product .panel2 a.enter-creditcard {
                font-size: 20px;
                line-height: 25px;
                font-family: 'kanitlight', 'zawgyi-one';
                display: inline-block;
                width: 150px;
                height: 40px;
                color: #fff;
                text-align: center;
                border-radius: 5px;
                background: #13a156;
                box-sizing: border-box;
                padding: 7px 0;
                text-decoration: none;
                margin: 10px 0 0 0;
                float: right;
            }

                .content-1 .main-product .container .product .panel2 a.enter-creditcard:hover {
                    color: #252525;
                }

            .content-1 .main-product .container .product .panel2 .logo-visa {
                float: right;
                margin: 15px 0 0 0;
            }

            .content-1 .main-product .container .product .panel3 p {
                font-size: 20px;
                line-height: 35px;
                font-family: 'kanitlight', 'zawgyi-one';
                color: #848484;
                float: left;
                width: 100%;
            }

            .content-1 .main-product .container .product .panel3 a.change-biller {
                font-size: 20px;
                color: #13a156;
                font-family: 'db_helvethaica_x_regular';
                float: right;
                width: 13%;
                background: url(../images/icon-close-biller.png) no-repeat left 3px;
                padding: 0 0 0 25px;
                margin: 10px 0 0 0;
                text-decoration: none;
            }

                .content-1 .main-product .container .product .panel3 a.change-biller:hover {
                    opacity: 0.6;
                }

            .content-1 .main-product .container .product .panel3 .detail {
                width: 100%;
                float: left;
                margin: 10px 0;
                border-bottom: 1px solid #d0d0d0;
                padding: 0 0 5px 0;
            }

                .content-1 .main-product .container .product .panel3 .detail ul {
                    width: 100%;
                    float: left;
                    list-style: none;
                }

                    .content-1 .main-product .container .product .panel3 .detail ul li {
                        width: 100%;
                        color: #848484;
                        font-size: 20px;
                        line-height: 35px;
                        font-family: 'kanitlight', 'zawgyi-one';
                    }

                        .content-1 .main-product .container .product .panel3 .detail ul li.total {
                            color: #13a156;
                        }

                        .content-1 .main-product .container .product .panel3 .detail ul li span.head {
                            width: 40%;
                            float: left;
                        }

                        .content-1 .main-product .container .product .panel3 .detail ul li span.result {
                            width: 60%;
                            float: left;
                        }

                        .content-1 .main-product .container .product .panel3 .detail ul li span b {
                            font-weight: normal;
                        }

                            .content-1 .main-product .container .product .panel3 .detail ul li span b.numberic {
                                display: inline-block;
                                width: 100px;
                                text-align: right;
                                margin: 0 20px 0 0;
                                font-weight: normal;
                            }
                    .content-1 .main-product .container .product .panel3 .detail ul#tabs.channels {
                        display:inline-flex;
                    }
                        .content-1 .main-product .container .product .panel3 .detail #tabs li {
                        width:20%;
                        cursor:pointer;
                        text-align:center;
                        
                        }
                        .content-1 .main-product .container .product .panel3 .detail #tabs li a{
                            color:#848484;
                            border:1px solid #13a156;
                            border-radius:0;
                        }
                        .content-1 .main-product .container .product .panel3 .detail #tabs li:hover a{
                        color:white;
                        background-color:#13a156;
                        outline:none;
                        border-radius:0;
                        }
                        .content-1 .main-product .container .product .panel3 .detail #tabs li.active {
                        cursor:default;
                        background-color:#13a156;
                        }
                        .content-1 .main-product .container .product .panel3 .detail #tabs li.active a{
                        color:white;
                        background-color:#13a156;
                        outline:none;
                        border-radius:0;
                        }
            .content-1 .main-product .container .product .panel3 .stored-card {
                width: 100%;
                float: left;
                margin: 10px 0;
            }

                .content-1 .main-product .container .product .panel3 .stored-card span {
                    color: #848484;
                    font-size: 27px;
                    font-family: 'db_helvethaica_x_regular';
                    float: left;
                    margin: 5px 20px 0;
                }

                .content-1 .main-product .container .product .panel3 .stored-card span {
                    color: #848484;
                    font-size: 20px;
                    line-height: 35px;
                    font-family: 'kanitlight', 'zawgyi-one';
                    float: left;
                    margin: 5px 20px 0 0;
                }

                .content-1 .main-product .container .product .panel3 .stored-card .credit-card {
                    width: 75%;
                    height: auto;
                    float: left;
                    margin: 0 0 0 50px;
                }

                    .content-1 .main-product .container .product .panel3 .stored-card .credit-card .card-number {
                        width: 99%;
                        height: 45px;
                        border: 1px solid #b7b7b7;
                        box-sizing: border-box;
                        float: left;
                        padding: 5px 10px;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                    }

                    .content-1 .main-product .container .product .panel3 .stored-card .credit-card .card-active {
                        border: 1px solid #17ad63;
                    }

                        .content-1 .main-product .container .product .panel3 .stored-card .credit-card .card-active span {
                            color: #17ad63 !important;
                        }

                    .content-1 .main-product .container .product .panel3 .stored-card .credit-card .card-number img {
                        width: 17%;
                        height: auto;
                        float: left;
                        margin: 0 10px 0 0;
                    }

                    .content-1 .main-product .container .product .panel3 .stored-card .credit-card .card-number span {
                        color: #848484;
                        font-size: 20px;
                        line-height: 25px;
                        font-family: 'kanitlight', 'zawgyi-one';
                        float: left;
                    }

            .content-1 .main-product .container .product .panel3 .credit-form {
                width: 100%;
                float: left;
                margin: 10px 0;
            }

                .content-1 .main-product .container .product .panel3 .credit-form span {
                    font-size: 20px;
                    line-height: 35px;
                    font-family: 'kanitlight', 'zawgyi-one';
                    color: #848484;
                    float: left;
                    width: 100%;
                    margin: 0 0 10px 0;
                }

                .content-1 .main-product .container .product .panel3 .credit-form .border-bottom {
                    border-bottom: 1px solid #17ad63;
                    margin: 0;
                }

                .content-1 .main-product .container .product .panel3 .credit-form input.credit-card-number {
                    width: 100%;
                    border: none;
                    color: #848484;
                    font-size: 20px;
                    line-height: 35px;
                    font-family: 'kanitlight', 'zawgyi-one';
                    margin: 0 0 0 -15px;
                    padding: 0;
                    border-bottom: 1px solid #17ad63;
                }

                .content-1 .main-product .container .product .panel3 .credit-form input.month,
                .content-1 .main-product .container .product .panel3 .credit-form input.year,
                .content-1 .main-product .container .product .panel3 .credit-form input.cvv {
                    width: 100%;
                    border: none;
                    border-bottom: 1px solid #13a156;
                    color: #848484;
                    font-size: 20px;
                    line-height: 35px;
                    font-family: 'kanitlight', 'zawgyi-one';
                    margin: 0 0 0 -15px;
                    padding: 0;
                    outline-style: none;
                }
                 .content-1 .main-product .container .product .panel3 .input-digit {
                width: 70%;
                float: left;
                border-bottom: 1px solid #13a156;
                margin: 10px 0;
                }
                .content-1 .main-product .container .product .panel3 .input-digit .contract_ac {
                width: 50%;
                float: left;
                border: none;
                color: #848484;
                font-size: 20px;
                line-height: 35px;
                font-family: 'kanitlight', 'zawgyi-one';
                }
                .content-1 .main-product .container .product .panel3 .credit-form input.email {
                    width: 100%;
                    border: none;
                    color: #848484;
                    font-size: 20px;
                    line-height: 35px;
                    font-family: 'kanitlight', 'zawgyi-one';
                    margin: 0 0 0 -15px;
                    padding: 0;
                    border-bottom: 1px solid #17ad63;
                }

                .content-1 .main-product .container .product .panel3 .credit-form input.phone-number {
                    width: 80%;
                    border: none;
                    color: #848484;
                    font-size: 36px;
                    font-family: 'db_helvethaica_x_regular';
                    margin: 15px 0 0 -15px;
                    line-height: 36px;
                    padding: 0;
                }

                .content-1 .main-product .container .product .panel3 .credit-form .save-wrapper {
                    width: 70%;
                    float: left;
                    margin: 15px 0;
                }

                .content-1 .main-product .container .product .panel3 .credit-form .save-wrapper {
                    width: 60%;
                    float: left;
                    margin: 15px 0 15px -15px;
                }

                    .content-1 .main-product .container .product .panel3 .credit-form .save-wrapper .save-chk {
                        margin: 0 10px 0 0;
                    }

                    .content-1 .main-product .container .product .panel3 .credit-form .save-wrapper span {
                        color: #848484;
                        font-size: 24px;
                        font-family: 'db_helvethaica_x_regular';
                        float: right;
                    }

                .content-1 .main-product .container .product .panel3 .credit-form a.pay-btn {
                    display: inline-block;
                    width: 220px;
                    height: 45px;
                    color: #fff;
                    font-size: 20px;
                    line-height: 25px;
                    font-family: 'kanitlight', 'zawgyi-one';
                    text-align: center;
                    border-radius: 5px;
                    background: #13a156;
                    box-sizing: border-box;
                    padding: 10px 0;
                    text-decoration: none;
                    margin: 20px 0 0 -15px;
                }

               

            .content-1 .main-product .container .product .panel4 h3 {
                font-size: 30px;
                line-height: 35px;
                font-family: 'kanitlight', 'zawgyi-one';
                color: #13a156;
                float: left;
                width: 100%;
            }

            .content-1 .main-product .container .product .panel4 a.change-biller {
                font-size: 20px;
                color: #13a156;
                font-family: 'db_helvethaica_x_regular';
                float: right;
                width: 13%;
                background: url(../images/icon-close-biller.png) no-repeat left 3px;
                padding: 0 0 0 25px;
                margin: 10px 0 0 0;
                text-decoration: none;
            }

                .content-1 .main-product .container .product .panel4 a.change-biller:hover {
                    opacity: 0.6;
                }

            .content-1 .main-product .container .product .panel4 .detail {
                width: 100%;
                float: left;
                margin: 10px 0;
                border-bottom: 1px solid #d0d0d0;
                padding: 0 0 15px 0;
            }

                .content-1 .main-product .container .product .panel4 .detail ul {
                    width: 100%;
                    float: left;
                    list-style: none;
                }

                    .content-1 .main-product .container .product .panel4 .detail ul li {
                        width: 100%;
                        color: #848484;
                        font-family: 'kanitlight', 'zawgyi-one';
                        font-size: 20px;
                        line-height: 35px;
                    }

                        .content-1 .main-product .container .product .panel4 .detail ul li.total {
                            /*color:#13a156;*/
                        }

                        .content-1 .main-product .container .product .panel4 .detail ul li span.head {
                            width: 25%;
                            float: left;
                            font-weight: bold;
                        }

                        .content-1 .main-product .container .product .panel4 .detail ul li span.result {
                            width: 25%;
                            float: left;
                        }

                        .content-1 .main-product .container .product .panel4 .detail ul li span b {
                            font-weight: normal;
                        }

                        .content-1 .main-product .container .product .panel4 .detail ul li span b.numberic {
                                display: inline-block;
                                width: 100px;
                                text-align: left;
                                margin: 0 20px 0 0;
                                font-weight: normal;
                            }

                .content-1 .main-product .container .product .panel4 .detail-credit-card {
                width: 100%;
                float: left;
                margin: 10px 0 0 0;
                padding: 0 0 10px 0;
            }

                .content-1 .main-product .container .product .panel4 .detail-credit-card ul {
                    width: 100%;
                    float: left;
                    list-style: none;
                }

                    .content-1 .main-product .container .product .panel4 .detail-credit-card ul li {
                        width: 100%;
                        color: #848484;
                        font-family: 'kanitlight', 'zawgyi-one';
                        font-size: 20px;
                        line-height: 35px;
                    }

                        .content-1 .main-product .container .product .panel4 .detail-credit-card ul li span.head {
                            width: 40%;
                            float: left;
                            font-weight: bold;
                        }

                        .content-1 .main-product .container .product .panel4 .detail-credit-card ul li span.result {
                            width: 60%;
                            float: left;
                            /*color:#13a156;*/
                            padding: 0;
                        }

                            .content-1 .main-product .container .product .panel4 .detail-credit-card ul li span.result img {
                                margin: -13px 0 0 0;
                                padding: 0;
                            }

            .content-1 .main-product .container .product .panel4 .add-bill-fav {
                width: 100%;
                float: left;
                margin: 0;
            }

                .content-1 .main-product .container .product .panel4 .add-bill-fav .save-chk {
                    margin: 0 10px 0 0;
                }

                .content-1 .main-product .container .product .panel4 .add-bill-fav .add-chk {
                    margin: 18px 0 0 0;
                    float: left;
                }

                .content-1 .main-product .container .product .panel4 .add-bill-fav span {
                    color: #848484;
                    font-size: 20px;
                    line-height: 25px;
                    font-family: 'kanitlight', 'zawgyi-one';
                    margin: 12px 0 0 15px;
                    float: left;
                }

            .content-1 .main-product .container .product .panel4 .name-fav-wrapper {
                border-bottom: 1px solid #13a156;
                width: 50%;
                margin: -1px 0 0 20px;
                display: none;
                float: left;
            }

                .content-1 .main-product .container .product .panel4 .name-fav-wrapper a.update {
                    display: inline-block;
                    width: 31px;
                    height: 31px;
                    background: url(../images/icon-acc-update.png) no-repeat top left;
                    margin: 0 0 -5px 20px;
                }

                    .pay-result .product .panel4 .name-fav-wrapper a.update:hover {
                        background: url(../images/icon-acc-update-g.png) no-repeat top left;
                    }

            .content-1 .main-product .container .product .panel4 .show {
                display: block;
            }

            .content-1 .main-product .container .product .panel4 .name-fav-wrapper .name-fav {
                width: 88%;
                border: none;
                color: #848484;
                font-family: 'kanitlight', 'zawgyi-one';
                font-size: 20px;
                line-height: 35px;
            }

            .content-1 .main-product .container .product .panel4 a.back-btn {
                font-family: 'kanitlight', 'zawgyi-one';
                font-size: 20px;
                line-height: 35px;
                display: inline-block;
                width: 200px;
                height: 45px;
                color: #fff;
                text-align: center;
                border-radius: 5px;
                background: #13a156;
                box-sizing: border-box;
                padding: 5px 0;
                text-decoration: none;
                margin: 15px 0 0 0;
            }

                .content-1 .main-product .container .product .panel4 a.back-btn:hover {
                    color: #252525;
                }
                

.bx-wrapper .bx-prev {
    left: -45px;
    background: url(../images/stored-prev.png) no-repeat top left;
    width: 25px;
    height: 25px;
}

.bx-wrapper .bx-next {
    right: -58px;
    background: url(../images/stored-next.png) no-repeat top left;
    width: 25px;
    height: 25px;
}

.pay-result {
    width: 100%;
}

    .pay-result .container {
        max-width: 1150px;
        margin: 0 auto;
        background: url(../images/bg-product.jpg) no-repeat center -1px;
    }

    .pay-result .product {
        float: left;
        padding: 25px 0;
        position: relative;
        width: 100%;
    }

        .pay-result .product .panel4 {
            width: 100%;
            height: auto;
            background: none;
        }

            .pay-result .product .panel4 h3 {
                font-size: 30px;
                line-height: 35px;
                font-family: 'kanitlight', 'zawgyi-one';
                color: #13a156;
                float: left;
                width: 100%;
            }

            .pay-result .product .panel4 a.change-biller {
                font-size: 20px;
                color: #13a156;
                font-family: 'db_helvethaica_x_regular';
                float: right;
                width: 13%;
                background: url(../images/icon-close-biller.png) no-repeat left 3px;
                padding: 0 0 0 25px;
                margin: 10px 0 0 0;
                text-decoration: none;
            }

                .pay-result .product .panel4 a.change-biller:hover {
                    opacity: 0.6;
                }

            .pay-result .product .panel4 .detail {
                width: 100%;
                float: left;
                margin: 10px 0;
                border-bottom: 1px solid #d0d0d0;
                padding: 0 0 15px 0;
            }

                .pay-result .product .panel4 .detail ul {
                    width: 100%;
                    float: left;
                    list-style: none;
                }

                    .pay-result .product .panel4 .detail ul li {
                        width: 100%;
                        color: #848484;
                        font-family: 'kanitlight', 'zawgyi-one';
                        font-size: 20px;
                        line-height: 35px;
                    }

                        .pay-result .product .panel4 .detail ul li.total {
                            /*color:#13a156;*/
                        }

                        .pay-result .product .panel4 .detail ul li span.head {
                            width: 25%;
                            float: left;
                            font-weight: bold;
                        }

                        .pay-result .product .panel4 .detail ul li span.result {
                            width: 25%;
                            float: left;
                        }

                        .pay-result .product .panel4 .detail ul li span b {
                            font-weight: normal;
                        }

                            .pay-result .product .panel4 .detail ul li span b.numberic {
                                display: inline-block;
                                width: 100px;
                                text-align: left;
                                margin: 0 20px 0 0;
                                font-weight: normal;
                            }

            .pay-result .product .panel4 .detail-credit-card {
                width: 100%;
                float: left;
                margin: 10px 0 0 0;
                padding: 0 0 10px 0;
            }

                .pay-result .product .panel4 .detail-credit-card ul {
                    width: 100%;
                    float: left;
                    list-style: none;
                }

                    .pay-result .product .panel4 .detail-credit-card ul li {
                        width: 100%;
                        color: #848484;
                        font-family: 'kanitlight', 'zawgyi-one';
                        font-size: 20px;
                        line-height: 35px;
                    }

                        .pay-result .product .panel4 .detail-credit-card ul li span.head {
                            width: 40%;
                            float: left;
                            font-weight: bold;
                        }

                        .pay-result .product .panel4 .detail-credit-card ul li span.result {
                            width: 60%;
                            float: left;
                            /*color:#13a156;*/
                            padding: 0;
                            text-align: right;
                        }

                            .pay-result .product .panel4 .detail-credit-card ul li span.result img {
                                margin: -13px 0 0 0;
                                padding: 0;
                            }

            .pay-result .product .panel4 .add-bill-fav {
                width: 100%;
                float: left;
                margin: 0;
            }

                .pay-result .product .panel4 .add-bill-fav .save-chk {
                    margin: 0 10px 0 0;
                }

                .pay-result .product .panel4 .add-bill-fav .add-chk {
                    margin: 18px 0 0 0;
                    float: left;
                }

                .pay-result .product .panel4 .add-bill-fav span {
                    color: #848484;
                    font-size: 20px;
                    line-height: 25px;
                    font-family: 'kanitlight', 'zawgyi-one';
                    margin: 12px 0 0 15px;
                    float: left;
                }

            .pay-result .product .panel4 .name-fav-wrapper {
                border-bottom: 1px solid #13a156;
                width: 50%;
                margin: -1px 0 0 20px;
                display: none;
                float: left;
            }

                .pay-result .product .panel4 .name-fav-wrapper a.update {
                    display: inline-block;
                    width: 31px;
                    height: 31px;
                    background: url(../images/icon-acc-update.png) no-repeat top left;
                    margin: 0 0 -5px 20px;
                }

                    .pay-result .product .panel4 .name-fav-wrapper a.update:hover {
                        background: url(../images/icon-acc-update-g.png) no-repeat top left;
                    }

            .pay-result .product .panel4 .show {
                display: block;
            }

            .pay-result .product .panel4 .name-fav-wrapper .name-fav {
                width: 88%;
                border: none;
                color: #848484;
                font-family: 'kanitlight', 'zawgyi-one';
                font-size: 20px;
                line-height: 35px;
            }
            .pay-result .product .panel4 a.confirm-btn {
	        font-family: 'kanitlight', 'zawgyi-one';
	        font-size: 20px; 
	        line-height: 35px;
	        display:inline-block;
	        width:200px;
	        height:45px;
	        color:#fff;
	        text-align:center;
	        border-radius:5px;
	        background:#13a156;
	        box-sizing:border-box;
	        padding:5px 0;
	        text-decoration:none;
	        margin:15px 0 0 0;
            }
            .pay-result .product .panel4 a.confirm-btn:hover {
	        color:#252525;
            }
            .pay-result .product .panel4 a.back-btn {
                font-family: 'kanitlight', 'zawgyi-one';
                font-size: 20px;
                line-height: 35px;
                display: inline-block;
                width: 200px;
                height: 45px;
                color: #fff;
                text-align: center;
                border-radius: 5px;
                background: #dddddd;
                box-sizing: border-box;
                padding: 5px 0;
                text-decoration: none;
                margin: 15px 0 0 0;
            }

                .pay-result .product .panel4 a.back-btn:hover {
                    background:#cccccc;
                }

.content-2 {
    width: 100%;
    height: 630px;
    background: url(../images/bg-section2.png) no-repeat bottom left, url(../images/bg-section2-back.png) repeat-y top right;
    float: left;
}

.top {
    margin-top: -120px;
}

.content-2 .content-wrapper {
    max-width: 1150px;
    height: 630px;
    margin: 0 auto;
}

    .content-2 .content-wrapper .content {
        max-width: 66%;
        float: right;
        background: none;
        text-align: left;
        box-sizing: border-box;
        padding: 80px 0 0 0;
    }

        .content-2 .content-wrapper .content::before {
            background: none;
        }

        .content-2 .content-wrapper .content h2 {
            font-size: 50px;
            line-height: 75px;
            color: #464646;
            font-family: 'kanitregular','zawgyi-one';
        }

            .content-2 .content-wrapper .content h2 .green {
                color: #11a051;
            }

        .content-2 .content-wrapper .content p {
            font-size: 20px;
            line-height: 35px;
            font-family: 'kanitlight','zawgyi-one';
            margin: 10px 0;
            color: #636363;
        }

        .content-2 .content-wrapper .content a.play-vdo {
            display: inline-block;
            padding: 0 35px;
            margin: 15px 0;
            color: #17ad63;
            font-family: 'kanitlight', 'zawgyi-one';
            font-size: 20px;
            line-height: 35px;
            background: url(../images/icon-play.png) no-repeat left 5px;
            text-decoration: none;
        }

            .content-2 .content-wrapper .content a.play-vdo:hover {
                opacity: 0.6;
            }

.content-2 .centent-wrapper .content .download-wrapper {
    width: 100%;
    padding: 30px 0;
}

.content-2 .content-wrapper .content .download-wrapper img {
    float: left;
}

.content-2 .content-wrapper .content .download-wrapper .download {
    float: left;
    width: 70%;
}

    .content-2 .content-wrapper .content .download-wrapper .download p {
        font-size: 32px;
        line-height: 32px;
        color: #464646;
        font-family: 'db_helvethaica_x_regular';
        margin: 20px 0 10px 15px;
    }

    .content-2 .content-wrapper .content .download-wrapper .download p {
        font-family: 'kanitlight', 'zawgyi-one';
        font-size: 20px;
        line-height: 35px;
        color: #464646;
        margin: 20px 0 13px 15px;
    }

        .content-2 .content-wrapper .content .download-wrapper .download p span {
        }

    .content-2 .content-wrapper .content .download-wrapper .download a.app-store {
        width: 129px;
        height: 43px;
        background: url(../images/icon-appstore.png) no-repeat top left;
        display: block;
        float: left;
        margin: 0 10px 0 15px;
        text-indent: -99999px;
        transition: opacity 0.7s ease-out;
        -moz-transition: opacity 0.7s ease-out;
        -webkit-transition: opacity 0.7s ease-out;
        -o-transition: opacity 0.7s ease-out;
    }

    .content-2 .content-wrapper .content .download-wrapper .download a.google-play {
        width: 126px;
        height: 43px;
        background: url(../images/icon-googleplay.png) no-repeat top left;
        display: block;
        float: left;
        margin: 0 10px 0 0;
        text-indent: -99999px;
        transition: opacity 0.7s ease-out;
        -moz-transition: opacity 0.7s ease-out;
        -webkit-transition: opacity 0.7s ease-out;
        -o-transition: opacity 0.7s ease-out;
    }

    .content-2 .content-wrapper .content .download-wrapper .download a:hover {
        opacity: 0.8;
    }

.content-3 {
    width: 100%;
    height: 620px;
    background: url(../images/bg-section3.png) no-repeat right -120px;
    float: left;
    margin: 0;
}

    .content-3 .content-wrapper {
        max-width: 1150px;
        margin: 0 auto;
    }

        .content-3 .content-wrapper .content {
            max-width: 87%;
            background: none;
            text-align: left;
            box-sizing: border-box;
            padding: 80px 0 0 0;
            margin: 0;
        }

            .content-3 .content-wrapper .content::before {
                background: none;
            }

            .content-3 .content-wrapper .content h2 {
                font-family: 'kanitregular','zawgyi-one';
                font-size: 50px;
                line-height: 75px;
                color: #464646;
                text-align: center;
            }

                .content-3 .content-wrapper .content h2 span {
                    color: #11a051;
                }

            .content-3 .content-wrapper .content ul {
                width: 100%;
                margin: 50px 0 0 0;
            }

                .content-3 .content-wrapper .content ul li {
                    width: 25%;
                    float: left;
                    text-align: center;
                }

                    .content-3 .content-wrapper .content ul li img {
                        margin: 0 auto;
                    }

                    .content-3 .content-wrapper .content ul li h3 {
                        color: #13a156;
                        margin: 10px 0;
                        font-family: 'kanitlight', 'zawgyi-one';
                        font-size: 20px;
                        line-height: 35px;
                    }

                    .content-3 .content-wrapper .content ul li p {
                        color: #898989;
                        font-family: 'kanitlight', 'zawgyi-one';
                        font-size: 16px;
                        line-height: 25px;
                        padding: 0 23px;
                    }

.content-4 {
    width: 100%;
    background: #fff;
    float: left;
    margin: 0;
    padding: 30px 0;
    text-align: center;
}

    .content-4 .content-wrapper {
        max-width: 1150px;
        margin: 0 auto;
    }

        .content-4 .content-wrapper .content {
            max-width: 100%;
            margin: 0 auto;
            background: none;
            text-align: center;
            box-sizing: border-box;
        }

            .content-4 .content-wrapper .content::before {
                background: none;
            }

            .content-4 .content-wrapper .content h2 {
                color: #464646;
                font-family: 'kanitregular', 'zawgyi-one';
                font-size: 50px;
                line-height: 75px;
                text-align: center;
            }

                .content-4 .content-wrapper .content h2 span {
                    color: #11a051;
                }

            .content-4 .content-wrapper .content p {
                color: #636363;
                font-family: 'kanitlight', 'zawgyi-one';
                font-size: 20px;
                line-height: 35px;
                text-align: left;
                margin: 10px 0;
                width: 100%;
            }

            .content-4 .content-wrapper .content a.btn-contact {
                display: inline-block;
                box-sizing: border-box;
                width: 197px;
                height: 28px;
                text-align: right;
                background: url(../images/btn-contact.jpg) no-repeat top left;
                color: #13a156;
                font-family: 'kanitlight', 'zawgyi-one';
                font-size: 14px;
                line-height: 25px;
                text-decoration: none;
                padding: 1px 9px 0 0;
            }

                .content-4 .content-wrapper .content a.btn-contact:hover {
                    color: #636363;
                }
                .save-card {
	                width:100%;
	                margin:20px 0 10px 0;
	                padding:5px 0;
                }
                .save-card span.title {
	                color: #848484;
                    font-size: 20px;
                    line-height: 25px;
                    font-family: 'kanitlight', 'zawgyi-one'
                }

#paymentform input.invalid, #mpu input.invalid, #wpy input.invalid,#masterpass input.invalid{
    border:1px solid red;
    border-radius:5px;
    padding:5px;
}