Checkout

<div dir="ltr" style="text-align: left;" trbidi="on">
<script type="text/javascript">
    var submitted = false;

    function emptycart() {
        submitted = true;
        $('.blockform').toggle();
        $('.hidden-message').show();
    }
    $("iframe#hidden_iframe").on('load', function() {
        simpleCart.empty();
    });
</script>
<style>
#angiohang{display:none}
#ss-submit{    width: 100%;    border: 1px solid #ff4081;
    font-weight: bold;

    background: #fff;
    color: #ff4081;border-radius: 5px;text-transform: uppercase;    font-size: 13px;


}
    table tr:nth-child(even) {
        background: none !important;
    }
   
    table th,
    table td {
        border: none;
    }
   
    label {
        display: block!important;
    }
   
    .post-title .comments,
    .f-product-view-tags,
    .post-title {
        display: none;
    }
   
    @media only screen and (max-width: 800px) {
        .left-muangay,
        .checkout,
        .search input {
            width: 100% !important;
            float: none !important;
            margin: 0 !important;
        }
        .box_gio_hang .itemRemove {
            width: 59px !important;
        }
    }
   
    .relatedproducts {
        display: none
    }
   
    .search input {
        border-radius: 0 3px 3px 0;
        border: none;
        margin: 0px;
        padding: 0px 0 0 5px!important;
        height: 34px;
        width: 600px !important;
        margin-left: 40px;
        background: #fff;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        border: 1px solid #4e69a2;
    }
   
    #column_left,
    .content-phu-kien.spdaxem,
    .breadcrumbs {
        display: none;
    }
   
    #ct_home .block {
        overflow: hidden;
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
    }
   
    .w-giaban,
    .gia_ban b {
        color: red;
        font-size: 20px;
    }
   
    .tong_cart {
        color: red;
        font-weight: bold;
        font-size: 15px;
    }
   
    .tongtien {
        color: rgb(255, 8, 8);
        font-size: 20px;
        font-weight: bold;
    }
   
    .a_nganluong {
        display: inline-block;
        width: 100px;
        height: 28px;
        background: url('../images/btn-nganluong.png') no-repeat;
        float: right;
        text-indent: -99999px;
    }
   
    .a_viewcart {
        display: inline-block;
        width: 114px;
        height: 28px;
        background: url('../images/bg_viewcart.png') no-repeat;
        float: right;
        text-indent: -99999px;
    }
   
    .a_thanhtoan {
        display: inline-block;
        width: 119px;
        height: 28px;
        background: url('../images/bg_buycart.png') no-repeat;
        float: left;
        text-indent: -99999px;
    }
   
    #block {
        width: 100%;
        margin: 0 auto;
    }
   
    #block .top .cart {
        width: 100px;
        float: left;
    }
   
    #block .top .cart i {
        border-radius: 100px;
        display: inline-block;
        background-color: #ff0084;
        padding: 10px;
        margin-right: 5px;
        color: #fff;
    }
   
    #block .top .active {
        background: url(img/a.cart.png) no-repeat 0px -64px;
    }
   
    #block .top .active:hover {
        background: url(img/a.cart.png) no-repeat 0px -64px;
    }
   
    #block .top .path {
        padding-left: 2px;
        position: relative;
        overflow: hidden;
        padding-top: 5px;
    }
   
    #block .top .path li {
        float: left;
        overflow: hidden;
    }
   
    #block .top .path li a {
        color: #000;
        font-size: 11px;
        padding: 0 7px 0 8px;
    }
   
    #block .top .path li a.first {
        background: url(img/ul.path-li-a.first.gif) no-repeat right;
    }
   
    #block form {
        padding: 5px;
        z-index: 100000;
        background: #333 url(https://foldercss.googlecode.com/svn/trunk/images/ul-1top.png) top no-repeat;
        width: 245px;
        padding-top: 7px;
        margin-top: 2px;
        display: none;
        position: absolute;
    }
   
    #block form .cartHeaders {
        display: none;
    }
   
    #block .itemName {
        color: #fff;
        width: 122px;
        font-size: 14px;
        line-height: 1.3;
        float: left;
    }
   
    #block .itemPrice {
        float: left;
        width: 73px;
        color: rgb(245, 45, 45);
    }
   
    #block .itemQuantity {
        float: left;
        color: #fff;
        text-align: center;
        width: 30px;
    }
    /*#block .itemTotal{clear: both; width: 0px; height: 0px; text-indent: -9999px;} */
   
    #block .itemRemove {
        float: right;
    }
   
    #block .itemRemove a {
        color: red;
    }
   
    #block .itemContainer {
        margin-bottom: 10px;
        border-bottom: 1px solid #6F6F6F;
        padding-bottom: 6px;
    }
   
    .top_web {
        padding-top: 27px;
    }
   
    .top_web .fa-phone {
        font-size: 35px;
    }
   
    textarea#entry_819295711 {
        width: 87% !important;
        display: none;
        margin: 60px 0 0 0;
        min-height: 350px !important;
    }
   
    .widget ul {
        padding: 0 !important;
        margin: 0;
        line-height: 1.2;
        list-style: none;
    }
   
    .checkout {
        float: right;
        margin: 10px;
        font-size: 13px;
        background: #fff;
        padding: 5px;    width: 100%;
    }
   
    .post.hentry {
        margin: 10px;
    }
   
    .content-muangay {
        width: 100%;
        height: 100%;
    }
   
    .left-muangay {
        display: none
    }
   
    .checkout {
        float: left;
        margin: 10px;
        font-size: 13px;
    }
   
    .img-muangay {
        width: 100%;
        float: left;
        margin-top: 15px;
    }
   
    .info-muangay {
        margin: 10px;
        float: left;
        text-align: left;
    }
   
    .info-muangay p {
        margin: 5px;
    }
   
    .gia-muangay {
        float: left;
        font-size: 16px;
        color: #f59123;
        font-weight: 700;
    }
   
    .tt-muangay {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
    }
   
    .node {
        margin: 15px 0 10px;
    }
   
    .ten-muangay {
        font-size: 14px;
    }
   
    .info-check input,
    .info-check textarea {
        width: 100%;
    }
   
    input[type="text"],
    input[type="password"],
    textarea,
    input[type="email"] {
        padding: 5px 9px;
        line-height: 18px;
        width: 100%;
height: 45px;
    padding: 0 20px;
    color: #111;
    line-height: 45px;
    border-color: #ebebeb;
    border-radius: 0px;
    box-shadow: none;
    border-radius: 5px;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    }
   
    .fullname-error,
    .address-error,
    .phone-error,
    .email-error {
        display: none;
        color: red;
        font-weight: normal !important;
    }
   
    .info-check span {
        float: left;
        width: 100%;
        text-align: left;
        margin-left: 2px;
        font-weight: 700;
    }
   
    .provice-info {
        float: left;
        width: 99%;
        font-size: 13px;
    }
   
    .provice-info span:first-child {
        float: left;
        margin-left: 5px;
        font-size: 12px;
        width: 260px;
    }
   
    .provice-info span:nth-child(2) {
        float: left;
        margin-left: 5px;
        font-size: 12px;
        width: 300px;
    }
   
    select {
        height: 30px;
    }
   
    .muangay {
        border-collapse: collapse;
    }
   
    .muangay td {
        padding: 5px;
    }
   
    .btn-checkout {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c;
        display: inline-block;
        padding: 6px 30px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        float: right;
    }
   
    textarea#entry_1366343006 {
        display: none;
    }
    .123widget-menu li {
    padding-left: 40px;
    position: relative;
    height: 35px;
}
    .checkout .button {
           background: #f36f36;
    font-size: 18px;
    width: 100%;

    height: 39px;
    border-radius: 10px;
    }
