Điện Máy & Thiết Bị MiniSmart – Nơi bạn tìm thấy những sản phẩm nhỏ gọn và thông minh

Công thức món ăn

}0,500;0,700;1,400&display=swap"); @font-face { font-family: 'VL Bebas Neue'; src: url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.eot"); src: url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.eot?#iefix") format('embedded-opentype'), url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.woff2") format('woff2'), url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.woff") format('woff'), url("https://minismart.net/wp-content/themes/thietkewebwordpress/fonts/VLBebasNeueBold.ttf") format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } #footer {color: #333} .home .menu-all-site > .menu {display: block;} .row {margin-left: -10px;margin-right: -10px} .row > div {padding-left: 10px;padding-right: 10px;} .col-md-3:nth-child(4n+1) , .col-md-6:nth-child(2n+1) , .col-md-4:nth-child(3n+1){clear:both;} .footer-main li{list-style: none;padding-bottom: 5px;} .sidebar li{padding: 5px 0} .sidebar {margin-bottom: 20px;} .footer-main li a{display: block;padding: 5px 0;font-weight: normal;color: #333;} .footer-main li a:before{content: "\f0da";font: normal normal normal 14px/1 FontAwesome; padding-right: 5px;} body{font-family: 'Cabin', sans-serif;}:;font-family: 'Roboto', sans-serif; .n2:nth-child(2n+1){clear: left;} .n3:nth-child(3n+1){clear: left;} .n4:nth-child(4n+1){clear: left;} .n5:nth-child(5n+1){clear: left;} .product-content ul{padding-left: 20px;} .product-content ul li{list-style: inside} .logo img {max-height: 58px;width: auto;} .n6:nth-child(6n+1){clear: left;} #comments{margin: 20px auto;} #wpd-post-rating{margin-bottom: 20px;} #wpdcom .wpd-thread-list{padding: 20px 0;} .p20{padding: 20px 0} .screen-reader-text { display: none;} #back-top { position: fixed; bottom: 30px; right: 30px; z-index: 9999;} #back-top .fa {border-radius: 3px; width: 30px; height: 30px; background: #000; color: #fff; font-size: 14px; text-align: center; opacity: 0.4; line-height: 30px;} #back-top .fa:hover{opacity: 1;background: #003057} .tagged_as{font-weight: 700;padding: 6px 0;border-top: 1px solid #ddd;border-bottom: 0px solid #ddd;margin: 10px 0} .tagged_as a{ font-size: 12px; color: #666; background: #f1f1f1; margin: 3px; display: inline-block; float: none;font-weight: 500; padding: 3px 7px; border-radius: 3px;} .head.navbar-fixed-top { animation: stuckMoveDown .6s; background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,0.15); } @keyframes stuckMoveDown { 0%{transform:translateY(-100%)} 100%{transform:translateY(0)} } @keyframes stuckMoveUp { 0%{transform:translateY(100%)} 100%{transform:translateY(0)} } @keyframes stuckFadeIn { 0%{opacity:0} 100%{opacity:1} } .breadcrumbs{ padding: 10px 0;background: #f5f5f5;} .breadcrumbs .slash{margin: 0 7px;} .breadcrumbs .home .fa{font-size: 18px;} a{transition: all 300ms ease-in-out;} .container{} .row10{margin: 0 -10px;} .row5{margin: 0 -5px} .row10 >div{padding: 0 10px;} .row5 >div{padding: 0 5px} .center{text-align: center;} .left{text-align: left;} .right{text-align: right;} .bold{font-weight: bold;} .uppe{text-transform: uppercase;} .flex{display: flex;align-items: center;flex-wrap: wrap;} /* 'row-reverse' Dùng cho trường hợp đảo trái phải phần tử con */ .row-reverse{flex-direction: row-reverse;} .table_cell{display: table;} .table_cell>div{display: table-cell;} .supports{ position: fixed; right: 0; background: #fffe; border-radius: 5px; width: auto; z-index: 150; bottom: 20%; padding: 10px 0; border: 1px solid #f2f2f2;} .supports ul{list-style: none;margin: 0;} .supports ul li a{ border: none; padding: 3px; display: block; border-radius: 5px; text-align: center; font-size: 10px; line-height: 15px; color: #515151; font-weight: 700; max-width: 72.19px; max-height: 54px; text-decoration: none;} .supports ul li a .icon{width: 36px;height: 36px;display: block;background-repeat: no-repeat;background-size: contain;margin: 0 auto;background-position: center center} .supports ul li a .icon_local{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_map.svg");} .supports ul li a .icon_zalo{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_zalo.svg");} .supports ul li a .icon_call{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_click_to_call.svg");} .supports ul li a .icon_mess{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/Messenger.svg");} .supports ul li a .icon_sms{background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/widget_icon_contact_form.svg");} .modal-content { border: none; box-shadow: none; border-radius: .5rem; position: relative; background-color: #fff; background-clip: padding-box; outline: 0;} .modal-header { background-color: #045d2d; color: #fff; padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px;} .modal-header .modal-title { position: relative; min-height: 44px; font-weight: 400; font-size: 18px; line-height: normal; margin: 0; line-height: 44px; color: #fff;} button.close { position: absolute; right: 15px; top: 30px; color: #fff; opacity: 1;} .pop_box input[type=submit] { background-color: #045d2d; color: #fff;margin-bottom: 0 margin-top: 15px;} .modal-dialog{margin: 80px auto 0} .btn, input[type="submit"] { display: inline-block; height: 40px; line-height: 39px; padding: 0 20px; text-align: center; white-space: nowrap; outline: none!important; cursor: pointer; border: none; font-weight: 400; border-radius: 0; letter-spacing: 0; -webkit-transition: background-color .1s ease-in; -moz-transition: background-color .1s ease-in; -ms-transition: background-color .1s ease-in; -o-transition: background-color .1s ease-in; transition: background-color .1s ease-in; -webkit-border-radius: 0; border-radius: 0;} input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], textarea, select { border: 1px solid #e1e1e1; padding: 7px 10px; width: 100%;margin-bottom: 10px; max-width: 100%; display: block;} input[type='button'] { position: relative; display: inline-block; background-color: transparent; text-transform: uppercase; -ms-touch-action: none; touch-action: none; cursor: pointer; font-weight: bolder; text-align: center; color: currentColor; text-decoration: none; border: 1px solid transparent; vertical-align: middle; border-radius: 0; margin-top: 0; margin-right: 1em; text-shadow: none; padding: 0 1.2em; max-width: 100%; transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s; text-rendering: optimizeLegibility; box-sizing: border-box;} .woocommerce-product-details__short-description {padding-bottom: 20px;} .woocommerce-product-details__short-description ul{padding-left: 20px;} .woocommerce-product-details__short-description ul li{list-style: inside;padding-bottom: 2px;} .buttons_added input {width: 45px; border: 1px solid #777; margin: 0; height:45px; display: inline-block; vertical-align: middle; padding: 0 10px;} .devvn-popup-title{height: auto;padding: 10px;background: #045d2d;} .popup-customer-info-group .devvn-order-btn{background: #045d2d;} .woocommerce .quantity .qty { width: 50px; display: inline-block; text-align: center; height: 45px;} .sidebar .widget_nav_menu li a:hover{padding-left: 10px;} .sidebar .widget_nav_menu li a{display: block;padding: 5px 0;font-weight: bold;border-bottom: 1px solid #ddd;} .woocommerce div.product p.price, .woocommerce div.product span.price {color: red} .woocommerce #reviews #comments h2 { clear: none; text-align: left; font-weight: 700; padding: 10px 0;} .woocommerce div.product form.cart .button{float: none} .mfp-content .devvn-popup-quickbuy a.devvn_buy_now_style{display: none;} .woocommerce .star-rating span .rating {display: none} .woocommerce .woocommerce-product-rating .star-rating span::before{top: 2px;color: #f5a623} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #045d2d; color: #fff; -webkit-font-smoothing: antialiased; border-radius: 0;} a.devvn_buy_now_style{display: block;margin-top: 20px;} .woocommerce .star-rating span {top: -5px;} .devvn_review_mid .star-rating span::before {top: 2px !important;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ border: 1px solid #ddd;padding: 7px;} .image-product{position: relative;} .woocommerce a.remove { width: 30px; height: 22px; position: relative; transition: opacity 200ms; vertical-align: top; display: block; -webkit-appearance: none; background: none; border: none; cursor: pointer; outline: none; padding: 0; text-indent: -9999px; } .woocommerce a.remove:before, .woocommerce a.remove:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat; left: 8px; position: absolute; right: 8px; top: 2px; display: inline-block; content: ''; } .woocommerce a.remove:before{ height: 6px; transform-origin: -7% 100%; -moz-transform-origin: -7% 100%; -webkit-transform-origin: -7% 100%; transition: transform 150ms; -moz-transition: transform 150ms; -webkit-transition: transform 150ms; width: 14px; } .woocommerce a.remove:after{ background-position: -1px -4px; height: 12px; margin-left: 1px; margin-right: 2px; margin-top: 4px; width: 11px; } .woocommerce a.remove:hover:before{ transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: transform 250ms; -moz-transition: transform 250ms; -webkit-transition: transform 250ms; } .woocommerce a.remove:hover { background: transparent; } .wp-pagenavi { text-align: center; padding: 20px 0; } .wp-pagenavi a, .wp-pagenavi span { width: 36px; height: 36px; border: 1px solid #666; line-height: 34px; text-align: center; color: #666; display: inline-block; padding: 0 10px; } .wp-pagenavi span.pages, .wp-pagenavi a.last, .wp-pagenavi a.first { width: auto; } .wp-pagenavi span.current, .wp-pagenavi a:hover { background: #666; color: #fff; border-color: #666; } *{margin:0;padding:0;line-height:1.5} a:hover,a:focus,a:visited{text-decoration:none;outline:none} a{text-decoration:none;cursor:pointer;color:#333} img{max-width:100%;border:none;height:auto} p.wp-caption-text{text-align:center} #content_pages{padding-bottom: 30px;} .entry-title{font-size: 24px;margin-bottom: 15px;} .img_single img{width: 100%;height: auto;} .user-meta{color: #000;letter-spacing: 1px;font-size: 12px;text-transform: uppercase;padding-bottom: 20px;background: #ededed;padding: 5px;margin-bottom: 15px;} .logo {padding: 10px 0; } .head-hotline a{display: inline-block; text-align: center; background: #eee; border-radius: 4px; padding: 10px 30px 10px 30px;} .head-hotline a span{display: block;}.head-hotline strong{color: #faa809} .user-meta a{font-weight: 500;} .content-post img{display:block;margin:15px auto} .content-post hr{margin: 10px 0;} .content-post iframe{display: block;margin: 15px auto;} .content-post p{margin-bottom: 10px;} .content-post p img{margin: 0 auto;} .content-post ul,.content-post ol{margin-left: 24px;margin-bottom: 10px;} .content-post table{margin-bottom: 10px;} .content-post h1,.content-post h2,.content-post h3,.content-post h4,.content-post h5,.content-post h6{} .content-post h1{font-size: 22px;} .content-post h2{font-size: 20px;} .content-post h3{font-size: 18px;} .content-post h4{font-size: 16px;} .content-post h5,.content-post h6{font-size: 15px;} .content-post blockquote{ background-color: #E4F0FB; padding: 10px 20px; border: 3px solid #C2DFF9; border-radius: 4px; margin: 10px 0 15px; text-align: justify;font-size: 15px;font-weight: 600;} .content-post blockquote:before{content: ""; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/before.png"); display: block; width: 32px; height: 26px; float: left; margin-right: 20px;} .content-post blockquote:after{ content: ""; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/images/after.png"); display: block; width: 32px; height: 26px; float: right;} .content-post blockquote *{display: inline;} .content-post a{font-weight: 500;color: #33b5e5} .wp-caption.aligncenter{max-width:100%!important} .alignnone{margin:5px 20px 20px 0} .aligncenter,div.aligncenter{display:block;margin:5px auto} .alignright{float:right;margin:5px 0 20px 20px} .alignleft{float:left;margin:5px 20px 20px 0} .aligncenter{display:block;margin:5px auto} a img.alignright{float:right;margin:5px 0 20px 20px} a img.alignnone{margin:5px 20px 20px 0} a img.alignleft{float:left;margin:5px 20px 20px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center} .wp-caption.alignnone{margin:5px 20px 20px 0} .wp-caption.alignleft{margin:5px 20px 20px 0} .wp-caption.alignright{margin:5px 0 20px 20px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;text-align:center;margin:0;padding:0 4px 5px} div.wpcf7 .ajax-loader{position:absolute} .widget-tabs{padding:7px;margin-bottom:0;border:0;list-style:none;margin-left:0;margin-right:0;background-color:#33b5e5;margin-bottom:1.7rem;word-wrap:break-word} .tabs-2 li{width:50%} .nav-tabs .nav-link,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:0;color:#fff} .nav-tabs .nav-item.active .nav-link,.nav>li>a:focus,.nav>li>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(255,255,255,0.2);color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px} .widget-content .single-post:last-of-type{border-bottom:none} .widget-tabs-content .img img{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);width:100%} #back-top{display:none} .widget-content .single-post { padding-bottom: 12px; border-bottom: 1px #efefef dotted; padding-top: 12px; } .widget-content .single-post h3.title { font-size: 14px; margin-bottom: 2px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .widget-tabs-content h3.title{font-weight:400;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#424242;font-size:16px} .widget-tabs-content h3.title a{color:#424242} .text-muted{color:#636c72;display:block;margin-top:10px;font-size:14px;font-weight:400} .widget-content .single-post .text-muted { font-size: 12px; color: #666; margin-top: 0; font-weight: 300; } .form-group{margin-bottom:18px;position:relative} .form-group .input{} .form-group input[type='email'],.form-group input[type='date'],.form-group input[type='search'], .form-group input[type='number'], .form-group input[type='text'], .form-group input[type='tel'], .form-group input[type='url'], .form-group input[type='password'], .form-group textarea,.form-group select{margin: 0;outline: none;padding: 10px 12px;border: 1px solid #8c6e4a;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);color: #333;transition: color .3s, border .3s, background .3s, opacity .3s;} .form-group input[type='email']:focus,.form-group input[type='date']:focus,.form-group input[type='search']:focus, .form-group input[type='number']:focus, .form-group input[type='text']:focus, .form-group input[type='tel']:focus, .form-group input[type='url']:focus, .form-group input[type='password']:focus, .form-group textarea:focus,.form-group select:focus{box-shadow: 0 0 5px #ccc;} .form-button input[type="submit"] {color: #fff;text-transform: uppercase;font-size: 16px;background: #8b6e4b;transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;} .form-button input[type="submit"]:hover{box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);} .woocommerce-product-search{position: relative;} .woocommerce-product-search input.search-field{width: calc(100% - 35px);float: left;outline: none;margin: 0;height: 46px;line-height: 44px;padding: 0 10px;border: 1px solid #8c6e4a;font-size: 13px;} .woocommerce-product-search button{color: #fff;font-size: 16px;line-height: 46px;background: #8b6e4b;width: 35px;float: left;text-align: center;border: none;outline: none;transition: all .3s} .woocommerce-product-search button:hover{background: #6f583c} .wpcf7-form-control-wrap{position:initial} .wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px} .wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px} .wpcf7 .wpcf7-validation-errors{display:none!important} .owl-carousel .owl-dots{text-align: center;margin-top: 10px;} .owl-carousel .owl-dots > *{display: inline-block;zoom: 1;} .owl-carousel .owl-dots .owl-dot{outline: none;background: none;} .owl-carousel .owl-dots .owl-dot span {width: 11px;height: 11px;border: 1px solid #869791;border-radius: 50%;margin: 0 5px;display: block;} .owl-carousel .owl-dots .owl-dot.active span{background: #fff;border-color: #fff;} .owl-carousel .owl-nav button{position: absolute;top: 50%;transform: translateY(-50%);outline: none;background: none;} .owl-carousel .owl-nav button .fa{width: 36px;height: 36px;border: 1px solid #869791;border-radius: 50%;line-height: 34px;text-align: center;} .owl-carousel .owl-nav button span{display: block;height: 50px;line-height: 40px;font-size: 45px;width: 50px;color: #fff;text-align: center; border-radius: 50%; font-family: -webkit-body;} .owl-carousel .owl-nav button.owl-prev span{ color: #333} .owl-carousel .owl-nav button.owl-next span{color: #333} .owl-carousel .owl-nav button.owl-prev{left: 0;} .owl-carousel .owl-nav button.owl-next{right: 0;} .slider_home .owl-dots{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);} .sidebar .widget:not(:last-child){margin-bottom: 20px;} .item_header h3 {font-size: 20px;margin: 0;color:#faa809; } .item_header h3 span {padding: 5px 10px;border: 1px solid} .header_menu ul {margin: 0;background-color: #faa809;} .header_menu ul > li > ul >li:nth-child(1) {width: 100%;} .header_menu ul > li > ul > li >a {font-size: 17px;} .header_menu ul > li > ul > li >a:hover {color: #faa809; } .title_pro h2 a {color:#faa809;color: #333;} .title_pro h2 { color: #343e48 !important; text-transform: uppercase !important; font-family: "VL Bebas Neue" !important; font-weight: 500 !important; font-size: 28px !important;text-align: center;} .title_pro {border-bottom: 0px solid#ddd; margin-bottom: 15px; } .introduce_home {padding: 30px 0;background: #eee;} .box_slider-dt .item img{position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; max-height: 60px; width: 110px !important;} .border-top{border-top: 1px solid #ddd} .box_slider-dt .item {border:0px solid #ddd;padding: 5px;position: relative;height: 80px;background: #fff} .menu_ostp ul li { font-size: 16px; color: #333; } .menu_ostp ul {margin: 0;padding-left: 20px;} .list_content .produc_name h3 a {font-size: 18px; color: #333;text-decoration: revert;} .list_content .produc_name h3 a:hover {color: #faa809; } .list_content .produc_name h3 {margin: 0;margin-bottom: 10px;} .list_content .produc_name {text-align: center;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: bold;} .product-info-view ul {border-bottom: 1px dashed #ddd;padding: 5px 0} .product-info-view li{float: left;} .iconic-woothumbs-all-images-wrap {width: 100%;} .row {margin-left: -10px;margin-right: -10px} .row > div{padding-left: 10px;padding-right: 10px;} .iconic-woothumbs-icon {color: #000} .items {text-align: center;background: #fff; overflow: hidden;margin-bottom: 20px;} .items .img-item {border: 0px solid #e3e3e3;padding: 10px; position: relative;overflow: hidden;} .star-rating {color: #f0ad4e} .items .img-item a{ overflow: hidden; display: block; } .item-product-slider .owl-item > div {padding: 8px;} .items .img-item a img{width: 100%; transition: all 0.5s ease;} div { transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s;} .product-items:hover{-webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%); box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);} .items:hover .img-item a{transform: scale(1.1)} .items .sale-flash {display: none; font-weight: 700; position: absolute; top: 5px; left: 20px; z-index: 9; color: #fff; height: 30px; width: 45px; font-size: 12px; text-align: center; line-height: 30px; background-color: red;} .items .sub-item h3 { padding-bottom: 10px; font-size: 16px;overflow-y: hidden; color: #333; margin: 0; font-weight: 400; line-height: 1.2;} .items .price {font-size: 18px;} .items .sub-item { border: 0px solid #e3e3e3; padding: 10px 15px; border-top: none;} .text-neww h3 a { padding: 0; color: #333; font-size: 16px; display: block; text-decoration: none;} .text-neww h3 a:hover {text-decoration: none;color: #faa809;} .text-neww h3 {margin: 0;} .text-neww p {margin: 0;} .new-home {padding: 30px 0;} .new-home .capt-text { -webkit-box-shadow: 0 0 10px 3px rgba(68,80,85,.15); box-shadow: 0 0 10px 3px rgba(68,80,85,.15);} .new-home .capt-text .text-neww {padding: 10px 15px;} .new-home .capt-text .text-neww .date{ padding: 5px 0; color: #666; font-size: 13px; font-style: italic;} #footer {background-color: #f7f4ec;padding: 0px 0 0;} .footer-title h3 { font-family: "VL Bebas Neue"; font-size: 22px; margin-bottom: 30px; text-transform: uppercase;} .footer-title { margin-bottom: 10px} .menu-footer ul {margin: 0;} .menu-footer ul li {list-style: none;position: relative;padding: 5px 0;} .menu-footer ul li a:before{content: "\f105";position: absolute;transition: all 300ms ease-in-out; top: 3px;left: 5px;font: normal normal normal 14px/1 FontAwesome;} .menu-footer ul li:hover a:before{left: 10px;} .menu-footer ul li:hover a{padding-left: 25px;font-weight: 600;} .menu-footer ul li a {font-size: 14px;color: #fff;display: block;padding-left: 20px;position: relative;} .menu-footer ul li a:hover {text-decoration: none;} .menu-footer ul li {font-size: 15px;color: #fff;position: relative;} .content-post p {font-size: 16px;} .content-post ul li {font-size: 16px;} .breadcrumbs {margin-bottom: 30px;} .loop-text h3 {margin: 0;font-size: 16px;} .loop-text {margin: 15px 0;} .loop-text p {margin: 0;} .loop-text span {margin: 5px 0; display: block;} .prettyPhotoFrame ul li {list-style: none;} .content-post ul {margin: 0;} .related-posts .related-title {font-size: 17px;font-weight: bold;color: #333;margin-bottom: 10px;} .related-posts li a {font-size: 16px; color: #333;} .related-posts li a:hover {color: #faa809;} .image-product .sale-flash {display: block; font-weight: 700; position: absolute; top: 5px; left: 17px; z-index: 9; color: #fff; height: 40px; width: 40px; font-size: 12px; text-align: center; line-height: 35px; background-color: red;} .image-product img {border: 1px solid#f5f5f5;} .related-products {margin-top: 30px;} .related-products .row .col-md-3:nth-child(4n+1){clear: left;} .woocommerce-ordering , .rating_wrap {display: none;} .woocommerce button.button.alt {background: red;} .woocommerce button.button.alt:hover {background: red;} a.devvn_buy_now_style {background: red;} .sibar_taxo ul li a { padding: 5px 10px; color: #333;position: relative; border: 1px solid#f5f5f5; display: block;padding-left: 25px; font-size: 15px;} .searchform {position: relative;} .searchform .submit-input { position: absolute; right: 0px; top: 0px; padding: 8px 15px; color: #faa809; background: #fff; border: 0px;} #woocommerce_price_filter-2 {margin-top: 30px;} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color:red!important; border: 0; margin: 15px;} .footer-sub {background: #faa809;padding: 10px 0} .footer-social .fa { padding: 10px; font-size: 20px;min-width: 40px; display: inline-block; text-align: center; text-decoration: none; margin: 5px 2px; } .sub-f {color: #fff;position: relative; top: 6px;}.sub-f p{margin-bottom: 0} .sub-f input[type="text"]{width: auto;display: inline-block;margin-left: 15px; background-color: rgba(0,0,0,.2);border:0px;} .sub-f input[type="submit"]{color:#faa809 } .fa:hover { opacity: 0.7; } .fa-facebook { background: #3B5998; color: white; } .fa-twitter { background: #55ACEE; color: white; } .fa-google { background: #dd4b39; color: white; } .fa-linkedin { background: #007bb5; color: white; } .fa-youtube { background: #bb0000; color: white; } .fa-instagram { background: #125688; color: white; } .fa-pinterest { background: #cb2027; color: white; } .fa-snapchat-ghost { background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .fa-skype { background: #00aff0; color: white; } .fa-android { background: #a4c639; color: white; } .fa-dribbble { background: #ea4c89; color: white; } .fa-vimeo { background: #45bbff; color: white; } .fa-tumblr { background: #2c4762; color: white; } .fa-vine { background: #00b489; color: white; } .fa-foursquare { background: #45bbff; color: white; } .fa-stumbleupon { background: #eb4924; color: white; } .fa-flickr { background: #f40083; color: white; } .fa-yahoo { background: #430297; color: white; } .fa-soundcloud { background: #ff5500; color: white; } .fa-reddit { background: #ff5700; color: white; } .fa-rss { background: #ff6600; color: white; } .list_itemhead .item_head{width: calc(100% / 3);float: left;padding-right: 10px; } .list_itemhead .item_head .icon{width: 40px;margin-right: 10px;float: left;} .list_itemhead .item_head p{margin-bottom: 0; overflow: hidden; font-size: 16px; line-height: 1.2; color: #faa809; font-weight: 600;} .list_itemhead .item_head .icon img{width: 40px;height: 40px;} .box_hotline{position: relative;margin-top: 15px;} .box_hotline .item_hot{min-width: 250px; display: inline-block;position: relative; margin: 0 auto;height: 45px;background: #fff;z-index: 9; padding: 5px 0px;border-bottom: 3px solid #faa809; border-top: 3px solid #faa809;} .box_hotline .item_hot a{ font-size: 20px; font-weight: 800; position: relative; color: #faa809; display: inline-block; padding: 0 15px;} .box_hotline .item_hot a:after{ content: '-'; position: absolute; right: -7px; top: 0px;} .box_hotline .item_hot a:last-child:after{display: none;} .box_hotline .hl{position: absolute; display: inline-block; background: #faa809; padding: 3px 10px; color: #fff; left: 50%;height: 27px; transform: translate(-50%, -50%); z-index: 9; top: -10px; text-transform: uppercase;} .box_hotline .hl:before{content: ''; width: 27px; height: 27px; left: -26px; top: 0px; border-top: 27px solid transparent; border-bottom: 0px solid transparent; border-right: 27px solid #faa809; position: absolute;} .box_hotline .hl:after{content: ''; width: 27px; height: 27px; right: -26px; top: 0px; border-top: 27px solid transparent; border-bottom: 0px solid transparent; border-left: 27px solid #faa809; position: absolute;} .box_hotline .item_hot:before{ content: ''; position: absolute; left: -16px; width: 32px; height: 32px; border-left: 3px solid #faa809; border-top: 3px solid #faa809; z-index: 8; top: 3px; transform: rotate(-45deg); transition: transform 150ms ease;} .box_hotline .item_hot:after{ content: ''; position: absolute; right: -16px; width: 32px; height: 32px; border-right: 3px solid #faa809; border-bottom: 3px solid #faa809; z-index: 8; top: 3px; transform: rotate(-45deg); transition: transform 150ms ease;} .box_slider{width: calc(100% - 285px);float: right;} .home_me { padding-bottom: 30px;} .header_menu .menu>li>.sub-menu >li:last-child >a{ border-bottom: none;} .readmore{text-align: right;margin-top: 10px;} .readmore a { color: #fff; border: 2px solid #fff; padding: 5px 20px; background: #faa809; display: inline-block; border-radius: 25px; font-size: 14px;} .readmore a:hover{border: 2px solid #faa809;background: #fff;color: #faa809;} .list_taxo{padding: 30px 0;} .list_taxo .list_content .col-md-3:nth-child(-n + 4) .produc_name{margin-bottom: 30px;} .list_taxo .list_content .produc_name img{width: 100%;height: 165px;object-fit: cover; transition: all 0.5s ease;} .list_taxo .list_content .produc_name a{ overflow: hidden; display: block; text-decoration: none; line-height: 1.2; text-transform: uppercase; min-height: 40px;} .list_taxo .list_content .produc_name:hover a img{transform: scale(1.1);} .device_home{padding: 30px 0;background: #eee;} .row .col-md-3:nth-child(-n + 4) .items{margin-bottom: 20px;} .link-botmen{ height: 40px; display: flex; align-items: center;} .link-botmen a{color: #faa809; font-size: 16px; display: flex; align-items: center; font-weight: 600;} .link-botmen a i{margin-left: 10px;} .copy_right{background: none;padding: 20px 0;margin-top: 15px;} .copy_right p{margin-bottom: 0;color: #fff;} .title_pro .title_pages{ margin: 0; padding: 10px; background-color: #faa809; color: #fff; text-transform: uppercase; display: inline-block; font-size: 17px;} .footer-info {border-top: 1px solid #ddd} .name-title-footer {padding: 10px 0; font-weight: bold; color: #faa809;font-size: 18px;} .copy_right .footer-title{text-align: center;padding: 10px; color: #fff;text-transform: uppercase;font-weight: bold;font-size: 18px;background: #faa809} .title_pro .title_pages span{background-color: #faa809; color: #fff; text-transform: uppercase; display: inline-block; font-size: 17px;} .sibar_taxo .sidebar-title{position: relative; padding-left: 20px;} .sibar_taxo .sidebar-title:before{ content: "\f0c9"; position: absolute; font: normal normal normal 14px/1 FontAwesome; top: 10px; left: 15px; font-size: 18px;} .sibar_taxo ul li a:before{ content: "\f105"; position: absolute; transition: all 300ms ease-in-out; top: 8px; left: 10px; font: normal normal normal 14px/1 FontAwesome;} .sibar_taxo ul li:hover a:before{left: 15px;} .sibar_taxo ul li:hover a{padding-left: 30px;color: #faa809;} .taxo_pro .items{margin-bottom: 30px;} .news_archive .capt-text{margin-bottom: 30px;} .news_archive .row .col-md-4:nth-child(3n+1){clear: left;} .product_title{font-size: 22px;} .sku_pro{padding: 0px 0 10px; border-bottom: 1px solid #666666; margin-bottom: 10px;} .info-product .sale-flash{display: none;} .info-product .price {max-width: 400px;} .info-product .price ins{font-size: 22px;font-weight: bold;} .info-product .price {margin-bottom: 20px;} .content-post ul{padding-left: 15px;} .image-product .sale-flash{display: none;} .woocommerce div.product form.cart div.quantity{float: left;} .woocommerce div.product form.cart .variations label:before{content: "Chọn ";} .woocommerce div.product form.cart .button ,.p-h-b{ float: none; display: block; width: 100%; background: #faa809; padding: 0px 10px; margin-top: 15px; font-size: 16px; color: #fff; text-transform: uppercase; margin-bottom: 0; /* height: 45px; */ line-height: 45px; /* padding: 0 15px; */ display: block;}.c-ht span{ position: absolute; top: -3px; background: #faa809; border-radius: 50%; width: 20px;color: #fff; height: 20px;} .c-ht{float: left; margin-right: 15px; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; color: #333; position: relative; top: 5px;} .woocommerce div.product form.cart .button:hover , .p-h-b:hover { color: #fff} .p-h-b {background: #14689a !important} a.devvn_buy_now_style span{display: none;} a.devvn_buy_now_style { float: none; display: block; width: 100%; border-radius: 0; padding: 12px;background: #faa809; margin-top: 15px; font-size: 18px; text-transform: uppercase; margin-bottom: 0; height: 45px;} .product-info ul li { display: flex; align-items: center; padding: 10px 15px; }.product-info ul li:nth-child(2n+1) { background-color: #f7f4ec; }.product-info ul li span { display: block; width: 225px; } .devvn-popup-title{background: #faa809;} .popup-customer-info-group .devvn-order-btn{background: #faa809;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #faa809;} .new-home .capt-text .img_new img{width: 100%;height: 170px;object-fit: cover;} .bdr{border-right: 1px solid #eee;padding-right: 30px;} .cnt_pro{padding: 15px 0;background: #fff;} .tab-head li a { padding: 10px 5px; display: block; background-color: #f4f3ef; color: #343e48; text-transform: uppercase; font-family: "VL Bebas Neue"; font-weight: 500; font-size: 22px; line-height: 1; }.tab-head li { padding: 0px 2px; width: 25%; float: left;list-style: none !important; text-align: center; } .sidebar-pro.sidebar .widget{border:0px;padding: 0} .woocommerce-products-header__title{border-bottom: 0px !important} .items .sub-item{padding: 10px;position: relative;padding-bottom: 50px;} .items .sub-item:hover .btn{background: #faa809;color: #fff} .product-items .price ins {display: block;} .product-items .price del{float: none;} .items .sub-item .btn {position: absolute;left:0px;bottom: 0px;width: 100%;background: none;color: #333;border:0px;border-top: 1px solid #ddd;font-weight: bold;text-transform: uppercase;} @media(max-width:768px) { .product-cat-home-child {position: relative;} .product-cat-home-child a{margin-bottom: 5px;} .cam-ket .container {padding-left: 15px;} .cam-ket .col-md-2{float: left;width: 33.3%} .cam-ket .col-md-2:nth-child(3n+1){clear:both;} .box_slider{width: 100%;} .logo_mb img{height: auto; max-width: 45%;} .header-mobile{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);} .introduce_home{padding: 20px 0;} .introduce_home .menu_ostp{padding: 15px 0;} .readmore{text-align: center;} .list_content .produc_name h3 a{font-size: 16px;} .list_taxo .list_content .produc_name img{height: 120px;} .list_taxo .list_content .col-md-3:nth-child(-n+4) .produc_name{margin-bottom: 20px;} .list_taxo .list_content .produc_name{margin-bottom: 20px ;} .row .col-md-3:nth-child(-n+4) .items{margin-bottom: 20px;} .items{margin-bottom: 20px;} .link-botmen{display: none;} .device_home{padding: 20px 0 0;} .title_pro{margin-bottom: 20px;} .items .sub-item{padding: 10px;position: relative;} .items .sub-item .btn {position: absolute;left:0px;bottom: 0px;width: 100%} .items .sub-item h3{font-size: 14px;} .new-home .capt-text{margin-bottom: 20px;} #footer{padding: 25px 0 0;} .menu-footer{margin-bottom: 20px;} .row .col-md-4:nth-child(2n+1){clear: left;} .new-home {padding: 20px 0;} .entry-title{margin-bottom: 0;} .related-products .row .col-md-3:nth-child(4n+1){clear: none;} .related-products .row .col-md-3:nth-child(2n+1){clear: left;} .home_me {padding-bottom: 0} .n3:nth-child(2n+1){clear: left;} .n3:nth-child(3n+1){clear: none;} .n5:nth-child(2n+1){clear: none;} .n5:nth-child(2n+1){clear: left;} #sticker .hotline .text b{color:#045d2d;font-size:16px} #sticker .lang{border-top:1px solid #045d2d;padding:12px 15px;text-transform:uppercase} .bg-red{background-color:#faa809} .cl-red{color:#045d2d} #sticker-wrapper{width:310px;max-width:100%;background:rgba(255,255,255,.9);height:100%;border:none;z-index:1;left:-100%;display:block;position:relative;padding:0 0 50px;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;margin:0} #touch-menu .touch-menu-inner,#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{background-color:#888;position:absolute;width:24px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:5px} .container{width:100%;padding:0 10px;} .row{margin: 0 -10px} .row>div{padding: 0 10px;} iframe{width: 100%} .menu-main{display:none} .header-top{height:3px} .content-header{padding: 5px 0;} .content-header.head.navbar-fixed-top{border-bottom: 1px solid #000} .fixed{position:fixed!important;z-index:1000000;width:100%;background:#fff;top:0;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.1);box-shadow:0 2px 7px 0 rgba(0,0,0,.1)} .num-hl{font-size:18px;font-weight:700} #sticker{width:100%;height:100%;left:0;top:0;z-index:999;visibility:hidden;opacity:0;position:fixed} #sticker.opened{visibility:visible;opacity:1;transition:ease-in-out .3s} #sticker .container{padding:0} #sticker-overlay{opacity:0;visibility:hidden;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out} #sticker.opened #sticker-wrapper{left:0} #sticker.opened #sticker-overlay{opacity:1;visibility:visible} #sticker .tbl,#sticker .tbl-cell{display:block;width:100%} #sticker .sticker-header{width:100%;} #sticker .sticker-header .title{font-size:20px;line-height:75px;text-transform:uppercase;color:#fff;padding:0 50px 0 20px;background: #333;} #sticker .sticker-header .close-menu{width:40px;height:40px;line-height:40px;position:absolute;right:5px;top:17px;cursor:pointer;text-transform:uppercase} #sticker .sticker-header .close-menu:before,#sticker .sticker-header .close-menu:after{width:18px;height:2px;position:absolute;left:50%;top:50%;margin:-1px 0 0 -9px;content:"";background:#fff} #sticker .sticker-header .close-menu:before{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} #sticker .sticker-header .close-menu:after{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} #sticker .sticker-body{max-height:calc(100% - 136px);overflow:auto;padding: 10px;} #sticker .search{padding: 10px;background: #333;border-top: 1px solid #aaa;} #sticker .search form{position:relative} #sticker .search form input{width:100%;height:40px;line-height:40px;padding:0 30px 0 15px;background-color:#fff;border:none;outline:none!important;margin-left:0;margin-bottom: 0;} #sticker .search form button{position:absolute;top:7px;right:10px;background:none!important;color:#666;outline:none!important;border:none;font-size:20px;padding:0} #sticker ul.main-menu{display:block;float:none!important;padding:0;margin:0} #sticker .main-menu > li{display:block;border-bottom:1px solid #aaa;padding:0;position:relative;width:100%} #sticker .main-menu > li > a{line-height:14px;padding:11px 45px 11px 5px;display:block;text-align:left;font-weight:400;font-size:14px;text-transform:capitalize} #sticker #sticker-wrapper .main-menu li {position: relative;} #sticker #sticker-wrapper .main-menu li > .fa{position:absolute;right:0;top:0;line-height:39px;width:39px;text-align:center;cursor:pointer;margin:0;font-size:12px;display:block;} #sticker ul.main-menu > li ul{position:static;transform:none;width:100%;padding-left:10px;margin-left:0;background-color:transparent;display:none;margin-bottom:10px} #sticker ul.main-menu > li ul:after{display:none} #sticker ul.main-menu > li ul > li{border-bottom:none;list-style:none;margin-bottom:5px} #sticker ul.main-menu > li ul > li > a{border-bottom:none;padding:7px 10px 7px 20px;} #sticker .sticker-footer{position:absolute;bottom:0;left:0;width:100%;background-color:#333;color:#fff} .sticker-footer .hotline{color:#2d2d2d;text-transform:uppercase;background-color:rgba(0,0,0,0);border:1px solid#fff;padding:7px;text-align:center;border-radius:20px;margin:5px 20px;background-color:#fff} .sticker-footer .hotline a{color:#2d2d2d;font-size:18px;font-weight:700} #sticker .hotline .text{min-height:34px;line-height:34px;background:url("https://minismart.net/wp-content/themes/img/hotline-icon.png") 3px 4px no-repeat;white-space:nowrap;padding:0 10px 0 40px;background-color:#fff!important;border-radius:34px} #sticker .hotline .text span,#sticker .main-menu > li.hotline .text b{display:inline-block;font-weight:600} #sticker .hotline .text span{color:#5d5d5d;text-transform:uppercase;font-size:16px;font-weight:700;margin-bottom:0;padding-right:5px} #touch-menu,.cart_mb{width:30px;height:30px;cursor: pointer; line-height: 30px;text-align: center;border-radius: 4px;background: #faa809;color: #fff;display: inline-block;} .cart_mb{position: relative;float: right;} .cart_mb .count{width: 16px;height: 16px;background: #f00;color: #fff;font-size: 10px;line-height: 16px;text-align: center;position: absolute;top: -5px;right: -5px;border-radius: 50%;} .flex,.flex_al{display: block;} .columns-3,.columns-4,.columns-5,.columns-6{grid-template-columns: repeat(2,1fr);grid-column-gap: 10px;grid-row-gap: 10px;} .columns-2{grid-template-columns: repeat(1,1fr);grid-column-gap: 10px;grid-row-gap: 10px;} .supports{padding: 5px 0 8px;} .supports ul li{width: 20%;float: left;} .supports{width: 100%;bottom: 0;left: 0;border-radius: 0;background: #fff;} #back-top{bottom: 80px;} .supports ul li a .icon_call{width: 54px;height: 54px;background-color: #6cb917;border: 2px solid white;background-size: 27px;border-radius: 50%;margin-bottom: 4px;} .supports ul li.icon_mb{position: relative;top: -23px;} .logo_mb img{height: 60px;} .content-header .container>.row{display: flex;align-items: center;} .content-post{font-size: 14px;} .content-post h1{font-size: 20px;} .content-post h2{font-size: 18px;} .content-post h3,.content-post h4{font-size: 16px;} .content-post h5,.content-post h6{font-size: 14px;} } .button_home{color: #fff;font-weight: 400; z-index: 1; box-shadow: 0 0 15px rgba(0,0,0,.1);text-transform: uppercase; display: inline-block; position: relative; overflow: hidden; font-size: 14px;padding: 0 25px;line-height: 36px; border: 1px solid #ed3126; background: 0 0; letter-spacing: 1px; transition: color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);} .button_home:before{position: absolute; content: ""; display: block; left: -2px; top: 0; right: -2px; bottom: 0; transform: scale(1,1); transform-origin: left center; z-index: -1; background: #ed3126; transition: transform .45s cubic-bezier(.785,.135,.15,.86),-webkit-transform .45s cubic-bezier(.785,.135,.15,.86);} .button_home:hover:before{transform: scale(0,1); transform-origin: right center;} .links_home{display: inline-block;line-height: 52px;padding: 0 15px;min-width: 260px;font-size: 15px;color: #fff;text-align: center;background-color: rgba(34,34,34,0.7); border-right: 1px solid #f21d54; border-left: 1px solid #40bde6;transition: all .2s;position: relative;} .links_home:before{top: 0;background: -webkit-linear-gradient(left, #40bde6 0%, #354aff 60%, #f21d54 100%); } .links_home:after{bottom: 0; background: -webkit-linear-gradient(left, #40bde6 0%, #354aff 40%, #f21d54 100%);} .links_home:after,.links_home:before{content: "";display: block;width: 100%;height: 1px;position: absolute;left: 0; transition: all .2s;} .links_home:hover{color: #fff;background-color: rgba(255, 255, 255, .2);border-right: 1px solid #40bde6; border-left: 1px solid #f21d54;} .links_home:hover:before{ background: -webkit-linear-gradient(left, #f21d54 0%, #354aff 60%, #40bde6 100%);} .links_home:hover:after{ background: -webkit-linear-gradient(left, #f21d54 0%, #354aff 40%, #40bde6 100%);} h1,h2,h3,h4,h5,h6{margin-top: 0} .h10{height: 10px;display: block;} .h20{height: 20px;display: block;} .h30{height: 30px;display: block;} .h40{height: 40px;display: block;} .h50{height: 50px;display: block;} .h60{height: 60px;display: block;} .img img{width: 100%;height: auto;object-fit: cover;} .box_hidden{height: 300px;overflow-y: scroll;padding-right: 10px;} .box_hidden::-webkit-scrollbar{ width: 8px;background-color: #F5F5F5;} .box_hidden::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #154589;} .box_hidden::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5;} .header_menu { background-color: #faa809;} .header_menu ul{list-style: none;margin: 0;} .header_menu .menu li{position: relative;} .header_menu .menu>li{} .header_menu .menu .sub-menu{position: absolute;z-index: 99;background: #fff;width: 280px; padding: 0; box-shadow: 0 3px 5px rgba(0,0,0,0.3);padding: 0px 0;transition: all .3s;display: none;} .header_menu .menu>li>a{display: block; text-transform: none;font-size: 16px;color: #333;padding: 10px 15px !important;font-weight: normal;border-bottom: 1px solid #f6f6f6} .header_menu .menu>li:hover>a,.header_menu .menu>li.current-menu-item>a{color: #faa809;height:auto;background:#f9f9f9;} .items .img-item:hover .kt-v {display: block;} .kt-v { z-index: 3333; top: 50%; left: 50%; transform: translateX(-50%); transform: translate(-50%,-50%);position: absolute;background: #fff;color: #333;padding: 15px;display: none} .header_menu .menu>li:hover > .sub-menu{display: block;} .header_menu .menu>li.menu-item-has-children>a:after{content: "\f0d7"; font-family: FontAwesome; font-size: 20px; margin-left: 10px;} li{list-style: none} .cam-ket li span{ width: 34px; height: 33px; display: block; margin: 0 auto 5px; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/img/bgbosch.png"); background-repeat: no-repeat; background-position: -105px -51px;} .cam-ket {margin-top: 20px;margin-bottom: 10px;} .owl-nav-top.owl-carousel .owl-nav button.owl-prev {top: -55px; right: 45px;line-height: 34px; left: auto;border:0px solid #ddd; background: #fff;} .home {background: #fff} .owl-nav-top.owl-carousel .owl-nav button.owl-next {top: -55px;background: #fff;border:0px solid #ddd;line-height: 34px;} .title_pro {position: relative;}.owl-nav-top.owl-carousel .owl-nav button.owl-prev span ,.owl-nav-top.owl-carousel .owl-nav button.owl-next span {background: none;color: #333;} .owl-nav-top.owl-carousel .owl-nav button span {width: 40px;height: 40px;line-height: 40px;font-size: 30px;} .product-cat-home-child {position: absolute;right: 0px;top: 5px;} .product-cat-home-child li {float: left;} .product-cat-home-child li a{display: inline-block;padding: 5px 10px;background: #ededed;color: #333;margin-left: 5px;margin-bottom: 5px;} .product-cat-home-child li a:hover{ background: #faa809;color: #fff} .best-product-slider .owl-item > div{padding: 10px;} .list-da-item li:nth-child(2) ,.post-meta{ color: #767676; display: inline-block; position: relative; margin-bottom: 10px; font-size: 16px;} .list-da-item li:nth-child(2):after ,.post-meta:after{ content: ''; height: 1px; width: 35px; background-color: #faa809; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 20px);} .list-da-item li:nth-child(1) a{display: block;overflow: hidden; height: 175px;margin-bottom: 15px;border-radius: 8px;} .list-da-item img{width: 100%;margin-bottom: 15px;object-fit: cover; object-position: center;} .list-da-item {margin-bottom: 15px;} .head-search .search-input {background: rgba(0,0,0,.2);border:0px;} .list-da-item li:nth-child(3) a{display: block;padding-bottom: 10px;font-weight: bold;font-size: 16px;} .header_menu .menu>li>.sub-menu{top: 0%;left: 100%;font-size: 13px;transform-origin: 0 0;} .header_menu .menu>li>.sub-menu li>.sub-menu{top: 0;left: 100%;transform: scaleX(0); transform-origin: 0 0;} .header_menu .menu>li>.sub-menu li>a{color: #6a6a6a;display: block;padding:10px 20px;} .header_menu .menu>li>.sub-menu li.menu-item-has-children>a:after{content: "\f0da";font-family: FontAwesome;font-size: 12px;float: right;} .header_menu .menu>li>.sub-menu li:hover>a{color: #faa809;} .header_menu .menu>li>.sub-menu >li>a{ font-weight: 500; border-bottom: 1px solid #ddd;position: relative; font-size: 15px;} .header_menu {padding-top: 10px;} .menu-all-site{position: relative;z-index: 333;} .menu-all-site > .menu{display: none;position: absolute;top: 100%;left: 0px;background: #fff;padding: 0px; border: 1px solid #e9e9e9;width: 100%; box-shadow: 0 1px 8px rgb(0 0 0 / 8%);} .menu-all-site > span{display: block;background: #fff;color: #333;text-transform: uppercase;font-weight: bold;padding: 12px 10px;cursor: pointer;} .menu-all-site > span > i {float: right;position: relative;top: 3px;} .header_menu .menu>li>.sub-menu >li>a:before{ content: "\f105"; position: absolute; transition: all 300ms ease-in-out; top: 13px; left: 10px; font: normal normal normal 14px/1 FontAwesome;} .head-top { background-color: #f6f6f6;padding: 10px 0} .head-top span {font-weight: bold;color: #ff0000} .header_menu .menu>li>.sub-menu >li:hover >a:before{left: 15px;} .header_menu .menu>li>.sub-menu >li:hover >a{padding-left: 25px;} .menu-main-top {padding-top: 5px;} .product-info-view.p20 {padding-bottom: 0} .menu-main-top .menu{text-align: center;} .menu-main-top .menu > li{display: inline-block;} .menu-main-top li a{display: block;padding: 10px 10px; ;font-weight: bold;text-transform: uppercase; color: #343e48; font-family: "VL Bebas Neue"; font-size: 18px;} .header_menu .menu li:hover>.sub-menu{opacity: 1;visibility: visible;} .header_menu .menu>li:hover>.sub-menu{ transform: scaleY(1);} .header_menu .menu>li>.sub-menu li:hover>.sub-menu{transform: scaleX(1);display: block;} .header_menu .menu>li.menu_3>.sub-menu{width: 660px;padding-left: 10px;padding-right: 10px;} .header_menu .menu>li.menu_3>.sub-menu>li{width: calc(100% / 3);float: left;margin: 5px 0;} .header_menu .menu>li.menu_3>.sub-menu>li>a{text-transform: uppercase;} .header_menu .menu>li.menu_3>.sub-menu>li>a:after{display: none;} .header_menu .menu>li.menu_3>.sub-menu>li .sub-menu{position: initial;visibility: visible;opacity: 1;box-shadow: none;padding: 0;border: none;transform: scaleX(1);} table.variations {} .value.woo-variation-items-wrapper > a {position: absolute;right: 0px;} .value.woo-variation-items-wrapper {position: relative;} .woocommerce div.product form.cart .variations label { font-weight: 700; text-align: left; color: #333; float: left; font-size: 15px; padding: 0px;} .item_news>div{vertical-align: middle;} .item_news{margin-bottom: 20px;position: relative;} .item_news .img{width: 40%;} .item_news .info{padding-left: 20px;padding-right: 20px;} .item_news .img img{height: 220px;} .item_news .info .capt{font-size: 17px;font-weight: 600;} .item_news .info .capt:after{content: "";height: 2px;width: 30px;display: block;margin: 10px 0;background: rgba(0,0,0,0.1);} .item_news .date{position: absolute;width: 44px;height: 44px ;transition: all .3s; border: 2px solid #8b6e4b;background: #fff;color: #8b6e4b;text-align: center;padding: 5px 0;left: -8px;top: 15px;} .item_news .date span{display: block;line-height: 1;font-size: 12px;} .item_news .date span.day{font-size: 16px;} .item_news:hover .date{background: #8b6e4b;color: #fff;} .item_pro {text-align: center;position: relative;} .item_pro .info .capt{font-size: 14px;margin-bottom: 0;letter-spacing: 0.7px;font-weight: normal;text-transform: capitalize;} .item_pro .info .capt a{color: #777;} .item_pro .info{padding-top: 12px;} .item_pro .info .price{font-size: 13px;} .item_pro .info .price del{font-size: 12px;} .item_pro .sale-flash{display: block; font-weight: 700; position: absolute; top: 5px; left: 0; z-index: 9; color: #fff; height: 40px; width: 40px; font-size: 12px; text-align: center; line-height: 35px; background-color: red;} .item_pro .img{position: relative;overflow: hidden;} .item_pro .img .img-2 {opacity: 0;position: absolute;top: 0;left: 0;transition: all .5s;transform: translate(-50px, -50px);} .item_pro:hover .img .img-2{opacity: 1; transform: translate(0);} .item_pro .img .option_cart {position: absolute;right: 15px;bottom: 10px;} .item_pro .img .option_cart a{width: 32px;height: 32px;position: relative;left: 20px; background: #faeae2;border-radius: 50%;line-height: 32px;text-align: center;display:flex;align-items: center;margin-bottom: 5px;opacity: 0;visibility: hidden;} .item_pro .img .option_cart a img{width: 14px;margin: 0 auto;display: block;} .item_pro:hover .img .option_cart a{opacity: 1;visibility: visible;left: 0;} .item_pro .img .option_cart a:hover{background: #e9e9e9;} .rating_wrap{margin-bottom: 2px;} .rating_wrap:after{content: "\f005\f005\f005\f005\f005";font-family: FontAwesome;color: #ffc120;display: block;letter-spacing: 4px;} .price{font-weight: 600;color: #d33;} .price del{margin-right: 5px;font-weight: normal;opacity: .8;color: #545454;font-size: 13px;} .price ins{text-decoration: none;} .sidebar-title ,.entry-title ,.related-posts .related-title{color: #343e48 !important; text-transform: uppercase !important; font-family: "VL Bebas Neue" !important; font-weight: 500 !important; font-size: 28px !important; border-bottom: 1px solid #d6d8db;} .sidebar-title span{} .sidebar ul,.sidebar-pro ul{list-style: none;margin: 0;} .widget_recent_entries li{list-style: inside} .sidebar .widget,.product-categories,.sidebar .woocommerce-widget-layered-nav-list{padding: 12px;background: #fff;border: solid 1px #e5e6ec;} .product-categories>li{border-top: 1px solid #ececec;display: block;} .product-categories>li:first-child{border-top: none;} .product-categories>li>a{padding: 6px 0;display: inline-block;flex: 1;font-size: 16px;} .product-categories li>.children{margin: 0 0 10px 5px;padding: 12px;border: solid 1px #e5e6ec;display: none;} .product-categories li>.children li>a{display: inline-block;padding: 3px 0;} .product-categories li>.fa{float: right;width: 20px;height: 20px;margin: 8px 0;line-height: 20px;text-align: center;cursor: pointer;font-size: 18px;} .product-categories >li>.children li>.fa{font-size: 16px;margin: 3px 0;} .product-categories >li>.children .children{padding: 5px 8px;} .product-categories li.current-cat >.children,.product-categories li.current-cat-parent >.children{display: block;} .product-categories li.current-cat>.fa,.product-categories li.current-cat-parent>.fa{transform: rotate(-180deg);} .sidebar .woocommerce-widget-layered-nav-list {margin: 0 !important} .sidebar .viewed_box .item {padding: 5px 0 8px;} .sidebar .viewed_box .item .thumbnail{float: left;width: 70px;margin-bottom: 0;} .sidebar .viewed_box .item .info{float: left;width: calc(100% - 70px);padding-left: 15px;} .sidebar .viewed_box .item .info .capt{font-size: 16px;margin-bottom: 5px;} .sidebar .viewed_box .item .info .capt a{line-height: normal;} .sidebar .viewed_box .item .info .price{font-size: 16px;} .sidebar .viewed_box .item .info .price del{font-size: 13px;} .sidebar .price_fillter li{padding: 0 5px !important;margin-bottom: 5px !important;} .sidebar .price_fillter li a{display: inline-block;padding:0 0 0 25px !important;position: relative;} .sidebar .price_fillter li a:before { content: ''; font-size: 12px; color: #222; width: 15px; height: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ddd; display: inline-block; margin-right: 5px; font-family: FontAwesome; position: absolute; top: 50%; left: 0; margin: 0; margin-top: -7.5px; } .sidebar .price_fillter li a:active:before,.sidebar .price_fillter li a:focus:before,.sidebar .price_fillter li a:hover:before,.sidebar .price_fillter li a.chosen:before{content: '\f00c';font-size: 12px;line-height: 15px;text-align: center;font-family: FontAwesome;} body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover{opacity: 1;color: #e5007f} .sidebar .price_fillter li a:active:before,.sidebar .price_fillter li a:focus:before,.sidebar .price_fillter li a:hover:before,.sidebar .price_fillter li a.chosen:before,body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li.chosen a::before{color: #e5007f;border-color: #e5007f;} .rm_button{text-align: center;margin: 30px auto 20px;position: relative;} .rm_button:before { content: ''; position: absolute; height: 60px; left: 0; right: 0; background: linear-gradient(transparent, #fff); bottom: 57px; } .header_main {background: #fff} .rm_button span{display: inline-block;padding: 8px 20px;border-radius: 5px;color: #fff;font-size: 15px;text-transform: uppercase;cursor: pointer;background: #e5007f} .quick-contact span { padding: 0 0 0 28px; }.quick-contact span:before { content: ""; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; background-color: #faa809; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/img/footer-sprite.png"); background-repeat: no-repeat; }.footer-info {padding-bottom: 50px;} .footer-support {position: fixed; bottom: 0; background-color: #faa809; height: 50px; left: 0; right: 0; padding: 10px 0 10px; color: #fff; transition: all .4s ease-out; z-index: 1000; opacity: .9;}.quick-contact .address span:before { height: 17px; background-position: center 0; }.quick-contact .email span:before { background-position: center -17px; }.quick-contact .phone span:before { background-position: center -33px; }.quick-contact li{position: relative;} .footer-support li{display: inline-block;padding: 0 15px;} .footer-top .footer-top-item { margin-right: 90px; }i.icon { width: 25px; height: 25px; background-image: url("https://minismart.net/wp-content/themes/thietkewebwordpress/img/basspro-sprite-icons-v01.svg"); background-size: 1000%; }.footer-top .footer-top-item i { margin-right: 10px; }i.icon.icon-comment { background-position: 480px 160px; display: block; background-size: auto; width: 40px; height: 40px; }i.icon.icon-envelope { background-position: 600px 120px; display: block; background-size: auto; width: 40px; height: 40px; }i.icon.icon-phone { background-position: 480px 120px; display: block; background-size: auto; width: 40px; height: 40px; }.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }.footer-top { padding: 20px 0px; }.border-bottom { border-bottom: 1px solid #d6d8db; } .container { max-width: 1300px; }.footer-top .footer-text-item h3 { font-family: "VL Bebas Neue"; margin-bottom: 0px; font-size: 22px; } @media (min-width: 1300px){ .container { width: 1300px; } } .footer-top h3{font-size: 18px;margin: 0} .footer-main { padding: 30px 0px;} .footer-bottom-top ul li { margin-right: 20px; display: inline-block; vertical-align: middle; } .footer-bottom-top h2{ font-family: "VL Bebas Neue"; font-size: 22px; margin-bottom: 30px; text-transform: uppercase;margin: 0} .footer-bottom-top { padding: 20px 0px; } .footer-bottom-top ul { margin-left: 20px; }.footer-bottom-main { padding: 10px 0px; }.footer-bottom-main p{margin-bottom: 0} .header-top ul li { display: inline-block; margin-right: 30px; }.header-top { padding: 15px 0px; border-bottom: 1px solid #d6d8db; }.header-top i { margin-right: 5px; }.header-top p.payment { margin-left: 50px; }.header-top p.payment a { color: #faa809; } .head-search .searchform{float: left;max-width: 250px;overflow: hidden;border:1px solid #ddd;border-radius: 20px;margin-right: 20px;} .head-search .search-input {background: #fff;border-radius: 20px;margin-bottom: 0} .head-search .searchform .submit-input{top: 1px;} .bg-title {} .position-relative { position: relative; }.banner-page img { height: 190px; width: 100%; object-position: center; object-fit: cover; display: block; }.position-center-auto { position: absolute; top: 50%; transform: translateY(-50%); }.banner-page h2 { font-size: 60px; font-family: "VL Bebas Neue"; color: #fff; font-weight: 500; }.right-0 { right: 0; } .left-0 { left: 0; } .form-contact .wpcf7{padding: 30px 30px 50px; background-color: #f6f6f6;} .woocommerce div.product .product_title {font-size: 38px; margin-bottom: 10px;} .sku_pro {display: none} .price del {float: right;font-size: 16px;} .quantity.buttons_added:before{content: 'Số lượng:';padding-right: 10px;} .flr {float: right;} .featured-product { position: relative;margin-top: 50px; margin-bottom: 150px; } .featured-product .backgound { width: 100%; height: 432px; object-fit: cover; object-position: center center; position: absolute; top: 160px; left: 0; right: 0; } .featured-product .product-items { -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%); box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%); } .main-banner { height: 385px; background-position: center center; background-size: cover; position: relative; }.main-banner .content { background-color: #261100; position: absolute; top: 53%; transform: translateY(-50%); z-index: 999; text-align: center; padding: 35px 80px; }.main-banner .content h2 { text-transform: uppercase; font-size: 100px; font-family: "VL Bebas Neue"; color: #fff; text-align: center; line-height: 1; font-weight: 500; }.main-banner .content h3 { color: #fff; line-height: 1; text-align: center; font-size: 70px; font-family: "VL Bebas Neue"; font-weight: 500; margin-bottom: 20px; }.main-banner .content .title-top-banner { position: absolute; top: -10px; }.main-banner .content h4 { text-transform: uppercase; color: #fff; font-size: 18px; text-align: center; position: relative; display: inline-block; margin-bottom: 15px; position: relative; }.btn-secondary { display: inline-block; text-transform: uppercase; color: #fff; border: 1px solid #fff; padding: 11px 28px; font-weight: 500; } .our-services-wrapper { background-color: #102537; } .our-services .grid-item { height: 405px; }.our-services .grid-item img.img-right { height: 100%; object-position: center center; object-fit: cover; position: absolute; right: 15px; bottom: 0; top: 0; width: auto; }.position-center-auto { position: absolute; top: 50%; transform: translateY(-50%); }.our-services .grid-item h2 { font-weight: 500; font-family: "VL Bebas Neue"; color: #fff; font-size: 32px; margin-bottom: 20px; position: relative; }.our-services .grid-item p { color: #fff; font-size: 16px; line-height: 1.6; }.our-services .grid-item img.img-left { height: 100%; object-position: center center; object-fit: cover; position: absolute; left: -15px; bottom: 0; top: 0; width: auto; }.our-services .grid-item h2:before { content: ''; height: 1px; width: 50px; background-color: #faa809; position: absolute; top: -20px; left: 0; } @media(max-width: 768px){.footer-sub ,.footer-support {display: none} .flr {float: none;} .product-cat-home-child {position: relative;} .items .sub-item {padding-bottom: 50px !important; } .list-da-item img { float: left; width: 150px; margin-right: 15px; margin-top: 8px; } } html,body{margin:0;padding:0;min-height:100%;} #wow-uhb-root{min-height:100vh;} #wow-uhb-root a.wow-uhb-disabled-link{cursor:default;}

