<style> 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; width: 47%; margin: 10px; font-size: 13px; background: #fff; padding: 5px; } .post.hentry { margin: 10px; } .content-muangay { width: 100%; height: 100%; } .left-muangay { width:35%;float:left } .box_gio_hang {display:none} .checkout { float: left; width: 60%; 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%; } .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; } .checkout .button { padding: 0 20px; } .general__title h2 { font-size: 18px; font-weight: bold; font-family: 'Roboto', sans-serif; color: #252525; border-bottom: 3px solid #ff5c01; display: inline-block; text-transform: uppercase; padding: 10px 0 7px; margin-bottom: 15px; } .item-info { position: relative; padding-left: 30px; color: #555555; line-height: 22px; font-size: 14px; font-family: Arial; margin: 8px 0 10px; } .item-info__icon { position: absolute; left: 0; top: 0; } .item-info__icon .fa-map-marker { color: #fff; width: 22px; height: 22px; line-height: 22px; text-align: center; background: #ff5c01; } .item-info address { line-height: 22px; } .item-info__icon .fa-mobile, .item-info__icon .fa-envelope { background: #898989; color: #fff; width: 22px; height: 22px; line-height: 22px; text-align: center; font-size: 18px; } </style> <br />
<script> $(function() { $(".City").change(function() { var id = $(this).val(); //alert(id); $.ajax({ url: '/Cart/ChangeCity/' + id, success: function (result) { $(".Districts").html(result); } }); }) }) </script><br />
<form action="https://docs.google.com/forms/d/e/1FAIpQLSfr0q6keoPcv2lYallfPk8DaIiZRPzlT_bHjljNJ_ude1gtOg/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 />
<div class="node">
* Vui lòng nhập đầy đủ thông tin để chúng tôi giao hàng được chính xác, cảm ơn!</div>
<table cellpadding="0" cellspacing="0" class="muangay" style="width: 96%;"> <tbody>
<tr> <td colspan="2"><input aria-label="Họ và tên" aria-required="true" class="ss-q-short" dir="auto" id="entry_399509565" name="entry.399509565" placeholder="Tên đầy đủ của bạn (*)" required="" title="" type="text" value="" /> </td> </tr>
<tr> <td colspan="2"><div class="node">
* Địa chỉ nhận hàng</div>
<input aria-label="Số nhà, đường, (tòa nhà), phường/xã… (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_1075678063" name="entry.1075678063" placeholder="Số nhà, đường, (tòa nhà), phường/xã… (*)" required="" title="" type="text" value="" /> </td> </tr>
<tr> <td colspan="2"><input aria-label="Số điện thoại (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_1500763087" name="entry.1500763087" placeholder="Số điện thoại (*)" required="" title="" type="text" value="" /> </td> </tr>
<tr> <td colspan="2"><input aria-label="Email (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_1140947493" name="entry.1140947493" placeholder="Email (*)" required="" title="" type="text" value="" /> </td> </tr>
<tr> <td colspan="2"><div class="node">
* Tổng Đơn hàng</div>
<textarea aria-label="Tổng đơn hàng" readonly="readonly" class="ss-q-long" cols="0" dir="auto" id="entry_2010230860" name="entry.2010230860" placeholder="Tổng đơn hàng" rows="8"></textarea> </td> </tr>
<tr> </tr>
<tr> <td colspan="2"><label> <input class="button" id="ss-submit" name="submit" type="submit" value="Gửi" /> </label> </td> </tr>
</tbody> </table>
</div>
<div class="left-muangay">
<div class="contact-info">
<div class="general__title">
<h2>
Thông tin liên hệ</h2>
</div>
<div class="item-info">
<div class="item-info__icon">
<i aria-hidden="true" class="fa fa-map-marker"></i> </div>
</div>
<div class="item-info">
<div class="item-info__icon">
<i aria-hidden="true" class="fa fa-map-marker"></i> </div>
<address>
Địa chỉ: Tầng 4, Tòa Hà Nội Group 442 Đội Cấn, Ba Đình, HN</address>
</div>
<div class="item-info">
<div class="item-info__icon">
<i aria-hidden="true" class="fa fa-mobile"></i> </div>
Hotline 1: <a href="tel:(04) 6674 2332">(04) 6674 2332</a><br />
Hotline 2: <a href="tel:1900 6750">1900 6750</a></div>
<div class="item-info">
<div class="item-info__icon">
<i aria-hidden="true" class="fa fa-envelope"></i> </div>
Email: <a href="mailto:support@mobile.com">support@mobile.com</a></div>
</div>
<div class="clear">
</div>
<div class="callout radius box_gio_hang">
<h3>
Thông tin giỏ hàng của bạn</h3>
<div class="simpleCart_items ">
</div>
<ul class="pricing-table">
<li class="price"><span class="simpleCart_finalTotal" style="color: red;"></span></li>
</ul>
</div>
<textarea aria-label="Thông Tin SP " class="ss-q-long valid" cols="0" dir="auto" id="entry_1366343006" name="entry_1366343006" rows="8"></textarea> </div>
</div>
</form>
<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>
<iframe id="hidden_iframe" name="hidden_iframe" onload="if(submitted){}" style="display: none;"></iframe><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> .success { padding: 5px 0; margin-bottom: 10px; background: #E4F1C9; border: 1px solid #A5BD71; font-size: 11px; font-family: Arial, Helvetica, Sans Serif; text-align: center; } .anhien { 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>
Tags