</style> <br />
<div class="col-lg-6">
<form action="https://docs.google.com/forms/d/e/1FAIpQLSeRbEA0DYZAwjNzBXa350VYQ0Vke6eSGcjuNsUgVfbjShHT0Q/formResponse?embedded=true" class="blockform" id="form_dathang" method="POST" onsubmit="return emptycart()" style="display: block;" target="hidden_iframe">
<div class="content-muangay">
<div class="checkout">
<span class="tt-muangay"><label>Thông tin giao hàng</label></span> <br />
<table cellpadding="0" cellspacing="0" class="muangay" style="width: 96%;">
                <tbody>
<tr>
                        <td colspan="2"><input aria-required="true" class="ss-q-short" name="entry.2118409370" placeholder="Tên của bạn" required="" title="" type="text" value="" /> </td>
                    </tr>
<tr>
                        <td colspan="2"><input aria-required="true" class="ss-q-short" name="entry.1690189054" placeholder="Địa chỉ nhận hàng" title="" type="text" value="" /> </td>
                    </tr>
<tr>
                        <td colspan="2"><input aria-required="true" class="ss-q-short" name="entry.1864044881" placeholder="Điện thoại" required="" title="" type="text" value="" /> </td>
                    </tr>
<tr>
                        <td colspan="2"><input aria-required="true" class="ss-q-short" name="entry.1657487933" placeholder="Ghi chú" required="" title="" type="text" value="" /> </td>
                    </tr>