XOSO66 mang đến trải nghiệm mượt mà trên mọi thiết bị, từ PC đến điện thoại di động: Phân tích chuyên sâu hành trình người dùng

XOSO66 mang đến trải nghiệm mượt mà trên mọi thiết bị, từ PC đến điện thoại di động: Phân tích chuyên sâu hành trình người dùng

Khi công nghệ phát triển, ranh giới giữa việc sử dụng máy tính để bàn và thiết bị cầm tay đang dần xóa nhòa, đòi hỏi các nền tảng số phải thích nghi linh hoạt. Trong bối cảnh đó, khả năng vận hành ổn định không chỉ là yêu cầu tối thiểu mà còn là tiêu chuẩn sống còn. Bài phân tích này tập trung vào XOSO66 mang đến trải nghiệm mượt mà trên mọi thiết bị, từ PC đến điện thoại di động, xem xét cách hệ thống xử lý các điểm chạm giao diện, độ trễ mạng và sự thích ứng của bố cục trong các kịch bản sử dụng thực tế.

3 phát hiện quan trọng về hiệu năng đa nền tảng

Trước khi đi vào chi tiết từng thành phần kỹ thuật, có ba khía cạnh nổi bật cần được ghi nhận ngay từ giai đoạn tiếp cận ban đầu. Những phát hiện này dựa trên quy trình kiểm tra tính nhất quán của hệ thống:

  1. Tính nhất quán của bố cục (Layout Consistency): Hệ thống duy trì cấu trúc thông tin tương đồng dù người dùng chuyển đổi giữa màn hình rộng và màn hình hẹp. Các yếu tố điều hướng quan trọng không bị ẩn giấu hoặc biến mất một cách ngẫu nhiên, giúp người dùng giữ được ngữ cảnh sử dụng.
  2. Tối ưu hóa tải tài nguyên tĩnh: Việc giảm thiểu thời gian chờ đợi ban đầu (Initial Load Time) được chú trọng qua việc nén các tệp hình ảnh và mã hóa dữ liệu. Điều này trực tiếp tác động đến cảm giác “mượt mà” khi thực hiện các thao tác chuyển trang liên tục.
  3. Phản hồi tức thì của giao diện (UI Responsiveness): Mỗi lần chạm hoặc click đều tạo ra phản hồi thị giác rõ ràng. Sự chậm trễ trong việc hiển thị trạng thái bấm nút hoặc kết quả tìm kiếm được hạn chế ở mức thấp nhất, đảm bảo luồng suy nghĩ của người dùng không bị đứt gãy.
