Đ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;}

GO99 – Khi Công Nghệ Giao Diện Người Dùng Làm Nên Sự Khác Biệt

Nếu bạn là một người thường xuyên lướt web hay sử dụng các ứng dụng giải trí trực tuyến, chắc hẳn bạn đã từng ít nhất một lần cảm thấy “bực mình” vì giao diện quá rối, load chậm, hoặc không tối ưu trên điện thoại. Thú thực, mình cũng từng như vậy. Và rồi mình tìm thấy một nền tảng khiến mình phải ngạc nhiên vì sự mượt mà và tinh tế trong từng chi tiết kỹ thuật. Đó là GO99.

Trong thế giới công nghệ số, việc một nền tảng chú trọng đến trải nghiệm người dùng (UX) và giao diện (UI) không còn là điều xa lạ. Nhưng để làm được điều đó một cách xuất sắc, thực sự là một bài toán khó. Bài viết hôm nay, mình sẽ cùng bạn phân tích tại sao GO99 lại trở thành một điểm sáng về công nghệ giao diện, và nó thay đổi cách chúng ta tương tác với nền tảng giải trí trực tuyến như thế nào.

1. Công Nghệ Nền Tảng – Không Chỉ Là Một Trang Web

Điều đầu tiên mình ấn tượng khi trải nghiệm GO99 là tốc độ tải trang. Trong kỷ nguyên mà người dùng sẵn sàng bỏ đi chỉ sau 3 giây chờ đợi, việc tối ưu hiệu năng là yếu tố sống còn. GO99 sử dụng kiến trúc Single Page Application (SPA) kết hợp với kỹ thuật lazy loading thông minh. Điều này có nghĩa là khi bạn truy cập, trang web chỉ tải những gì bạn cần ngay lúc đó, thay vì phải “khuân” cả một kho dữ liệu khổng lồ.

1.1. Tối ưu cho mọi thiết bị

Một điểm cộng lớn khác là khả năng responsive. Dù bạn dùng laptop, máy tính bảng hay điện thoại Android/iOS, giao diện đều tự động co giãn và sắp xếp lại một cách hợp lý. Mình đã thử trên cả Chrome, Safari và Cốc Cốc, kết quả đều rất ổn định. Không có tình trạng chữ bị vỡ, nút bấm chồng chéo hay hình ảnh méo mó. Đây là điều mà không phải nền tảng giải trí nào cũng làm được.

GO99Hình minh hoạ: GO99

2. Trải Nghiệm Người Dùng – “Dễ Dùng” Là Chìa Khóa Vàng

Mình từng có một người bạn than phiền rằng: “Tao không biết bấm vào đâu, nó loạn xạ quá!” – và đó là lúc mình nhận ra, một giao diện đẹp thôi chưa đủ, nó còn phải trực quan. GO99 đã giải quyết vấn đề này một cách xuất sắc bằng cách áp dụng nguyên tắc “Fitts’ Law” trong thiết kế tương tác. Các nút bấm quan trọng được đặt ở vị trí dễ với tay nhất, kích thước vừa phải, màu sắc nổi bật nhưng không lòe loẹt.

2.1. Cá nhân hóa thông minh

Một trong những tính năng khiến mình thích thú nhất là khả năng gợi ý thông minh. Dựa trên lịch sử và hành vi của bạn, hệ thống sẽ tự động điều chỉnh các mục yêu thích, đề xuất những nội dung phù hợp. Điều này không chỉ tiết kiệm thời gian mà còn tạo cảm giác “nền tảng này hiểu mình”. Công nghệ machine learning ở đây được ứng dụng rất khéo léo, không hề lộ liễu như kiểu “bán hàng” mà rất tự nhiên.

GO99

3. Bảo Mật Và Tốc Độ – Hai Yếu Tố Không Thể Tách Rời

Nói về công nghệ mà không nhắc đến bảo mật thì quả là thiếu sót. GO99 sử dụng giao thức SSL/TLS 256-bit, một tiêu chuẩn cao nhất hiện nay. Điều này đảm bảo mọi dữ liệu truyền tải giữa bạn và máy chủ đều được mã hóa, không lo bị đánh cắp thông tin. Bên cạnh đó, hệ thống còn tích hợp tường lửa ứng dụng web (WAF) để chặn các cuộc tấn công DDoS hay SQL injection.

3.1. Tốc độ xử lý giao dịch

Một điểm khác mà mình đánh giá cao là tốc độ xử lý. Với hệ thống máy chủ phân tán (CDN), dù bạn ở đâu, dù vào giờ cao điểm, thao tác đều diễn ra gần như tức thì. Mình đã thử nạp và rút nhiều lần, thời gian xử lý trung bình chỉ dưới 2 phút. Đối với một nền tảng có lượng người dùng lớn, đây là một con số ấn tượng.

4. Giao Diện Đẹp Mắt – “Người Dùng Mua Bằng Mắt”

Không thể phủ nhận rằng ấn tượng đầu tiên luôn là quan trọng nhất. GO99 sử dụng phối màu xanh dương – trắng chủ đạo, tạo cảm giác tin cậy và hiện đại. Các icon được thiết kế tối giản, phong cách flat design, giúp mắt không bị mỏi khi nhìn lâu. Đặc biệt, hiệu ứng chuyển động (micro-interaction) rất mượt mà, như khi bạn rê chuột vào một nút, nó sẽ nhẹ nhàng đổi màu hoặc phát sáng, tạo cảm giác “sống động” nhưng không hề gây khó chịu.

4.1. Tương thích với Dark Mode

Mình là một người khá “nghiện” chế độ tối (dark mode) vì nó tốt cho mắt và tiết kiệm pin. Và thật vui vì GO99 đã hỗ trợ tính năng này một cách hoàn hảo. Bạn có thể bật/tắt chỉ với một nút, và toàn bộ giao diện sẽ chuyển sang tông màu tối, giữ nguyên độ tương phản và dễ đọc.

5. So Sánh Với Các Nền Tảng Khác – Đâu Là Khác Biệt?

Trên thị trường hiện nay có rất nhiều nền tảng tương tự, nhưng mình nhận thấy GO99 có một lợi thế cạnh tranh rõ rệt: đó là sự tối ưu hóa cho người dùng phổ thông. Trong khi nhiều nền tảng khác chạy đua về tính năng “khủng”, càng ngày càng phức tạp, thì GO99 lại đi theo hướng “tinh gọn nhưng đầy đủ”. Mọi thứ đều được sắp xếp logic, bạn không cần phải là một chuyên gia công nghệ mới có thể sử dụng thành thạo.

Mình từng thử một vài nền tảng khác, có cái thì đẹp nhưng load chậm, có cái thì nhanh nhưng giao diện “cổ lỗ sĩ”. GO99 là sự kết hợp hiếm hoi giữa tốc độ, thẩm mỹ và tính dễ dùng.

Kết Luận: Công Nghệ Vì Con Người

Qua bài viết này, mình hy vọng bạn đã có cái nhìn rõ hơn về cách mà GO99 ứng dụng công nghệ để mang đến một trải nghiệm tuyệt vời. Không chỉ là một nền tảng giải trí, nó còn là một minh chứng cho thấy: khi công nghệ được đặt đúng chỗ, nó có thể làm cho cuộc sống của chúng ta trở nên dễ dàng và thú vị hơn rất nhiều. 😊

Và mình rất tò mò: Còn bạn, yếu tố nào khiến bạn “kết” một nền tảng công nghệ? Là tốc độ, giao diện hay tính năng? Hãy chia sẻ suy nghĩ của bạn ở phần bình luận nhé! 👇

GO99