body.ps-active, body.ps-building, div.ps-active, div.ps-building {background: #000;overflow: hidden} body.ps-active *, div.ps-active * {-webkit-tap-highlight-color: rgba(255,255,255,0);display: none} body.ps-active :focus, div.ps-active :focus {outline: 0} div.ps-document-overlay {background: #000} div.ps-uilayer {background: #000;cursor: pointer} div.ps-zoom-pan-rotate {background: #000} div.ps-zoom-pan-rotate * {display: block} div.ps-carousel-item-loading {background: url(loader.gif) no-repeat center center} div.ps-carousel-item-error {background: url(error.gif) no-repeat center center} div.ps-caption {background: #000;background: -moz-linear-gradient(top, #303130 0, #000101 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303130), color-stop(100%, #000101));border-bottom: 1px solid #42403f;color: #fff;font-size: 13px;font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;text-align: center} div.ps-caption * {display: inline} div.ps-caption-bottom {border-top: 1px solid #42403f;border-bottom: 0;min-height: 44px} div.ps-caption-content {padding: 13px;display: block} div.ps-toolbar {background: #000;background: -moz-linear-gradient(top, #303130 0, #000101 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303130), color-stop(100%, #000101));border-top: 1px solid #42403f;color: #fff;font-size: 13px;font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;text-align: center;height: 44px;display: table;table-layout: fixed} div.ps-toolbar * {display: block} div.ps-toolbar-top {border-bottom: 1px solid #42403f;border-top: 0} div.ps-toolbar-close, div.ps-toolbar-next, div.ps-toolbar-play, div.ps-toolbar-previous {cursor: pointer;display: table-cell} div.ps-toolbar div div.ps-toolbar-content {width: 44px;height: 44px;margin: 0 auto;background-image: url(icons.png);background-repeat: no-repeat} div.ps-toolbar-close div.ps-toolbar-content {background-position: 0 0} div.ps-toolbar-previous div.ps-toolbar-content {background-position: -44px 0} div.ps-toolbar-previous-disabled div.ps-toolbar-content {background-position: -44px -44px} div.ps-toolbar-next div.ps-toolbar-content {background-position: -132px 0} div.ps-toolbar-next-disabled div.ps-toolbar-content {background-position: -132px -44px} div.ps-toolbar-play div.ps-toolbar-content {background-position: -88px 0} .block_detail table tr{ border-bottom:1px solid #ccc; padding-bottom:5px;} .button{ float:left; margin-right:10px;} #back-top { position: fixed; bottom: 30px; right:10px; z-index:9; } #back-top a { width: 55px; height:45px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover { color: #000; } /* arrow icon (span tag) */ #back-top span { width: 56px; height:56px; display: block; margin-bottom: 7px; background:url(../images/ptn_top.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover span { /*background-color: #777;*/ } .attr-right{ font-weight: 600; font-size: 17px; text-shadow: 0px 0px 2px rgba(255,255,0,0.5); font-weight: bold;} input.input,textarea.noidung{ width:100%; border:1px solid #ccc; padding:5px;} .button{ padding: 7px 17px; background: #0F75BC; border: none; color: #fff; text-transform: uppercase; cursor: pointer;} .block_detail{ width:100%; max-width:450px; border:0px;} .block_detail tr{ border-bottom:1px solid #ccc;} div.content-about{ background:#fff; padding:10px; } .header-m{ background: #EE0000; color: #fff; padding: 10px;} @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi) {div.ps-toolbar div div.ps-toolbar-content {-moz-background-size: 176px 88px;-o-background-size: 176px 88px;-webkit-background-size: 176px 88px;background-size: 176px 88px;background-image: url(icons@2x.png)} } ul.as-selections {list-style-type: none;margin: 0; padding: 0;} ul.as-selections.loading {background-color: #eee;} ul.as-selections li {} ul.as-selections li.as-selection-item {color: #333;font-family: "Lucida Grande", arial, sans-serif;} ul.as-selections li.as-selection-item:last-child {margin-left: 30px;} ul.as-selections li.as-selection-item a.as-close {float: right;margin: 1px 0 0 7px;padding: 0 2px;cursor: pointer;color: #5491be;font-family: "Helvetica", helvetica, arial, sans-serif;font-size: 14px;font-weight: bold;text-shadow: 0 1px 1px #fff;-webkit-transition: color .1s ease-in;} ul.as-selections li.as-selection-item.blur {} ul.as-selections li.as-selection-item.blur a.as-close {color: #999;} ul.as-selections li:hover.as-selection-item {} ul.as-selections li:hover.as-selection-item a.as-close {color: #4d70b0;} ul.as-selections li.as-selection-item.selected {border-color: #1f30e4;} ul.as-selections li.as-selection-item a:hover.as-close {color: #1b3c65;} ul.as-selections li.as-selection-item a:active.as-close {color: #4d70b0;} ul.as-selections li.as-original {margin-left: 0;} ul.as-selections li.as-original input {} ul.as-list {position: absolute;list-style-type: none;margin: 2px -90px 0px;padding: 0;color: #000;background-color: #fff;z-index: 2000;width: 99%;box-shadow: 0 2px 12px #222;-webkit-box-shadow: 0 2px 12px #222;-moz-box-shadow: 0 2px 12px #222;} .icon_suggetsearch{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAo0lEQVRIx+3X4QaAMBQF4L10RIwRMUZE9BB7t96gXOpfdVrtdMV+HMbY9+teOybGaDSyHxZC5gIX+BdwpTlOteYc15oLpGHB8/Y4BUew3FmAWxZMwe/CEgdwx4Kz4qmwpAV4y4Kz4E9hSQfwjgW/wt/CEg9wz4IlIRXPBSfjub+tPcADC76D9yxYMqDtxmwL49VKZVeV8Wymv+hJ09EiMVqlbQXTCZuExPleFwAAAABJRU5ErkJggg==") no-repeat scroll 10px 10px / 20px 20px #F7F7F7;display: inline-block;float: right;height: 38px;width: 38px;} li.as-result-item, li.as-message {margin: 0 0 0 0;line-height: 38px;background-color: transparent;border: 1px solid #fff;border-bottom: 1px solid #ddd;cursor: pointer;text-align: left;height: 38px;} li:first-child.as-result-item {margin: 0;} li.as-message {margin: 0;cursor: default;} li.as-result-item.active {background-color: #D7E3FF;color: #666;} li.as-result-item em { font-weight: bold; color: #333;} li.as-result-item.active em { font-weight: bold; color: #fff;} /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) {ul.as-selections {border-top-width: 2px;} ul.as-selections li.as-selection-item {padding-top: 3px;padding-bottom: 3px;} ul.as-selections li.as-selection-item a.as-close {margin-top: -1px;} ul.as-selections li.as-original input {height: 19px;} } /* Opera Hacks */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {ul.as-list {border: 1px solid #888;} ul.as-selections li.as-selection-item a.as-close {margin-left: 4px;margin-top: 0;} } /* IE Hacks */ ul.as-list {border: 1px solid #888\9;} ul.as-selections li.as-selection-item a.as-close {margin-left: 4px\9;margin-top: 0\9;} /* Firefox 3.0 Hacks */ ul.as-list, x:-moz-any-link, x:default {border: 1px solid #888;} BODY:first-of-type ul.as-list, x:-moz-any-link, x:default { /* Target FF 3.5+ */ border: none;} /* ########################################################################################### */ .acInput {width: 290px;} .vpac-item { overflow: hidden; display: block; text-decoration: none; color: #555;} li.as-result-item.active .vpac-item { text-decoration: none; color: #fff;} .vpac-title {display: inline-block;font-size: 1em;padding-left: 10px;height: 38px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .vpac-title a{color: #0088CC;} .vpac-title .ac_p{font-weight: bold;color: red;} .vpac-title b{color: #666;} .vpac-img { width: 35px; height: 35px; float: left; margin-right: 10px;} .acResults {padding: 5px 0; border: 1px solid #b2b2b2; background-color: #fff; overflow: hidden; z-index: 2000; width: 208px; top: 33px !important; box-shadow: 1px 2px 5px rgba(0,0,0,.4);} .acResults ul {margin: 0px;padding: 0px;list-style-position: outside;list-style: none;} .acResults ul li {margin: 0px;padding: 0;cursor: pointer;display: block;font: menu;font-size: 12px;overflow: hidden;} .acSelect {background-color: #f2f2f2;color: #333;} /* Last update: 04/03/2015 16:02:31 */ /* icon */ [class^="vcon-"],[class*=" vcon-"] { display:inline-block; vertical-align: text-top; background-image: url(../images/vcon_2x.png); background-repeat: no-repeat; background-size: 256px 768px;} .vcon-menu{width:24px;height:22px;background-position: 0px 0px;} .vcon-setting{width:36px;height:24px;background-position: -61px 0px;} .vcon-hot{width:33px;height:35px;background-position: -215px -66px;} .vcon-star{width: 31px; height: 27px; background-position: -160px -30px;} .vcon-eye{width: 30px; height: 21px; background-position: -115px -130px;} .vcon-eye_666{width: 30px; height: 21px; background-position: -220px -462px;} .vcon-small_minus{width: 14px; height: 14px; background-position: -95px -330px;} .vcon-larrow{width: 9px; height: 17px; background-position: 0px -310px;} .vcon-user{width: 22px; height: 24px; background-position: 0px -130px;} .vcon-cart{width: 25px; height: 24px; background-position: -54px -130px;} .vcon-support{width: 24px; height: 21px; background-position: -84px -130px;} .vcon-info{width: 24px; height: 24px; background-position: -25px -130px;} .vcon-view_full{width: 24px; height: 24px; background-position: -175px 0px;} .vcon-signout{width: 24px; height: 25px; background-position: -195px -30px;} .vcon-plus{width: 19px; height: 19px; background-position: -200px -130px;} .vcon-minus{width: 19px; height: 19px; background-position: -225px -130px;} .vcon-search{width: 19px; height: 19px; background-position: -150px -245px;} .vcon-back_top{width: 39px; height: 40px; background-position: 0px -65px;} .vcon-follow{width: 29px; height: 25px; background-position: -95px -30px;} .vcon-darrow{width: 8px; height: 11px; background-position: -24px -160px;} .vcon-larrow_blue{width: 10px; height: 16px; background-position: -145px -110px;} .vcon-rarrow_blue{width: 20px; height: 26px; background-position: -155px -71px;} .vcon-daquo{width: 13px; height: 13px; background-position: -159px -225px;} .vcon-taquo{width: 13px; height: 13px; background-position: -145px -225px;} .vcon-type_pinterest{width: 16px; height: 16px; background-position: 0px -110px;} .vcon-type_tab{width: 16px; height: 16px; background-position: -20px -110px;} .vcon-type_thumb{width: 16px; height: 16px; background-position: -60px -110px;} .vcon-type_list{width: 16px; height: 16px; background-position: -40px -110px;} .vcon-type_small_pin{width: 16px; height: 16px; background-position: 0px -435px;} .vcon-small_eye{width: 16px; height: 10px; background-position: -125px -350px;} .vcon-cphc{width: 12px; height: 10px; background-position: -180px -350px;} .vcon-home_more{width: 11px; height: 16px; background-position: -115px -110px;} .vcon-shoping_cart{width: 12px; height: 13px; background-position: -85px -225px;} .vcon-ok{width: 13px; height: 12px; background-position: -90px -350px;} .vcon-close{width: 40px; height: 41px; background-position: -90px -65px;} .vcon-upload{width: 24px; height: 22px; background-position: -205px 0px;} .vcon-page_plus{width: 25px; height: 28px; background-position: -65px -30px;} .vcon-rv_search{width: 18px; height: 18px; background-position: -120px -175px;cursor:pointer} .vcon-rv_view{width: 16px; height: 10px; background-position: -125px -350px;} .vcon-rv_bell{width: 16px; height: 18px; background-position: -145px -175px;} .vcon-rv_cat_filter{width: 16px; height: 15px; background-position: -235px -110px;} .vcon-larrow_black{width: 10px; height: 15px; background-position: 0px -310px;} .vcon-larrow_down{width: 15px; height: 9px; background-position: 0px -160px;} .vcon-larrow_blue{width: 10px; height: 16px; background-position: -145px -110px;} .vcon-search_black{width: 18px; height: 18px; background-position: -120px -175px;} .vcon-black{width: 10px; height: 16px; background-position: -130px -110px;} .vcon-arow_down{width: 16px; height: 15px; background-position: 0px -330px;} .vcon-arow_up{width: 16px; height: 15px; background-position: -20px -330px;} .vcon-arow_down_sm{width: 10px; height: 9px; background-position: -195px -350px;} .vcon-sms{width: 16px; height: 16px; background-position: -90px -245px;} .vcon-search_white{width: 18px; height: 18px; background-position: 0px -175px;} .vcon-map{width: 12px; height: 16px; background-position: -190px -110px;} .vcon-map_blue{width: 12px; height: 16px; background-position: -205px -110px;} .vcon-cart_address{width: 12px; height: 16px; background-position: -205px -110px;} .vcon-phone{width: 14px; height: 14px; background-position: -70px -245px;} .vcon-mail{width: 16px; height: 12px; background-position: 0px -225px;} .vcon-close_small{width: 20px; height: 20px; background-position: -130px -200px;} .vcon-phone_red{width: 20px; height: 21px; background-position: -220px -200px;} .vcon-sms_red{width: 16px; height: 12px; background-position: -25px -225px;} .vcon-delete_blue{width: 13px; height: 13px; background-position: -125px -225px;} .vcon-search_clear{width: 18px; height: 18px; background-position: -50px -175px;} .vcon-larrow_white{width: 16px; height: 11px; background-position: -60px -160px;} .vcon-driver{width: 20px; height: 18px; background-position: -75px -175px;} .vcon-rv_list{width: 20px; height: 20px; background-position: -150px -130px;} .vcon-rv_add{width: 21px; height: 21px; background-position: -175px -130px;} .vcon-add_plus{width: 13px; height: 15px; background-position: -40px -330px;} .vcon-estore_filter{width: 16px; height: 15px; background-position: 0px -245px;} .vcon-estore_sort{width: 20px; height: 17px; background-position: -215px -245px;} .vcon-estore_cart{width: 16px; height: 13px; background-position: -45px -225px;} .vcon-estore_phone{width: 12px; height: 16px; background-position: -45px -310px;} .vcon-darrow_blue{width: 16px; height: 11px; background-position: -40px -160px;} .vcon-product_rarrow{width: 9px; height: 16px; background-position: -15px -310px;} .vcon-filter_back{width: 11px; height: 16px; background-position: -100px -110px;} .vcon-blue_user{width: 16px; height: 18px; background-position: -220px -175px;} .vcon-white_cart{width: 18px; height: 13px; background-position: -65px -225px;} .vcon-black_mess{width: 17px; height: 17px; background-position: -110px -245px;} .vcon-speaker{width: 20px; height: 18px; background-position: 0px -200px;} .vcon-product{width: 21px; height: 18px; background-position: -80px -200px;} .vcon-raovat{width: 20px; height: 22px; background-position: -55px -200px;} .vcon-hoidap{width: 22px; height: 22px; background-position: -105px -200px;} .vcon-submit{width: 32px; height: 32px; background-position: -180px -65px; } .vcon-pro_filter{width: 16px; height: 12px; background-position: -55px -330px;margin-top: 2px;} .vcon-estore_phone_blue{width: 12px; height: 16px; background-position: -60px -310px;} .vcon-estore_phone_blue_1{width: 12px; height: 16px; background-position: -75px -310px;} .vcon-cart_phone{width: 12px; height: 16px; background-position: -75px -310px;} .vcon-estore_rarrow{width: 10px; height: 15px; background-position: -105px -310px;} .vcon-menu_estore{width: 25px; height: 22px; background-position: -25px -200px;} .vcon-info_estore{width: 26px; height: 26px; background-position: -130px -30px;} .vcon-showcart{width: 28px; height: 22px; background-position: -190px -200px;} .vcon-cart_add{width: 30px; height: 32px; background-position: 0px -270px;} .vcon-next_2{width: 9px; height: 15px; background-position: 0px -310px;} .vcon-recycle_bin{width: 11px; height: 12px; background-position: -165px -350px;} .vcon-add_raovat{width: 16px; height: 18px; background-position: -175px -245px;} .vcon-next-gray{width: 11px; height: 16px; background-position: -115px -110px;} .vcon-back{width: 15px; height: 24px; background-position: -135px 0px;} .vcon-back_gray{width: 12px; height: 16px; background-position: -170px -465px;} .vcon-back_blue{width: 15px; height: 24px; background-position: -235px 0px;} .vcon-cart_minus{width: 7px; height: 7px; background-position: -105px -350px;} .vcon-cart_plus{width: 8px; height: 7px; background-position: -112px -350px;} .vcon-down_white{width: 11px;height: 6px;background-position: 0px -390px;} .vcon-phone_2{width: 14px;height: 18px;background-position: -195px -245px;} .vcon-location{width: 12px;height: 17px;background-position: -130px -245px;} .vcon-warranty{width: 14px;height: 16px;background-position: -100px -175px;} .vcon-question{width: 15px;height: 14px;background-position: -50px -245px;} .vcon-next-gray{width:11px;height:16px;background-position: -115px -110px;} .vcon-remove_filter{width:13px;height:13px;background-position: -105px -225px;} .vcon-sort{width:16px;height:12px;background-position: -55px -330px;} .vcon-next{width: 11px; height: 16px; background-position: -115px -110px;} .vcon-prev{width: 11px; height: 16px; background-position: -100px -110px;} .vcon-checkbox_emty{width: 14px; height: 14px; background-position: -195px -310px;} .vcon-checkbox_checked{width: 14px; height: 14px; background-position: -215px -310px;} .vcon-editbox{width: 16px; height: 13px; background-position: -155px -310px;} .vcon-pay_del{width: 13px; height: 14px; background-position: -175px -310px;} .vcon-go{width: 15px; height: 24px; background-position: -155px 0px;} .vcon-payment{width: 16px; height: 16px; background-position: -115px -330px;} .vcon-time{width: 16px; height: 16px; background-position: -135px -330px;} .vcon-money{width: 16px; height: 10px; background-position: -155px -330px;} .vcon-status{width: 16px; height: 16px; background-position: -175px -330px;} .vcon-order_success{width: 21px; height: 21px; background-position: -95px -365px;} .vcon-order_cancel{width: 21px; height: 21px; background-position: -70px -365px;} .vcon-order{width: 24px; height: 22px; background-position: -40px -365px;} .vcon-profile{width: 20px; height: 21px; background-position: -15px -365px;} .vcon-home{width: 17px; height: 16px; background-position: -195px -330px;} .vcon-user_2{width: 14px; height: 16px; background-position: -215px -330px;} .vcon-pay_address{width: 7px; height: 11px; background-position: -210px -350px;} .vcon-pay_oto{width: 12px; height: 8px; background-position: -220px -350px;} .vcon-pay_plus{width: 11px; height: 11px; background-position: -235px -350px;} .vcon-logout{width: 16px; height: 16px; background-position: -230px -330px;} .vcon-down_gray{width: 16px; height: 11px; background-position: -20px -160px;} .vcon-list{width: 18px; height: 20px; background-position: -145px -365px;} .vcon-cart_white{width: 26px; height: 22px; background-position: -220px -30px;} .vcon-blue_user_2{width: 21px; height: 21px; background-position: -35px -270px;} .vcon-blue_profile{width: 25px; height: 19px; background-position: -60px -270px;} .vcon-blue_lock{width: 15px; height: 20px; background-position: -115px -270px;} .vcon-logout_2{width: 20px; height: 21px; background-position: -135px -270px;} .vcon-blue_list{width: 18px; height: 21px; background-position: -90px -270px;} .vcon-blue_order{width: 24px; height: 22px; background-position: -160px -270px;} .vcon-blue_like{width: 11px; height: 11px; background-position: -15px -390px;} .vcon-blue_dislike{width: 11px; height: 11px; background-position: -30px -390px;} .vcon-gray_like{width: 11px; height: 11px; background-position: -45px -390px;} .vcon-gray_dislike{width: 11px; height: 11px; background-position: -60px -390px;} .vcon-comment{width: 10px; height: 10px; background-position: -75px -390px;} .vcon-hoidap_eye{width: 10px; height: 6px; background-position: -90px -390px;} .vcon-red_lock{width: 12px; height: 17px; background-position: -190px -365px;} .vcon-gray_question{width: 21px; height: 21px; background-position: -165px -365px;} .vcon-gray_poll{width: 17px; height: 17px; background-position: -210px -365px;} .vcon-calendar{width: 16px; height: 16px; background-position: -235px -310px;} .vcon-hoidap_post{width: 24px; height: 24px; background-position: -190px -270px;} .vcon-recycle_bin_gray{width: 15px; height: 16px; background-position: -220px -225px;} .vcon-recycle_bin_white{width: 15px; height: 16px; background-position: -180px -225px;} .vcon-pencil_white{width: 12px; height: 16px; background-position: -200px -225px;} .vcon-estore{width: 24px; height: 24px; background-position: -215px -245px;} .vcon-logo{width: 36px; height: 24px; background-position: -220px -270px;} .vcon-vip{width: 28px; height: 11px; background-position: 0px -410px;} .vcon-s_vip{width: 32px; height: 21px; background-position: -30px -410px;} .vcon-black_rv_action{width: 21px; height: 18px; background-position: -70px -410px;} .vcon-blue_rv_action{width: 21px; height: 18px; background-position: -145px -410px;} .vcon-cloud_up{width: 28px; height: 22px; background-position: -95px -410px;} .vcon-blue_reload{width: 11px; height: 11px; background-position: -130px -410px;} .vcon-white_plus{width: 20px; height: 20px; background-position: -170px -410px;} .vcon-white_minus{width: 20px; height: 20px; background-position: -195px -410px;} .vcon-rv_up{width: 14px; height: 12px; background-position: -220px -410px;} .vcon-arrow_white{width: 18px; height: 16px; background-position: -105px -390px;} .vcon-blue_checkbox{width: 14px; height: 14px; background-position: -130px -390px;} .vcon-blue_uncheckbox{width: 14px; height: 14px; background-position: -150px -390px;} .vcon-arrow_white{width: 18px; height: 16px; background-position: -105px -390px;} .vcon-db_top{width: 21px; height: 17px; background-position: -170px -390px;} .vcon-fixed_cart{width: 23px; height: 20px; background-position: -200px -390px;} .vcon-edit{width: 22px; height: 20px; background-position: -230px -390px;} .vcon-hot_menu{width: 26px; height: 26px; background-position: -90px -435px; margin-top: -10px;} .vcon-pay_recbin{width: 14px; height: 18px; background-position: 0px -512px;} .vcon-pay_down{width: 15px; height: 11px; background-position: -20px -512px;} .vcon-pay_edit{width: 15px; height: 16px; background-position: -40px -512px;} .vcon-pay_phone{width: 10px; height: 11px; background-position: -60px -512px;} .vcon-pay_add{width: 10px; height: 15px; background-position: -75px -512px;} .vcon-bottom_flag{width: 80px; height: 23px; background-position: -75px -465px;} .vcon-sale_fire{width: 42px; height: 48px; background-position: -165px -465px;} .vcon-estore_verify{width: 15px; height: 16px; background-position: -200px -465px;} .vcon-green_check{width: 21px; height: 22px; background-position: -90px -512px;} .vcon-circle_plus{width: 21px; height: 21px; background-position: -115px -512px;} .vcon-yellow_check{width: 14px; height: 12px; background-position: -140px -512px;} .vcon-mini_fire{width: 21px; height: 23px; background-position: -210px -485px;} .vcon-check_green{width: 14px; height: 14px; background-position: -235px -485px;} .vcon-white_rarrow{width: 8px; height: 12px; background-position: -210px -510px;} .vcon-profession_icon{width: 13px; height: 15px; background-position: -235px -500px;} .vcon-verified_icon{width: 13px; height: 15px; background-position: -235px -520px;} .vcon-checkbox_new_empty{width: 13px; height: 13px; background-position: -220px -510px;} .vcon-checkbox_new{width: 13px; height: 13px; background-position: -220px -525px;} .vcon-warning_red{width: 14px; height: 12px; background-position: -15px -350px;} .vcon-baokim_verify{width: 24px; height: 26px; background-position: 0px -540px;} .vcon-otp_alert{width: 13px; height: 13px; background-position: -30px -540px;} .vcon-green_gift{width: 14px; height: 16px; background-position: -50px -540px;} /* Last update: 04/03/2015 16:02:31 */ html{width: 100%;height:100%;} body{margin: 0px;padding: 0px;font-family: arial,tahoma,sans-serif;font-size: 14px;background: #fff;width:100%;height:100%;} input[type="submmit"],input[type="text"],button,select{-webkit-appearance: textfield;} button{-webkit-appearance: none;} ul,li{margin:0px;padding:0px;list-style: none;} a{color:#003c81;text-decoration: none;border:0;} a:hover{text-decoration: none;} img{border:none;} .boder_box,.boder_box:before,.boder_box:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;} #home{width:100%;height:100%;} #home_content{position: relative;overflow: hidden;} #main_container{width:100%;background:#fff;overflow: hidden;-webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; transition: transform 300ms ease;} #header-bar{height:46px;background: #0072bd;border-bottom: 1px solid #0b5c94;} .left_nav{width:50px;height:46px;float:left;margin:0px;padding:0px;cursor: pointer;} .left_nav>i{margin:5px 0px 0px 13px;float: left;} .nav_text{font-size: 9px;color:#fff;text-align: center;width:100%;display: block;margin-top:4px;float:left;} .right_nav{width:50px;height:44px;float:right;margin:0px;padding:0px;cursor: pointer;} .right_nav>i{margin:4px 5px 0 0;position: relative;float:right;} .center_nav{padding:0px 5px;} #header{background: none repeat scroll 0 0 #FFFFFF;border-radius: 2px;height: 34px;margin: 0;padding: 0;position: relative;} .input-text-search-home{ width: 100%; height:34px!important; border-radius: 0px 3px 3px 0px; border:0px; padding:0px; padding-top:0px; padding-bottom: 0px; box-shadow: none; font-size: 15px;} .input-text-search-home:focus{box-shadow: none;} .btn_search{height:30px;width:30px;background:#fff!important;border-radius:3px 0 0 3px;float:left;padding:0px;border: none;box-shadow: none;} .clearable{ position:relative; width:100%; height:100%; display: block;} .clearable span.icon_clear{position: absolute;cursor: pointer;font: 700 1em sans-serif;color: #38468F;background: url(../images/clear_search_v2.png) no-repeat right;background-size: 18px 18px;width: 18px;height: 18px;right: 8px;top: 8px;display: none;} .clearable span.icon_clear_show{position: absolute;cursor: pointer;font: 700 1em sans-serif;color: #38468F;background: url(../images/clear_search_v2.png) no-repeat right;background-size: 18px 18px;width: 18px;height: 18px;right: 8px;top: 8px;display: none;} .clearable span.icon_clear_show.show{display:block;} #search{padding: 0px;} .search-suggest{padding-left: 5px;margin-top: 5px;} .search-suggest label{color: #333;float: left;padding: 0px;margin: 0px;} .search-suggest .a{text-decoration: none;font-weight: normal;font-family: tahoma;} .cart_count{width: 16px;height: 16px;background: white;font-size: 11px;font-style: normal;font-weight: bold;top: -9px;right: -4px;position: absolute;border-radius: 8px;text-align: center;line-height: 16px;color: #0072bd;} /*Menu*/ #menu{width:230px;background:#fff;float:left;height:100%;overflow-y: scroll;display: none;} #menu::-webkit-scrollbar{ width: 1px;} #top_nav{width:100%;height:47px;float:left;background:#f1f1f1;} #top_nav>table{width:100%;height:100%;} .nav_left{background: url(../images/hl_div.png) right center no-repeat;border-bottom: 3px #ccc solid;float:left;width:100%;height:44px;} #top_nav .nav_left a{width:100%;height:47px;color:#0088cc;line-height:47px;float:left;text-align: center;font-weight: bold;} #top_nav .nav_left.active a, #top_nav .nav_left:hover a{background:url(../images/tl_hover.png) bottom repeat-x;text-decoration: none;} .nav_left.no_left{background: none;} #category{width:100%;float:left;overflow: hidden;} #category,#category li{margin:0px;padding:0px;list-style: none;} #category>li{display: block;border-bottom: 1px #ddd solid;float:left;width:230px;} #category li a:hover{text-decoration: none;} .bread_0{padding-left:10px;background:url(../images/bread_bg.gif) 4px 13px no-repeat;} .bread_1{padding-left:20px;background:url(../images/bread_bg.gif) 13px 13px no-repeat;} .bread_2{padding-left:30px;background:url(../images/bread_bg.gif) 23px 13px no-repeat;} .bread_3{padding-left:35px;background:url(../images/bread_bg.gif) 28px 13px no-repeat;} .bread_4{padding-left:40px;background:url(../images/bread_bg.gif) 33px 13px no-repeat;} .bread_5{padding-left:45px;background:url(../images/bread_bg.gif) 38px 13px no-repeat;} .bread_6{padding-left:50px;background:url(../images/bread_bg.gif) 43px 13px no-repeat;} #category .level_0>a{height:50px;line-height:50px;color:#333;display: block;padding-left:10px;width:190px;overflow: hidden;float:left;} #category .level_0>a.larrow{width:25px;padding:0px;float:right;line-height: 60px ;} #category .level_0>a.larrow>i{margin-left: 8px;} .cat_text{float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:178px;} #category .level_0.bread{background:#fff;} #category .level_0.bread>span{height:30px;line-height: 30px;clear: both;display: block;padding-right:3px;} #category .level_0.bread>span a{width:100%;height:30px;line-height:30px;display: block;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;} #category .level_0.bread>span .current_cat_name{width:100%;height:30px;line-height:30px;display: block;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;color:#333;font-weight: bold;} #category>.bread>span>.current_cat_name a{color:#333!important;} #category .level_0.active{background:#f1f1f1;} #category .level_0.active>a{color:#d42029;font-weight: bold;} .sub_cat{width:210px;margin-left:20px;display:none;clear: both; height:0px; transition:all 0.5s;} #category .level_0.active>.sub_cat{ display:block; height:auto;} .sub_cat>.level_1{border-bottom: none;border-top:1px #ddd solid;} .sub_cat .level_1>a{width:100%;height:50px;line-height:50px;color:#0072bb;display: block;overflow: hidden;} .sub_cat .level_1.active>a{color:#333;} .sub_cat .level_1>a .cat_text{width:186px;} .sub_cat .level_1>a>i{float:right;margin-top:20px;margin-right: 10px;} .beacon_sprite{width:230px;float:left;} .beacon_sprite li{width:100%;border-bottom: 1px #dedede solid;margin:0px;padding:0px;float:left;clear: both;} .beacon_sprite li:last-child{border-bottom: none;} .beacon_sprite li a{height:40px;width:100%;float:left;line-height:40px;} [class^="beacon-"],[class*=" beacon-"] { display:inline-block; vertical-align: text-top; background-image: url(../images/beacon_sprite.gif); background-repeat: no-repeat; width:85px; height:30px; margin:5px 10px; float:left;} .beacon-baokim{background-position: 0px -30px;} .beacon-cucre{background-position: 0px -60px;} .beacon-siki{background-position: 0px -90px;} .beacon-mytour{background-position: 0px -120px;} .beacon-123doc{background-position: 0px -180px;} .beacon-123tv{background-position: 0px -210px;} .beacon-nhanh{background-position: 0px -148px;} /** RIGHT MENU **/ #right_menu{width:270px;float:right;background:#fff;height:100%;overflow-y: scroll;display: none;} #right_content{width:100%;float:left;margin:0px;padding:0px;list-style: none;} #right_content>li{display: block;border-bottom: 1px #ddd solid;} #right_content li a{display:block;height:46px;line-height:46px;color:#333;overflow: hidden;} #right_content li a:hover{text-decoration: none;} #right_content span.icon{display: table-cell;width: 20px;padding: 0 10px;float: left;vertical-align: middle;text-align: center;} #right_content span.icon i{margin-top: -3px;} #right_content li a i.vcon-user_setting{margin: 11px 8px 0px 10px;} #right_content li a i.vcon-plus,#right_content li a i.vcon-minus{float:right;margin:16px 10px 0px 0px;} .r_user .vcon-minus{display:none;} .r_user.active{background:#f1f1f1;} .r_user.active .vcon-minus{display:block;} .r_user.active .vcon-plus{display:none;} .r_user.active .vcon-next-gray{display:none;} .r_user .vcon-down_gray{display:none;} .r_user.active .vcon-down_gray{display:inline-table;margin-top: 3px;} .r_avatar{width:32px;height:32px;float:left;margin:7px 10px;} .r_avatar img{max-width: 100%;max-height: 100%;} .menu_parent{font-weight: bold;} .menu_child{padding-left:42px;} span.right{float: right;display: table-cell;padding: 0 10px;} .user_name{float: left;width: 168px;height: 47px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .user_info{width:100%;display:none;font-weight: normal;} .r_user.active .user_info{display:block;} .user_info li{height:50px;border-top:1px #ddd solid;line-height:50px;} .user_info li>.name{float:left;height:50px;margin-left:10px;} .user_info li>.bonus{float: right;max-width: 143px;overflow: hidden;height: 50px;} .user_info li>.bonus>b{float:right;font-weight: normal!important;color:#d42029;} .user_info li.vpoint{line-height: 15px;} .vpoint_content{height: 20px;width:100%;float:left;margin-top: 10px;} .vpoint_name{float:left;line-height:15px;margin-left:10px;} .vpoint_count{float:right;margin-right:10px;color:#d42029;font-weight: normal;line-height: 15px;} .user_info li>.count{float:right;height:50px;margin-right:10px;color:#d42029;font-weight: normal;} .r_post>ul{width:100%;display:none;} .r_post.active{background:#f1f1f1;} .r_post.active>ul{display: block;} .r_post>ul li{height:50px;border-top:1px #ddd solid;line-height:50px;} .r_post>ul li>a{margin-left:45px;} .r_cart{position: relative;} .cart_not {height: 14px;margin: 0px;padding: 0px 5px;text-align: center;line-height: 14px;float: right;border: 1px #fff solid;border-radius: 8px;background: #ed2227;color: #fff;font-size: 10px;position: absolute;right: -5px;top: -5px;overflow: hidden;font-style: normal;} .r_cart>.cart_not{display:block;background:#ed2227;border-radius: 12px;position: absolute;font-size: 12px;font-weight: bold;color:#fff;font-style: normal;padding:2px 6px;border:2px #fff solid;box-shadow: 0px 0px 1px #333;top:-8px;right:-10px;} .r_ql_rav i{margin-top:13px!important;} .ql_rv_item>li a{padding-left:10px;border-top:1px #ddd solid;} .r_ql_rav.active{background:#f1f1f1;} .r_ql_rav.active .vcon-plus{display:none;} .r_ql_rav.active .vcon-minus{display:block;float:right;} .r_ql_rav .vcon-minus{display:none;} .ql_rv_item{display:none;} .r_ql_rav.active .ql_rv_item{display:block;} /** END RIGHT MENU **/ #main_container{width:100%;height:100%;} .show_left_menu{height:100%;overflow: hidden;} .show_left_menu>#main_container{position: absolute;height:100%;} .show_left_menu>#menu{display:block;} .show_left_menu>.overlay{left:230px;} .show_right_menu{height:100%;overflow: hidden;} .show_right_menu>#main_container{position: absolute;height:100%;overflow: hidden;} .show_right_menu>#right_menu{display:block;} .show_right_menu>#menu{display:none;} .show_right_menu>.overlay{left:-270px;} #info{background:#fff;} .menu_bottom{border-top: 1px solid #ddd;padding: 10px;background: #f8f9fd;} .menu_bottom>ul{border-radius: 5px;background: white;border: 1px solid #dddddd;} .menu_bottom>ul>li{display: block;width: 100%;height: 48px;line-height: 48px;border-bottom: 1px solid #dddddd;} .menu_bottom>ul>li .first_vcon i{margin-top: -1px;} .menu_bottom>ul>li>a{display: block;padding: 0 10px;font-size: 16px;color: #0072bd;} .menu_footer{margin-top: 10px;padding: 10px 0;border-bottom: 1px solid #ddd;} .menu_footer li{display: inline-block;width: 33%;text-align: center;border-right: 1px solid #333;} .menu_footer li a{color: #0072bd;} #info .t{font-weight: bold;font-size: 14px;padding-left: 7px;padding-bottom: 5px;text-transform: uppercase;background: #397ED3;color: white;text-shadow: none;padding-top: 5px;} #info .address{text-align: center;padding: 10px;font-size:12px;color:#666;} #loading{display: none;background: rgba(0,0,0,.5);position: fixed;width: 100%;height: 100%;top: 0;} #loading .img{width: 66px;height: 66px;position: fixed;top: 50%;left:50%;margin-left: -33px;margin-top: -33px;z-index: 9999;} .cat_overlay{display: none;background: rgba(0,0,0,.2);position: fixed;width: 100%;height: 100%;top: 0;left:0px;} .cat_overlay .img{width: 66px;height: 66px;position: absolute;z-index: 9999;left:60px;top:40%;} .cat_overlay .img img{border: solid 1px #F2F2F2;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} #loading .img img{border: solid 1px #F2F2F2;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .online{background: url("../images/chat.png") no-repeat scroll 0 3px transparent; padding-left: 13px;} .offline{background: url("../images/chat.png") no-repeat scroll 0 -37px transparent; padding-left: 13px;} .overlay{width:100%;height:100%;float:left;position: absolute;background: rgba(0,0,0,.3);display: none;top:47px;z-index: 1001;} .fl{float: left;} .fr{float: right;} .search_close{display: none;height: 46px;} .search_close a{ color: white !important; font-weight: bold; display: block; height: 100%; line-height: 46px;} ul.as-list{margin: 2px -40px 0px;} .back_top {width: 40px;height: 40px;float: right;position: fixed;right: 10px;bottom: 10px;background: url(../images/vcon_2x.png) -45px -65px no-repeat;background-size: 256px 512px;z-index: 11000;display: none;cursor: pointer;} .bottom_btn_bg{height:40px;display: block;} .alert-info{padding: 8px 14px 8px 14px;background-color: #d9edf7;border-color: #bce8f1;margin: 10px 0;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #3a87ad;} .count{ color: #960000; } #top_menu{background: #eff1f5;color: #a8a5a5;font-size: 14px;font-weight: bold;height: 45px;line-height: 45px;text-align: center;} #top_menu table{width: 100%;height: 45px;} #top_menu a{color: #a8a5a5;display: table-cell;height: 45px;vertical-align: middle;width: 1000px;} #top_menu a.active{color: #0072bd;} #top_menu a>span{height: 20px;margin: auto;border-right: 1px solid #dddddd;width: 100%;display: block;line-height: 20px;} #top_menu td{width: 1%;} /** FIX MOBISCROLL **/ #dw_set{height: 40px;line-height: 40px;background: #0072bd;color: white;text-shadow: none;} #dw_cancel{height: 40px;line-height: 40px;background: #dddddd;color: #333333;text-shadow: none;} .dwbw {float: right;} .dwbc{overflow: hidden;padding-bottom: 15px;} /** FAKE INPUT **/ .filter_cat_text{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .filter_form_line>label.label{ color: #616d86; font-size: 14px; font-weight: bold; padding: 0px;text-shadow: none;background: none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .filter_form_line>.disabled{background: #ddd;} .required_field:after{color: red;content: '*';margin-right: 5px;} .fake_input{ height: 35px; border: 1px solid #c8c8c8; width: 98%; padding-left: 2%; position: relative; background: white;} .fake_input.fake_input_note input{width: 85%;} .icon_note{color: #960000;float:right;height: 35px;background : #d0e4f2;width: 35px;text-align: center;line-height: 38px;} .fake_input input{ border: none; height: 35px; line-height: 35px; padding: 0px; width: 100%; outline: none; box-shadow: none; font-size: 15px;} .fake_input input[disabled]{background: none;border: none;} .filter_select{ width: 100%; height: 40px; border: 1px solid #c8c8c8; border-radius: 3px; line-height: 40px; color: #bdbdbd; font-size: 14px;} .filter_select>.value{ width: 80%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #0f75bc; font-weight: bold; padding: 0 1%;} .down_button{ height: 40px; width: 38px; float: right; border-left: 1px solid #c8c8c8; text-align: center; line-height: 50px; background: #eff1f5;} .filter_form_line textarea{width: 98%;padding: 1%;outline: none;font-family: Arial;} .filter_form_line>.captcha{} .filter_form_line>.captcha>input{float: left;width: 55%;} .filter_form_line>.captcha>img{float: right;height: 35px;} .filter_select_box{ border: 1px solid #c8c8c8; border-top: none; position: absolute; width: 100%; background: #fff; display: none; z-index: 999; max-height: 200px; overflow-y: scroll;} .filter_select_box li{ display: block; line-height: 32px; cursor: pointer;} .filter_select_box li:hover{ background: #eff1f5;} .filter_select_box li>label{ display: block; padding: 0 20px; cursor: pointer; font-weight: bold; color: #616d86; font-size: 14px; line-height: 32px;} .fake_inputdate{height: 38px;line-height: 38px;width: 138px;border: 1px solid #c8c8c8;background: #f6f6f6;color: #0f75bc;font-size: 14px;display: inline-block;border-radius: 3px;position: relative;} .fake_inputdate input{background: none;width: 118px;height: 100%;border: none;padding: 0 10px;color: #0f75bc;cursor: pointer;-webkit-box-shadow: none;box-shadow: none;} .fake_inputdate i{position: absolute;top: 10px;right: 10px;} .upload_image{ margin-top: 10px;} .fake_inputfile{ border: 1px solid #c8c8c8; width: 100%; display: block; height: 35px; line-height: 35px; font-size: 14px; position: relative;} .fake_inputfile>.value{ color: #616161; padding-left: 10px; white-space: nowrap;} .fake_inputfile>.upload_button{ color: #fff; font-weight: bold; height: 37px; background: #0f75bc; text-align: center; margin-top: -1px; padding: 0 10px; cursor: pointer; position: absolute; right: 0px; top: 0px;} .fake_inputfile input[type="file"]{ visibility: hidden;} .upload_note{ font-size: 14px; color: #aaaaaa; margin-top: 10px; display: block;} /** FILTER PAGE **/ .filter_page{width: 100%;min-height: 100%;background: white;z-index:2000;position: absolute;left: 100%;top: 0px;-webkit-transition: none 0.3s ease;-moz-transition: none 0.3s ease;-ms-transition: none 0.3s ease;-o-transition: none 0.3s ease;transition: none 0.3s ease;-webkit-transition-property: top, right, bottom, left, -webkit-transform;-moz-transition-property: top, right, bottom, left, -moz-transform;-ms-transition-property: top, right, bottom, left, -o-transform;-o-transition-property: top, right, bottom, left, -o-transform;transition-property: top, right, bottom, left, transform;display: none;} .header_title{color: white;font-size:18px;text-align: center;} .filter_form{padding: 0 10px 20px 10px;} .filter_remove{background: #ddd;color: #333;font-size: 16px;height: 40px;line-height: 40px;text-align: center;font-weight: bold;} .filter_remove{cursor: pointer;} .filter_form_line{margin-top: 10px;position: relative;} .blue_button{ height: 40px; background: #0072bd; display: block; line-height: 40px; font-size: 16px; color: #fff; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;border:none;} .white_button{ height: 40px; background: #FFF; display: block; line-height: 40px; font-size: 16px; color: #333; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;border:none;} .whiteblue_button{height: 40px; background: white; display: block; line-height: 40px; font-size: 16px; color: #0072bd; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer; font-weight: bold;border: 1px solid #0072bd;} .whiteblue_button i{float: right;margin-top: 12px;} .blue_button>i{float: right;margin-top: 8px;} .form_border{border: 1px solid #ddd;color: #333;font-size: 16px;padding: 0 10px;} .root_attr{display: inline-block;} .category_filter{width: 100%;margin: 0px;padding: 0px;border: 1px solid #ddd;border-bottom: none;} .category_filter li{ width: 96%; min-height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; padding: 0 2%;} .category_filter li .larrow{float: right;} .pad_0{padding-left: 0px;} .pad_1{padding-left: 10px;} .pad_2{padding-left: 20px;} .pad_3{padding-left: 30px;} /** FILTER SELECTED **/ .fix_filter_bar{position: fixed;top: 0px;left: 0px;z-index: 99;} .filter_selected{} .filter_selected li{line-height: 40px;min-height: 40px;} .filter_selected span.attr_icon{display:inline-block;vertical-align: text-top;background-image: url(../images/vcon_2x.png);background-repeat: no-repeat;width:28px;height:21px;background-position: -155px -200px;background-size: 256px 512px;margin-right: 20px;} .filter_selected span.attr_remove{display:inline-block;vertical-align: text-top;background-image: url(../images/vcon_2x.png);background-repeat: no-repeat;width:13px;height:13px;background-position: -105px -225px;background-size: 256px 512px;margin:4px 0 0 10px;} .list_attr_value{border: 1px solid #dddddd;border-top: none;} .list_attr_value li{height: 40px;line-height: 40px;padding: 0 10px;border-top: 1px solid #dddddd;font-size: 16px;} .list_attr_value li a{display: block;color: #333;} .list_attr_value li:active{background: #dddddd;} .white_button{ height: 40px; background: white; display: block; line-height: 40px; font-size: 16px; color: #333; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;border: 1px solid #dddddd;font-weight: bold;} .gray_button{ height: 40px; background: #eee; display: block; line-height: 40px; font-size: 16px; color: #333; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;border: 1px solid #dddddd;font-weight: bold; width: calc(100% - 20px);} .root_view_more{float: right;font-size: 12px;margin-right: 5px;font-weight: normal;} .white_button i.vcon-next-gray{float: right;margin-top: 12px;} .gray_button i.vcon-next-gray{float: right;margin-top: 12px;} .white_button:active{ background: #333; color: white;} .white_button:active i.vcon-next-gray{ background: #333; color: white; width:16px;height:24px;background-position: -73px -180px;} .attr_count{color: #960000;font-size: 14px;} .attr_name{display: inline-block;} .list_attr_value .attr_name{float: left;max-width: 88%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-right: 5px;} .list_attr_value .attr_count{float: left;} .list_attr_value a{overflow: hidden;} .filter_selected .attr_count{float: none;} .list_attr_value .attr_upper{font-weight: bold;} .filter_selected .attr_upper{font-weight: bold;} .filter_selected .attr_lower{padding-left:47px;} .filter_select .attr_lower a{} .filter_selected .attr_lower .attr_icon{width: 0px;height: 0px;margin: 0px;} .back_button{height: 40px; background: #0072bd; display: inline-block; line-height: 40px; font-size: 16px; color: #fff; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;border:none;float: right;} .back_button>i.vcon-back{margin-top: -2px;} .filter_page_footer{margin-top: 10px;overflow: hidden;} .search_filter{width:100%;background:#f2f2f2;overflow-y: auto;} .search_sort_link{display: block;height:40px;line-height:40px;text-align: center;vertical-align: middle;} .up_caret{border-top:7px #003c81 solid;border-left:5px transparent solid;border-right:5px transparent solid;border-bottom:2px transparent solid;padding:0px;margin:0px;display: inline-block;} .down_caret{border-top:2px transparent solid;border-left:5px transparent solid;border-right:5px transparent solid;border-bottom:7px #003c81 solid;padding:0px;margin:0px;display: inline-block;} .search_sort_link.active{color:#de0000;} .search_sort_link.active .up_caret{border-top:7px #de0000 solid;} .search_sort_link.active .down_caret{border-bottom:7px #de0000 solid;} .filter_key{margin-top: 10px;} .filter_key_sub{height: 30px;line-height: 30px;padding: 0 10px;color: #333;margin: 2px;background: #fff;border-radius: 2px;display: inline-block;border: 1px #cbcbcb solid;font-size: 12px;} .filter_key_sub a{display: block;} .filter_key_sub span.name{margin-right: 10px} .filter_key_sub span.remove{font-weight: bold;color: #de0000;} .filter_button i{margin-top: 2px;} .toggle_filter_button{margin-bottom: 5px;} .filter_list_child{overflow-x: scroll;max-height: 72px;white-space: nowrap;} .filter_list_child_inner{overflow: hidden;} .filter_list_child_inner label{float: left;margin-right: 5px;} .filter_child_caret{height: 32px;} .filter_child_caret i{width: 0;height: 0;border-left: 6px #666 solid;border-top: 5px transparent solid;border-bottom: 5px transparent solid;border-right: 1px transparent solid;display: inline-block;content: "";margin-left: 4px;margin-top: 10px;} /** HEADER BACK **/ .header_estore{background: #40a5e8;height: 44px;line-height: 44px;width: 100%;color: white;text-align: center;position: relative;} .header_estore a.back{color: white;margin-left: 10px;font-size: 12px;position: absolute;top: 0;left:0;} .header_estore a.go{color: white;margin-right: 10px;font-size: 12px;position: absolute;top: 0;right:0;} .header_estore a i{margin-top: -4px;} .header_estore .header_title{color: white;font-size: 16px;font-weight: bold;display: block;} a.header_title i{margin-top: 7px;margin-left: 5px;} /** HEADER V3 **/ #header_bar{background: #EE0000;height: 46px;width: 100%;} #header_bar table{height: 46px;width: 100%;} .table_tab_web{width: 100%;font-size: 14px;color: white;} @media (max-width: 320px){.table_tab_web{font-size: 13px;} } .table_tab_web a{color: #fff;} .table_tab_web td{width: 1%;text-align: center;padding: 0;} .table_tab_web td.active{background: #000;color: white;} .table_tab_web td.active a{color: white;} .table_tab_web td a{display: table-cell;height: 46px;vertical-align: middle;width: 1000px;} .table_tab_web td a span{height: 20px;margin: auto;border-right: 1px solid #BFD1DB;width: 100%;display: block;line-height: 20px;} .table_tab_web td:last-child a span{border: none;} .header_search{background: #eff1f5;height: 44px;width: 100%;font-size: 12px;} td.left_search i.vcon-prev{margin-right: 5px;} td.left_search i.vcon-next{margin-left: 5px;} td.left_search a{color: #333333;font-size: 12px;font-weight: bold;} .header_search>form>table{width: 100%;height: 44px;} .input_search{background: white;border-radius: 5px;height: 30px !important;border: 1px solid #cccccc;position: relative;} .input_search i.vcon-rv_search{margin-left: 10px;} .input_search_header{height:20px !important;border: none;border-radius: 15px;outline: none !important;outline-color: white;padding: 5px 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;font-size: 12px;width: 100%;box-shadow: none !important;} .left_search{ padding-left: 5px; width: 78px;} .left_search i{ float:left; margin-top:5px;} .left_search img{ float: left; margin-top: 4px;} .close_search{font-size: 13px;font-weight: bold;color: #333;display: none;} ul.as-list {margin: 10px -40px 0px;} .h_rv_city{background: none !important;} .h_rv_city .fill_name{color: #0072bd !important;font-size: 13px;} /** TAB SWIPE **/ .tab_swipe{background: white;height: 40px;line-height: 18px;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;font-size: 13px;margin-top: 1px;} .tab_swipe ul{width: 100%;list-style: none;height: 40px;display: table;} .tab_swipe ul li{cursor: pointer;display: table-cell;text-align: center;width: 1%;border-right: 1px solid #dddddd;transition: all 0.3s;-webkit-transition: all 0.3s;vertical-align: middle;} .tab_swipe ul li.active{font-weight: bold;height: 36px;} .tab_swipe ul li.active a{} .tab_swipe ul li:last-child{border-right: none;} .tab_swipe ul a{color: #0072bd;display: block;} div.block-img-detai{width:320px;} div.content-about img{ max-width:100% !important; height:auto !important;} /** PAGE SWIPE **/ .product_detail_bound{background: #f0f0f0;white-space: nowrap;overflow: hidden;} .product_detail_swipe{display: -webkit-box;-webkit-transform: translateX(0px);transform: translateX(0px);left: 0;-webkit-transition: 0.3s;transition: 0.3s;-webkit-backface-visibility: hidden;-ms-touch-action: pan-y!important;touch-action: pan-y!important;} .product_page_swipe{background: white;width: 100%;white-space: normal;border-bottom: 1px solid #dddddd; display: -ms-inline-grid !important; display: block;} .product_page_description{padding: 10px;} .product_page_description img{max-width: 100% !important;height: auto !important;} .product_page_description *{word-break: break-word;} .old_price{ color: #999999; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 3px; text-decoration: line-through;} .fixed_control{width:40px;height:81px;background:#0072bd;border-radius: 5px;position: fixed;right:5px;bottom:60px;z-index: 1000;overflow: hidden;} .scroll_top_btn{display: block;width:40px;height:41px;border-bottom: 1px #80b9de solid;box-sizing: border-box;padding:11px 10px;} .btn_fixed_cart{display: block;width:40px;height:40px;box-sizing: border-box;padding:10px 9px;} .chat_status{width:10px;height:10px;display: inline-block;background:url(../images/chat.png) no-repeat;} .chat_status_off{width:10px;height:10px;display: inline-block;background:url(../images/chat.png) no-repeat;background-position: 0px -40px;} .tb_btn{width:100%;} .tb_btn tr{padding:5px;} .tb_btn td{padding:5px;} .btn_blue{width:100%;height:35px;line-height: 35px;font-weight: bold;color:#fff;text-align: center;background:#1b75bb;border:1px #1b75bb solid;display: block;border-radius: 5px;box-sizing: border-box;overflow: hidden;} .btn_white{width:100%;height:35px;line-height: 35px;font-weight: bold;color:#1b75bb;text-align: center;background:#fff;border:1px #1b75bb solid;display: block;border-radius: 5px;box-sizing: border-box;overflow: hidden;} /** PROMOTION TAG **/ .promotion_tag{background: #db1e24;color: #fffefe;font-size: 13px;line-height: 20px;padding: 0px 5px;position: relative;} .promotion_tag_text{display: table-cell;vertical-align: middle;width: 500px;height: 30px;padding: 5px 0;} .promotion_flag{position: absolute;right: 10px;top: -9px;color: white;font-size: 18px;font-weight: bold;width: 86px;height:78px;text-align: center;z-index: 10;background:url(../images/hot_100_flag.png) no-repeat;} .promotion_flag .line, .promotion_flag .promotion_flag_top, .promotion_flag .promotion_flag_bottom{display: none;} .promotion_flag_hotfriday .promotion_flag_top{} .promotion_flag_hotfriday .promotion_flag_bottom{background: url(../images/vcon_2x.png) no-repeat;background-position:-75px -488px;background-repeat: no-repeat; background-size: 256px 768px;width: 80px;height: 24px;} .promotion_flag_hotfriday .promotion_date{margin-top: 0;position: absolute;top: 30px;background: #f44f00;left: 9px;font-size: 13px;padding: 0 5px;letter-spacing: 1px;width: 52px;} .promotion_flag_hotfriday .promotion_flag_text{font-size: 16px;} .promotion_flag_hotfriday .promotion_flag_content{background: #f44f00;padding: 7px 0 0 0;width: 80px;min-height: 48px;overflow: hidden;} .promotion_text_month{display: none;} .promotion_flag_hotfriday .promotion_text_month{margin-top: 5px;font-size: 10px;display: block;} .promotion_flag_hotfriday .line{border: 1px solid white;margin: 0 auto;height: 11px;width: 68px;} .promotion_flag_hotfriday{position: absolute;right: 0px;top: -9px;color: white;font-size: 18px;font-weight: bold;width: 86px;height:78px;text-align: center;z-index: 10;} .promotion_flag_content{padding: 7px 0px;width:80px;} .promotion_flag_bottom{margin-top: -2px;} .promotion_flag .line{border-top: 1px solid white;border-bottom: 1px solid #d30008;margin: 3px 0;} .promotion_date{font-size: 12px;margin-top:13px;} .promotion_price{font-size: 13px;color: #333333;} .promotion_price td{padding: 5px 10px 5px 0;} .promotion_price .price{font-size: 20px;} .com_pro_picture{position: relative;} .promotion_fire_sale{position: absolute;top: 10px;left: 10px;color: yellow;padding-top: 44px;font-family: tahoma;font-size: 26px;font-weight: bold;text-align: center;text-shadow: 0 1px 1px #444;background-size: 512px 1526px;background-position: -330px -963px;width: 83px;letter-spacing: -1px;height: 51px;} .promotion_fire_sale .minus{font-weight: normal;} .milion_text{font-size: 12px;} .percent_text{font-size: 12px;} .promotion_note_box{padding: 10px;} .promotion_note_box>div{background: #f0f0f0;padding: 10px;color: #666666;font-size: 12px;} .promotion_note_box .vcon-green_check{float: left;margin-right: 10px;margin-top: 2px;} .hotfriday_tip{text-align: center;padding: 10px 0;} .hotfriday_tip a{font-size: 12px; color: #f44e01 !important;font-weight: bold;display: inline-block;} .hotfriday_tip i{float: left;margin-top: -8px;margin-right: 5px;} .sprite_text{background: #fff;color:#0072BD !important;font-weight: normal;height: 20px;line-height: 20px;border-radius: 3px;padding: 0 10px;display: inline-block;white-space: nowrap;animation: 0.3s ease 0s normal none infinite sprite;-webkit-animation: 0.3s ease 0s normal none infinite sprite;-moz-animation: 0.3s ease 0s normal none infinite sprite;-o-animation: 0.3s ease 0s normal none infinite sprite;} .active div{ font-weight:bold;} .tab_slide{ color:#0072BD;} @-webkit-keyframes sprite{ from {margin-top: -2px;} to {margin-top: 0px;} } @-moz-keyframes sprite{ from {margin-top: -2px;} to {margin-top: 0px;} } @-o-keyframes sprite{ from {margin-top: -2px;} to {margin-top: 0px;} } /** SLIDE PAGE **/ .slide_page{width: 100%;display: none;background: white;position: fixed;left: 100%;top: 0px;transition: all 0.3s;height: 100%;height: calc(100%);overflow: scroll;z-index: 999999;} /** NEW DETAIL FIX **/ .other_information{padding: 5px 10px;} .other_information ul{list-style: circle;color: #a4a4a4;line-height: 20px;font-size: 12px;} .other_information li{list-style-type: disc;list-style-position: inside;} .other_information li span{color: #515151;} .company_shipping_chosen{height: 40px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;font-size: 12px;color: #999999;padding: 0 10px;cursor: pointer;margin-top: 5px;} .company_shipping_chosen table{height: 40px;width: 100%;} .company_shipping_chosen b{color: #404040;} .company_shipping_chosen .text{color: #404040;font-size: 11px;} .estore_info_box{background: #fafafa;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;padding: 5px;font-size: 12px;color: black;} .estore_info_box a{color: #0072bd;} .estore_info_box .estore_info{border-bottom: 1px solid #ececec;padding: 5px 0;} .estore_info_box table{width: 100%;} .estore_info_box b{font-size: 12px;color: #464646;max-height: 28px;} .verified_estore{color: #0a66a4;} .verified_estore i, .professional_estore i{margin-right: 5px;} .professional_estore{color: #24a95d;} .estore_button{height: 30px;line-height: 30px;color: white;background: #c2c1c1;border-radius: 3px;display: inline-block;padding-left: 10px;font-size: 11px;white-space: nowrap;overflow: hidden;} .estore_button span{height: 30px;width: 30px;text-align: center;display: block;float: right;background: #b8b7b7;margin-left: 10px;} .estore_box_review{width: 100%;color: #7c7c7c;line-height: 16px;} .estore_box_review table{width: 100%;} .estore_box_review td{width: 1%;text-align: center;border-right: 1px solid #d7d7d7;} .estore_box_review td:last-child{border: none;} .estore_box_review .title{font-size: 12px;} .estore_box_review .rate{font-size: 14px;color: #464646;font-weight: bold;} .estore_box_review .note{font-size: 11px;line-height: 14px;} .estore_review{padding: 0 10px 10px 10px;font-size: 12px;color: #515151;} .estore_review table{width: 100%;} .estore_review td.label{width: 140px;color: #7c7c7c;padding-left: 15px;} .estore_review td.title{font-weight: bold;color: #0f75bd;padding-top: 10px;} .tab_swipe ul a{color: #666666;font-weight: normal;font-size: 11px;} .tab_swipe ul li.active a{color: #0072bd;font-weight: bold;font-size: 12px;} .estore_company{font-size: 14px;color: black;font-weight: bold;} .estore_footer_info a{color: #0072bd;} .estore_footer_info{line-height: 20px;} .promotion_othertext{padding: 0 10px;color: #0ba957;font-size: 13px;font-weight: bold;font-style: italic;overflow: hidden;line-height: 20px;} .promotion_othertext i{margin-right: 5px;float: left;} /** SHIPPING_PAGE **/ .shipping_page{padding: 10px;} .shipping_page .title{color: #0f75bd;font-size: 12px;font-weight: bold;padding: 5px 0;} .shipping_city table{width: 100%;} .shipping_city td{width: 1%;} .shipping_select{height: 26px;line-height: 23px;font-size: 12px;color: #787878;border: 1px solid #d7d7d7;border-radius: 3px;width: 100%;outline: none;-webkit-appearance: menulist;} .shipping_page .note{font-size: 11px;color: #7c7c7c;} .shipping_location{font-size: 12px;color: #787878;padding: 10px 0;} .shipping_location span{color: #0f75bd;} .shipping_service{margin-top: 10px;} .shipping_service ul{font-size: 12px;width: 100%;background: #fafafa;} .shipping_service ul li{display: block;cursor: pointer;border-bottom: 1px solid #d7d7d7;} .shipping_service label{display: block;cursor: pointer;} .shipping_service ul table{width: 100%;} .shipping_service ul td{line-height: 16px;} .shipping_service .price{padding-right: 10px;} .shipping_submit{padding: 10px 0;text-align: center;} .estore_notice{line-height: 15px;font-size: 11px;color: #666666;padding: 5px 0;} .estore_notice i{margin-right: 5px;} .estore_notice a{color: #0072bd;} /** FIXED BUTTON CART **/ .company_fixed{position: fixed;background: rgba(0,0,0,0.7);} /* Last update: 04/03/2015 16:02:31 */ .ccon-control{width:40px;height:40px;background-size:40px 40px;border-radius: 20px;display: block;-webkit-transition: width 100ms; transition: width 100ms; margin:5px; text-align: center;} .ccon-control #control{width:100%;} .ccon-hotfriday{max-width:37px;} .ccon-person{max-width:37px;} .ccon-search{max-width:37px;} .ccon-cart{max-width:45px;} .ccon-monitor{} .ccon-home{max-width:96px;} .ccon-menu{max-width:45px;} .ccon-promotion{max-width:30px;} .ccon-back_top{max-width:37px;} .ccon-sale{max-width:39px;} .ccon-eye{max-width:46px;} .ccon-star{max-width:42px;} .ccon-setting{max-width:39px;} .ccon-back{max-width:96px;} .ccon-box{max-width:37px;} .ccon-purse{max-width:42px;} .ccon-support{max-width:35px;} .ccon-ql_raovat{max-width:37px;} .ccon-ql_donhang{max-width:37px;} .ccon-ql_sanpham{max-width:37px;} .ccon-update_price{max-width:37px;} .ccon-home_store{max-width:37px;} .ccon-post_hd{max-width:39px;} .ccon-post_sp{max-width:39px;} .ccon-post_rv{max-width:39px;} .ccon-list_estore{max-width:52px;} .ccon-product{max-width:39px;} .ccon-raovat{max-width:39px;} .ccon-hoidap{max-width:39px;} .ccon-tintuc{max-width:39px;} .ccon-email{max-width:39px;} .vg_control{position: fixed;background:#fff;border-radius: 5px;z-index: 3500;width:0px;height:0px;-webkit-transition: 300ms;transition: 300ms;top:100%;left:100%;} .vg_control_btn{width:50px;height:50px;display: block;position: fixed;z-index: 3400;right:5px;bottom:5px;} .vg_control_btn.active> .ccon-control{width:50px;height:50px;-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); margin:0px; opacity: 1;} .control_0,control_1,control_2,control_3{width:288px;height:288px;overflow: hidden;} .control_0{top:50%!important;left: 50%!important;margin-top:-144px;margin-left:-144px;} .vg_control_group{width:0px;height:0px;margin:0px;padding:0px;overflow: hidden;-webkit-transition: 300ms; transition: 300ms;} .control_row{width:100%;height:33%;overflow: hidden;} .control_row_1{height:34%;} .control_row i{display: block;width:100%;overflow: hidden;margin:0px auto;} .control_row i>img{width: 100%;} .control_0>#control_0{width:100%;height:100%;} #control_1{position: absolute;top:0px;left:288px;} #control_2{position: absolute;top:288px;left:288px;} #control_3{position: absolute;top:144px;left:288px;} .control_0>#control_0 .control_row{width:100%;margin:0px;padding:0px;text-align: center;} .control_1>#control_0{width:0px;height:0px;} .control_1>#control_1{width:100%;height:100%;top:0px;left:0px;} .control_2>#control_0{width:0px;height:0px;} .control_3>#control_0{width:0px;height:0px;} .control_2>#control_2{width:100%;height:100%;top:0px;left:0px;} .control_3>#control_3{width:100%;height:100%;top:0px;left:0px;} td.center{width:34%;height:100%;} td.blank{width:50px;} td.hide_btn{opacity: 0.3;} td.small_td{width:33%;} td.hide_btn img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);} td.hide_btn a{color:gray;} .control_0>#control_1 .control_row{width:100%;margin:0px;padding:0px;text-align: center;} .control_overlay{width:0px;height:0px;background:rgba(0,0,0,.5);position: fixed;top:0px;left:0px;display: none;z-index: 3300;} .control_overlay.active{display: block;width:100%;height:100%;} .control_link{display: block;color:#0172be;text-align: center;overflow: hidden;} .control_link>.title{line-height:16px;font-size: 11px;padding-top:2px;display: block;} .smal_4{width:25%;} .smal_4 a{height:60px;} .smal_4 img{height:38px;width:auto!important;} /* Last update: 04/03/2015 16:02:31 */ #raovat_bredcrum{min-height: 43px;width: 100%;position: relative;white-space: nowrap;border-bottom: 1px #e5e5e5 solid;background:#fff;} #raovat_bredcrum #header_navigate{overflow-x: auto;left: 0px;top: 0;width: 100%;z-index: 1000;background:#fff;border-bottom: 1px #e5e5e5 solid;} #raovat_bredcrum #header_navigate>li{display: inline-block;position: relative;} #raovat_bredcrum #header_navigate>li:last-child{background:none;} #raovat_bredcrum #header_navigate>li>a{display: block;padding: 14px 10px;} #raovat_bredcrum #header_navigate>li>a.level_0 span{background: url("../images/bread_caret.png") no-repeat scroll right 5px rgba(0, 0, 0, 0);padding-right: 15px;} #raovat_bredcrum #header_navigate>li>a.level_0_last span{background: none;} #raovat_bredcrum #header_navigate a{color: #333;font-size: 12px;} #raovat_bredcrum #header_navigate a:hover{color: #D8052B;} #raovat_bredcrum #header_navigate>li ul{display: none;padding: 5px 0;background: #FFFFFF;border: 1px solid #E5E5E5;min-width: 150px;position: fixed;top:135px;left:0;z-index:1;width:100%;height: 100%;overflow:scroll;} #raovat_bredcrum #header_navigate>li .active{display: block;} #raovat_bredcrum #header_navigate>li>ul>li>a{border-bottom: 1px dotted #DCDAD3;display: block;overflow: hidden;padding: 10px 5px;text-overflow: ellipsis;white-space: nowrap;} .ovf {overflow: hidden;width: 100%;} .back_bread{width:100px;float:left;height:44px;line-height: 44px;} .main_bread{position: relative;background:#fff;} /* Last update: 04/03/2015 16:02:31 */ .product_picture{width:100%;text-align: center;vertical-align: middle;position: relative;} .product_picture>a{display: block;width:100%;height:100%;text-align: center;} .count_pic{background:#5c5c5c;font-size: 12px;padding:3px 10px;border-radius: 10px;color:#fff;font-weight: bold;position: absolute;bottom:10px;right:10px;} .product_picture>a>img{max-height: 250px;max-width: 100%;margin:0px auto;} .product_picture_slide{width:100%;position: fixed;background:#fff;top:0px;left:0px;z-index: 1000;height:100%;display:none;} #home.show_slide{overflow: hidden;} .show_slide .product_picture_slide{display: block;} .small_galery{width:100%;overflow: hidden;} .list_image_small{width:100%;height:100%;padding:0px;margin:0px;overflow: auto;display: inline-block;white-space: nowrap;} .list_image_small>li{display: inline-block;height:200px;max-width: 300px;overflow: hidden;margin:0px;padding:0px;} .list_img_box{height:200px;padding:0px 3px;display: table-cell;vertical-align: middle;text-align: center;} .list_img_box>img{max-width: 100%;max-height: 100%;} .list_image{width:100%;display: block;height:100%;-webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; padding:0px; margin:0px; -webkit-transform: translate3d(0px,0px,0px);} .slide_item{height:100%;-webkit-transform: translate3d(0px,0px,0px);float:left;width:100%;} .img_box{height:100%;width:100%;display:table-cell;text-align: center;vertical-align: middle;margin:0px;} .img_box>img{max-width: 100%;max-height: 100%;} .slide_control{position: relative;width:100%;} .sl_back{width:34px;height:34px;float:left;position: absolute;left:10px;top:-20px;background:url(../images/sl_back.png) no-repeat;margin-top:-17px;cursor: pointer;} .sl_next{width:34px;height:34px;float:left;position: absolute;right:10px;top:-20px;margin-top:-17px;background:url(../images/sl_next.png) no-repeat;cursor: pointer;} .slide_bottom{width: 100%;background:#383838;height:36px;color:#fff;font-size: 13px;font-weight: bold;line-height:36px;text-align: center;overflow: hidden;} .close_slide{width:24px;height:24px;float:right;background:url(../images/close_slide.png) no-repeat;margin: 6px;} .productTitle>h1{background:#f6f6f6;color:#333;font-size:16px;margin:0px;padding:10px 10px 0px 10px;border-bottom: 1px #e2e2e2 solid;} .productTitle>h1.exclusive{border-bottom: 1px #f6f6f6 solid;} .product_exclisive_price{background:#f6f6f6;font-weight: bold;color:#bf0000;font-size: 15px;padding:0px 0px 0px 10px;} .product_exclisive_price>.price{font-size: 16px;} .productInfo{padding:0px;} .product_exclusive_info{background:#fff;padding:0px 5px;} .product_exclusive_info_title{font-size: 14px;font-weight: bold;color:#0072bd;padding:10px 0px;} .exclusive_bt{padding:10px;border-bottom: 1px #e2e2e2 solid;background:#f6f6f6;} .table_info{width:100%;} .table_info .name{font-weight: bold;color:#666;font-size: 12px;width:142px;} .table_info .value{font-size: 12px;color:#666;} .detail_tab{background:#fff;color:#0072bd;font-size: 14px;font-weight: bold;background:url(../images/detail_arow.png) right 15px no-repeat;padding:15px 30px 15px 10px;display: block;border-bottom: 1px #e2e2e2 solid;} .detail_tab.detail_tech{border-bottom: 1px #fff solid;background:url(../images/dowrow_blue.png) right 15px no-repeat;} .view_more_tech{padding:10px;display: block;color:#0072bd;font-size: 12px;border-bottom: 1px #e2e2e2 solid;} .detail_excludesive_tech{padding:0px 5px;display: none;border-bottom: 1px #e2e2e2 solid;} .detail_excludesive_tech.active{display: block;} .detail_excludesive_tech .technical_table .value,.detail_excludesive_tech .technical_table .name {border:none;font-size: 12px;} .detail_poll{float:right;} .poll_text{color:#333;font-size:11px;font-weight: normal;margin-top:2px;} .estore_compare{padding:10px;background:#eef7fe;border-bottom: 1px #e2e2e2 solid;color:#333;font-size: 12px;} .compare_title{color:#0072bd;font-size: 14px;font-weight: bold;} .tab_price_estore{margin-top:5px;} .price{color:#bf0000;font-weight: bold;} .price_small{font-weight: normal;} .estore_compare>div{margin-top:3px;} .main_estore_tab{position: relative;height:40px;} .estore_tab{top:0px;left:0px;width:100%;border-bottom: 1px #e2e2e2 solid;background:#fff;white-space: nowrap;overflow-x: auto;} .estore_tab.fixed{position: fixed;top:0px;z-index: 1000;height:39px;overflow: auto;} .estore_tab_item{display: inline-block;height:39px;line-height:39px;color:#0072bd;font-weight: bold;font-size:13px;background:url(../images/estore_tab.png) no-repeat right center;padding:0px 15px;} .estore_tab_item:last-child{background:none;} .estore_tab_item_city{color:#0072bd;font-weight: bold;font-size:13px;border:none;box-shadow: none;-webkit-appearance: textfield;} .estore_item{padding:5px 10px;border-bottom: 1px #e2e2e2 dashed;} .estore_tag{position: relative;} .estore_tag>span{width: 1px;height:1px;position: absolute;top:-45px;right:0px;display: block;} .estore_item_top{overflow: hidden;margin:0px;padding:0px;} .estore_avatar{width:60px;height:60px;margin:0px;padding:0px;overflow: hidden;display: block;} .estore_avatar>img{max-width: 100%;max-height: 100%;} .estore_info{display: inline-block;position: relative;width:100%;} .estore_city{color:#0e76bc;font-size: 13px;font-weight: bold;} .estore_name{font-size: 13px;color:#333;font-weight: bold;} .estore_name>a{font-size: 13px;color:#333;font-weight: bold;} .es_param_title{color: #333;font-size: 11px;width:80px;display: inline-block;} .es_param{color: #333;font-size: 11px;} .es_tran{color:#0e76bc;font-size: 11px;} .estore_larrow{float:right;position: absolute;top:50%;right:10px;} .estore_center{font-size: 12px;color:#666;max-height: 30px;line-height: 15px;overflow: hidden;position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .estore_center:after { content: "..."; text-align: right; position: absolute; bottom: 0; right: 0; width: 10px; height: 15px; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 1%); } @supports (-webkit-line-clamp: 2) { .estore_center:after { display: none; } } .estore_center>p{margin:0px;} .estore_bottom{margin-top: 10px;} .btn_estore_cart{width:100%;height:35px;border: 1px #0e76bc solid;border-radius: 3px;color:#fff;font-size: 12px;font-weight: bold;display: inline-block;text-align: center;line-height:35px;background:#0e76bc;} .btn_estore_cart.verified{padding-left:34px;background: url(../images/verified_btn.png) 0px 0px no-repeat;background-size:35px 36px;background-color: #0e76bc;box-sizing: border-box;} .btn_estore_cart.orange{border: 1px #F44F00 solid;background-color:#F44F00!important;} .btn_estore_cart.orange.verified{padding-left:34px;background: url(../images/verified_btn_or.png) 0px 0px no-repeat;background-size:35px 36px;background-color: #0e76bc;box-sizing: border-box;} .btn_detail_view_estore{width:100%;height:28px;border: 1px #0e76bc solid;border-radius: 3px;color:#fff;font-size: 12px;font-weight: bold;display: inline-block;text-align: center;line-height:28px;margin:5px 0px;margin-left:10px;background:#0e76bc;} .btn_detail_estore_phone{width:100%;height:32px;border: 1px #0e76bc solid;border-radius: 3px;color:#0e76bc;font-size: 12px;font-weight: bold;display: inline-block;text-align: center;line-height:32px;margin:5px 0px;background:#fff;} .btn_estore_phone{width:140px;height:28px;border: 1px #0e76bc solid;border-radius: 3px;color:#fff;font-size: 12px;font-weight: bold;display: inline-block;text-align: center;line-height:28px;margin:5px 0px;margin-left:10px;background:#0e76bc;} .detail_multi_phone{position:fixed;width: 100%;height:100%;top: 0px;left:0px;background:rgba(0,0,0,0.5);z-index: 1000;display:none;} .detail_multi_phone.active{display:block;} .multi_phone_content{background: #fff;border: 1px #dedede solid;border-top:0px;border-radius: 3px;margin:20px 10px;margin-top:100px;} .multi_phone_number{width:100%;border-top:1px #e2e2e2 solid;} .multi_phone_number>a{height:50px;line-height:50px;display: block;padding:0px 10px;} .close_multi_phone{width:30px;height:30px;float:right;color:#de0000;text-align: center;line-height:30px;font-weight: bold;} .estore_item.even{background:#f6fbfe;} .estore_more{background:#eef7fe;color:#0072bd;font-weight: bold;font-size: 15px;display: block;text-align: center;border-bottom: 1px #e2e2e2 solid;padding:15px 0px;} .estore_more>i{margin-top:5px;} .product_home{width:100%;} .dt_home_product_tab{height:30px;line-height:44px;display: block;text-align: left;padding: 0px 10px;color:#333;font-size: 14px;font-weight: bold;} .dt_home_product_content{width:100%;display: inline-block;white-space: nowrap;overflow: auto;} .detail_home_product{border-bottom: 1px #e2e2e2 solid;} .detail_home_product.active>.dt_home_product_content{display: inline-block;} .detail_home_product.active>.dt_home_product_tab{background:none;} .item{display: inline-block;width: auto;max-width: 200px;margin:10px 5px;} .detail_home_product_item{display: inline-block;margin:10px 5px;overflow: hidden;} .h_picture{height:120px;overflow: hidden;min-width: 80px;text-align: center;max-width: 300px;display: table-cell;vertical-align: middle;} .h_picture>img{max-height:100%;max-width: 100%;} .h_p_info{width:100%;float: left;position: relative;min-height:50px;margin-top:5px;} .h_info_text{position: absolute;float:left;top:0px;left:0px;width:100%;} .h_name{max-width:100%;color:#333;font-size: 12px;font-weight: bold;text-overflow: ellipsis;overflow: hidden;max-height: 26px;} .h_info_text>.price{font-size: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top:3px;} .hide{display: none;} .filter_ov{width:100%;height:100%;position: absolute;background:#fff;display: block;left:200%;top:0px;z-index: 1000;-webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; transition: transform 400ms ease; } .filter_ov.hide{display:none;} .filter_top{height:40px;overflow: hidden;background:#f2f2f2;border-bottom: 1px #e2e2e2 solid;line-height:40px;text-align: center;width:100%;} .show_filter{-webkit-transform :translateX(-200%);-ms-transform :translateX(-200%);transform :translateX(-200%);} .row_filter_content{height:100%;width:100%;} .filter_content{padding:10px;height:300px;overflow: auto;} .detail_back{height:41px;border-bottom: 1px #e2e2e2 solid;background:#f6f6f6;line-height:41px;font-size: 14px;color:#666;display: block;padding-left: 10px;} .ov_img{width:100%;text-align: center;padding:10px 0px;} .fixed{height:100%;} .technical_table{border-bottom:1px #e2e2e2 solid;width:100%;} .technical_table .name{border-top:1px #e2e2e2 solid;color:gray;padding:10px;border-right: 1px #e2e2e2 solid;border-left:1px #e2e2e2 solid;min-width:120px;} .technical_table .value{border-top:1px #e2e2e2 solid;color:gray;padding:10px;border-right: 1px #e2e2e2 solid;} .review_title{font-size: 16px;font-weight: bold;color:#333;height:30px;line-height:30px;padding:0px 10px;} .product_review_total{height:30px;border-bottom: 1px #e3e3e3 dashed;line-height:30px;color:#666666;font-size: 11px;padding:0px 10px;} .generate_vote{height:20px;} .product_review_total .star{font-size: 12px;font-weight: bold;color:#bf0000;} .review_content>li{border-bottom: 1px #e2e2e2 dashed;padding:10px;font-size: 12px;color:#333;} .review_content>li.even{background: #f6fbfe;} .rv_username{color:#0f75bc;font-size: 13px;padding:0px 4px;} .loginname .date{height: 20px;line-height:20px;font-size: 11px;color:#999999;} .pmr_title{font-size: 13px;font-weight: bold;color: #333333;} .rv_param{font-size: 12px;font-weight: bold;color: #333333;height:20px;line-height:20px;} .review_button{height:40px;line-height:40px;text-align: center;display:block;font-size: 15px;font-weight: bold;color:#fff;background:#0f75bc;border-radius: 4px;margin:20px 10px;margin-bottom: 20px;} .blank_filter{height:40px;} .fiter_canlce{float:left;height:40px;color:#0072bd;font-size: 14px;line-height:40px;padding-left:10px;} .filter_title{color:#000;font-size:14px;font-weight: bold;} .filter_select{background:#fff;} .filter_select>li{border-bottom:1px #e2e2e2 solid;} .fill_city{padding:10px 0px;width:100%;display: block;} .fill_city>select{border:none;box-shadow: none;width:100%;} .filter_item{padding:15px 0px;display: block;color:#333;font-size: 14px;background:url(../images/filter_arrow.png) right center no-repeat;} .current_city{font-size: 11px;color:#999;} .filter_button{display: inline-block;margin:10px 4%;text-align: center;width:40%;height:40px;line-height:40px;background:#0f75bc;color:#fff;font-size: 15px;font-weight: bold;border-radius: 4px;box-shadow: none;border:none;cursor: pointer;} .filter_button:hover,.filter_button:active{background:#0f75bc;box-shadow: none;border:none;text-shadow: none;} .filter_canlce{display: inline-block;margin:10px 5%;text-align: center;width:40%;height:40px;line-height:40px;background:#585858;color:#fff;font-size: 15px;font-weight: bold;border-radius: 4px;box-shadow: none;border:none;cursor: pointer;} .filter_text_title{font-weight: bold;padding:10px 0px 0px 10px;} .filter_sub label{padding:10px 0px 10px 0px;display: inline-block;cursor: pointer;margin-right: 10px;} .sub_filter li{border-bottom:1px #eee solid;} .sub_filter li.active{background:url(../images/selected_city.png) right center no-repeat;} .sub_item{padding:15px 0px;display:block;color:#333;} .sub_filter_ov{top:0px;} .filter_price{height:30px;line-height:30px;border:1px #e2e2e2 solid;border-radius: 4px;margin:10px auto;padding:0px 1%;width:98%;} .filter_list{width:100%;overflow: auto;white-space: nowrap;} .list_filted_item{display: inline-block;padding:5px;border:1px #e2e2e2 solid;margin:5px 2px 10px 2px;cursor: pointer;padding-right:15px;background:url(../images/red_cancel.png) right center no-repeat;} .list_filted_item>input{display: none;} .only_filter_fiel{border-bottom:1px #e2e2e2 solid;display: block;cursor: pointer;width:100%;} .only_filter_fiel>input{display: none;} .only_filter_fiel.active{background:url(../images/selected_city.png) right center no-repeat;} .current_price{color:#999;font-size: 11px;padding-bottom: 5px;} #detail_product_info{padding:10px;} input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;} .company_top{background:#f6f6f6;border-bottom: 1px #e2e2e2 solid;padding:10px;overflow: hidden;border-top: 1px solid #ddd;} .company_top_info{overflow: hidden;} .detail_estore_back{display: table-cell;width:74px;text-align: center;vertical-align: middle;} .company_name{position: relative;overflow: hidden;height:20px;} .company_info{overflow: hidden;} .detail_estore_back{} .company_name>div{position: absolute;top:0px;left:0px;color:#0f75bc;font-size: 16px;font-weight: bold;width:100%;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;} .company_address{color:#333;font-size: 12px;margin:4px 0px;} .cs_phone{color:#b51128;font-weight: bold;display: block;margin-bottom:5px;} .company_phone{color:#0f75bc;font-size: 16px;font-weight: bold;} .company_product_name{margin:0px;padding:10px;color:#333;font-size: 13px;padding-top: 10px;} .com_price{padding: 0px 10px;} .com_price .note{font-size: 11px;color: #333;font-weight: normal;} .c_param_name{color:#333;font-size: 12px;} .com_pro_picture{width:100%;height:220px;overflow: hidden;text-align: center;vertical-align: middle;} .com_pro_picture>img{max-height: 100%;max-width: 100%;} .company_button{width:100%;padding:0px 5px;left:0px;bottom: 0px;z-index: 1000;box-sizing: border-box;} .btn_box{padding:0px 5px;box-sizing: border-box;width:50%;display: inline-block;margin:0px -2px;} .company_fixed{} .company_status{width:140px;height:30px;border:1px #666 solid;line-height:30px;text-align: center;font-weight: bold;color:#333;border-radius: 5px;display: inline-block;} .company_cart{width:140px;height:28px;border: 1px #0e76bc solid;border-radius: 3px;color:#0e76bc;font-size: 12px;font-weight: bold;display: inline-block;text-align: center;line-height:28px;margin:5px 0px;} .bottom_button{text-align: center;width:100%;} .bottom_estore_button{text-align: center;position: fixed;bottom: 20px;width:100%;display: none;height:40px;z-index: 1000;} .company_close{width:140px;height:30px;line-height: 30px;color:#fff;font-weight: bold;text-align: center;margin:10px auto;background:rgba(0,0,0,0.5);border-radius: 3px;bottom:10px;z-index: 1000;display: inline-block;box-shadow: none;border: none;-webkit-appearance: none;} .bottom_estore_button.show{display: block;} .company_detail_tech{padding:10px;} .company_detail_tech_title{font-size: 14px;color:#333;font-weight: bold;padding-bottom: 10px;} .detail_product_data_not_found{padding: 10px;} /** DETAIL ESTORE **/ .header_estore{background: #40a5e8;height: 44px;line-height: 44px;width: 100%;color: white;text-align: center;position: relative;} .header_estore a.back{color: white;margin-left: 10px;font-size: 12px;position: absolute;top: 0;left:0;} .header_estore a.go{color: white;margin-right: 10px;font-size: 12px;position: absolute;top: 0;right:0;} .header_estore a i{margin-top: -4px;} .header_estore .header_title{color: white;font-size: 16px;font-weight: bold;display: block;} a.header_title i{margin-top: 7px;margin-left: 5px;} .estore_inner{padding: 10px;overflow: hidden;} .estore_avatar{float: left;width: 100px;height: 100px;text-align: center;line-height: 100px;vertical-align: middle;margin-right: 10px;} .estore_avatar img{max-width: 100%;max-height: 100%;} .estore_description{overflow: hidden;} .estore_description .estore_name{font-weight: bold;color: #333333;font-size: 15px;} .estore_description .estore_address{color: #333333;font-size: 13px;margin-top: 10px;} .estore_description .estore_phone{color: #0072bd;font-size: 13px;margin-top: 10px;line-height: 20px;font-weight: bold;} .estore_description .estore_phone a{display: inline-block;color: #0072bd;} .estore_verified{padding: 10px;background: #fff8e7;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;overflow: hidden;} .estore_verified>img{float: left;margin-right: 10px;width: 48px;} .estore_detail_verified{overflow: hidden;} .estore_detail_verified .text_1{color: #588f27;font-size: 16px;font-weight: bold;} .estore_detail_verified .text_2{color: #333333;font-size: 12px;margin-top: 5px;} .success_order{font-weight: bold;color: #BF0000;} .estore_menu{width: 100%;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;} .estore_menu table{width: 100%;padding: 10px 0;height: 24px;text-align: center;color: #0072bd;font-weight: bold;font-size: 14px;line-height: 24px;} .estore_menu a{color: #0072bd;display: block;} .estore_menu table td{padding: 0px;width: 50%;cursor: pointer;} td.menu_estore i{margin-right: 10px;} td.info_estore i{margin: -3px 5px 0 0;} .estore_menu table td.menu_estore{border-right: 1px solid #e5e5e5;} .estore_product{padding-bottom: 10px;} .gray_button{width: 96%;padding: 0 2%;height: 42px;background: #f3f3f3;border: 1px solid #dddddd;border-radius: 5px;color: #333;font-size: 14px;font-weight: bold;line-height: 42px;cursor: pointer;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;} .gray_button i{float: right;margin-top: 13px;} .estore_box{width: 100%;margin-top: 10px;overflow: hidden;} .estore_list_product{padding: 0;overflow: hidden;} .estore_box a{display: inline-block;width: 100%;} .e_product_picture{width: 100%;height: 100px;text-align: center;vertical-align: middle; /*border: 1px solid #ddd;*/ border-radius: 5px;} .e_product_picture img{max-width: 100%;max-height: 100%;} .e_product_info{width: 100%;margin-top: 5px;} .e_product_info_text{position: absolute;top: 0;left: 0;width: 100%;} .e_product_name{color: #333;font-size: 12px;height: 40px;line-height: 20px;overflow: hidden;padding-right: 5px;} .e_product_price{color: #bf0000;font-size: 14px;font-weight: 700;margin-top: 2px;} .estore_product_box{width: 47%;float: left;margin-bottom: 10px;margin-left: 1%;padding: 1%;} .blue_button_2{border: none;height: 34px;background: #0072bd;color: white;font-weight: bold;padding: 0 20px;font-size: 14px;display: inline-block;line-height: 34px;border-radius: 5px;cursor: pointer;} .estore_search{width: 100%;padding: 10px 0;text-align: center;} .estore_search input{width: 90%;height: 32px;line-height: 32px;outline: none;border: 1px solid #ddd;border-radius: 3px;} .estore_category{width: 100%;} .estore_category ul{width: 100%;border-top: 1px solid #dddddd;} .estore_category ul li{display: block;height: 48px;line-height: 48px;font-size: 14px;padding: 0 10px;border-bottom: 1px solid #dddddd;} .estore_category ul li a{color: #0072bd;display: block;} .estore_category ul li.cat_level_0{font-weight: bold;color: #0072bd;background: #f4f4f4;} .estore_category ul li.cat_level_1 a{color: #333 !important;} .estore_category ul li.cat_level_1{color: #333;padding-left: 30px;} .estore_category ul li i.vcon-next_2{float: right;margin-top: 17px;} .estore_category ul li i.vcon-down_2{float: right;margin-top: 20px;} .estore_category ul li span.count{color: #bf0000;} .estore_contact_name{font-size: 15px;font-weight: bold;color: #333333;} .estore_info_text_1{color: #333333;font-size: 12px;} .estore_contact{padding: 10px;background: #f4f4f4;} .estore_box_contact{background: white;border: 1px solid #ddd;width: 100%;border-radius: 5px;overflow: hidden;} .estore_box_contact li.phone{border-top: none;color: #0072bd;} .estore_box_contact li.address a{color: #0072bd;font-weight: bold;} .estore_box_contact li.phone>table>tbody>tr>td>a{display: inline-block;color: #0072bd;font-weight: bold;} .estore_box_contact li.phone>table>tbody>tr>td>a>span{display: inline-block;} .estore_box_contact li.warranty{font-weight: bold;color: #0072bd;} .estore_box_contact>li{min-height: 28px;border-top: 1px solid #ddd;padding: 10px;line-height: 20px;cursor: pointer;} .estore_box_contact li table{width: 100%;} .estore_box_contact td.icon{width: 20px;vertical-align: middle;} .estore_box_contact i.vcon-next_2{float: right;} .estore_box_contact i.vcon-down_2{float: right;} .estore_breadcrum{overflow: hidden;white-space: nowrap;} .estore_breadcrum>ul{list-style: none;height: 40px;line-height: 40px;overflow-x: scroll;overflow-y: hidden;} .estore_breadcrum>ul::-webkit-scrollbar {width: 0px;height: 0px;} .estore_breadcrum>ul>li{display: inline-block;padding: 0 10px;} .estore_breadcrum>ul>li>a{display: inline-block;padding-right: 15px;color: #333;font-size: 13px;} .estore_breadcrum>ul>li>a.down{background: url(../images/bread_caret.png) no-repeat scroll right center rgba(0,0,0,0);} .estore_breadcrum>ul>li>a.next{background: url(../images/bread_caret_2.png) no-repeat scroll right center rgba(0,0,0,0);} .estore_menu_child{display: none;background: #FFF;border: 1px solid #E5E5E5;min-width: 150px;position: fixed;top: 176px;left: 0;z-index: 1003;width: 100%;height: 100%;overflow: scroll;} .estore_breadcrum span.count{color: #FF0000;} .estore_menu_child li{padding: 0 10px;border-bottom: 1px dotted #DCDAD3;} .estore_menu_child a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;} .line_both{clear: both;width: 100%; /*border-top: 1px solid #ddd;*/ display: block;margin-bottom: 10px;} /** PAGING ESTORE **/ .estore_paging{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #eee;height: 40px;} .estore_paging table{width: 100%;height: 100%;} .estore_paging .next{width: 40px;text-align: center;} .estore_paging .prev{width: 40px;text-align: center;} .estore_paging .paging{text-align: center;} .estore_paging .current_page{background: #0072bd;color: white;padding: 5px;border-radius: 3px;font-weight: bold;cursor: pointer;} .paging #select_paging{width: 1px;height: 1px;display: block;border: none;outline: none;-webkit-appearance: inherit;-moz-appearance: inherit;-o-appearance: inherit;} .header_bar_main{z-index: 1002;} .header_bar_fix{width: 100%;display: none;} .estore_filter_tab{width: 100%;position: relative;background: white;} .header_bar_fixed{top: 0;left: 0;z-index: 1002;width: 100%;background: white;position: fixed;box-shadow: 0 2px 8px #888;} .estore_filter_tab table{width: 100%;height: 40px;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;} .estore_filter_tab table td{text-align: center;color: #0072bd;width: 1%;border-right: 1px solid #dddddd;cursor: pointer;height: 38px;line-height: 38px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;} .estore_filter_tab table td a{color: #0072bd;} .estore_filter_tab table td:last-child{border: none;} .estore_filter_tab_relative{width: 100%;height: 100%;} .estore_filter_tab_relative>a{display: block;} .estore_filter_tab_relative>a.active>i.sort_caret{border-top-color: #FF0000;} .estore_list_sort{background: white;position: absolute;left: 0;top: 46px;display: none;width: 100%;box-shadow: 0px 5px 10px #888;z-index: 100;} .estore_list_sort.active{display: block;} .estore_list_sort>li{width: 100%;height: 40px;display: block;line-height: 40px;border-bottom: 1px solid #ddd;} .estore_list_sort>li>a{display: block;padding: 0 10px;} .estore_list_sort>li.active a{color: #bf0000;font-weight: bold;} .sort_caret{width: 0;height: 0;border-top: 6px #aaa solid;border-left: 5px transparent solid;border-right: 5px transparent solid;display: inline-block;content: "";margin-left: 4px;border-bottom: 1px transparent solid;} .little_sort{font-size: 11px;color: #bf0000;} .estore_viewmore{margin: 20px 0;text-align: center;} #loading_more{display: none;margin: 10px auto;} .border_button{height: 42px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: white;width: 96%;padding: 0 2%;display: block;line-height: 42px;color: #333;font-weight: bold;font-size: 14px;} .border_button i{float: right;margin-top: 13px;} .list_address{line-height: 20px;color: #333;text-align: left;padding: 0 10px;} .list_address li{padding: 10px;font-size: 12px;font-weight: bold;border-bottom: 1px dashed #ddd;cursor: pointer;} .list_address li .default{color: #bf0000;} .list_address li:last-child{border: none;} .estore_map{padding: 10px 0px 10px 10px;overflow: hidden;white-space: nowrap;border-bottom: 1px solid #ddd;} .estore_map ul{list-style: none;height: 50px;line-height: 25px;overflow-x: scroll;overflow-y: hidden;} .estore_map ul li{display: inline-block;padding: 0 10px;border-right: 1px solid #ddd;cursor: pointer;} .estore_map ul li:last-child{border: none;} .map_address{font-size: 12px;color: #0072bd;} .map_tel{font-weight: bold;} .map_tel a{color: #0072bd;} .estore_map ul::-webkit-scrollbar {width: 0px;height: 0px;} .estore_map_title{font-size: 15px;color: #0072bd;font-weight: bold;margin-bottom: 10px;} .map_description div {margin: 3px;line-height: 18px;} .map_title{color: #30A602;font-weight: bold;} .map_description .default{color: #FF0000;} .estore_search_form{line-height: 40px;background: white;border-bottom: 1px solid #ddd;width: 98%;padding: 0 1%;} .estore_search_form input{width: 100%;outline: none;border: none;} .estore_search_form ul{width: 100%;} .estore_search_form ul>li{padding: 0 10px;border-bottom: 1px solid #dddddd;} /*** FILTER PAGE **/ .filter_page{width: 100%;min-height: 100%;background: white;z-index:2000;position: absolute;left: 100%;top: 0px;-webkit-transition: none 0.3s ease;-moz-transition: none 0.3s ease;-ms-transition: none 0.3s ease;-o-transition: none 0.3s ease;transition: none 0.3s ease;-webkit-transition-property: top, right, bottom, left, -webkit-transform;-moz-transition-property: top, right, bottom, left, -moz-transform;-ms-transition-property: top, right, bottom, left, -o-transform;-o-transition-property: top, right, bottom, left, -o-transform;transition-property: top, right, bottom, left, transform;display: none;} .filter_form{padding: 0 10px 20px 10px;} .filter_remove{background: #ddd;color: #333;font-size: 16px;height: 40px;line-height: 40px;text-align: center;font-weight: bold;} .filter_remove{cursor: pointer;} .filter_form_line{margin-top: 10px;position: relative;} .filter_selected{} .filter_selected li{line-height: 40px;min-height: 40px;} .filter_selected span.attr_icon{display:inline-block;vertical-align: text-top;background-image: url(../images/vcon_2x.png);background-repeat: no-repeat;width:28px;height:21px;background-position: -155px -200px;background-size: 256px 512px;margin-right: 20px;} .filter_selected span.attr_remove{display:inline-block;vertical-align: text-top;background-image: url(../images/vcon_2x.png);background-repeat: no-repeat;width:13px;height:13px;background-position: -105px -225px;background-size: 256px 512px;margin:4px 0 0 10px;} .list_attr_value{border: 1px solid #dddddd;border-top: none;} .list_attr_value li{height: 40px;line-height: 40px;padding: 0 10px;border-top: 1px solid #dddddd;font-size: 16px;} .list_attr_value li a{display: block;color: #333;} .list_attr_value li:active{background: #dddddd;} .root_attr{display: inline-block;} .form_border{border: 1px solid #ddd;color: #333;font-size: 16px;padding: 0 10px;} .attr_count{color: #960000;font-size: 14px;} .attr_name{display: inline-block;} .list_attr_value .attr_name{float: left;max-width: 88%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-right: 5px;} .list_attr_value .attr_count{float: left;} .list_attr_value a{overflow: hidden;} .filter_selected .attr_count{float: none;} .list_attr_value .attr_upper{font-weight: bold;} .filter_selected .attr_upper{font-weight: bold;} .filter_selected .attr_lower{padding-left:47px;} .filter_select .attr_lower a{} .filter_selected .attr_lower .attr_icon{width: 0px;height: 0px;margin: 0px;} .back_button{height: 40px; background: #0072bd; display: inline-block; line-height: 40px; font-size: 16px; color: #fff; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;border:none;float: right;} .root_view_more{float: right;font-size: 12px;margin-right: 5px;font-weight: normal;} .gray_button i.vcon-next-gray{float: right;margin-top: 13px;} .filter_key{margin-top: 10px;} .filter_key_sub{height: 30px;line-height: 30px;padding: 0 10px;color: #333;margin: 2px;background: #fff;border-radius: 2px;display: inline-block;border: 1px #cbcbcb solid;font-size: 12px;} .filter_key_sub a{display: block;} .filter_key_sub span.name{margin-right: 10px} .filter_key_sub span.remove{font-weight: bold;color: #de0000;} .filter_page_footer{margin-top: 10px;overflow: hidden;} .quick_search_form{padding: 10px 0;border-top: 1px solid #ddd;position: relative;} .quick_search_form i{position: absolute;top: 20px;left: 20px;} .quick_search_form form{padding: 0 10px;} .quick_search_form input{width: 100%;height: 36px;outline: none;border: 1px solid #ddd;text-align: center;border-radius: 1px;box-shadow: none;display: block;-webkit-appearance: none;border-radius: 0;} /* Last update: 04/03/2015 16:02:31 */ .showcart_title{width:100%;background:#fff;padding:10px 10px 3px 10px;box-sizing: border-box;} .showcart_title>.cart_pr_recbin{margin-top:-4px;} .showcart_text{font-size: 14px;font-weight: bold;color:#ff7800;} .showcart_text_count{color:#999999;font-size: 13px;font-weight: normal;} .showcart_icon{display: inline-block;position: relative;margin-right:5px;} .showcart_icon_count{display: block;position: absolute;background:#ff7800;color:#fff;border: 1px #fff solid;border-radius: 15px;padding:1px 5px;top:-10px;right:-3px;font-size: 12px;} .showcart_content{background:#f3f3f3;} .cart_estore{padding:0px;font-size: 12px;} .cart_estore_name{padding:10px;color:#333;display: block;box-sizing: border-box;border-top:3px #fff solid;} .cart_estore_text{font-size: 14px;font-weight: bold;color:#333;position: relative;padding-right:30px;} .cart_ptn_buy_estore{float:right;color:#fff;font-size: 11px;background:#40a5e8;border:1px #2b92d6 solid;border-radius: 3px;padding:2px 5px;font-weight: normal;} .cart_estore_info{padding: 0px;line-height:16px;} .cart_estore_info i{margin-right:3px;} .cart_estore_info>div{margin-top:5px;} .cart_product_main{padding:0px 10px;} .cart_product{background:#fff;width:100%;} .cart_product tr{border-bottom: 5px #f3f3f3 solid;} .cart_product td{padding:5px;border-bottom: 5px #f3f3f3 solid;} .cart_product.end tr,.cart_product.end td{border-bottom:0px;} .cart_pr_image{width:70px;margin:0px;height:80px;overflow: hidden;float:left;text-align: center;} .cart_pr_image>img{max-width: 100%;max-height: 100%;} .cart_pr_info{font-size: 12px;color:#666;} .cart_pr_name{overflow: hidden;} .cart_pr_link{color:#0072bd;} .cart_pr_recbin{float:right;padding:5px 8px;background:#edeff1;border-radius: 3px;} .cart_pr_add{float:right;padding:5px 8px;background:#0f75bc;border-radius: 3px;color:#fff;margin-top:-4px;} .cart_pr_info_param{overflow: hidden;margin-top:5px;} .cart_pr_price{float:right;color:#bf0000;} .cart_group_count{float:right;background:#edeff1;padding:3px;border-radius: 3px;} .cart_count_down{float:left;width:25px;height:16px;text-align: center;line-height:16px;margin-right:2px;} .cart_count_down>i{margin-top: 4px;} .cart_count_up{float:right;width:25px;height:16px;text-align: center;line-height:16px;margin-left:2px;} .cart_count_up>i{margin-top: 4px;} .cart_count_pr{width:22px;height:16px;text-align: center;margin:0px;padding:0px;border:none;} .cart_pr_nav{width:100%;} .cart_pr_nav td{padding:5px;} .btn_pay{font-size: 12px;font-weight: bold;display: block;text-align: center;color:#fff;border:1px #0072bd solid;border-radius: 4px;padding:7px 0px;background:#0072bd;width:100%;} .btn_pay_online{font-size: 12px;font-weight: bold;display: block;text-align: center;color:#fff;border:1px #0072bd solid;border-radius: 4px;padding:7px 0px;background:#0072bd;width:100%;} .btn_buy_more_estore{font-size: 12px;font-weight: bold;display: block;text-align: center;color:#fff;border:1px #0072bd solid;border-radius: 4px;padding:7px 0px;background:#0072bd;width:100%; /*border: 1px #0e76bc solid;border-radius: 3px;color:#fff;font-size: 11px;display: inline-block;text-align: center;background:#40a5e8;padding:2px 5px;position: absolute;right:0px;top:0px;*/ } .cart_buy_more{display: block;width:100%;text-align: center;height:50px;color:#0072bd;font-size: 13px;font-weight: bold;line-height:50px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;background:#fff;} .cart_buy_more>i{margin-top:-10px;} .cart_estore_total_money{overflow: hidden;font-size: 12px;padding:0px 10px;} .cart_total_money{font-weight: bold;color:#bf0000;float:right;} .cart_money_total_pr{color:#0072bd;font-weight: bold;} .show_cart_empty{width:100%;height: 80px;background:url(../images/cart_empty.png) center center no-repeat;} .show_cart_emty_text{font-size: 13px;font-weight: bold;color:#adadad;text-align: center;} .show_cart_emty_text_not{font-size: 13px;font-weight: bold;color: #adadad;text-align: center;padding:10px;box-sizing: border-box;} /* Last update: 04/03/2015 16:02:31 */ .payment{width:100%;background:#fff;margin:0px;padding:0px;} .payment_header{width:100%;height:44px;line-height:44px;background:#40a5e8;color:#fff;font-weight: bold;font-size: 14px;} .payment_back{width:44px;height:44px;float:left;text-align: center;} .payment_back>i{margin:0px;margin-top:-1px;} .payment_product_estore{width: 100%;height:40px;border-bottom: 1px #ddd solid;background:#fff;line-height:40px;font-size: 14px;color:#333;padding:0px 10px;} .payment_count_money{font-size: 15px;color:#0072bd;font-weight: bold;float:right;} .payment_user{} .pay_user{width:100%;display: table;padding:10px 0px;border-bottom: 1px #ddd solid;background:#f4f4f4;} .input_check{padding-top: 2px;width:40px;text-align: center;vertical-align: middle;} .input_check>i{margin-top:2px;} .input_check.active>i{width:15px;background-position: -215px -310px;} .row{display: table-row;width:100%;} .cell{display: table-cell;} span.block{display: block;line-height:18px;} .pay_user_contol{width:30px;text-align: center;} #payment_select_user{} .pay_more_add{display: none;} .pay_more_add.active{display: block;padding:0px 10px;} .pay_more_add.not_login{margin-top:10px;} .payment_form{background:#f4f4f4;padding:0px;} .payment_form_title{color:#0072bd;margin:0px;padding:10px 18px;background: #e6e6e6;position: relative;} .arrow_title{position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 11px;left:18px;bottom: -22px;border-top: 11px #e6e6e6 solid ;} .from_group{display: block;margin: 10px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .from_group:before,.from_group:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .pay_input{width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.5;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 0px;-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,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-box;margin:10px 0px;} .pay_input:before,.pay_input:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} textarea.pay_input{min-height: 35px;max-width: 100%;margin:0px;} .pay_more_row{width:100%;display: table;} .pay_more_col{width:50%;display: table-cell;} .pay_more_col.left{padding-right: 10px;} pay_more_col.right{padding-left:10px;} .pay_label_select{display: block;width: 100%;padding:8px;font-size: 14px;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 0px;-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,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-box;margin:10px 0px;} .pay_label_select>select{margin:0px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition:none;transition:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:none;width:100%;padding-right:10px;background:url(../images/pay_select.png) right center no-repeat;} .pay_add_user{display: block;width:100%;padding:10px 0px;text-align: center;border:1px #b7b7b7 dashed;font-size: 12px;color:#616161;margin:10px 0px;} .pay_add_user>i{margin-top:2px;margin-right:5px;} .pay_button_submit{width:100%;background:#7b7b7b;color:#fff;font-weight: bold;text-align: center;padding:8px 0px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition:none;transition:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:1px #d6d6d6 solid;margin:10px auto;display: block;} .form_control_onError{border: 1px solid #bb0000;} .pay_control>h4{background: url(../images/pay_title.png) right center no-repeat;background-color: #e6e6e6;} .pay_control>h4>i{display: none;} .pay_control.active>h4{background:#e6e6e6;} .pay_control.active>h4>i{display: block;} .title_note{color:#999;font-size: 13px;font-weight: normal;} .payment_button{width: 100%;background: #40a5e8;color: #fff;font-weight: bold;text-align: center;padding: 10px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: none;transition: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: none;margin:10px 0px;} .error_user_address{color:red;padding:10px;font-weight: bold;background:#f2dede;display: none;margin-top:10px;} .error_user_address.active{display: block;} .form_edit{display: none;padding:1px 10px 5px 10px;border-bottom: 1px #dedede solid;} .form_edit.active{display: block;} #pay_otherinfo{padding:10px;} #pay_otherinfo.active{display: block;} #pay_discount{display: none;width:100%;} #pay_discount.active{display: table;} .tab_row{display: table-row;} .pay_discount_value{display: table-cell;padding:0px 10px;} .pay_discount_alert{display: table-cell;} .pay_discount_btcheck{width:100px;box-sizing: border-box;display: table-cell;padding-right:10px;} #discount_code_msg{color:#cc0000; font-size:11px;margin:0px 10px 10px 10px;} .payment_product{width:100%;background:#f4f4f4;margin:0px;padding-top:20px;} .pay_product_title{width:100%;padding:10px;display: block;font-size: 14px;box-sizing: border-box;background-color: #fff;} .pay_count_product{color:#333;} .pay_product_count_price{font-size: 15px;font-weight: bold;color:#0072bd;text-align: right;float:right;} .payment_product_form{padding:0px 10px;} .payment_product_form{color:#656565;font-size: 14px;margin:10px 0px;font-weight: bold;} .pay_pro_text{width:100%;margin:5px 0px;} .pay_shipping_money{font-weight: bold;float:right;} .pay_pro_text_note{margin:5px 0px;font-size: 11px;} .ord_shipping_merchant{border: none;} .ord_shipping_merchant>select{border:none;box-shadow: none;border-radius: 0px;background:url(../images/pay_district.png) right center no-repeat;padding-right: 6px;} .pay_money_num{float:right;color:#bf0000;font-weight: bold;} .payment_product_info{padding-top:10px;display: none;} .payment_product_info.active{display: block;} .pay_pro_div{width:100%;border-top:2px #ececec solid;margin:5px 0px;} .pay_pro_address{font-size: 12px;font-weight: normal;} .pay_pro_address>i{margin-right:15px;} .pay_pro_method{font-size: 12px;margin-top:5px;} .total_money{margin:15px 0px;} .pay_pro_method>i{margin-top:3px;margin-right:6px;} .confirm_pay{padding:10px;background:#fff;color:#333333;} .confirm_pay td{padding:5px;} .confirm_pay td i{margin-right:3px;} .confirm_total{color:#0072bd;} .success_pay_1{font-size: 12px;font-weight: bold;color:#666;text-align: center;line-height:14px;padding:10px 0px;} .success_pay_2{font-size: 14px;color:#229900;text-align: center;line-height:16px;padding:10px 0px;} .success_pay_3{font-size: 14px;color:#666666;font-weight: bold;text-align: center;line-height:16px;padding:10px 0px;} .success_pay_4{display: table;width:100%;} .success_pay_4>.cell{padding:10px 5px;} .pay_success_button{display: block;border-radius: 5px;} .payment_info{width:100%;background:#fff;font-size: 13px;border-top: 1px #ddd solid;} .user_bk{width: 100%;padding: 5px;box-sizing: border-box;} .user_bk li{width:100%;padding:5px;box-sizing: border-box;overflow: hidden;} .user_bk li div{display: inline-block;} .user_bk_value{text-align: right;font-weight: bold;float:right;color:#666;} .user_bk_title{font-weight: bold;font-size: 12px;} .user_bk li .pay_input{margin:0px;} .user_bk li textarea.pay_input{min-height: 70px;} .payment_bk_alert{background:#f9f2f4;line-height:25px;} .btn_bk{padding:0px 5px;background:#0072bd;border-radius: 3px;color:#fff;display: inline-block;} .escrow{display: table;} .escrow label{padding:0px 5px;background: #eef7fe;border:1px #62b7f9 solid;display: table-cell;box-sizing: border-box;height:30px;line-height:30px;} .escrow label:last-child{border-left: none;} .escrow label input{margin:8px 3px 0px 0px;padding:0px;float:left;} .pay_overlay{position: fixed;top:0px;left:0px;background: rgba(0,0,0,.5);width:100%;height:100%;padding:10px;box-sizing: border-box;} .pay_over_alert{width:100%;background:#fff;overflow: hidden;} .pay_overlay_title{background:#0e76bc;color:#fff;font-size: 18px;font-weight: bold;text-align: center;height:42px;line-height:42px;} .pay_overlay_content{padding:10px;font-size: 14px;text-align: justify;} .pay_overlay_control{display: table;padding:5px;width: 100%;box-sizing: border-box;} .pay_overlay_control .cell{display: table-cell;padding:5px;width:50%;box-sizing: border-box;} .pay_bt_1{height:40px;line-height:40px;width:100%;display: block;color:#fff;font-weight: bold;font-size: 12px;text-align: center;background:#7d7d7d;border-radius: 3px;border:1px #6c6c6c solid;} .pay_bt_2{height:40px;line-height:40px;width:100%;display: block;color:#fff;font-weight: bold;font-size: 12px;text-align: center;background:#0e76bc;border-radius: 3px;border:1px #0e76bc solid;} /* Last update: 04/03/2015 16:02:31 */ #container_content{background:#e5e5e5;} #main_container.index{} a#add_to_basket{ cursor: pointer; float: left; padding: 5px 37px 5px 10px; background: #EE0000 url(images/icon_cart.png) no-repeat 94% center; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0px #333;} a#call_me { cursor: pointer; float: left; margin-right: 10px; padding: 5px 37px 5px 10px; background: #09B2F0 url(images/icon_contact.png) no-repeat 94% center; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0px #333; } .register-m input.input{ width:97%;} .register-m select#diadiem_cat{min-width:300px; line-height:25px;} l .register-m select#diadiem_item{min-width:300px; line-height:25px;} #box-register input.input{ width:97%;} /** HOME CATEGORY V3 **/ .home_category{background: #e5e5e5;padding: 10px 1% 0 1%;} a.hom_cat_img{display: inline-table;} .home_cat_item{width: 33%;margin: 0px;padding: 0px;float: left;margin-bottom: 10px;text-align: center;} @media (max-width: 600px){ .home_cat_item{width:50%;} } .home_img_bg{width: 135px;height: 152px;border-radius: 5px;background: white;text-align: center;display: block;} .home_img_inner{padding: 5px;text-align: center;margin: 0 auto;display: table-cell;vertical-align: middle;height:100px;width:125px;} .home_img_inner img{max-width: 100%;max-height: 100%;} .home_box_show{ width: 100%;overflow: hidden;} .home_pro_item{width: 33%;text-align: center;display: block;float: left;border-top: 1px #eee solid;margin-top:-1px;height:180px;overflow: hidden;} .home_product_picture_new{padding: 5px 0;width: 100px;height: 90px;text-align: center;display: table-cell;vertical-align: middle;} .home_product_picture_new img{max-width: 100%;max-height: 100%;} @media (min-width: 640px){.home_pro_item{height:260px;} .home_product_picture_new{width:185px !important;height:175px !important;} .home_product_picture_new>span{width:185px !important;height:175px !important;} } @media (min-width: 900px){.home_pro_item{width:25%;height:270px;} } @media (min-width: 1024px){.home_pro_item{width:20%;height:270px;} } @media (min-width: 1200px){.home_pro_item{width:16.6%;height:270px;} } @media (max-width: 480px){.home_img_inner{width:95px !important;height:71px !important;} .home_product_picture_new{width:95px !important;height:85px !important;} .home_product_picture_new>span{width:95px !important;height:85px !important;} .home_img_inner>span{width:95px !important;height:71px !important;} .home_img_bg{width: 105px !important;height: 128px !important;} } @media (max-width: 340px){.home_img_inner{width:84px !important;height:60px !important;} .home_product_picture_new{width:75px !important;height:65px !important;} .home_product_picture_new>span{width:80px !important;height:65px !important;} .home_img_inner>span{width:75px !important;height:65px !important;} .home_img_bg{width: 95px !important;height: 115px !important;} } .home_img_bg img{max-width: 100%;max-height: 100%;} .home_cat_name{padding: 0 2%;max-width: 96%;white-space:normal;text-overflow: ellipsis;overflow: hidden;font-size: 12px;color: #666;display:block;text-align: center;line-height: 20px;height: 40px;} .home_product{padding: 0 0 10px 10px;border-bottom: 1px solid #dddddd;} .home_box_header{line-height: 20px;} .home_box_header span{font-size: 20px;color: #333;} .home_box_header a.view_more{float: right;color: #999999;display: block;margin-right: 10px;} .home_box_list{width: 100%;display: inline-block;white-space: nowrap;overflow: auto;} .home_box_list::-webkit-scrollbar{} .home_product_image{padding: 5px 0;width: 100px;height: 90px;vertical-align: middle;text-align: center;min-width: 100px;min-height: 90px;max-height: 90px;max-width: 100px;display: inline-block;} .home_product_image span{display: inline-block;margin: 0;padding: 0;width: 90px;height: 90px;} .home_product_image img{max-width: 100%;max-height: 100%;} .h_picture.product_picture{border-radius: 5px;} .h_picture .promotion_fire_sale, .e_product_picture .promotion_fire_sale{position: absolute;top: 0px;left: auto !important;right: 0px !important;color: yellow;padding-top: 18px;font-family: tahoma;font-size: 14px;font-weight: bold;text-align: center;text-shadow: 0 1px 1px #444;background-size: 256px 763px;background-position: -165px -482px;width: 43px;letter-spacing: -1px;height: 51px;} .e_product_picture{position: relative;} .h_picture .milion_text, .e_product_picture .milion_text{font-size: 8px;} .e_product_price .old_price{margin-left: 10px;} .home_box_product{border-bottom: 1px solid #ddd;margin-top: 10px;} .type_tab td{border-left: 1px #eaeaea solid;} .home_product_filter_tab td.active{font-weight: bold;width: 2%;color: #0072bd;} .type_tab{border-bottom: 1px #eaeaea solid;} .home_product_bound{padding: 10px;white-space: nowrap;overflow: hidden;} .home_product_tab{display: block;-webkit-transform: translateX(0px);transform: translateX(0px);left: 0px;-webkit-transition: 0.3s;transition: 0.3s;-webkit-backface-visibility: hidden;-ms-touch-action: pan-y !important;touch-action: pan-y !important;} .home_tab_box{background: white;display: inline-flex !important;display: inline-block;width: 100%;width: calc(100% - 2px);margin-right: 5px;} .key_suggest{width:100%;float:left;padding-bottom: 10px;background:#e5e5e5;} .suggest_content{float:left;width:100%;margin:0px;padding:0px;} .sugget_more_bt{height:30px;line-height: 30px;padding: 0px 10px;margin:2px;background:#fff;border-radius: 2px;float:left;border:1px #cbcbcb solid;} .suggest_wrap{float:left;width:100%;margin:0px;padding:0px;overflow: hidden;} .home_key{height:36px;} .max_height{max-height: 110px;} .sugget_more_bt>i{margin:8px 0px;} .sugget_more_bt .vcon-taquo{display: none;} .sugget_more_bt .vcon-daquo{display: block;} .suggest_wrap.active .sugget_more_bt>.vcon-taquo{display: block;} .suggest_wrap.active .sugget_more_bt>.vcon-daquo{display: none;} .sub_wrapper {float:left;margin:0px;padding:0px;width:100%;} .sub_slide{float: left;margin:0px;padding:0px;} .sub_slide a{height:30px;line-height: 30px;padding:0px 10px;color:#333;margin:3px;background:#fff;border-radius: 2px;float:left;font-size: 12px;} .no_bold{font-weight: normal;} .type_box_header{height: 38px;line-height: 38px;background: #d9e8f2;color: #0072bd;font-size: 18px;font-weight: bold;padding: 0 10px;} /*** DETAIL USER **/ .detail_user{padding: 15px 20px;background: #eef8ff;overflow: hidden;} .detail_user_avatar{float: left;width: 100px;height: 100px;display: block;text-align: center;border-radius: 5px;border: 1px solid #ddd;background: white;margin-right: 10px;} .detail_user_avatar span{vertical-align: middle;height: 100px;width: 100px;display: table-cell;} .detail_user_avatar img{max-width: 100%;max-height: 100%;} .detail_user_info{line-height: 25px;} .detail_user_name{font-size: 15px;color: #333333;font-weight: bold;} .detail_user_text{font-size: 14px;color: #666666;} .detail_user_statistic{background: #d1ecff;font-size: 14px;text-align: center;} .detail_user_statistic table{width: 100%;} .detail_user_statistic table tr{height: 100%;} .detail_user_statistic table td{width: 1%;line-height: 20px;border-right: 1px solid white;padding: 5px 0;font-weight: bold;} .detail_user_statistic table td a{display: block;color: #333333;} .detail_user_statistic .label_point{font-weight: normal;color: #666666;} .detail_user_infomation{padding: 10px;} .detail_user_infomation>.title{font-size: 14px;color: #0072bd;font-weight: bold;line-height: 20px;padding: 5px 0;border-bottom: 1px solid #dddddd;} .detail_user_infomation>.title>i{margin-top: -3px;} .detail_user_infomation table{margin-top: 5px;width: 100%;} .detail_user_infomation table td{color: #333333;line-height: 20px;font-size: 14px;} .detail_user_infomation table td.label{font-weight: bold;vertical-align: top;width: 130px;text-align: left;} .detail_user_infomation table td a{color: #0072bd;} .detail_user_phone{display: inline-block;color: #0072bd;} @media (max-width: 480px){.detail_user_infomation table td{text-align: right;} } /** NEWS **/ .new_box_bound{background: #f0f0f0;padding: 10px 20px;white-space: nowrap;overflow: hidden;} .new_box_swipe{display: flexbox !important;display: block;-webkit-transform: translateX(0px);transform: translateX(0px);left: 0px;-webkit-transition: 0.3s;transition: 0.3s;-webkit-backface-visibility: hidden;-ms-touch-action: pan-y !important;touch-action: pan-y !important;} @media (min-width: 640px){.new_box_swipe_item{width: 50% !important;} } @media (min-width: 980px){.new_box_swipe_item{width: 33.3% !important;} } @media (min-width: 1200px){.new_box_swipe_item{width: 25% !important;} } .new_box_swipe_item{background: white;display: inline-flex !important;display: inline-table;width: 100%;width: calc(100% - 2px);border: 1px solid #dddddd;margin-right: 5px;padding-bottom: 10px;} .new_box_swipe_item *{white-space: normal;} .new_box_swipe_item a{display: block;} .news_title{line-height: 20px;overflow: hidden;font-size: 14px;color: #333333;font-weight: bold;padding: 0px;} .news_image{width: 80px;max-height: 100px;text-align: center;float:left;margin-right:5px;overflow: hidden;} .news_image img{max-width: 100%;} .news_teaser{line-height: 20px;color: #757575;font-size: 12px;margin:0px;height:56px;overflow: hidden;} /** RAOVAT **/ .raovat_item{width: 100%;padding: 5px 0;} .raovat_item a{color: #0072bd;font-size: 12px;} .raovat_link_all{text-align: right;} .raovat_link_all a{color: #333333;font-size: 13px;} /** NEW CATEGORY **/ .home_filter_tab{width: 100%;background: white;color: #636363;font-size: 14px;height: 40px;} .home_filter_tab table{width: 100%;height: 40px} .home_filter_tab table td{width: 1%;cursor: pointer;text-align: center;transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;} .home_filter_tab table td:last-child{border-right: none;} .category_top_sub{overflow: hidden;margin-bottom: 5px;background:#e5e5e5;} .type_main_category{width: 100%;list-style: none;border-bottom: 1px solid #dddddd;margin-bottom: 10px;} .type_main_category li{border-top: 1px solid #dddddd;height: 50px;line-height: 50px;overflow: hidden;} .type_main_category li a{display: block;font-size: 14px;color: #333333;} .cat_picture{width: 60px;height: 40px;text-align: center;float: left;border: 1px solid #f2f2f2;border-radius: 5px;margin: 5px 5px 0 5px;} .cat_picture span{width: 60px;height: 40px;display: table-cell;vertical-align: middle;} .cat_picture img{max-width: 100%;max-height: 100%;} .type_main_category li i{float: right;margin-top: 17px;margin-right: 5px;} #category_product_bound{width: 100%;overflow: hidden;padding-bottom: 10px;border-bottom: 1px dashed #dddddd;} .category_header{height: 40px;background: #eff1f5;color: #333333;font-weight: bold;line-height: 40px;font-size: 16px;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .category_product_list{margin: 0 auto;} .block_150{width: 150px !important;} .block_150 .picture{width: 150px;height: 150px;display: block;overflow: hidden;} .block_150 .picture span{width: 150px;min-height: 150px;display: table-cell;vertical-align: middle;} .block_150 .picture img{width: 100%;} .block_300{width: 300px !important;} .block_300 .picture{width: 300px;height: 300px;display: block;overflow: hidden;} .block_300 .picture span{width: 300px;min-height: 300px;display: table-cell;vertical-align: middle;} .block_300 .picture img{width: 100%;} .block_300 .title,.block_300 .price_show,.block_300 .price_updating{font-size: 14px;} .block_300 .poll,.block_300 .hit_cphc{font-size: 12px;} .masonry_item{margin: 10px 5px 0 0;background: #fff;border: 1px solid #dddddd;} .masonry_item .block{padding-bottom: 10px;} .masonry_item a{display: block;color: #333333;} .block .info{padding:5px;} .block .title{font-size: 12px;padding: 5px 0px;font-weight: bold;} .price_show{padding: 0;font-size: 12px;} .price_updating{color: #bf0000;font-size: 12px;width: 100%;float: left;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .poll,.hit_cphc{padding: 0;font-size: 11px;color: #333333;} .hit_cphc{} .hit_cphc span{margin-right: 5px;} .hit_cphc i.vcon-small_eye{margin-top: 2px;} .hit_cphc i.vcon-cphc{margin-top: 3px;} .list_item{width: 100%;background: white;overflow: hidden;padding: 10px 0;border-bottom: 1px dashed #dddddd;} .list_item a{font-size: 14px;color: #333333;display: block;overflow: hidden;} .list_item .picture{width: 80px;overflow: hidden;float: left;text-align: center;margin: 10px;} .list_item .picture img{max-width: 100%;} .list_item .info{overflow: hidden;} .list_item .title{font-size: 14px;} .image_item{overflow: hidden;float: left;height: 120px;margin: 3px;} .image_item>div{} .update{color:#999;font-size: 11px;padding-top:5px;} .image_item a{width: 100%;height: 120px;display: table-cell;vertical-align: middle;background: #fff;text-align: center;} .image_item a img{max-width: 100%;max-height: 100%;} .new_price,.old_price{} .show_thumb{width:100%;text-align: center;overflow: hidden;vertical-align: top;background: #fff;} .list_thumb{width:170px;height:290px;display: inline-block;padding:0px;overflow: hidden;border-top:1px #eaeaea solid;border-left:1px #eaeaea solid;border-right:1px #eaeaea solid;box-sizing: border-box;margin:-1px -2px -3px -3px;} .list_thumb .update{padding-top:0px;} .list_thumb.fashion{height:250px;} .list_thumb.fashion .update{text-align: center;} .type_vergg{display: inline-block;border-top: 1px #ddd solid;padding:5px 0px;width:320px;vertical-align: top;} @media screen and (max-width: 1366px){.list_thumb{width:14%;} .type_vergg{width:28%;} } @media screen and (max-width: 1190px){.list_thumb{width:16%;} .type_vergg{width:32%;} } @media screen and (max-width: 1020px){.list_thumb{width:20%;} } @media screen and (max-width: 840px){.list_thumb{width:25%;} .type_vergg{width:50%;} } @media screen and (max-width: 694px){.list_thumb{width:30%;} .type_vergg{width:60%;} } @media screen and (max-width: 522px){.list_thumb{width:50%;} .type_vergg{width:100%;} } .list_thumb>a{float:left;width:100%;height:100%;overflow: hidden;} .list_thumb .picture{width:100%;overflow: hidden;height:180px;display: block;box-sizing: border-box;text-align: center;} .list_thumb .picture.list_lazy{background:url(../images/loading_img.gif) no-repeat center center;} .list_thumb .picture img{max-width:100%;max-height:100%;} .list_thumb .picture img.max_width{width:100%;} .list_thumb .picture img.max_height{height:100%;} .list_thumb .picture.list_lazy>img{display: none;} .list_thumb .info{text-align: left;line-height:20px;padding: 5px;} .list_thumb .info .title{color:#454545;overflow: hidden;width: 100%;white-space: nowrap;text-overflow:ellipsis;} .list_thumb.fashion .info .title{text-align: center;} .list_thumb .info .price_show{clear: both;overflow: hidden;} .list_thumb.fashion .info .price_show{text-align: center;} /*** PAGING HOI DAP **/ .hoidap_viewmore{text-align: center;margin: 10px;outline: none;} .hd_blue_button{background: #0f75bc;font-size: 14px;color: white;text-align: center;width: 100%;border: none;height: 30px;line-height: 30px;border-radius: 3px;} .white_caret{width: 0px;height:0px;border-top: 6px white solid;border-left:5px transparent solid;border-right:5px transparent solid;display: inline-block;content: "";margin-right: 4px;border-bottom: 1px transparent solid;} #viewmore_loading{display: none;margin-bottom: 5px;} .hoidap_paging{padding: 10px 0;border: 1px solid #dddddd;} .hoidap_paging table{width: 100%;text-align: center;} .paging_button{background: white;border: 1px solid #bbbbbb;border-radius: 3px;height: 25px;display: inline-block;color: #bbbbbb;min-width: 25px;line-height: 25px;font-weight: bold;} .paging_button.active{color: #0072bd;border: 1px solid #0072bd;} /** FAKE INPUT **/ .filter_cat_text{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .filter_form_line>label.label{ color: #616d86; font-size: 14px; font-weight: bold; padding: 0px;text-shadow: none;background: none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .filter_form_line>.disabled{background: #ddd;} .required_field:after{color: red;content: '*';margin-right: 5px;} .fake_input{ height: 35px; border: 1px solid #c8c8c8; width: 98%; padding-left: 2%; position: relative; background: white;} .fake_input.fake_input_note input{width: 85%;} .icon_note{color: #960000;float:right;height: 35px;background : #d0e4f2;width: 35px;text-align: center;line-height: 38px;} .fake_input input{ border: none; height: 35px; line-height: 35px; padding: 0px; width: 100%; outline: none; box-shadow: none; font-size: 15px;} .fake_input input[disabled]{background: none;border: none;} .filter_select{ width: 100%; height: 40px; border: 1px solid #c8c8c8; border-radius: 3px; line-height: 40px; color: #bdbdbd; font-size: 14px;} .filter_select>.value{ width: 80%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #0f75bc; font-weight: bold; padding: 0 1%;} .down_button{ height: 40px; width: 38px; float: right; border-left: 1px solid #c8c8c8; text-align: center; line-height: 50px; background: #eff1f5;} .filter_form_line textarea{width: 98%;padding: 1%;outline: none;font-family: Arial;} .filter_form_line>.captcha{} .filter_form_line>.captcha>input{float: left;width: 55%;} .filter_form_line>.captcha>img{float: right;height: 35px;} .filter_select_box{ border: 1px solid #c8c8c8; border-top: none; position: absolute; width: 100%; background: #fff; display: none; z-index: 999; max-height: 200px; overflow-y: scroll;} .filter_select_box li{ display: block; line-height: 32px; cursor: pointer;} .filter_select_box li:hover{ background: #eff1f5;} .filter_select_box li>label{ display: block; padding: 0 20px; cursor: pointer; font-weight: bold; color: #616d86; font-size: 14px; line-height: 32px;} .fake_inputdate{height: 38px;line-height: 38px;width: 138px;border: 1px solid #c8c8c8;background: #f6f6f6;color: #0f75bc;font-size: 14px;display: inline-block;border-radius: 3px;position: relative;} .fake_inputdate input{background: none;width: 118px;height: 100%;border: none;padding: 0 10px;color: #0f75bc;cursor: pointer;-webkit-box-shadow: none;box-shadow: none;} .fake_inputdate i{position: absolute;top: 10px;right: 10px;} .upload_image{ margin-top: 10px;} .fake_inputfile{ border: 1px solid #c8c8c8; width: 100%; display: block; height: 35px; line-height: 35px; font-size: 14px; position: relative;} .fake_inputfile>.value{ color: #616161; padding-left: 10px; white-space: nowrap;} .fake_inputfile>.upload_button{ color: #fff; font-weight: bold; height: 37px; background: #0f75bc; text-align: center; margin-top: -1px; padding: 0 10px; cursor: pointer; position: absolute; right: 0px; top: 0px;} .fake_inputfile input[type="file"]{ visibility: hidden;} .upload_note{ font-size: 14px; color: #aaaaaa; margin-top: 10px; display: block;} /** FILTER PAGE **/ .filter_page{width: 100%;min-height: 100%;background: white;z-index:2000;position: absolute;left: 100%;top: 0px;-webkit-transition: none 0.3s ease;-moz-transition: none 0.3s ease;-ms-transition: none 0.3s ease;-o-transition: none 0.3s ease;transition: none 0.3s ease;-webkit-transition-property: top, right, bottom, left, -webkit-transform;-moz-transition-property: top, right, bottom, left, -moz-transform;-ms-transition-property: top, right, bottom, left, -o-transform;-o-transition-property: top, right, bottom, left, -o-transform;transition-property: top, right, bottom, left, transform;display: none;} .header_title{color: white;font-size:18px;text-align: center;} .filter_form{padding: 0 10px 20px 10px;} .filter_remove{background: #ddd;color: #333;font-size: 16px;height: 40px;line-height: 40px;text-align: center;font-weight: bold;} .filter_remove{cursor: pointer;} .filter_form_line{margin-top: 10px;position: relative;} .blue_button{ height: 40px; background: #0072bd; display: block; line-height: 40px; font-size: 16px; color: #fff; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;border:none;} .white_button{ height: 40px; background: #FFF; display: block; line-height: 40px; font-size: 16px; color: #333; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;border:none;} .whiteblue_button{height: 40px; background: white; display: block; line-height: 40px; font-size: 16px; color: #0072bd; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer; font-weight: bold;border: 1px solid #0072bd;} .whiteblue_button i{float: right;margin-top: 12px;} .blue_button>i{float: right;margin-top: 8px;} .form_border{border: 1px solid #ddd;color: #333;font-size: 16px;padding: 0 10px;} .root_attr{display: inline-block;} .category_filter{width: 100%;margin: 0px;padding: 0px;border: 1px solid #ddd;border-bottom: none;} .category_filter li{ width: 96%; min-height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; padding: 0 2%;} .category_filter li .larrow{float: right;} .pad_0{padding-left: 0px;} .pad_1{padding-left: 10px;} .pad_2{padding-left: 20px;} .pad_3{padding-left: 30px;} /** FILTER SELECTED **/ .fix_filter_bar{position: fixed;top: 0px;left: 0px;z-index: 99;} .filter_selected{} .filter_selected li{line-height: 40px;min-height: 40px;} .filter_selected span.attr_icon{display:inline-block;vertical-align: text-top;background-image: url(../images/vcon_2x.png);background-repeat: no-repeat;width:28px;height:21px;background-position: -155px -200px;background-size: 256px 512px;margin-right: 20px;} .filter_selected span.attr_remove{display:inline-block;vertical-align: text-top;background-image: url(../images/vcon_2x.png);background-repeat: no-repeat;width:13px;height:13px;background-position: -105px -225px;background-size: 256px 512px;margin:4px 0 0 10px;} .list_attr_value{border: 1px solid #dddddd;border-top: none;} .list_attr_value li{height: 40px;line-height: 40px;padding: 0 10px;border-top: 1px solid #dddddd;font-size: 16px;} .list_attr_value li a{display: block;color: #333;} .list_attr_value li:active{background: #dddddd;} .white_button{ height: 40px; background: white; display: block; line-height: 40px; font-size: 16px; color: #333; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;border: 1px solid #dddddd;font-weight: bold;} .gray_button{ height: 40px; background: #eee; display: block; line-height: 40px; font-size: 16px; color: #333; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;border: 1px solid #dddddd;font-weight: bold;} .root_view_more{float: right;font-size: 12px;margin-right: 5px;font-weight: normal;} .white_button i.vcon-next-gray{float: right;margin-top: 12px;} .gray_button i.vcon-next-gray{float: right;margin-top: 12px;} .white_button:active{ background: #333; color: white;} .white_button:active i.vcon-next-gray{ background: #333; color: white; width:16px;height:24px;background-position: -73px -180px;} .attr_count{color: #960000;font-size: 14px;} .attr_name{display: inline-block;} .list_attr_value .attr_name{float: left;max-width: 88%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-right: 5px;} .list_attr_value .attr_count{float: left;} .list_attr_value a{overflow: hidden;} .filter_selected .attr_count{float: none;} .list_attr_value .attr_upper{font-weight: bold;} .filter_selected .attr_upper{font-weight: bold;} .filter_selected .attr_lower{padding-left:47px;} .filter_select .attr_lower a{} .filter_selected .attr_lower .attr_icon{width: 0px;height: 0px;margin: 0px;} .back_button{height: 40px; background: #0072bd; display: inline-block; line-height: 40px; font-size: 16px; color: #fff; padding: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;border:none;float: right;} .back_button>i.vcon-back{margin-top: -2px;} .filter_page_footer{margin-top: 10px;overflow: hidden;} .search_filter{width:100%;background:#f2f2f2;overflow-y: auto;} .search_sort_link{display: block;height:40px;line-height:40px;text-align: center;vertical-align: middle;} .up_caret{border-top:7px #003c81 solid;border-left:5px transparent solid;border-right:5px transparent solid;border-bottom:2px transparent solid;padding:0px;margin:0px;display: inline-block;} .down_caret{border-top:2px transparent solid;border-left:5px transparent solid;border-right:5px transparent solid;border-bottom:7px #003c81 solid;padding:0px;margin:0px;display: inline-block;} .search_sort_link.active{color:#de0000;} .search_sort_link.active .up_caret{border-top:7px #de0000 solid;} .search_sort_link.active .down_caret{border-bottom:7px #de0000 solid;} .filter_key{margin-top: 10px;} .filter_key_sub{height: 30px;line-height: 30px;padding: 0 10px;color: #333;margin: 2px;background: #fff;border-radius: 2px;display: inline-block;border: 1px #cbcbcb solid;font-size: 12px;} .filter_key_sub a{display: block;} .filter_key_sub span.name{margin-right: 10px} .filter_key_sub span.remove{font-weight: bold;color: #de0000;} .filter_button i{margin-top: 2px;} /** EVENT **/ .banner_event{ text-align: center; margin-top: 10px;} .banner_event img{ max-width: 100%;} /** NEW SWIPER **/ .tab_auto_scroll{ height: 40px; overflow: hidden; line-height: 40px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;} .tab_auto_scroll ul{ list-style: none; overflow: auto; white-space: nowrap; width: 100%; height: 40px;} .tab_auto_scroll ul li{ display: inline-block; height: 40px;} .tab_auto_scroll ul li a.active{ font-size: 14px; font-weight: bold; color: #0072bd;} .tab_auto_scroll ul li a{ display: block; font-size: 13px; color: #333333; transition: 0.3s; -webkit-transition: 0.3s;} .tab_auto_scroll ul li a span{ padding: 0 10px; border-right: 1px solid #333333;} .tab_auto_scroll ul li:last-child a span{ border: none;} .swipe_bound{ overflow: hidden; background: #f0f0f0; white-space: nowrap;} #event_swipe{ display: -webkit-box; -webkit-transform: translate3d(0px, 0px, 0px); left: 0px; -webkit-transition: 0.3s; transition: 0.3s; -webkit-backface-visibility: hidden; padding: 10px 20px; -ms-touch-action: pan-y !important; touch-action: pan-y !important;} .swipe_item{ background: white; border: 1px solid #dddddd; margin-right: 5px; display: -ms-inline-grid !important; display: block; height: auto; width: 100%; width: calc(100% - 2px);} .swipe_item *{ white-space: normal;} .swipe_item:last-child{ margin-right: 0;} /** FIX GLOBAL **/ .noborder{border: none !important;} .estore_filter_tab{border-bottom: 1px #ddd solid;border-top: 1px #e5e5e5 solid;margin-bottom: -1px;} .home_news_title{padding:10px;background:#fff;font-size: 13px;font-weight: bold;} .home_news{width:100%;margin:0px;padding:5px;box-sizing: border-box;background:#fff;} .list_news{display: block;border-bottom: 1px #ddd solid;padding:5px;box-sizing: border-box;overflow: hidden;} .news_title{line-height:20px;} .product_estore_item_control {width: 100%;display: table;} .product_estore_item_control_button {display: table-cell;padding: 5px;vertical-align: top;} .event_show{width:100%;padding:0px;margin:5px 0px;background:#fff;border:1px #e4e4e4 solid;} .e_list{width:100%;background:#fff;padding:5px 10px;box-sizing: border-box;} .e_title{width:100%;overflow: auto;} .e_name{font-size: 14px;font-weight: bold;color:#333;} .e_date{font-size: 11px;color:#999;text-align: right;width:80px;} .banner_event{width:100%;display: block;text-align: center;} .banner_event>img{max-width: 100%;box-shadow: 1px 2px 2px #666;} .event_contet{background:#eee!important;} .e_slide{width:100%;height:211px;margin:0px;padding:0px;overflow: hidden;position: relative;} .e_slide_item{width:100%;height:100%;display: block;text-align: center;overflow: hidden;position: absolute;background:#fff;-webkit-transition: 1000ms;transition: 1000ms;left:100%;top:0px;z-index: 1;} .e_slide_item.ac_sl{left:0px;z-index: 10;} .e_slide_item.last_change{left:-100%;} .e_slide_item img{height:100%;max-width: 100%;} .e_sl_nb{width:100%;height:30px;line-height:30px;text-align: center;background:#eee;} .sl_nb{display: inline-block;width:14px;height:14px;border-radius: 7px;background:#a4a4a4;} .sl_nb.ac_sl{background:#1b75bb;} .dt_event{width:100%;text-align: center;margin:0px;padding:0px;} .dt_event>img{max-width: 100%;} .e_btn{padding:5px;margin:5px 0px;} .e_btn_button{width:100%;height:35px;line-height: 35px;font-weight: bold;color:#fff;text-align: center;background:#1b75bb;display: block;} .e_warning{padding:10px;color:#c7254e;background-color: #f9f2f4;line-height: 20px;} .e_warning a{font-weight: bold;} .contact_btn{background-color: #F44F00!important;border: 1px solid #F44F00;color: #fff;font-weight: bold;} .pro_sort{display: none;} .contact_title{padding:10px;background:#fff;color:#353535;font-weight: bold;border-bottom: 1px #ddd solid;} .form_contact{background:#f7f8fd;padding:5px;} .form_field{padding:5px;} .form_field.error{background:#f9f2f4;color:red;line-height:18px;} .form_field>input{width:100%;padding:10px;box-sizing: border-box;border:1px #f0f0f0 solid;} .form_field>textarea{width:100%;padding:10px;box-sizing: border-box;border:1px #f0f0f0 solid;} .form_field.table{display: table;width:100%;padding:0px;box-sizing: border-box;} .form_field.table>div{display: table-cell;padding:5px;} .form_field.table>div>input{width:100%;padding:10px;box-sizing: border-box;border:1px #f0f0f0 solid;} .right_input{width:70px;} /* Đăng sản phẩm*/ .post_product select, .post_product input{outline: none;} .post_product h3{padding: 5px 0px;margin: 0px;color: #333;font-weight: normal;} .post_product .clear{clear: both;} .post_product .post_step_bar h1{color: #003333;font-size: 20px;font-weight: normal;margin: 0px;padding: 6px 0px;text-align: center;} .post_product .post_step_bar table{text-align: center;height: 23px;width: 75%;margin: 8px auto;} .post_product .post_step_bar table td.line{width: 49%;height: 23px;} .post_product .post_step_bar table td.line i{height: 3px;background: #ebebeb;display: block;} .post_product .post_step_bar table td.vcon-number{background-position: -146px -435px;float: left;width: 23px;line-height: 23px;height: 23px;display: block;text-align: center;font-weight: bold;color: #0072bd;} .post_product .post_step_bar table td.vcon-active{background-position: -121px -435px;color: #FFFFFF;} .post_product .post_step_bar table td.vcon-success{background-position: -170px -435px;} .post_product h2{color: #0f75bc;font-size: 18px;margin: 0px;padding: 6px 0px;} .post_product .post_select_category{padding: 5px 10px;background: #f8f9fd;border-top: 1px solid #ddd;} .post_product h2{color: #0072bd;font-size: 18px;margin: 0px;padding: 6px 0px;} .post_product .post_select_category .form_search .form_control{display: block;width: 98%;padding: 10px 1%;border: 1px solid #dddddd;border-radius: 5px;margin: 0px;} .post_product .post_select_category .form_search .button_search{float: right;width: 45px;height: 36px;background-color: #0072bd;border: none;border-radius: 5px;cursor: pointer;} .post_product .post_select_category .break_box{border-bottom: 1px solid #ddd;} .post_product .post_select_category .search_result_list{padding: 5px 0px;} .post_product .post_select_category .box_loading .loading_search{font-size: 11px;} .post_product .post_select_category .search_result_list a.text_link{background: #fff;border: 1px solid #dddddd;border-radius: 4px;color: #666;display: block;float: left;margin: 2px 3px;padding: 4px 6px;white-space: nowrap;} .post_product .post_select_category .view_select_category .box_title{background: #dddddd;height: 30px;border-radius: 4px 4px 0px 0px;line-height: 30px;padding-left: 8px;font-size: 16px;color: #333333;} .post_product .post_select_category .view_select_category .box_title .vcon-arrow_down{width: 12px;height: 7px;float: right;background-position: -170px -160px;margin: 13px 8px 0px 0px;} .post_product .post_select_category .view_select_category .list_category{} .post_product .post_select_category .view_select_category .list_category .cat_li{background: #eff1f5;border-top: 1px solid #dddddd;line-height: 30px;} .post_product .post_select_category .view_select_category .list_category .cat_li a{color: #333;padding-left: 12px;display: block;} .post_product .post_select_category .view_select_category .list_category .cat_li .vcon-arrow_down{width: 5px;height: 10px;float: right;background-position: -200px -160px;margin-top: 10px;margin-right: 8px;} .post_product .post_select_category .view_select_category .list_category li.cat_li .cat_sub{display: none;} .post_product .post_select_category .view_select_category .list_category li.current>a{font-weight: bold;color: #0072bd;} .post_product .post_select_category .view_select_category .list_category li.current>a .vcon-arrow_down{background-position: -207.5px -160px;height: 5px;width: 10px;margin-top: 12px;} .post_product .post_select_category .view_select_category .list_category li.current>.cat_sub{display: block;} .post_product .post_select_category .list_search_category ul li{background: #eff1f5;line-height: 30px;border-bottom: 1px solid #dddddd;padding: 0px 8px;} .post_product .post_select_category .list_search_category ul li a{color: #666666;display: block;} .post_product .post_select_category .list_search_category ul li a .vcon-select_item{background-position: -231px -365px;height: 13px;width: 13px;margin-top: 9px;display: inline-block;float: right;} .data_return_product{padding-top: 8px;} .post_product .post_final{background: #f8f9fd;border-top: 1px solid #ddd;} .post_product .post_final h2{padding: 8px 10px;} .post_product .post_final .post_step{padding: 0px 10px;background: #FFFFFF;height: 35px;line-height: 35px;color: #0072bd;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 18px;cursor: pointer;} .post_product .post_final .post_step .vcon-post_step{ background-position: -40px -160px; width: 16px; height: 11px; display: inline-block; margin: 4px 5px 0px 0px;} .post_product .post_final .button_submit{padding: 5px 10px;} .post_product .post_final .form_post{padding: 5px 10px;position: relative;transition: all 0.5s;} .post_product .post_final .info_category_selected{background: #dddddd;height: 30px;border-radius: 4px;line-height: 30px;padding: 0px 8px;font-size: 16px;color: #333333;margin: 5px 0px;} .post_product .post_final .info_category_selected a{float: right;color: #999999;} .post_product .post_final .info_category_selected .vcon-edit_category{background-position: -235px -410px;height: 16px;width: 14px;display: inline-block;padding-right: 4px;} .post_product .post_final .list_field .title{padding: 5px 0px;white-space: nowrap;} .post_product .post_final .list_field .content{margin-bottom: 5px;} .post_product .post_final .form_control{width: 100%;padding: 8px;border: 1px solid #dddddd;border-radius: 4px;box-sizing: border-box;} .post_product .post_final .gallery_upload_queue{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;} .post_product .post_final .gallery_upload_queue .previous{background: url(../images/icon_arrow_left.png) no-repeat right center;background-size: 29px 84px;border: none;position: absolute;left: 8px;top: 35%;width: 29px;height: 84px;z-index: 10;cursor: pointer;display: none;} .gallery_upload_queue .next{background: url(../images/icon_arrow_right.png) no-repeat right center;background-size: 29px 84px;border: none;position: absolute;right: 8px;top: 35%;width: 29px;height: 84px;z-index: 10;cursor: pointer;display: none;} .post_product .post_final .post_content .list_field .box_image{margin: 5px 0px;background: #FFFFFF;display: inline; float: left; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; transform: translate(0, 0);} .post_product .post_final .post_content .list_field .box_image li{margin: 5px 0px;background: #FFFFFF;float: left;transform: translate(0, 0);height: 200px;overflow: hidden;} .post_product .post_final .post_content .list_field .box_image li .progess_loadding{background: #FFFFFF;} .post_product .post_final .post_content .list_field .box_image li .image{width: 300px;max-width: 96%;margin: 0px auto;display: block;position: relative;overflow: hidden;} .post_product .post_final .post_content .list_field .box_image li .image .option{background: #000000;left: 0px;top: 0px;width: 100%;height: 30px;line-height: 30px;position: absolute;opacity: 0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);color: #FFFFFF;z-index: 1;} .post_product .post_final .post_content .list_field .box_image li .image .option input[type='checkbox']{display: inline-block;vertical-align: top;margin-top: 9px;size: 10;} .post_product .post_final .post_content .list_field .box_image li .image .option .vcon-delete_gallery{background-position: -180px -225px;height: 16px;width: 15px;display: inline-block;float: right;margin: 7px 8px 0px 0px;} .post_product .post_final .post_content .list_field .box_image li .image .option .rotate{color: #FFFFFF;display: inline-block;margin-left: 50px;} .post_product .post_final .post_content .list_field .box_image li .image .option .vcon-rot_right{background-position: -200px -435px;height: 18px;width: 15px;display: inline-block;margin: 0px 8px 0px 0px;} .post_product .post_final .post_content .list_field .box_image li .img_show{width: 100%;height: 200px;display: block;background-size: auto 200px;background-repeat: no-repeat;background-position: center center;} .post_product .post_final .post_content .list_field .box_upload{position: relative;height: 50px;border: 1px solid #cccccc;border-radius: 4px;padding: 10px;margin-top: 0px;} .post_product .post_final .post_content .list_field .vcon-upload_image{background-position: 0px -461px;height: 50px;width: 64px;display: inline-block;} .post_product .post_final .post_content .list_field .box_upload input{height: 50px;width: 64px;display: block;opacity: 0;position: absolute;top: 10px;left: 10px;cursor: pointer;} .post_product .post_final .post_content .list_field .content .box_left{width: 98%;} .box_selectbox{width: 98%;border: 1px solid #dddddd;border-radius: 4px;background: #FFFFFF;padding: 8px;height: 33px;box-sizing: border-box;} .post_product .post_final .post_content .list_field .content select{width: 98%;background: url(../images/icon_arrow_down.png) no-repeat right center #FFFFFF;background-size: 8px 5px;border: 1px solid #dddddd;border-radius: 4px;height: 33px;box-sizing: border-box;padding: 2px 8px;} .post_product .post_final .list_field .product_quantity .form_control{width: 29%;margin: 0px 2%;} .post_product .post_final .list_field .add_quantity, .post_product .post_final .list_field .reduction_quantity{width: 8%;height: 32px;background: #FFFFFF;border: 1px solid #dddddd;border-radius: 4px;text-align: center;line-height: 32px;cursor: pointer;font-weight: bold;font-size: 18px;box-sizing: border-box;} .post_product .post_final .post_content .list_field .product_size .form_control{width: 32%;} .post_product .post_final .post_content .list_field .product_size .fl{margin-right: 2%;} .post_product .post_final .post_content .list_field .add_field_button{padding-top: 10px;cursor: pointer;} .post_product .post_final .post_content .list_field .add_field_button a{border: 1px solid #dddddd;border-radius: 4px;background: #f5f5f5;color: #0072bd;padding: 8px;display: block;text-align: left;box-sizing: border-box;white-space: nowrap;} .post_product .form_button{background: #0072bd;border: none;border-radius: 4px;color: #FFFFFF;cursor: pointer;display: block;font-size: 18px;height: 40px;width: 100%;line-height: 40px;text-align: center;margin: 10px 0px;} .post_product .post_final .add_other_info{position: fixed;left: 100%;width: 100%;top: 0px;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;z-index: 10;min-height: 600px;background: #FFFFFF;} .post_product .post_final .add_other_info .text{background: #FFFFFF;height: 30px;line-height: 30px;padding: 5px 10px;} .post_product .post_final .add_other_info .text .back{color: #0072bd;cursor: pointer;white-space: nowrap;} .post_product .post_final .add_other_info .text .back .vcon-back{background-position: -245px -130px;width: 8px;height: 15px;} .post_product .post_final .add_other_info .text .text_title{font-size: 16px;white-space: nowrap;} .post_product .post_final .add_other_info .content{background: #f8f9fd;border-top: 1px solid #ddd;padding: 10px;position: relative;margin: 0px auto;} .post_product .post_final .post_content .list_field .content .border_error{border: 1px solid red !important;} .post_product .info_attribute .form_name{padding-bottom: 6px;} .post_product .info_attribute .form_control{width: 38% !important;border: 1px solid #dddddd;border-radius: 3px;padding: 3px 2px;box-sizing: border-box;white-space: normal !important;font-size: 12px !important;} .post_product .info_attribute textarea.form_control{width: 100% !important;} .post_product .info_attribute .form_content td{max-width: 35% !important;white-space: normal !important;font-size: 12px !important;} .post_product .info_attribute select{background: url(../images/icon_arrow_down.png) no-repeat right center;background-size: 8px 5px;white-space: normal !important;font-size: 12px !important;} .post_product .status_bar{margin: 8px 0px;font-size: 9px;height: 10px;line-height: 10px;} .post_product .progressBar {height: 8px;width: 200px;border: 1px solid #ddd;border-radius:3px;overflow: hidden;display:inline-block;vertical-align:top;margin-left: 5px;} .post_product .progressBar div {color: #fff;text-align: right;line-height: 10px; /* same as #progressBar height if we want text middle aligned */ width: 0;background-color: #0ba1b5;border-radius: 3px;} .post_product .post_success{padding: 5px 10px;background: #f8f9fd;border-top: 1px solid #ddd;} .post_product .post_success .icon_success{background: url(../images/icon_success.png) no-repeat top left;background-size: 31px 25px;display: block;width: 31px;height: 25px;margin-top: 6px;} .post_product .post_success .text{font-size: 16px;line-height: 20px;color: #333333;} .post_product .post_success .view_link{padding-top: 10px;} .post_product .post_success .view_link a{color: #0072bd;font-size: 16px;} .post_product .form_errorMsg_content{padding: 5px;border: 1px solid #cc0000;border-radius: 4px;background: #f6f6e5;line-height: 20px;} /* End đăng sản phẩm*/