XOSO66Hình minh hoạ: XOSO66

Đánh giá ấn tượng ban đầu và khả năng thích ứng

Chuyển đổi giữa các độ phân giải màn hình

Một trong những thách thức lớn nhất của phát triển web hiện đại là đảm bảo giao diện không bị vỡ hoặc méo mó khi thay đổi kích thước cửa sổ trình duyệt. Khi truy cập vào XOSO66, cơ chế responsive design hoạt động bằng cách điều chỉnh lại các cột nội dung và thanh công cụ dựa trên chiều rộng viewport.

Trên máy tính cá nhân (PC), không gian hiển thị rộng cho phép trình bày nhiều thông tin cùng lúc. Bảng kết quả, lịch sử giao dịch và các tỷ lệ cược có thể được sắp xếp theo dạng lưới đa cột, giúp người dùng so sánh dữ liệu nhanh chóng nhờ chuột và con trỏ chính xác. Ngược lại, trên điện thoại di động, sự giới hạn về chiều ngang buộc hệ thống phải thực hiện các thao tác “gấp gọn” (collapsing). Thanh menu thường chuyển thành dạng hamburger menu hoặc thanh điều hướng cố định ở dưới cùng (bottom navigation bar) để tối ưu vùng chạm ngón tay cái.

Quá trình chuyển đổi này diễn ra liền mạch. Không xuất hiện hiện tượng cuộn ngang (horizontal scrolling) không mong muốn – một lỗi phổ biến trên các website kém tối ưu. Các phần tử như form nhập liệu hay danh sách thả xuống (dropdown) tự động mở rộng全屏 trên di động để tránh lỗi che khuất nội dung do bàn phím ảo.