<tr>
                        <td colspan="2"><textarea aria-label="Tổng đơn hàng" class="ss-q-long" cols="0" dir="auto" id="layidthongtinsanpham" name="entry.66428279" placeholder="Tổng đơn hàng" readonly="true" rows="5"></textarea> </td>
                    </tr>
<tr> </tr>
<tr>
                        <td colspan="2"><label> <input class="button" id="ss-submit" name="submit" type="submit" value="Đặt hàng" /> </label> </td>
                    </tr>
</tbody>
            </table>
</div>
</div>
<div class="simpleCart_items " id="angiohang">
</div>
</form>
<div class="col-lg-12">
<div class="hidden-message alert-box success" style="display: none;">
Cảm ơn quý khách đã đặt hàng! Chúng tôi sẽ sớm liên lạc với quý khách trong thời gian sớm nhất. </div>
</div>
<iframe id="hidden_iframe" name="hidden_iframe" onload="if(submitted){}" style="display: none;"></iframe>
</div>
</div>
<div class="col-md-6">
<div class="widget-item info-contact in-fo-page-content">
<div class="logos text-xs-left">
<a class="logo-wrapper " href="/">   
      <img alt="logo " class="img-responsive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMGehnoG4zbOImj7PJlMo14A8yEI5nN8LeFpQZv7y6LUov9Yp_Zj9jZVjpu0WVtC2InrINpOGsRfBH1a_oRTUaqZLneBb2ixOG4x32iZxi5C50BN_-wAwTlThZGf09-GdjdJnWqWSt_j05/s1600/logo.png" />   
     </a>
                </div>
