*{margin:0;padding:0} .login_face, .login_gmail, .register_user {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body{color:#000;background:#FFF;font-family:utm_avo;font-size:13px} textarea{font-family:Arial;} ul li{list-style:none} a{text-decoration:none;color:#000} .phantrang{text-align:center;width:100%;float:left;margin-bottom:10px;padding-left:0;padding-top:10px} .phantrang a{width:25px;height:25px;margin:2px;background:#38b04a;color:#FFF;font-weight:700;padding:3px 10px;border-radius:6px} .phantrang span{width:25px;height:25px;margin:3px;background:#000;color:#fff;padding:3px 10px;border-radius:6px} .phantrang li{list-style:none;float:left} .clear{clear:both} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .fgroup_left, .fgroup_left textarea, .fgroup_center, .fgroup_center input, .fgroup_right, .fgroup_right input{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #loading{width:100px;height:100px;position:fixed;z-index:1000} img,iframe{max-width:100%} .box_sizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #mobile_menu{background:center center no-repeat transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);display:block;width:30px;height:30px;display:none} @font-face{font-family:utm_avo;src:url(../font/UTM%20Avo.ttf)} @font-face{font-family:utm_impact;src:url(../font/UTM%20Impact.ttf)} h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit} .noidung img{width:100%!important;height:auto} .noidung table{width:100%!important;height:auto} .container{max-width:1349px;height:auto;margin:0 auto;overflow:hidden;background:#fff} .center{max-width:1200px;height:auto;margin:0 auto;margin-top:10px} .left{width:74.5%;height:auto;float:left} .right{width:290px;height:auto;float:right} @media screen and (max-width:1160px) { .left{width:73%;padding-left:5px} } @media screen and (max-width:1115px) { .left{width:71%;padding-left:5px} } @media screen and (max-width:1060px) { .left{width:70%;padding-left:5px} } @media screen and (max-width:1000px) { .left{width:100%;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .right{display:none} } @media screen and (max-width:500px) { .left{width:100%;padding:0 10px} .title_sanpham{font-size:16px!important} } @media screen and (max-width:400px) { .left{width:100%;padding:0 5px} } #bttop{background:url(../images/top.png) no-repeat;width:46px;height:46px;position:fixed;bottom:2px;right:2px;cursor:pointer;display:none} #top{background:#38B04A;padding: 6px 0;} .top_header{max-width:1200px;margin:auto;color:#fff;font-size:14px} #menu_top a{color:#fff} .header{max-width:1200px;height:auto;margin:0 auto} .div_logo{float:left;width:15%} .div_logo img{width:100%;height:auto} .div_banner{float:left;width:50%;display:block;padding:15px} .div_banner img{width:100%;height:auto} .div_hotline1{float:right;padding:20px 0;width:32%} div.slogan{font-family:utm_impact;color:#38B04A;font-size:20px;margin-top:10px} .hotline1{background:url(../images/phone.png)left no-repeat;font-size:29px;font-family:utm_impact;padding-left:23px;color:#4C4545;float:right} .mxh1{float:right;margin-left:20px} .mxh1 img:hover{opacity:.6} .content_view{padding:20px;border:1px solid rgba(204,204,204,0.44);background:#fff;margin-bottom:20px} @media screen and (max-width:900px) { .div_logo{display:none} .div_banner{width:50%} .div_hotline1{padding:10px 0} } @media screen and (max-width:730px) { .hotline1{font-size:25px} } @media screen and (max-width:680px) { .div_banner{width:45%} } @media screen and (max-width:650px) { .div_banner{width:100%;padding:0;padding-top:5px} .div_hotline1{padding-right:20px;width:100%} } .menu{width:100%;height:auto;margin:0 auto;background:#38B04A} .menu_desktop{max-width:1200px;height:auto;margin:0 auto} .menu_desktop li{float:left;position:relative} .menu_desktop li a{color:#FFF;text-transform:uppercase;display:block;padding:12px 14px;text-indent:25px} .trangchu{background:url(../images/icon_home.png)10% center no-repeat} .trangchu:hover{background:url(../images/icon_home1.png)10% center no-repeat,#fff;color:#38B04A} .active_trangchu{background:url(../images/icon_home1.png)10% center no-repeat,#fff;color:#38B04A!important} .gioithieu{background:url(../images/icon_gioithieu.png)10% center no-repeat} .gioithieu:hover{background:url(../images/icon_gioithieu1.png)10% center no-repeat,#fff;color:#38B04A} .active_gioithieu{background:url(../images/icon_gioithieu1.png)10% center no-repeat,#fff;color:#38B04A!important} .sanpham{background:url(../images/icon_sanpham.png)10% center no-repeat} .sanpham:hover{background:url(../images/icon_sanpham1.png)10% center no-repeat,#fff;color:#38B04A} .active_sanpham{background:url(../images/icon_sanpham1.png)10% center no-repeat,#fff;color:#38B04A!important} .phongthuy{background:url(../images/icon_phongthuy.png)10% center no-repeat} .phongthuy:hover{background:url(../images/icon_phongthuy1.png)10% center no-repeat,#fff;color:#38B04A} .active_phongthuy{background:url(../images/icon_phongthuy1.png)10% center no-repeat,#fff;color:#38B04A!important} .khonggiandep{background:url(../images/icon_khonggiandep.png)10% center no-repeat;text-indent:45px!important} .khonggiandep:hover{background:url(../images/icon_khonggiandep1.png)10% center no-repeat,#fff;color:#38B04A} .active_khonggiandep{background:url(../images/icon_khonggiandep1.png)10% center no-repeat,#fff;color:#38B04A!important} .tintuc{background:url(../images/icon_tintuc.png)10% center no-repeat} .tintuc:hover{background:url(../images/icon_tintuc1.png)10% center no-repeat,#fff;color:#38B04A} .active_tintuc{background:url(../images/icon_tintuc1.png)10% center no-repeat,#fff;color:#38B04A!important} .khuyenmai{background:url(../images/icon_khuyenmai.png)10% center no-repeat} .khuyenmai:hover{background:url(../images/icon_khuyenmai1.png)10% center no-repeat,#fff;color:#38B04A} .active_khuyenmai{background:url(../images/icon_khuyenmai1.png)10% center no-repeat,#fff;color:#38B04A!important} .lienhe{background:url(../images/icon_lienhe.png)10% center no-repeat} .lienhe:hover{background:url(../images/icon_lienhe1.png)10% center no-repeat,#fff;color:#38B04A} .active_lienhe{background:url(../images/icon_lienhe1.png)10% center no-repeat,#fff;color:#38B04A!important} .menu_desktop li ul{display:none;position:absolute;z-index:10;background:#38B04A;width:200px;border-left:1px solid #38B04A;border-right:1px solid #38B04A;border-bottom:1px solid #38B04A} .menu_desktop li ul li{width:100%} .menu_desktop li:hover ul{display:block} .menu_desktop li ul li a{padding:10px 20px;display:block!important;margin-right:0;border-top:1px solid #FFF;text-indent:10px!important} .menu_desktop li ul li:hover a{color:#38B04A;background:#FFF} .menu_desktop li ul li ul{display:none!important;position:absolute;top:0;left:200px;background:#38B04A} .menu_desktop li ul li ul li a{background:#38B04A!important;color:#fff!important} .menu_desktop li ul li ul li:hover a{background:#fff!important;color:#38B04A!important} .menu_desktop li ul li:hover ul{display:block!important} @media screen and (max-width:1220px) { .menu_desktop li a{margin-right:15px} } @media screen and (max-width:1180px) { .menu_desktop li a{padding:15px 10px} } @media screen and (max-width:1100px) { .menu_desktop li a{margin-right:10px} } @media screen and (max-width:1060px) { .menu_desktop li a{margin-right:5px} } @media screen and (max-width:1020px) { .menu_desktop li a{margin-right:0} } @media screen and (max-width:980px) { .menu_desktop li a{padding:15px 5px} } @media screen and (max-width:900px) { .menu_desktop,.menu_chay_fix{display:none!important} .logo_menu{display:block!important} } .logo_menu{display:none} .logo_1{float:left;width:25%;height:62px} .logo_1 img{height:62px;width:100%} .menu_1{width:75px;height:30px;float:right;margin:10px;color:#fff;background:url(../images/sprites-small.png) no-repeat 8px 10px;display:block;border:#aad862 solid 1px;padding:10px 5px 0 35px;font-size:14px;cursor:pointer;position:relative} .div_an{width:100%;height:60px;display:none} .menu_fix{position:fixed;z-index:9;top:0;left:0;right:0} .menu_chay_fix{background:#38B04A;width:100%;height:70px;margin:0 auto;display:none} .menu_chay_fix1{max-width:1200px;height:70px;margin:0 auto} .menu_chay_fix1_logo{width:130px;height:70px;float:left} .menu_chay_fix1_logo img{width:100%;height:70px} .dm_tk{float:left;width:50%;padding-left:50px} .nut_menu111{background:url(../images/menu.png) no-repeat;width:57px;height:35px;cursor:pointer;float:left;margin:17px 15px;position:relative} .nut_menu111:hover{background:url(../images/menu1.png) no-repeat} .keyword11{border-radius:5px;border:1px solid #D0D0D0;font-size:13px;font-style:italic;width:100%;height:30px;padding:0 10px;outline:none;background:url(../images/search.png)95% no-repeat,#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .div_hotline2{float:right;padding:12px 0} .hotline2{background:url(../images/phone2.png)left no-repeat;font-size:29px;font-family:utm_impact;padding-left:30px;color:#fff;float:left} .mxh2{float:left;margin-left:20px} .mxh2 img:hover{opacity:.6} .khung_menu12{border:1px solid #38B04A;position:absolute;top:52px;z-index:11;background:#fff;width:450px;padding:10px;display:none} .khung_menu12 li{float:left;margin-right:20px;width:200px} .khung_menu12 li a{text-transform:uppercase;color:#38B04A;font-size:15px;border-bottom:1px solid #38B04A;padding:3px 0} .khung_menu12 li a:hover{color:red} .khung_menu12 li li{float:inherit} .khung_menu12 li ul{margin-top:10px} .khung_menu12 li li a{text-transform:uppercase;color:#000;font-size:14px;display:inline-block;padding:5px 0} .khung_menu12 li li a:hover{margin-left:15px;transition:all .5s;color:red} .khung_timkiem{float:left;width:65%;margin-left:33px} #frm_search{position:relative;margin:19px 0} #frm_search input[type="submit"]{position:absolute;top:0;right:9px;width:30px;height:30px;background:transparent;border:none;outline:none;cursor:pointer} @media screen and (max-width:1030px) { .khung_timkiem{width:60%} } @media screen and (max-width:990px) { .dm_tk{width:40%} .khung_timkiem{width:50%} } .menu_nho{margin-top:20px;border-top:1px solid #DEDEDE;padding-top:5px} .menu_nho a{display:block;float:left;font-size:13px;margin-right:9px;padding-bottom:3px;color:#093} .menu_nho a:hover{border-bottom:2px solid red} .menu_mobile{width:240px;height:auto;position:absolute;top:-10px;right:-11px;z-index:10;background:#D7D7D7;display:none} .btn_close{display:block;width:40px;height:40px;background:#398844 url(../images/sprites-small.png) no-repeat 12px -870px;position:absolute;top:10px;left:-40px;cursor:pointer} .div_timkiem{padding:10px} .keyword{background:#f0f0f0;border:0;padding:10px 50px 10px 10px;width:151px;height:19px;font-size:14px;color:#666;float:left} .btn_timkiem{display:block;width:39px;height:39px;position:absolute;top:10px;right:10px;background:#38B04A url(../images/sprites-small.png) no-repeat 10px -980px;float:right;cursor:pointer} .menu_ul{overflow-x:hidden;height:310px} .menu_ul ul li{display:block;border-top:#38B04A solid 1px;list-style:none} .menu_ul ul li a{font-size:16px;padding:8px 15px;color:#000;display:block} .menu_ul ul li a:hover{color:#090} .home_trung1{background:url(../images/sprites-small.png) no-repeat 15px -927px;padding-left:47px!important} .ten_spmn{width:65%;float:left} .caret{background:url(../images/sprites-small.png) no-repeat right -754px;float:right;width:15%;padding:8px 0;cursor:pointer} .caret1{background:url(../images/sprites-small.png) no-repeat right -665px} .div_dong_menu{background:#229C34;padding:15px;font-size:14px;color:#fff;display:block;text-align:center;cursor:pointer} .icon{width:20px;height:20px;display:inline-block;background:url(../images/sprites-small.png) no-repeat 0 -880px;vertical-align:middle;padding-left:5px} .menu_ul li ul{background:#BFBFBF;display:none} .menu_ul li li{display:block;padding-left:20px} .captionOrange,.captionBlack{color:#fff;font-size:20px;line-height:30px;text-align:center;border-radius:4px} .captionOrange{background:#EB5100;background-color:rgba(235,81,0,0.6)} .captionBlack{font-size:16px;background:#000;background-color:rgba(0,0,0,0.4)} a.captionOrange,A.captionOrange:active,A.captionOrange:visited{color:#fff;text-decoration:none} a.captionOrange:hover{color:#eb5100;text-decoration:underline;background-color:#eee;background-color:rgba(238,238,238,0.7)} .bricon{background:url(css/slider_responsive/browser-icons.png)} .jssorb01 div,.jssorb01 div:hover,.jssorb01 .av{filter:alpha(opacity=70);opacity:.7;overflow:hidden;cursor:pointer;border:#000 1px solid} .jssorb01 div{background-color:#005aab} .jssorb01 div:hover,.jssorb01 .av:hover{background-color:#C6847E} .jssorb01 .av{background-color:#fff} .jssorb01 .dn,.jssorb01 .dn:hover{background-color:#555} .jssora05l,.jssora05r,.jssora05ldn,.jssora05rdn{position:absolute;cursor:pointer;display:block;overflow:hidden} .jssora05l{background:url(slider_responsive/prev.png) no-repeat} .jssora05r{background:url(slider_responsive/next.png) no-repeat} .jssora05l:hover{background:url(slider_responsive/prev.png) no-repeat} .jssora05r:hover{background:url(slider_responsive/next.png) no-repeat} .jssora05ldn{background-position:-250px -40px} .jssora05rdn{background-position:-310px -40px} .active_tab{color:#0C3!important} .tab_sofa_noithat{width:100%;margin-bottom:20px} .tab_sofa{text-transform:uppercase;color:#7D7A7A;font-size:18px;background:url(../images/sofa.png)left no-repeat;display:block;text-indent:35px;float:left} .tab_sofa:hover{color:#38B04A;cursor:pointer} .tab_noithatgo{text-transform:uppercase;color:#7D7A7A;font-size:18px;background:url(../images/noithat.png)left no-repeat;display:block;text-indent:35px;float:left;margin:0 25px} .tab_noithatgo:hover{color:#38B04A;cursor:pointer} .tab_spbc{text-transform:uppercase;color:#7D7A7A;font-size:18px;background:url(../images/banchay.png)left no-repeat;display:block;text-indent:35px;float:left} .tab_spbc:hover{color:#38B04A;cursor:pointer} .content_tab_noithat,.content_tab_spbc{display:none;display:none1} .product{width:31.7%;height:auto;border:1px solid rgba(204,204,204,0.35);float:left;margin-right:2%;transition:all .5s;margin-bottom:20px} .product:hover{border:1px solid #38B04A;transition:all .5s} .img_trung{width:100%;transition:all .5s} .hinhsp{position:relative;overflow:hidden;width:100%;height:auto} .hinhsp img{height:100%;object-fit:cover} .hinhsp:hover .img_trung{transform:scale(1.1);transition:all .5s;opacity:.8} .chitiet{position:absolute;bottom:0;left:0;background-color:#38B04A;color:#fff;font-size:13px;padding:5px 10px;transition:all .5s} .chitiet:hover{color:#FF0} .giamgia{position:absolute;bottom:0;right:-125px;width:0;height:0;border:125px solid transparent;border-bottom:50px solid rgba(255,0,0,0.91);color:#fff;text-indent:-78px;line-height:74px} .tensp{color:#000;font-size:14px;text-align:center;display:block;padding:4px 2px;margin-top:5px;transition:all .5s;text-transform:uppercase} .tensp:hover{color:#38b04a;transition:all .5s} .size_chatlieu{font-size:14px;color:#7D7272;display:block;padding:2px;text-align:center} .giagoc,.giakhuyenmai{font-size:14px;display:block;padding:2px;text-align:center;color:#868383} .giagoc span,.giagoc1 span{text-decoration:line-through} .show_error{padding:0;margin-top:3px;color:red;font-style:italic;border:none;font-size:13px;margin-bottom:3px} .btn_cart{position:absolute;bottom:0;right:0;background-color:#38B04A;color:#fff;font-size:13px;padding:5px 10px;transition:all .5s;cursor:pointer;border:none;outline:none} fieldset,button{border:none;outline:none} .data-table{width:100%;border:1px solid #f2f2f2} .input_qty{border:1px solid #ccc} .cart-table td .product-image{display:block;width:150px;text-align:center} .cart .page-title .checkout-types li{margin:0 0 5px} .cart .title-buttons .checkout-types{float:right} .cart .title-buttons .checkout-types li{float:left;margin:0 0 5px 5px} .cart .checkout-types .paypal-or{margin:0 8px;line-height:2.3} .cart .totals .checkout-types .paypal-or{clear:both;display:block;padding:8px 55px 0 0;line-height:1;font-size:11px} .cart-table th{padding:2px 10px} .cart-table td{padding:10px;vertical-align:middle} .cart-table .item-msg{margin:5px 0;font-size:11px;font-weight:400;color:#df280a} .cart-table tfoot td{background-color:#f5f5f5} .cart-table tfoot td button.button{background:none} .cart-table tfoot td button.button span{font-size:14px;color:#fff;float:right;margin:5px 12px 12px 0;padding:7px 12px;background:#1bc548;border-bottom:2px solid green} .cart-table .btn-continue{float:left} .cart-table .btn-update,.cart-table .btn-empty{float:right} .cart-table .btn-update{margin-left:10px} .cart-table .item-options{margin:0;padding:5px 0 0} .cart-table .product-name{padding-left:20px;margin:0;font-size:14px;text-align:left} .cart-table .product-name a{color:#333} .cart-table .cart-price{font-size:15px} .cart-table input.qty{padding:5px;color:#444443;width:5em!important;background:none;border:1px solid #f2f2f2} .data-table{width:100%;border:1px solid #f2f2f2} .data-table .odd{border-top:1px solid #f2f2f2} .data-table th{padding:6px 10px;font-weight:400} .data-table td{padding:6px 0} .data-table td.sum_cart{padding:10px 0;text-align:center;color:#333;font-size:14px} .data-table thead th{font-weight:700;font-weight:400;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;padding:10px;white-space:nowrap;vertical-align:middle;text-align:center;text-transform:capitalize} .data-table thead th.wrap{white-space:normal} .data-table thead th a,.data-table thead th a:hover{color:#fff} .data-table thead th .tax-flag{font-size:11px;white-space:nowrap} .data-table tfoot{border-bottom:1px solid #d9dde3} .data-table tfoot td{padding-top:1px;padding-bottom:1px;border-bottom:0;border-right:1px solid #f2f2f2} .data-table tfoot strong{font-size:16px;font-weight:400} .data-table tbody th,.data-table tbody td{border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;text-align:center} .data-table tbody.odd tr{background:#f8f7f5!important} .data-table tbody.even tr{background:#f6f6f6!important} .data-table tbody.odd tr td,.data-table tbody.even tr td{border-bottom:0} .data-table tbody.odd tr.border td,.data-table tbody.even tr.border td{border-bottom:1px solid #d9dde3} .data-table tbody td .option-label{font-weight:400;font-style:italic} .data-table tbody td .option-value{padding-left:10px} .note-msg,.notice-msg{margin:20px 0;background:#1bc548;color:#fff;border-width:0!important;background-repeat:no-repeat!important;min-height:24px!important;padding:8px!important;font-size:14px!important} .box_form_custom label{font-weight:400;display:inline-block;max-width:100%;margin-bottom:5px} .red{color:red!important} .box_form_custom input,.box_register textarea{border-radius:0;box-shadow:none} .form-group{margin-bottom:15px} .form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-bo} .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px} .btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c} .btn-collect{background-color:#fff;border-color:#fff;color:green!important;font-weight:700;margin-top:10px} /*support online detail*/ #support-online { padding: 7px 10px; border: 1px solid #f00; margin-top: 10px } #support-online > h2 { text-align: center; font-weight: bold; color: #f00; font-size: 18px; text-transform: uppercase; } .box-support-online-elm { margin-top: 10px } .box-support-online-elm-dtl{ float: left; width: 50%; text-align: center; } .box-support-online-elm h2 { font-weight: bold; font-size: 18px; color: #f00 } .box-support-online-elm h2 a { color: #f00 } .box-support-online-elm-gop-y { padding-left: 30px } @media screen and (min-width:1030px) { .margin_right{margin-right:0} } @media screen and (max-width:1030px) { .margin_right{margin-right:2%} .product{width:47.5%} } @media screen and (max-width:1000px) { .margin_right{margin-right:2%} .product{width:31%} } @media screen and (max-width:700px) { .margin_right{margin-right:2%} .product{width:46.5%} } @media screen and (max-width:600px) { .tab_noithatgo,.tab_sofa,.tab_spbc{font-size:10px} .tab_noithatgo{margin:0 4px} } @media screen and (max-width:400px) { .tab_noithatgo,.tab_sofa,.tab_spbc{font-size:8px} .tab_noithatgo{margin:0 8px} .margin_right{margin-right:2%} .product{width:97%} } .tensp1{display:block;padding:5px 0;color:#000;font-size:14px;transition:all .5s;text-transform:uppercase} .tensp1:hover{color:#38b04a;transition:all .5s} .img_trung1:hover{opacity:.7;transition:all .5s} .size_chatlieu1,.giagoc1,.giamgia1,.giakhuyenmai1{font-size:14px;color:#7D7272;display:block;padding:2px 0} .chitiet1{background-color:#38B04A;color:#fff;font-size:13px;padding:5px 10px;transition:all .5s;margin:5px 0;display:block;width:45px} .chitiet1:hover{color:#FF0} .khachhangtieubieu{width:100%;height:auto;margin:0 auto} .title_khtb{background:url(../images/khtb.png)left no-repeat;max-width:1200px;margin:0 auto;text-indent:50px;font-size:18px;text-transform:uppercase;color:#333;display:block;padding:5px 0} .div_khtb{width:100%;height:auto;margin:0 auto;background:#F5F5F5} .div_khtb_con{max-width:1200px;height:auto;margin:0 auto} .img_khtb:hover{opacity:.7} .ten_khtb{font-size:14px;color:#333;text-align:center;display:block;padding:3px;text-transform:uppercase} .ten_khtb:hover{color:#093} @media screen and (max-width:1000px) { .khachhangtieubieu{display:none} } .title_sanpham{text-transform:uppercase;color:#38B04A;font-size:18px;background:url(../images/icon_sanpham1.png)left no-repeat;display:block;text-indent:35px;margin-bottom:15px} .div_img{width:45%;float:left;height:auto} .div_thongtin{width:50%;float:right;height:auto} .img_spct{width:100%!important;border:1px solid #CCC} .img_con{margin-right:6px;border:1px solid #FFF} .img_con:hover{border:1px solid #093} .summaryDetail{margin-top:5px} #hai{margin-top:10px} .mua_hang{background:#38B04A;color:#fff;font-size:31px;padding:5px 50px;font-weight:700;border-radius:6px;box-shadow:0 6px 0 0 #057B17;text-shadow:0 -1px 0 #A15600;display:inline-block;cursor:pointer;margin-top:20px} .mua_hang:hover{background:red;box-shadow:0 6px 0 0 #A70303} @media screen and (max-width:650px) { .div_img,.div_thongtin{width:95%} .div_thongtin{margin-top:20px;float:left} /*.img_spct{height:200px!important}*/ } .title_tuvansanpham{background:url(../images/tuvan.png) left no-repeat;color:#7D7A7A;text-transform:uppercase;font-size:16px;text-indent:35px;display:block;padding:5px 0} .tinnoibat{border:1px solid rgba(204,204,204,0.38);padding:10px 8px} .div_img_tt{width:90px;height:90px;float:left} .div_img_tt img:hover{opacity:.7} .div_tt_tt{width:170px;float:right;padding-bottom:10px} .ten_ttnb{float:left;text-align:left;font-size:13px;padding-bottom:5px;color:#093} .ten_ttnb:hover{color:red;transition:all .5s} .mota_tt{text-align:justify;font-size:12px;color:#666} .xemtiep_tt{float:right;color:#666;transition:all .5s} .xemtiep_tt:hover{color:#093;transition:all .5s} .xemtatca_ttnb{display:block;color:#0DA524;margin-top:10px;font-family:Tahoma,Geneva,sans-serif;font-size:14px} .xemtatca_ttnb:hover{color:red} .footer{width:100%;height:auto;margin:0 auto;background:#484848;padding:30px 0 10px} .footer_con{max-width:1200px;height:auto;margin:0 auto} .thongtin{float:left;width:40%;height:auto} .title_thongtin{color:#fff;font-size:20px;border-bottom:1px solid rgba(204,204,204,0.19);text-transform:uppercase;display:block;padding-bottom:10px;width:70%;margin-bottom:10px} .hotro{float:left;width:20%;height:auto;margin:0 20px} .title_hotro{color:#fff;font-size:20px;border-bottom:1px solid rgba(204,204,204,0.19);text-transform:uppercase;display:block;padding-bottom:10px;width:70%;margin-bottom:10px} .hotro a{display:block;padding:2px 0;color:#fff;font-size:13px;transition:all .5s} .hotro a:hover{color:#38B04A;transition:all .5s} .lienket{float:left;width:35%} .title_lienket{color:#fff;font-size:20px;border-bottom:1px solid rgba(204,204,204,0.19);text-transform:uppercase;display:block;padding-bottom:10px;width:70%;margin-bottom:15px} .img_mxh:hover{opacity:.7} #baivietcungloai h3 a{width:50%} @media screen and (max-width:1200px) { .thongtin{padding-left:10px} } @media screen and (max-width:1020px) { .thongtin{width:35%} } @media screen and (max-width:800px) { .clear_footer{clear:both} .thongtin{width:45%} .hotro{width:45%;float:right} .lienket{width:100%;text-align:center} .title_lienket{width:100%} } @media screen and (max-width:550px) { .thongtin{width:100%} .hotro{width:100%;float:none;margin:0 10px} .lienket{width:100%;text-align:center} .title_lienket{width:100%} #baivietcungloai h3 a{width:100%} } .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px} .pagination > li{display:inline} .pagination > li > a,.pagination > li > span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#38B04A;text-decoration:none;background-color:#fff;border:1px solid #ddd} .pagination > li:first-child > a,.pagination > li:first-child > span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px} .pagination > li:last-child > a,.pagination > li:last-child > span{border-top-right-radius:4px;border-bottom-right-radius:4px} .pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd} .pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{z-index:3;color:#fff;cursor:default;background-color:#38B04A;border-color:#38B04A} .pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd} .pagination-lg > li > a,.pagination-lg > li > span{padding:10px 16px;font-size:18px;line-height:1.3333333} .pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span{border-top-left-radius:6px;border-bottom-left-radius:6px} .pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span{border-top-right-radius:6px;border-bottom-right-radius:6px} .pagination-sm > li > a,.pagination-sm > li > span{padding:5px 10px;font-size:12px;line-height:1.5} .pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span{border-top-left-radius:3px;border-bottom-left-radius:3px} .pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span{border-top-right-radius:3px;border-bottom-right-radius:3px} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} div.paging{text-align:center;font-size:14px;margin-top:10px} div.paging strong{background:none repeat scroll 0 0 #EDEDED;border:1px solid #D0D0D0;margin:0 2px;padding:3px 9px;color:#ff8c00} div.paging a{font-size:12px;background:none repeat scroll 0 0 #EDEDED;border:1px solid #D0D0D0;margin:0 2px;padding:3px 9px;color:#333} .box_list_album{padding-bottom:15px} .box_album_frame{float:left;width:25%;padding:0 5px} .box_album{border:1px solid rgba(204,204,204,0.35);width:100%;margin-bottom:20px;padding-bottom:10px} .box_album:hover{border:1px solid #38B04A;transition:all .5s} .box_album img{width:100%;height:189px} .box_album h4 a{color:#000;font-size:14px;text-align:center;display:block;padding:4px 2px;transition:all .5s;text-transform:uppercase} .box_album h4 a:hover{color:#38b04a;transition:all .5s} .box_album .view_album{text-align:center;margin:15px 0 5px} .box_album .view_album a{background-color:#38B04A;color:#fff;font-size:13px;padding:5px 10px;transition:all .5s} .box_collection_img{float:left;width:25%;text-align:center;padding:1%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .box_collection_img img{vertical-align:middle;max-width:100%} .album_detail{background:#222;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15px 0;width:98%;margin:auto} .box_album_detail_img{float:left;width:60%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:0 5%} .box_album_detail_img img{background:#fff;max-width:100%} .box_album_detail_name{float:right;width:40%} .box_album_detail_name h4{text-transform:uppercase;font-size:16px} .box_album_detail_name a{color:#fff} .box_album_detai_des{margin:10px 0;color:#fff} .irc_sep{background:#121212;box-shadow:1px 0 #2a2a2a;display:inline-block;margin:0;vertical-align:middle;width:1px} .show_collection{position:relative} .close_collection{font-size:14px;color:#fff;position:absolute;top:0;right:14px} .box_staff_login{width:40%;margin:auto} .frm_staff_group,.frm_group_info_staff{margin-bottom:15px} .frm_staff_group input[type="text"],.frm_staff_group input[type="email"],.frm_staff_group input[type="password"],.frm_staff_group textarea{padding:10px 12px;border:1px solid #ccc;outline:none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;text-align:left} .frm_staff_group input[type="submit"]{border:none;background:#38B04A;color:#fff;padding:10px 15px;outline:none;cursor:pointer} .frm_group_info_staff{margin-bottom:15px} .frm_group_info_staff input[type="text"],.frm_group_info_staff textarea{padding:10px 12px;border:1px solid #ccc;outline:none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;text-align:left;font-size:16px;margin-top:3px} .frm_group_info_staff input[type="submit"]{border:none;background:#38B04A;color:#fff;padding:10px 15px;outline:none;cursor:pointer;margin-top:5px} .box_staff_info{width:70%;margin:auto;font-size:15px} .box_staff_info ul li{padding:5px 0} .box_staff_info h2{font-size:16px;margin-top:15px;margin-bottom:5px;color:red} .box_agency{float:left;width:38%;padding-bottom:10px} .box_agency_social{width:24%;float:right;padding-bottom:15px} .title_news{padding-top:2px;height:30px;line-height:30px;overflow:hidden;margin-bottom:3px;border-bottom:solid 2px #1bc548;font-weight:700;color:#030303} .title_news h2{font-size:17px;text-transform:uppercase} .title_news h2 a{color:#030303} #box_agency_register{width:96%} #frm_register_agency{margin-top:20px} .frm_group_agency{margin-bottom:25px} .frm_group_agency label{display:block;font-size:14px;margin-bottom:3px} .frm_group_agency input[type="text"],.frm_group_agency input[type="email"],.frm_group_agency textarea{padding:7px 12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:-moz-calc(100% - 25px);width:-webkit-calc(100% - 25px);width:-o-calc(100% - 25px);width:calc(100% - 25px);outline:none} .frm_group_agency input[type="file"]{margin-top:5px} .download_price_table{background-color:#38B04A;color:#fff;font-size:13px;padding:7px 10px;transition:all .5s;cursor:pointer;border:none;outline:none;font-family:Arial;white-space:nowrap} .frm_group_agency input[type="submit"]{background-color:#38B04A;color:#fff;font-size:13px;padding:7px 10px;transition:all .5s;cursor:pointer;border:none;outline:none;margin-bottom:10px} #box_agency_video{width:96%} .box_video{margin-top:15px;max-height:488px;overflow:auto} .box_video li{padding:5px 0 1px;border-bottom:1px solid #eee} .box_video li:last-child{border:none} .box_video li img{float:left;width:90px;height:80px;margin:0 5px 5px 0} .box_video li h4{text-transform:uppercase} .box_video li h4 a{color:#0DA524} .fb-page{margin:15px 0 10px} #result_reg_agency{color:red} .videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0} .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%} .frm_agency_group,.frm_group_info_agency{margin-bottom:15px} .frm_agency_group input[type="text"],.frm_agency_group input[type="password"]{padding:10px 12px;border:1px solid #ccc;outline:none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;text-align:left} .frm_agency_group input[type="submit"]{border:none;background:#38B04A;color:#fff;padding:10px 15px;outline:none;cursor:pointer} .frm_group_info_agency{margin-bottom:15px} .frm_group_info_agency input[type="text"],.frm_group_info_agency textarea{padding:10px 12px;border:1px solid #ccc;outline:none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;text-align:left;font-size:16px;margin-top:3px} .frm_group_info_agency input[type="submit"]{border:none;background:#38B04A;color:#fff;padding:10px 15px;outline:none;cursor:pointer;margin-top:5px;float:right} .frm_group_agency_log{float:left;width:50%;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .table-responsive{min-height:.01%;overflow-x:auto} #table_order{width:100%;border-color:#ccc;font-family:Tahoma;font-size:13px;margin-bottom:20px} #table_order th{border:1px solid #ccc;border-right:0} #table_order th,#table_order td{padding:10px 5px} #table_order th:last-child{border-right:1px solid #ccc} #table_order td{border:1px solid #ccc;border-top:0;border-right:0;vertical-align:top;text-align:center} #table_order td:last-child{border-right:1px solid #ccc} .loi-nhan{width:41px;height:191px;position:fixed;bottom:212px;right:0;display:block;background:url(../images/floating-sprite.png) -154px 0 no-repeat;text-indent:-9999px;z-index:100;cursor:pointer} .goi-lai{width:54px;height:80px;position:fixed;bottom:107px;right:1px;display:block;background:url(../images/floating-sprite.png) 0 0 no-repeat;text-indent:-9999px;z-index:100} .goi-lai:hover{background-position:0 -85px} #myModalLabel{padding-bottom:5px;border-bottom:1px solid #e5e5e5} .form_reg_email{margin-top:20px;margin-bottom:15px} .form_reg_email input[type="email"]{width:100%} .message_succress{margin-bottom:10px;color:#38B04A;font-size:14px} div.phone_mobi{display:none} .lable_percent{position:absolute;color:#ff0;text-transform:uppercase;font-weight:700;font-size:12px;top:14px;left:14px;width:40px;height:40px;line-height:40px;text-align:center;background:#38B04A;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:1} #menu_top{float:left;width:55%;padding-top: 4px} #list_sale{float:left;width:45%;} #list_sale a{color:#fff;margin:0 5px} #list_sale a img{height:30px;vertical-align: middle;} #list_sale a span{vertical-align:middle;padding-left:7px} #list_sale a i{vertical-align: middle;font-size: 15px;color: #4c4545} .spmoi_tragop{margin-top: 10px;height: 25px; padding: 0 10px} .btn_spmoi{float: left;width: 50%;} .btn_spmoi span{padding: 2px 7px 4px 5px;background: #0084ff;color:#fff;font-size: 13px;position: relative;margin-left: 9px} .btn_spmoi span:before{content:"";height:0;width:0;position:absolute;top:0;left: -9px;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 9px solid #0084ff} .btn_tragop{float: right;width: 50%;text-align: right;} .btn_tragop span{padding: 2px 5px 4px 7px;background: #ff8d00;color:#fff;font-size: 13px;position: relative;margin-right: 9px} .btn_tragop span:before{content:"";height:0;width:0;position:absolute;top:0;right: -9px;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 9px solid #ff8d00} .product_status{color: #000;font-size: 15px;margin-bottom: 15px;} .product_status span{color: #fff;padding: 3px 10px 5px;background: #f00;line-height: 0;border-radius: 7px;font-size: 14px} .bought{font-size: 15px;color: #000;margin-bottom: 15px;} .bought span{color: #f00;} .form_comment {margin-top: 20px;font-family: Arial} .form_comment h3{font-size: 16px;margin-bottom: 5px;font-size: 18px} .select_rating{margin-bottom: 10px} .rating_title{vertical-align: middle;} .container_rating{display: inline-block;vertical-align: middle;} .fgroup_left{float: left;width: 50%;padding-right: 10px} .fgroup_left textarea{ width: 100%; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; padding: 7px 10px; height: 91px; } .fgroup_center{float: left;padding-right: 10px;width: 25%} .fgroup_center input{ width: 100%; border: 1px solid #ccc; border-radius: 4px; padding: 7px 10px; color: #555; margin-bottom: 11px; height: 40px } .fgroup_right{float: left;padding-right: 10px;width: 25%} .fgroup_right input{ width: 100%; border: 1px solid #ccc; border-radius: 4px; padding: 7px 10px; color: #555; margin-bottom: 11px; height: 40px } .fgroup_right input[type="button"]{ text-transform: uppercase; color: #fff; background: #4080ff; cursor: pointer; } .box_comment{font-family: Arial;font-size: 14px;margin-top: 10px;} .box_comment ul li{margin-bottom: 10px;color: #333} .comment_name b{font-size: 15px;vertical-align: middle;} .comment_name label { cursor: pointer; color: #2ba832; font-size: 13px; vertical-align: middle; margin-left: 7px } .comment_name label i{margin-right: 5px} .container_content{vertical-align: middle;} .register_user{font-family:Arial;width: 630px;border: 1px solid #c6c6c6;padding: 10px 20px 20px;margin: auto;margin-top: 20px;margin-bottom: 20px;} .title_user{width: 100%;text-align: center;} .title_user h1{float: left;width: 100%;text-align: center;font-size: 30px;text-transform: uppercase;color: #b20606;font-weight: 200} .title_user p{text-transform: uppercase;color: #a7a7a7;font-size: 14px;float: left;width: 100%;text-align: center;} .wp_input_user_login{padding: 15px 107px} .login_face{float: left;width: 100%;text-align: center;background: #35569d;color: #fff;font-weight: bold;text-transform: uppercase;padding: 10px 0px;height: 40px;line-height: 23px} .login_face i:after{content: "\f09a";font-family: 'FontAwesome';color: #fff;font-size: 13px;float: right;background: #304d8d;padding: 7px 18px} .login_face i{float: right;margin-top: -8px;font-style: inherit;} .login_gmail{float: left;width: 100%;text-align: center;background: #ea4b35;color: #fff;font-weight: bold;text-transform: uppercase;padding: 10px 0px;height: 40px;line-height: 23px;margin-top: 15px} .login_gmail i:after{content: "\f0d5";font-family: 'FontAwesome';color: #fff;font-size: 13px;float: right;background: #d24330;padding: 8px 13px} .login_gmail i{float: right;margin-top: -10px;font-style: inherit;} .installment_btn{margin-top: 10px;padding: 10px;background: #288ad6;text-align: center;font-family: Arial;color: #fff} .installment_btn a{color: #fff;display: block;} .installment_btn_txt{text-transform: uppercase;font-size: 16px;font-weight: bold;margin-bottom: 5px} .callorder{margin-top: 10px;font-family: Arial;color: #333;font-size: 14px} .callorder a { color: #288ad6; } .bold{font-weight: bold;} .box_contact{padding: 10px 20px; border: 1px solid rgba(204,204,204,0.38);} .box_contact_img{text-align: center;} .box_contact_img img{width: 120px !important;height: 120px;border-radius: 50%;display: inline-block !important;} .box_contact ul{font-size: 14px} #box_contact.owl-theme .owl-nav [class*=owl-] { width: 18px; height: 13px; text-indent: -9999px; padding: 0; background: none; } #box_contact.owl-theme .owl-nav .owl-prev{ background: url(../images/arrow_left.png) no-repeat; } #box_contact.owl-theme .owl-nav .owl-next{ background: url(../images/arrow_right.png) no-repeat; } .messenger{margin-top: 5px} .messenger img {width: 40px!important;display: inline-block !important} .messenger span{vertical-align: middle;display: inline-block;} .messenger span > a.btn_chat_face{padding: 5px 7px;border: 1px solid #0084ff;text-transform: uppercase;font-size: 12px;background: #0188FE;color: #fff} .white {font: normal 13px Arial, sans-serif; line-height: 16px; width:100%;} .white_menu{max-width: 1200px;margin: auto} .white p{text-align:center; font-weight:bold} .white a.home{padding:8px 10px 9px 13px !important; background:#a55100} .white ul.mega-menu, .white ul.mega-menu, .white ul.mega-menu li {margin: 0; padding: 0; border: none;} .white ul.mega-menu {width: 100%; background:#fff } .white ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 12px;} .white ul.mega-menu li a {padding:7px 10px; display:block; text-align:center; font-weight:bold; color:#333} .white ul.mega-menu li a.dc-mega {position: relative;} .white ul.mega-menu li a .dc-mega-icon {display: none; position: absolute; width: 8px; height: 6px; top: 18px; right: 15px; background: url(../images/arrow.png) no-repeat 0 100%;} .white ul.mega-menu li.mega-hover a, .white ul.mega-menu li a:hover {} .white ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;} .white img{transition: 1s; width: 40px; height: 30px;} .white img:hover{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);} .white ul.mega-menu li .sub-container {position: absolute; display: none; background: #fff; padding-left: 20px; margin-left: -3px;} .white ul.mega-menu li .sub {background: url(../images/bg_sub.png) no-repeat 100% 100%; padding: 20px 20px 20px 10px;} .white ul.mega-menu li .sub-container.mega .sub {padding: 20px 20px 10px 0} .white ul.mega-menu li .sub .row {width: 100% !important; overflow: hidden; clear: both;} .white ul.mega-menu li .sub li {list-style: none; float: none;width:19%; font-size: 1em; font-weight: normal;} .white ul.mega-menu li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;} .white ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;} .white ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;} .white ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 5px 5px 15px; margin-bottom: 5px; background:#252525; text-transform: uppercase; font-weight: bold; color: #fff; height:auto !important} .white ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #fff; text-shadow: none;} .white ul.mega-menu .sub li.mega-hdr li a {padding: 4px 5px 4px 20px; background: url(../images/icon_next.gif) no-repeat 5px 8px; font-weight: normal; text-align:left; font-size:11px} .white ul.mega-menu li .sub li ul li{width:auto} .white ul.mega-menu .sub li.mega-hdr li a:hover {color: #ccc;} .white ul.mega-menu .sub ul li {padding-right: 0;} .white ul.mega-menu li .mega{width:98%; left:0 !important; margin-left: 0px !important; background:#fff} .white ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;} .white ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;} .white ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url(../images/arrowbullet.png) no-repeat 1px 8px;} .white ul.mega-menu li .sub-container.non-mega li a:hover {} .mega-menu ul, .mega-menu ul li {list-style: none;} .mega-menu ul {position: relative; padding: 0; margin: 0;} .mega-menu ul li ul {display: none;} .mega-menu .sub ul {display: block;} .white ul.mega-menu li.dc-mega-li:hover .sub-container{display: block; z-index: 9999;} .luotxem{margin: 10px 0;color: #666;font-size: 14px} .luotxem span{color: #000} @media screen and (max-width:1200px) { .padding15{padding:0 15px} } @media screen and (max-width:991px) { .box_staff_login{width:70%} .box_agency{width:50%} .box_agency_social{display:none} } @media screen and (max-width:767px) { .register_user{width: 100%} .wp_input_user_login{padding: 10px} .box_staff_login{width:100%} .box_staff_info{width:100%} .box_agency_login{width:100%} .box_agency_info{width:100%} .box_agency{width:100%} div.phone_mobi{display:block;background:rgba(28,89,28,0.87);width:100%;position:fixed;z-index:999999999;left:0;bottom:0;height:50px;line-height:50px;color:#fff} div.phone_mobi ul{list-style:none;padding:0;margin:0} div.phone_mobi ul li{display:inline-block;vertical-align:top;width:32%;text-align:center} div.phone_mobi ul li a{color:#fff;text-decoration:none;font-size:15px} div.phone_mobi ul li a i{font-size:22px;margin-right:10px;margin-top:3px} .blink_me{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite} @-moz-keyframes blinker { 0%{opacity:1} 50%{opacity:0} 100%{opacity:1} } @-webkit-keyframes blinker { 0%{opacity:1} 50%{opacity:0} 100%{opacity:1} } @keyframes blinker { 0%{opacity:1} 50%{opacity:0} 100%{opacity:1} } .box_album_frame{width:50%} .box_album img{height:230px} #mobile_menu{display:block} #menu_top, .white{display:none} #list_sale{ position: absolute; top: 5px; right: 15px; width: 100%; text-align: right; } .khung_timkiem{margin-left: 24px} } @media screen and (max-width:480px) { .box_album img{height:180px} .box_album_detail_img{width:100%;float:none} .box_album_detail_name{float:none;width:100%;margin-top:10px;padding:0 20px} .box_collection_img{width:50%} .box_collection_img img{height:180px} .fgroup_left{width: 100%;margin-bottom: 5px} .fgroup_center, .fgroup_right{width: 100%} #list_sale a span{ display: none } #list_sale a{ margin: 0 10px } .btn_spmoi{ width: 100% } .hotline3{display: none} .khung_timkiem{ margin-left: 20px; width: 62%; } } @media screen and (max-width:380px) { .khung_timkiem{width: 59%} } @media screen and (max-width:320px) { .box_album_frame{width:100%} .box_album img{height:auto} .khung_timkiem{width: 52%} }