Hiệu suất tải và tiêu thụ tài nguyên thiết bị

Trải nghiệm mượt mà không chỉ nằm ở giao diện đẹp mà còn ở tốc độ phản hồi. Khi kết nối Wi-Fi hoặc 4G/5G, các bước tải trang đầu tiên cần hoàn tất trong vài giây. Hệ thống sử dụng kỹ thuật lazy-loading cho các hình ảnh minh họa và video, nghĩa là chỉ tải dữ liệu khi chúng xuất hiện trong vùng nhìn thấy của người dùng.

Bên cạnh đó, việc quản lý bộ nhớ đệm (cache) trên trình duyệt đóng vai trò quan trọng. Những lần truy cập sau đó sẽ ít phụ thuộc vào băng thông mạng hơn nhờ các tệp tĩnh đã được lưu trữ cục bộ. Điều này đặc biệt hữu ích khi người dùng di chuyển đến khu vực có sóng không ổn định. Tuy nhiên, cần lưu ý rằng các thiết bị cũ với RAM hạn chế vẫn có thể gặp tình trạng giật lag nếu mở quá nhiều tab cùng lúc, đây là giới hạn phần cứng chứ không phải do phần mềm nặng.

Tiêu chí đánh giá Trên PC / Laptop Trên Điện thoại di động
Cách tương tác Chuột, bàn phím, độ chính xác cao Cảm ứng vuốt/chạm, vùng chạm lớn
Bố cục nội dung Nhiều cột, hiển thị toàn景, scroll dọc Một cột, gấp gọn menu, scroll dọc/thẳng
Tốc độ phản hồi UI Gần như tức thì, phụ thuộc CPU PC Nhịp nhàng, phụ thuộc vào chip di động
Khả năng chịu lỗi Dễ dàng sao lưu/cập nhật qua USB Phụ thuộc vào dung lượng bộ nhớ điện thoại
XOSO66