Thỏa sức mua sắm qua mạng hàng ngàn mặt hàng sách, điện tử, đồ gia dụng, quà tặng, thời trang, làm đẹp &amp; sức khỏe tại Bách Hóa Xanh với giá rẻ hơn và khuyến mãi hấp dẫn<br />
<ul class="widget-menu contact-info-page">
<li><i aria-hidden="true" class="fa fa-map-marker color-x"></i> 111 Lý Thường Kiệt, Phường 2, Quận Gò Vấp, TP. Hồ Chí Minh.</li>
<li><i aria-hidden="true" class="fa fa-phone color-x"></i> <a href="tel:0971539111">0971539111</a></li>
<li><i aria-hidden="true" class="fa fa-envelope-o"></i> <a href="mailto:mailcuaban@gmail.com">mailcuaban@gmail.com</a></li>
</ul>
</div>
</div>
<style>
    .success {
    padding: 14px 23px;
    margin-bottom: 10px;
    background: #49b14d;
    border: 1px solid #222222;
    font-size: 16px;
    font-family: Arial, Helvetica, Sans Serif;
    text-align: center;
    color: white;
    }
   
    .anhien {
        display: none
    }
    .comments{
        display: none
    }
    .box_gio_hang {
        margin: 10px auto;
        border: 1px solid #ddd;
    }
   
    .box_gio_hang h3 {
        background: #d25050;
        color: #fff;
        height: 30px;
        line-height: 30px;
        font-weight: normal;
    }
   
    .box_gio_hang .simpleCart_items {}
   
    .box_gio_hang .itemContainer {
        clear: both;
        overflow: hidden;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }
   
    .itemthumb {
        width: 70px;
        height: 70px;
        float: left;
        margin: 5px;
    }
   
    .itemthumb img {
        width: 100%;
        height: 100%;
        border: 1px solid #ddd;
    }
   
    .box_gio_hang .cartHeaders {
        display: none
    }
   
    .box_gio_hang .itemImage {
        width: 80px;
        float: left
    }
   
    .box_gio_hang .itemName {
        text-align: left;
        margin-left: 80px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 13px;
        margin: 5px 5px 0 5px;
        width: 80%;
    }
   
    .box_gio_hang .itemPrice {
        padding-top: 10px;
        width: auto;
        float: left;
        color: #337ab7;
        padding-right: 7px;
        margin-left: 11px;
        font-size: 15px;
        border-right: 1px solid #ddd;
        margin-right: 6px;
        height: 35px;
    }
   
    .box_gio_hang .itemdecrement {
        padding-top: 7px;
        float: left;
        color: rgb(239, 108, 108);
        font-size: 15px;
        font-weight: bold;
    }
   
    .box_gio_hang .itemPrice::before {
        content: "Đơn giá : ";
        font-size: 15px;
        color: rgb(239, 108, 108);
        font-weight: bold;
    }
   
    .box_gio_hang .itemtotal::before {
        content: "Thành tiền : ";
        font-size: 15px;
        color: rgb(239, 108, 108);
        font-weight: bold;
    }
   
    .box_gio_hang .itemtotal {
        padding-top: 10px;
        float: left;
        color: #337ab7;
        width: auto;
        border-left: 1px solid #e2e2e2;
        padding-right: 10px;
        text-align: left;
        font-size: 14px;
        height: 34px;
        padding-left: 5px;
    }
   
    .box_gio_hang .itemQuantity {
        padding-top: 12px;
        width: auto;
        float: left;
        margin: 0 12px;
        text-align: center;
        color: rgb(239, 108, 108);
        font-weight: bold;
        position: relative;
    }
   
    .box_gio_hang .itemdecrement::before {
        content: "SL : ";
    }
   
    .box_gio_hang .itemincrement {
        padding-top: 9px;
        padding-right: 7px;
        float: left;
    }
   
    .box_gio_hang .itemRemove {
        width: 25px;
        float: right;
        text-align: center;
        padding-top: 10px;
    }
   
    .cart_top .cName {
        width: 300px;
        float: left
    }
   
    .cart_top .cPrice {
        float: left;
        width: 100px
    }
   
    .cart_top .cQuantity {
        float: left;
        width: 145px;
        text-align: center
    }
   
    .cart_top .cTotal {
        width: 120px;
        float: left
    }
   
    .box_gio_hang .itemincrement a,
    .box_gio_hang .itemdecrement a,
    .box_gio_hang .itemRemove a {
        display: inline-block;
        color: #f5f5f5;
        font-weight: bold;
        font-size: 17px;
        background: #d25050;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 3px;
    }
   
    ul.pricing-table {
        background: #fff;
    }
   
    .button,
    a.button {
        height: 25px;
        margin: 0px;
        line-height: 23px;
        width: 70px;
        border-radius: 3px;
        display: inline-block;
        background: #5cb85c;
        padding-bottom: 1px;
        background-image: -moz-linear-gradient(100% 100% 90deg, #CC0000, #F80000);
        text-decoration: none;
        color: #FFF;
        font-weight: bold;
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease;
        border-color: #4cae4c;
    }
   
    li.price {
        text-align: left;
        color: #333;
        padding: 10px;
        font-size: 17px;
    }
   
    li.price::before {
        content: "Tổng tiền phải thanh toán : ";
        color: #333;
    }
</style>