Trải nghiệm tính năng核心 và dòng chảy người dùng

Tính năng tra cứu và hiển thị dữ liệu

Dữ liệu là huyết mạch của bất kỳ nền tảng nào liên quan đến xổ số. Trên cả hai thiết bị, khả năng lọc và tìm kiếm kết quả được duy trì với độ trễ thấp. Người dùng có thể chọn khung giờ, ngày tháng hoặc mã địa phương để lấy thông tin.

Trên PC, bảng dữ liệu thường có chức năng hover (di chuột) để phóng to chi tiết mà không làm xáo trộn dòng chữ. Trên di động, do không có chuột, thông tin chi tiết thường hiển thị ngay khi chạm nhẹ hoặc chuyển sang một màn hình mới chuyên biệt. Cách tiếp cận này đảm bảo người dùng không bị mất dữ liệu gốc khi xem chi tiết.

Một điểm đáng chú ý là tính năng cập nhật realtime. Khi kết quả đang được mở, trang web sử dụng WebSocket hoặc các kỹ thuật kéo dữ liệu nhẹ để tránh việc người dùng phải nhấn F5 (tải lại trang). Việc này tiết kiệm dữ liệu di động và giảm thiểu rủi ro trùng lặp lệnh gửi đi trong trường hợp người dùng bấm nút nhiều lần do không thấy phản hồi.

Quy trình giao dịch và bảo mật đa nền tảng

Mặc dù bài viết này không đi sâu vào khía cạnh tài chính, nhưng trải nghiệm đăng nhập và xác thực người dùng cũng là một phần của sự “mượt mà”. Cơ chế Single Sign-On (SSO) hoặc remember-me giúp người dùng không phải gõ lại mật khẩu khi chuyển từ máy tính văn phòng sang điện thoại cá nhân.

Vấn đề ma sát thường gặp trên di động là việc nhập mật khẩu dài hoặc mã OTP. Giao diện trên smartphone được tối ưu kích thước ô nhập liệu vừa vặn với bàn phím ảo, tự động chuyển sang bàn phím số khi hệ thống phát hiện trường dữ liệu là mã. Ngoài ra, các biện pháp bảo mật như xác thực hai yếu tố (2FA) cũng hoạt động trơn tru, không gây gián đoạn nghiêm trọng cho luồng đăng nhập.

Cảnh báo rủi ro: Khi sử dụng trên thiết bị công cộng hoặc điện thoại chung, người dùng nên luôn đăng xuất sau khi selesai sử dụng để tránh lộ thông tin phiên làm việc (session hijacking). Tính năng tự động đăng xuất sau thời gian không hoạt động (idle timeout) cũng là một cơ chế bảo vệ người dùng hiệu quả.

XOSO66

Hành trình hỗ trợ và các rủi ro kỹ thuật tiềm tàng

Chất lượng kênh hỗ trợ khách hàng

Khi phát sinh vấn đề kỹ thuật, ví dụ như trang load chậm hoặc lỗi hiển thị hình ảnh, khả năng tiếp cận bộ phận hỗ trợ là yếu tố quyết định sự hài lòng. Kênh chat trực tuyến (Live Chat) thường được tích hợp dưới dạng widget nổi ở góc màn hình.

  • Trên PC: Hộp chat mở rộng cho phép dán hình ảnh screenshot để báo lỗi chi tiết, hỗ trợ tốt cho việc debug từ đội kỹ thuật.
  • Trên Di động: Hộp chat có thể thu nhỏ hoặc mở fullscreen tùy theo tình huống. Một nhược điểm nhỏ là việc chụp màn hình và gửi kèm file đôi khi phức tạp hơn do quy trình chia sẻ file trên iOS hoặc Android khác nhau.

Thời gian phản hồi trung bình thường phụ thuộc vào tải vụ tại thời điểm đó, nhưng cơ chế tự động trả lời (chatbot) sơ bộ giúp giải quyết ngay các thắc mắc phổ biến về truy cập, giảm áp lực lên nhân viên tư vấn.

Ma sát và rủi ro khi sử dụng đa thiết bị

Dù hệ thống đã rất tinh gọn, người dùng vẫn có thể đối mặt với một số rào cản vật lý hoặc môi trường:

  1. Ánh sáng và khả năng đọc: Sử dụng trên điện thoại ngoài trời nắng mạnh có thể khiến nội dung khó đọc do độ tương phản màu sắc chưa đủ cao so với môi trường xung quanh. Đây là hạn chế về phần cứng màn hình hơn là phần mềm.
  2. Ngón tay che khuất nội dung (Finger Blocking): Khi thao tác trên màn hình nhỏ, đầu ngón tay thường che khuất vị trí bấm nút hoặc kết quả hiển thị. Các nhà phát triển thường khắc phục bằng cách thêm padding (lề đệm) xung quanh các nút bấm quan trọng.
  3. Sự ngắt quãng của kết nối: Chuyển đổi từ Wi-Fi sang 4G hoặc ngược lại có thể gây tạm ngưng kết nối websocket. Nếu người dùng đang trong quá trình thao tác nhạy cảm, việc mất kết nối đột ngột có thể dẫn đến sai lệch trạng thái phiên. Cần kiểm tra kỹ kết quả cuối cùng trước khi thoát ứng dụng.
XOSO66

Khuyến nghị và Hướng dẫn tối ưu hóa trải nghiệm

Để khai thác tối đa lợi thế của việc truy cập đa thiết bị, người dùng nên tuân thủ các nguyên tắc sau nhằm đảm bảo sự ổn định và an toàn:

Danh sách kiểm tra (Checklist) trước khi bắt đầu phiên sử dụng

  • Kiểm tra phiên bản trình duyệt: Đảm bảo Chrome, Safari hoặc Firefox đã được cập nhật phiên bản mới nhất để hỗ trợ đầy đủ các chuẩn CSS và JavaScript hiện đại.
  • Xóa bộ nhớ cache định kỳ: Đối với người dùng lâu năm, việc dọn dẹp cookie và cache trên cả PC và điện thoại giúp tránh lỗi hiển thị giao diện cũ sau khi hệ thống nâng cấp.
  • Sử dụng mạng riêng tư: Hạn chế thực hiện các thao tác quan trọng trên mạng Wi-Fi công cộng không có mật khẩu, vì nguy cơ nghe lén dữ liệu là có thật.
  • Đặt giới hạn ngân sách: Dù trải nghiệm có mượt đến đâu, đây vẫn là một hoạt động giải trí. Hãy thiết lập một mức chi tiêu cố định cho mỗi phiên và tuyệt đối không vượt quá nó. Công cụ hỗ trợ trách nhiệm xã hội (nếu có) nên được tận dụng để khóa tài khoản tạm thời nếu cần thiết.

Lựa chọn thiết bị phù hợp theo mục đích

Mỗi thiết bị có thế mạnh riêng. PC/Laptop phù hợp cho việc nghiên cứu dữ liệu, soi cầu, phân tích xu hướng dài hạn nhờ khả năng hiển thị toàn cảnh và multitasking (chạy song song nhiều ứng dụng). Trong khi đó, Điện thoại di động là công cụ lý tưởng cho việc cập nhật nhanh, tra cứu kết quả tức thì khi di chuyển và hưởng thụ sự tiện lợi,随时随地 (bất cứ lúc nào, ở đâu).

Kết luận lại, sự thành công của việc chuyển đổi số không nằm ở việc có mặt trên nhiều nền tảng, mà là ở chất lượng đồng nhất giữa các nền tảng đó. Với cam kết về tốc độ tải nhanh, giao diện thích ứng thông minh và quy trình tương tác trực quan, việc tiếp cận thông tin trở nên dễ dàng hơn bao giờ hết. Tuy nhiên, người dùng始终 (luôn) cần tỉnh táo, hiểu rõ giới hạn kỹ thuật và ưu tiên sức khỏe, tài chính cá nhân上做 việc.

Như vậy, hành trình từ PC đến smartphone không còn là rào cản mà là lợi thế, cho phép người dùng nắm bắt thông tin chủ động, nhanh chóng và an toàn trong kỷ nguyên số.

XOSO66