@charset "utf-8";@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');@import url('https://fonts.googleapis.com/css?family=Montserrat');@import url('https://fonts.googleapis.com/css?family=Sarabun');html{ scrollbar-base-color: #003E18; overflow-x: hidden}.sanpham{width: 100%;float:left; clear:both;background: #fff;padding: 1%;}.sanpham-con{width:25%;float:left; padding:10px;}.tab_sanpham_main{ float: left; height: auto; width: 100%; font-family: 'Sarabun', sans-serif; text-align:center; border-bottom: 1px dashed #39c; padding: 5px;} .tab_sanpham_main a{ color: #39C; text-transform: uppercase; font-size: 28px; background: #fff; padding: 0 10px; }.color{color:#FF3;}#dathongbao img{width: 50%;}#return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}#return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:0;}#return-to-top:hover { background: rgba(0, 0, 0, 0.9);}#return-to-top:hover i { color: #fff; top: 5px;} figure{ margin: none; line-height: 24px; text-transform: none; border-left: 5px solid #333;}figure:not(:first-of-type) { padding-top: 0;}figure span{ font-style: italic; font-size: 16px; padding: 0 1em; margin: 0 1em;}figure span:before { content: ' — '; vertical-align: top;} blockquote{font-size: 12px;}blockquote:before, blockquote:after{ font-size: 4em; line-height: 0.1em; vertical-align: -0.4em;}blockquote:before { content: "“"; margin-right: 0.1em;}blockquote:after{ content: "”"; margin-left: 0.1em;} #gtg{ width: 100%; background: rgb(20,20,20); text-align: center; height: 100%; overflow: hidden;}.svg-wrapper { position: relative; top: 90px; height: 120px; transform: translateY(-50%); margin: 0 auto; width: 30%; float:left;}.shape { stroke-dasharray: 140 540; stroke-dashoffset: -474; stroke-width: 8px; fill: transparent; stroke: #19f6e8; border-bottom: 5px solid black; transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;}.text { font-size: 18px; line-height: 32px; color: #fff; top: -52px; position: relative;}.svg-wrapper:hover .shape { stroke-width: 2px; stroke-dashoffset: 0; stroke-dasharray: 760;} .about-us{width: 100%; margin-top: 1%; background: #e7f8ff; color: #333; padding: 2%;}#about-us{font-size: 13px; font-weight: 500; font-family: 'Montserrat', sans-serif; text-align:justify;line-height: 28px;}#thuong-hieu{width: 100%;clear: both; border: 1px dashed #ccc;padding: 1%;height: 80px;font-size: 14px;border-radius: 5px;display:none;}#thuong-hieu-header{width: 20%; float:left; margin-top: 15px;font-weight: 600; color:#09F;}.wrapperAll { width: 80%; overflow: hidden; float: left;} .wrapper { width: 150%;} .wrapper:after { content: ' '; display: block; clear: both;} .buttonLine { float: right; color: #ff8f00; padding: .5em 1.2em; border: solid 1px #ff8f00; border-radius: 20px;} .buttonLine:hover { background: #ff8f00; color: #f7f7f7; transition: all ease-in-out .3s;} .sliderComplete { position: relative;} .slider { width: 300%; transition: all .5s;} .slider li { display: inline-block; width: 98px; margin-right: 10px;} .slider li:first-child { margin-left: 0;} /*Content*/ .slider li > * { max-width: 100%;} /*Cover*/ .slider li .cover { position: relative; display: inline-block; border-radius: 6px; box-sizing: border-box; overflow: hidden; margin: 10% 0;} .slider li .cover img { display: block; width: 100%;} .slider li .cover:before { display: block; content: ' '; background: rgba(247, 247, 247, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .slider li .cover:hover:before { background: rgba(247, 247, 247, .5); transition: all .2s;} /*Informations*/ .slider li p { line-height: 1.3; color: #38373a;} .slider li p a { color: #ff8f00;} .sliderComplete button { position: absolute; top: 0; bottom: 0; border: 1px solid #f0f0f0; background: #fff; transition: all ease-in-out .5s; box-shadow: 0 3px 8px 0 rgba(72,139,216,.2)} .sliderComplete button[title="before"] { left: 0;} .sliderComplete button[title="after"] { right: 0;} .sliderComplete button.close { opacity: 0;} .sliderComplete button.open { opacity: 1;} .turn { margin-left: -75%; transition: all .5s;} .zoom-effect-container { float: left; position: relative; width: 100%; height: 200px; margin: 0 auto; overflow: hidden;} .image-card { position: absolute; top: 0; left: 0; } .image-card img { -webkit-transition: 0.4s ease; transition: 0.4s ease;} .zoom-effect-container:hover .image-card img { -webkit-transform: scale(1.08); transform: scale(1.08);} #quangcao-sub{width: 98%;margin: 1% 0;text-align:center;font-weight:bold;text-transform:uppercase;color:#fff;}.quangcao-sub{ width: 18%; height:200px; float: left; overflow: hidden; margin:1%; background:#4C85D8; color:#fff; -webkit-transition: 0.4s ease; transition: 0.4s ease;}.quangcao-sub img{padding: 10px 0 0 20px;width:70%;margin-left:20px;-webkit-transition: 0.4s ease; transition: 0.4s ease;}.quangcao-sub:hover{color:#FF3;}.quangcao-sub:hover img{-webkit-transform: scale(1.08); transform: scale(1.08);} .carousel-control.right,.carousel-control.left{background-image:none;}.topnav { overflow: hidden; background:linear-gradient(#6590DD,#4581D7); width: 100%;} .topnav a { float: left; display: block; color: #fff; text-align: center; padding: 14px 20px; text-decoration: none; font-size: 14px;} .topnav .icon { display: none;} .dropdown { float: left; overflow: hidden; position:static; z-index:0;} .dropdown .dropbtn { font-size: 14px; border: none; outline: none; color: white; padding: 14px 20px; background-color: inherit; font-family: inherit; margin: 0;} .dropdown-content { display: none; position: absolute; background: #f9f9f9; opacity: .9; min-width: 200px; max-width: 600px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;} .dropdown-content a { float: left; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; width: 200px;} .topnav a:hover, .dropdown:hover .dropbtn { background-color: #152630; color: white;} .dropdown-content a:hover { color: white;} .dropdown:hover .dropdown-content { display: block;} @media screen and (max-width: 600px) { .topnav a:not(:first-child), .dropdown .dropbtn { display: none; } .topnav a.icon { float: right; display: block; }} @media screen and (max-width: 600px) { .topnav.responsive {position: relative;} .topnav.responsive .icon { position: absolute; right: 0; top: 0; } .topnav.responsive a { float: none; display: block; text-align: left; } .topnav.responsive .dropdown {float: none;} .topnav.responsive .dropdown-content {position: relative;} .topnav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: left; }}.carousel-inner{height: 480px;} #main-banner{width: 100%;float: left;}#sub-banner{display:none;width: 33.3%;float:left;}.sub-banner{height: auto; margin-bottom: 3px;} .mySlides {display:none;}#image_id { border-radius: 5px; cursor: pointer; transition: 0.3s;} #image_id:hover {opacity: 0.7;} /* The Modal (background) */.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */} /* Modal Content (image) */.modal-content { margin: auto; display: block; width: 80%; max-width: 700px;} /* Caption of Modal Image */#caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px;} /* Add Animation */.modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;} @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}} @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)}} /* The Close Button */.close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s;} .close:hover,.close:focus { color: #bbb; text-decoration: none; cursor: pointer;} /* 100% Image Width on Smaller Screens */@media only screen and (max-width: 700px){ .modal-content { width: 100%; }} body{ margin: 0 auto; font-family: 'Roboto+Condensed', sans-serif; font-size: 14px;}#header-wrap{background: #fff;margin:70px 0 20px 0;}#main-wrap{background: #fff; float:left;width: 100%;}.h1{ font-family: initial; font-size: inherit;} .top-nav{ width: 100%; height: 30px; line-height: 30px; color: #fff; background: #152630; font-size: 12px; box-shadow: 0px 2px 5px 0 rgba(0,0,0,.5); position: fixed; z-index: 99999;} .form-signin{ max-width: 330px; padding: 15px; margin: 0 auto;}.form-signin .form-signin-heading, .form-signin .checkbox{ margin-bottom: 10px;}.form-signin .checkbox{ font-weight: normal;}.form-signin .form-control{ position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.form-signin .form-control:focus{ z-index: 2;}.form-signin input[type="text"]{ margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}.form-signin input[type="password"]{ margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0;}.account-wall{ padding-top: 20px; background-color: #f7f7f7; -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); margin-bottom: 5%;}.login-title{ color: #555; font-size: 18px; font-weight: 400; display: block;}.profile-img{ width: 96px; height: 96px; margin: 0 auto 10px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}.need-help{ margin-top: 10px;}.new-account{ display: block; margin-top: 10px;} <!-- chay online-->* html .use_scroll_wrapper #ndotbar{position:absolute; z-index: 65535} * html .use_scroll_wrapper #ndotbar_ui{margin-left:0px;margin-right:15px;position:relative;overflow:visible !important;} body #ndotbar{position: fixed; width: 100%; top: 0px; z-index: 65535;} #ndotbar a{ color:#333; font-size:12px} #mainmargin{ width:100%; background: #f0f0f0; height: 50px; line-height:50px; color: #333;} #ndotBox{ margin:0 auto; width:100%;} #logo{float: left;height: 90px;width: 20%;margin-right: 5%;} #giohang{float: right;width: 20%;margin-top: 2%;display:none;} #icon_cart{float: left;width: 40%;}#icon_cart img{width: 70%;}#thongtin_cart{float: left;width: 60%;margin-top: 10%;} #giohang1{float: right;width: 20%;display:none;} #icon_cart1{float: left;width: 30%;margin-right: 5%;margin-top:5%;}#icon_cart1 img{width: 80%;}#thongtin_cart1{float: left;width: 65%;} .search-container { float: left; width: 50%;} #header input[type=text] { padding: 6px; margin-top: 30px; width: 90%; border:none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: none; float: left; background: #f7f7f7;} .mybtn { background: #3399FF; width: 10%; border: none; color: white; padding: 6px; text-align: center; margin-top: 30px; opacity: 1; transition: 0.3s; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .mybtn:hover {opacity: 0.6}a:hover{text-decoration: none;}#tukhoa-hot{font-size: 11px; color: #09F;margin-top: 2%;text-align:justify;}#tukhoa-hot a{color:#666;}#tukhoa-hot a:hover{color: #222;} #hotline-now{width: 70%;float:left; }#hotline-now a{color: #333; opacity: 0.7;text-decoration:none;margin-right: 5px;}#hotline-now a:hover{opacity: 1;} #online-now{float:right; width: 30%;text-align:right;font-size: 12px;} .tieude_h1{ font-size: inherit; line-height: 34px; height: 34px;} .a2{ color: #D70000; text-decoration: none;} .a2:hover{ color: #000; text-decoration: underline;} #mainchinh{ float: left; width: 100%; margin: 0 auto;}#header{ width: 100%; height: 100px;}#banner_top{ float: left; height: 100px; width: 960px; margin: 2px 0;} .banner_qc{ float: left; width: 480px; height: 100px; text-align:center;} .banner_qc_line{ float: left; width: 2px;} #main1{ float: left; height: 327px; width: 960px; margin-bottom: 5px;} #flash{ float: left; height: 327px; width: 662px;} #form_login{ float: left; height:180px; width: 298px; margin-bottom: 5px;} .main1_right{ float: left; width: 298px; height: auto; background: #ebebeb;} .tieude{ background-image: url(../images/tieude_bg.jpg); background-repeat: repeat-x; float: left; height: 34px; width: 288px; padding-left: 10px; line-height: 34px; font-size: 16px; color: #FFF; font-weight: bold;} .tieude a{ color: #FFF; text-decoration: none;} .tieude a:hover{ color: #FC0;} #login{ float: left; width: 298px;} #login1{ font-size: 12px; line-height: 28px; padding: 10px 0; width: 100%; color: #fff; text-align:center; border-top: 1px dashed #fff;} #bandangnhapnam{ float: left; padding-top:15px; width: 298px; text-align:center; font-weight:bold; font-size:14px; color:#0066FF;} .label{ float: left; width: 20%; padding-left: 10px; color: #fff; padding-top: 13px;} .inputtext{ float: left; height: 26px; width: 182px; padding-top: 10px;} #button_dangnhap{ float: left; width: 203px; padding-left: 95px; padding-top: 5px;} #icon_user{ float: left; height: 27px; width: 37px; padding-left: 25px; padding-top: 5px;} #icon_user1{ float: left; height: 27px; width: 37px; padding-left: 15px; padding-top: 5px;} #quenmatkhau{ font-size: 14px; color: #898989; float: left; width: 226px; padding-top: 14px; padding-left: 10px;} #quenmatkhau a{ color: #898989; text-decoration: none;} #quenmatkhau a:hover{ color: #000;} #quenmatkhau1{ font-size: 14px; color: #FFFF00; text-align: center; width: 100%; } #quenmatkhau1 a{ color: #ff8; text-decoration: none;} #quenmatkhau1 a:hover{ color: #ff2;} .holine{ float: left; width: 190px; font-size: 14px; font-weight: bold; padding-top: 10px; padding-right: 16px; text-align:right;} .tongdai{ float: left; width: 201px; font-size: 14px; font-weight: bold; padding-top: 20px; padding-left: 5px;} .red { color: #ed1c24;} #main2{ float: left; width: 100%;} .td_danhmuc{ border-bottom: 1px solid #ccc; float: left; height: 34px; width: 100%;} .td_danhmuc_left{ float: left; width: auto; padding-left: 10px; line-height: 34px; height: 34px; font-size: 14px; color: #555;} .td_danhmuc_left a{ color: #111; text-decoration: none;} .td_danhmuc_left a:hover { color: #39b54a;} .titlepro{ font-size:14px; font-style:italic;} .td_danhmuc_right{ float: right; width: 400px; padding-right: 10px; line-height: 34px; height: 34px; font-size: 14px; color: #111; text-align: right;} #danhmuc_right{ float: right; width: 336px; padding-top: 5px;} #danhmuc_left{ float: left; width: 570px; padding-top: 20px; padding-left: 36px; padding-right: 18px;} #danhmuc_left1{ width: 100%; text-align:center; padding-left: 10%;}#danhmuc_left2{ width: 100%; text-align:center;}.mot_danhmucsearch{ float: left; width: 190px; padding-left:10px; padding-top:5px;} .mot_danhmuc1{ float: left; width: 18%; margin: 1%;} .mot_danhmuc2{ float: left; width: 20%; padding: 2%;} .hinh_danhmuc{} .ten_danhmuc1{ text-align:center;} .ten_danhmuc1 a{ font-size:14px; color: #333; font-weight: bold; text-decoration: none;} .ten_danhmuc1 a:hover{ color: #39b54a;} .mot_danhmuc{ float: left; width: 180px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px;} .arrow{ float: left; height: 14px; width: 14px; padding-top: 3px; padding-left: 0px;} .ten_danhmuc{ float: left; width: auto; padding-left: 1px; font-size: 14px;} .ten_danhmuc a{ color: #333;} .ten_danhmuc a:hover{ color: #66F;} .ten_danhmucS{ float: left; width: auto; padding-left: 1px; font-size: 14px; color:#005e20;} .ten_danhmucS a{ color: #0859a0; text-decoration: none;} .ten_danhmucS a:hover { color: #ab0000; } .danhmuc_line{ float: left; height: 1px; width: 165px; padding-top: 5px; clear: both;} .hinh_dm_right{ float: left; width: 330px; padding-bottom: 5px;} #main3{ float: left; width: 960px; overflow: hidden;} .tab_sanpham{ float: right; height: 40px; width: 75%; text-align: center; line-height: 40px; font-size: 12px; border-bottom: 2px solid #152630; background: #e7f8ff; display:none;} .tab_sanpham a{ color: #333; text-decoration: none; font-weight: normal; float: right; padding: 0 1%; opacity: 0.8;}.tab_sanpham a:hover{opacity: 1;} .tab_sanpham_line img{ float: left; height: 34px; width: 3px;} #hinh-quangcao{} .sanpham_moi{ float: left; width: 960px;} .mot_sanpham_moi{ float: left; width: 240px;} .hinh_sanpham_moi{ float: left; height: 137px; width: 196px; position: relative; padding: 22px;} .spmoi{ float: left; height: 137px; width: 196px; position: relative; padding-left:22px; padding-right:22px; padding-top:7px; padding-bottom:7px;} .sale{ float: left; height: 65px; width: 60px; position: absolute; left: 160px; top: 34px; background-image: url(../images/sale.png); background-repeat: no-repeat;} .saletl{ float: left; height: 65px; width: 60px; position: absolute; left: 160px; top: 34px; background-image: url(../images/sale_red.png); background-repeat: no-repeat;} .giamgia{ float: left; width: 60px; padding-top: 30px; text-align: center; color: #ffff00; font-weight: normal; font-size: 16px;} .sale1{ float: left; height: 65px; width: 60px; position: absolute; right:0px; top: 34px; background-image: url(../images/sale.png); background-repeat: no-repeat;} .giamgia1{ float: left; width: 60px; padding-top: 30px; text-align: center; color: #fff400; font-weight: bold;} .sale2{ float: left; height: 65px; width: 60px; position: absolute; right:8px; top: 14px; background-image: url(../images/sale.png); background-repeat: no-repeat;} .giamgia2{ float: left; width: 60px; padding-top: 30px; text-align: center; color: #fff400; font-weight: bold;} .tt_sanpham_moi{ float: left; width: 240px;} .ten_sanpham_moi{ font-size: 13px; text-align: center; height:45px; padding-bottom: 5px;} .ten_sanpham_moi a{ color: #333; text-align: center; text-decoration: none; font-weight: normal;} .ten_sanpham_moi a:hover { color: #090;} .ma_sanpham_moi{ color: #39F; text-align: center; font-size: 14px; padding-bottom: 5px; font-weight: normal; clear:both;}.gia_sanpham_moi{ font-size: 14px; color: #e30009; text-align: center; font-weight: normal; padding-bottom: 5px; clear:both} #tructuyen_Img{ float: left; height: auto; padding-top:5px;} #tructuyen{ float: left; height: 20px; width: 860px; padding-top:20px; color:#f0e701;} #footer_wrap{width: 100%; height: auto; margin: 0 auto; clear: both;float:left;color: #333;padding: 1%;} #float-ck_wrap{width: 960px; margin: 0 auto;}.float-ck{width: 100%; margin: 0 auto;}#footer{ height: auto; width: 100%; padding: 1%; margin-bottom: 10px;} #footer_left{ position: relative; z-index: 1; float: left; width: 68%; overflow: visible; margin-right: 2%;}#logo_sub{width: 10%;float:left;margin: 2% 5%;}.vitri{font-size: 100px; color: #ccc;}#ten-cty{font-size: 16px;font-weight: 400; color:#0cf;}#thongtin-cty{width: 69%;float:left; font-size: 12px;} .footer_right{ float: left; width: 30%;} #dm_footer{width: 100%;height:auto;padding: 1%; font-size: 12px; text-align:justify;background: #e7f8ff;float:left;}#dm_footer a{color:#333;}#dm_footer a:hover{color:#090}#copyright{text-align:center; font-size: 12px; background:#333;color: #fff;height: 20px;float:left;width:100%;} #icon_sale{ float: left; height: 87px; width: 87px;} #icon_building { float: left; height: 100px; width: 120px; clear: right;} .chinhsach { color: #333; font-size: 13px; line-height: 26px;} .chinhsach a { color: #333; text-decoration: none;}.chinhsach a:hover { color: #090;} .noidung { text-align: justify; float: left; width: 100%; padding: 2%; position: relative;} .noidungText { text-align: justify; float: left; width: 100%; padding: 1%;} .phone { float: left; width: 940px; padding-right: 10px; padding-left: 10px;} #catalog { float: left; width: 100%; padding: 2%; clear:both;} .boloc{ float:left;clear:both;} #danhmuc_share{ float:left; width:105px; text-align:right; color:#005e20; font-size:14px; font-weight:bold; padding-top:10px;}#danhmuc_S { float: left; width: 810px; padding-top: 5px;} #bg_search { clear:both; height:34px; line-height:34px; font-weight:bold; padding-left:10px; width: 100%; background: #E7F8FF;} #danhmuc_dot { float: left; margin-left:10px; width: 100%; border-bottom: 1px #ccc dotted; height:10px;} .one_product { float: left; width: 191px; padding-bottom: 10px; position:relative;} .one_productpro { float: left; width: 191px; padding-bottom: 10px; /*position:relative;*/} .one_product_imagepro { float: left; width: 191px; text-align:center; margin-left: 23px; height: 119px; margin-top: 10px; position:relative;} .one_product1 { float: left; width: 234px; padding-bottom: 10px; position:relative;} .one_productsearch { float: left; width: 25%; height: 250px; padding-bottom: 10px; vertical-align:middle;} .one_productsearch1 { float: left; width: 25%; padding-bottom: 10px;} .newsgiamgia{ float:right; position:relative;} #main4 { float: left; width: 100%;} #main4 h1 { font-size: larger; font-family: initial;} .one_product_name1 {text-align: center;height:40px;overflow:hidden;} .one_product_name1 a { color: #666; text-align: center; text-decoration: none; font-weight: bold;}.one_product_name1 a:hover{color: #090;} .one_product_ma1 { color:#39F; text-align: center; font-size: 14px; padding: 5px 0 ; font-weight:normal;}.one_product_gia1 { color: #333; text-align: center; float: left; width: 234px; padding-top: 5px; font-size: 14px;} .one_product_name { float: right; width: 191px; text-align: center; padding-top: 10px; font-size:10px; color: #754c24; font-weight: bold; padding-right: 2px; padding-left: 2px;} .one_product_name a { font-size:14px; color: #754c24; font-weight: bold; text-decoration: none;}.one_product_name a:hover { font-size:14px; color: #007c3a;}.one_product_image { text-align:center; padding-bottom:10px; height: 119px; margin-top: 10px;}.one_product_ma { color: #990000; text-align: center; float: left; width: 171px; padding-right: 10px; padding-left: 10px; padding-top: 5px; font-size: 14px;}.one_product_gia { color: #333; text-align: center; float: left; width: 171px; padding-right: 10px; padding-left: 10px; padding-top: 5px; font-size: 14px;} #form_login2 { float: left; width: 243px; margin-bottom: 10px; padding-bottom: 10px; background: linear-gradient(#3766C2,#14367E);}#sp_lienquan{width: 98%;} .tieude2 { height: 34px; width: 233px; line-height: 34px; color: #fff; text-align: center; clear: both;}.tieude2 a {color: #fff;text-decoration: none;}.tieude2 a:hover { color: #fff;} .tieude3{background: #4B7E0A; color: #fff; text-align: center; width: 100%; height: 34px; line-height:34px; clear: both;}.tieude4{width: 99%; text-align: left; padding-left: 1%; color: #06F; border-bottom: 1px solid #ccc; height: 35px; line-height: 35px;} #login2 { width: 100%;}#button_dangnhap2 { width: 50%; text-align: center; cursor: pointer; margin-top: 20px; clear: both; height: 30px; border-radius: 5px; border: none;} .inputtext2 { float: left; height: 24px; width: 75%; padding-top: 10px;} .input2 { height: 24px; line-height: 24px; width: 93%; display:block; color: #111;} #quenmatkhau2 { font-size: 14px; color: #fff; float: left; width: 243px; padding-top: 14px; text-align: center;} #quenmatkhau2 a { color: #fff; text-decoration: none;}#quenmatkhau2 a:hover { color: #FFD20D;} #hotline_top_wrap{ width: 100%; height: 30px; line-height:30px; background: #393; color: #fff; padding: 0; position: fixed; top: 0; z-index: 9999;}#hotline_top_cont{width: 960px; margin: 0 auto;} .product {width: 100%;}#hotro{}.hotro{width: 25%;float:right;margin: 1% auto;background:#f7f7f7; border-top:1px solid #b3b3b4;padding: 0 15px;}.hotro-content{ display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #eee; color: #333; font-size: 13px;}.material-icons{margin-right: 5%;} #thongtin-sanpham{width: 73%;margin-right:2%;float:left;}#thongtin-sanpham img{width: 300px;height: auto;}#sanpham-lienquan{width:25%;border: 1px solid #ccc;padding: 1%;float:right;}.sanpham-lienquan{width: 100%;margin-top: 2%;border-bottom: 1px dashed #ccc;}.sanpham-lienquan-header{height: 30px; line-height: 30px; text-align:center; background: #333; color:#fff;} .sanpham-lienquan-content{padding: 5%; width: 100%; margin-bottom: 2%;} #quangcao-sanpham{margin: 2%;clear:both;} .sanpham-lienquan:last-child{border-bottom: none;}.sanpham-lienquan-hinh{width: 100%;padding: 5%;}.sanpham-lienquan-ten a{font-size: 14px; color: #333;}.sanpham-lienquan-ten a:hover{color:#390;}.sanpham-lienquan-gia{font-size: 16px; font-weight:600;color: #F03;} #product_view{width: 100%;} .collapsible { background-color: #777; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px;} .active, .collapsible:hover { background-color: #555;} .collapsible:after { content: '\002B'; color: white; font-weight: bold; float: right; margin-left: 5px;} .active:after { content: "\2212";} .content { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #f9f9f9;}.mybreadcrumb{ padding: 8px 15px; list-style: none; background-color: #fff;}.product_td { float: left; height: 34px; width: 100%; background: #F7F5F2; border-bottom: 1px solid #ebe7de; padding-left: 5px;} .product_dt { float: left; margin-top: 3%; width: 73%; height: auto; } #main_product {float: left;width: 100%;} .lisPhanTrang{ float:right; padding:5px;} .lisPhanTrang a{ display:block; float:left; width:19px; height:18px; font-weight:bold; color:#555; text-decoration:none; text-align: center; margin-left:2px;} .lisPhanTrang a:hover, .lisPhanTrang a.active { color:#fff; background:#25922E; margin-left:2px;} .phantrang a.active { color: #006dba; margin-left:2px;} #tuychonmua { width: 100%; background: #333; } .hang_sx { float: left; width: 100%; padding-bottom: 20px; } .hang_ten { width: 100%; padding: 10px auto; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 14px; color: #333;} .hang_thongtin { width: 20%; padding: 10px 0 0 20px; font-size: 12px; float:left;} .hang_thongtin a { color: #333; text-decoration: none;} .hang_thongtin a:hover { color: #FF3300; } #khuyenmai { width: 100%; padding-bottom: 10px; background: #92D142; margin-top: 10px; clear: both;} .khuyenmai_nd { float: left; width: 233px; padding-top: 5px; padding-left: 10px; font-size: 11px;} .khuyenmai_nd a { color: #000; text-decoration: none;} .khuyenmai_nd a:hover { color: #008d43;} .product_image { float: left; width: 50%; padding: 2%;} .product_detail_image { float: left; height: 245px; width: 350px;}.product_image_small {width: 20%;float:left;} .small_group {width: 100%;padding-top: 30px;float:left;} .product_info { float: left; width: 47%; margin-right: 3%;} .product_infosale { float: left; width: 47%; height: auto; margin-right:3%;} #info_name { font-size: 20px; color: #333; margin-bottom: 10px; font-weight: normal; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .info_detail { float: left; width: 100%; padding: 5px 0; font-size: 14px; color: #636363;}.info_detail_vat { float: left; width: 100%; padding: 5px 0; font-size: 14px; color: #636363;}.info_nsx { float: left; width: 285px; padding: 10px 25px; padding-top: none; font-size: 14px; color: #111;} .info_nsx a{ color: #555;} .info_nsx a:hover{ text-decoration: underline;} .info_detail_gia { float: left; width: 100%; font-size: 24px; border: 1px solid #ebebeb; border-right: none; border-left: none; margin-top: 20px; padding: 10px; color: #555;} .info_left { float: left; width: 100%; color: #111;}.info_right { float: left; width: 190px;} .info_right a { color:#000000; text-decoration:none;} .info_right a:hover { color:#39b54a;} .gia_giam { color: #ed1c24; text-decoration: line-through;} .icon_sale2 { float: left; height: 31px; width: 31px;} .gia_da_giam1 { color: #ed1c24; float: left; width: 145px; font-size: 16px;} .gia_da_giam { color: #ed1c24; width: auto; float: left;} .off { width: auto; color: #111; font-weight: bold; font-size: 14px; line-height: 30px; float: left;}#mavach{width: 100%;}#mavach1{width: 70%;float:left;}#mavach2{width: 30%;float:right;height:100px;}#mavach2 img{margin-left: 20px;}.soluong { width: 100%; margin: 10px auto; float: left; font-size: 14px;} .sl { float: left; width: 30%; padding-top: 6px; font-size:14px;} .input_sl { float: left; height: 10%; width: 44px; padding-top: 3px;} .input_soluong { background: url(../images/input_sl.jpg); background-repeat: no-repeat; border:none; float: left; height: 21px; width: 44px; text-align: center; padding-top: 3px; } .button_dh { float: right; width: 50%;} .email { float: left; width: 75px;} .email_left { float: left; width: 32px;} .email_right { float: left; width: 35px; padding-top: 5px; padding-left: 3px;} .email_right a { color:#000000; text-decoration:none;} .email_right a:hover { color:#39b54a;} .sosanhsanpham { width: 100%; float: left; font-size: 15px; margin: 10px auto;} .sosanh { float: left; width: 50%; padding-top: 8px;} .sosanh a { color:#111; text-decoration:none;}.sosanh a:hover { text-decoration: underline;} .thongtin_sp { float: left; width: 100%;} .thongtin_sp_td { float: left; height: 34px; width: 100%;} .tieude_detail { line-height: 34px; color: #000; float: left; height: 34px; width: 100%; padding-left: 5px; font-size:13px;} .tieude_detail a { font-size: 13px; line-height: 34px; color: #000; text-decoration: none; font-weight: normal;} .tieude_detail a:hover { color: #636363;} .tieude_detail2 { line-height: 34px; color: #000; float: left; height: 34px; width: 420px; padding-left: 5px; font-size: 13px;} .tieude_detail1 { line-height: 34px; color: #000; float: left; height: 34px; width: 70%; padding-left: 5px; font-size:13px;} .tieude_detail1 a { font-size: 13px; line-height: 34px; color: #000; text-decoration: none; font-weight: normal;} .tieude_detail1 a:hover { color: #636363;} .line3 { background-color: #CCC; float: left; height: 34px; width: 2px;} .line4 { float: left; height: 34px; width: 3px;} .mota { font-size: 14px; line-height: 34px; text-align: center; float: left; height: 34px; width: 176px; color: #FFF;} .mota a { color: #FFF; text-decoration: none;} .mota a:hover { background-color: #000; display: block; float: left; height: 34px; width: 176px;} .thongtin_kythuat { float: left; width: 677px; line-height: 24px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px;} .icon_register { background:url(../images/contact.png) no-repeat; width:500px; height:80px; float: left; padding: 10px;} .icon_register1 { background:url(../images/icon_register.png) no-repeat; width:345px;height:104px; float: left; padding-top: 5px; padding-left: 10px;} .icon_register2 { background:url(../images/forgot-password.jpg) no-repeat; width:724px;height:150px; float: left; padding-top: 5px; padding-left: 10px;} .icon_register3 { background:url(../images/icon_login.png) no-repeat; width:518px;height:150px; float: left; padding-top: 5px; padding-left: 10px;} #thongtin_yc { color: #333; font-size: 14px; margin-top: 2%;} .do{ color:#ed1c24;} .register_form { width: 100%; padding: 2%; margin-top: 2%;} .dangnhap { float: left; width: 100%; margin: 1%;} .top_form { height: 35px; width: 100%; float:left; margin: 1% 0; border-bottom: 1px dashed #ccc; color: #69F; font-size: 22px;}.body_form { width: 100%; float:left; height: 35px; padding: 10px;} .form_left { float: left; width: 20%;} .form_input { float: left; width: 80%;}.form_input input{ padding: 2px 5px; border: 1px solid #ccc; width: 50%; box-sizing: border-box; } .ten_form { float: left; width: auto; font-size: 14px; line-height: 24px; color: #0076a3;} .top_form_right {} .gioitinh { width: 100px; float:left; }.button_bottom { float: left; width: 640px;} .button_bottom_left { float: left; width: 314px; text-align: right;} .button_bottom_right { float: right; width: 314px; text-align: left;} .myaccount_form { } .dangnhap_bt { float: left; height: 38px; width: 140px; padding-left: 25px;} .quen_mk { float: left; width: auto; padding-top: 10px; font-size: 14px; padding-left: 60px;} .quen_mk a { color: #000; text-decoration: none;} .quen_mk a:hover { color: #00823d;} .body_form1 { width: 100%; float:left; padding-bottom: 10px;} .noidung_lienhe{ text-align: justify; float: left; width: 940px; padding: 10px; height: auto;} .noidung_banbe{ text-align: justify; float: left; width: 940px; padding: 10px; height: 300px;} .noidung_dangky { text-align: justify; float: left; width: 100%; padding: 2%;} .noidung_login { text-align: justify; float: left; width: 100%; padding: 2%;} .top_form1 { height: 24px; width: auto; padding-left: 25px;} .account { float: left; margin-bottom: 5px;} .contact_form { width: 900px; padding: 10px; float: left;} #contact_bottom { float: left; width: 380px; } .textarea { background: url(../images/text_area.jpg) no-repeat; width: 250px; height:166px; border:none; padding: 5px;} .form_area { float: left; width: 250px;} .button_guitt { float: left; width: 300px; text-align: right;} .button_nhaplai { text-align: left; float: right; width: 250px;} #maantoan { float: left; height: 32px; width: 91px; padding-left: 10px;} #ma { float: left; width: auto; padding-bottom: 2px; padding-top: 7px;} .form_input_ma { float: left; height: 28px; width: 280px;} .form_left1 { float: left; width: 200px; padding-left: 25px; font-size: 14px;} #mail_box { float: left; height: 90px; width: 100px;} #mail_address { float: left; width: 370px; padding-left: 10px; font-size: 12px; line-height: 24px;} .noidung_catalog { text-align: justify; float: left; width: 940px; padding: 10px; background-repeat: no-repeat; background-image: url(../images/catalog_bg.jpg); background-position: 20px 10px;} .catalog_list { float: left; width: 400px; margin-top: 140px;} .icon_pdf { float: left; height: 30px; width: 30px;} .catalog_row { float: left; width: 300px; padding-left: 50px; padding-top: 10px;} .catalog_row1 { float: left; width: 300px; padding-left: 100px; padding-top: 10px;} .ten_file { float: right; width: 230px; font-size: 14px; padding-top: 5px;} .ten_file a { color: #000; text-decoration: none;} .ten_file a:hover { color: #007636;} .ten_file2 { padding-top:5px;padding-bottom:5px; background:url(../images/icon_pdf.png) no-repeat; padding-left:50px; float: left; width: 230px; font-size: 14px; clear:both;} .ten_file2 a { color: #000; text-decoration: none;} .ten_file2 a:hover { color: #007636;} .jpg_class{ background:url(../images/jpg.png) no-repeat;} .xls_class{ background:url(../images/xls.png) no-repeat;} .doc_class{ background:url(../images/doc.png) no-repeat;} .gif_class{ background:url(../images/gif.png) no-repeat;} .txt_class{ background:url(../images/txt.png) no-repeat;} .box_login { float: right; height: 214px; width: 400px; background-image: url(../images/box_login.png); background-repeat: no-repeat; margin-top: 400px;} .ten_box { float: left; width: 360px; padding-left: 20px; font-size: 16px; color: #FFF; padding-top: 14px; padding-right: 20px;} .username { width: 107px; float: left; padding-top: 8px; font-weight: bold;} .input_login { float: left; width: 253px;} .input_lg { background: url(../images/input_login.png); background-repeat: no-repeat; height: 32px; width: 253px; padding-top:8px;padding-left:5px; border:none;} .ten_box1 { float: left; width: 360px; padding-left: 20px; font-size: 16px; color: #FFF; padding-top: 14px; padding-right: 20px; text-align: right;} #thongtin_cart a { color: #000; text-decoration: none;} #thongtin_cart a:hover { color: #007938;} #main_tintuc { float: left; width: 960px;} .noidung_tintuc { text-align: justify; float: left; width: 100%; padding-top: 5px; padding-bottom: 5px; } #tintuc_left { float: left; width: 80%; padding-right: 10px; padding-left: 10px;} #tintuc_right { float: left; width: 20%;} .mot_sanpham_moi1 { float: left; width: 240px; border: 1px solid #ebebeb;} .mottin { float: left; width: 100%; border-bottom: 1px solid #ccc; padding: 1% 0;}.mottin:last-child{border-bottom: none;}.tieude_ndtin { font-weight: bold; color: #754c24;font-size:13px; float: left; padding: 5px;} .tieude_tin { font-weight: bold; width: 100%; height: 35px;} .tieude_tin a { color: #39F; text-decoration: none;} .tieude_tin a:hover { opacity: 0.8;} .tomtat_tin { float: right; width: 83%; margin-left: 2%;} .hinh_tin { float: left; width: 15%;} .tinorder { float: left; font-size:12pt; padding-left:10px; padding-top:10px; font-weight:bold;} .newsorder { float: left; padding:5px; clear:both; width:800px;} .newsorder a { text-decoration:none; color:#FF0000;} .newsorder a:hover { text-decoration:underline; color:#000000;} .newsorder { float: left; padding:5px; clear:both; width:800px;} .noidung_cart { text-align: justify; float: left; width: 100%; position: relative; clear:both;} #gio-hang{width: 70%; float:left;margin-right: 2%;display:none;}#gio-hang-header{height: 35px; line-height: 35px; margin-bottom:10px; background:#c4df9b;}#gio-hang-row{height: 140px; margin-bottom: 5px; border-bottom: 1px dashed #ccc;overflow:hidden;}#gio-hang-row:last-child{border-bottom:none;}#gio-hang-right{width: 28%;float:right;}#bonus{float:right;background: #f7f7f7;padding: 5px 10px;} .giohanghinh{float:left;width:50%;padding-left: 5px;} .giohangsoluong{float:left;width:10%;text-align:center;} .giohanggia{float:left;width:15%;text-align:right;} .giohangthanhtien{float:left;width:15%;text-align:right;} .giohangxoa{float:left;width:10%;text-align:center;} .giohanghinh1{float:left;width:20%;text-align:center;} .giohangten1{float:left;width:30%;padding-top: 5px;padding-left: 10px;} .giohangsoluong1{float:left;width:10%;text-align:center;padding-top: 5px;} .giohanggia1{float:left;width:15%;text-align:right;padding-top: 5px;} .giohangthanhtien1{float:left;width:15%;text-align:right;padding-top: 5px;font-weight: bold;} .giohangxoa1{float:left;width:10%;text-align:center;padding-top: 5px;} .tamtinh{width:100%;float:left;margin-bottom: 10px; border-bottom: 1px solid #ccc;padding-bottom:10px;}.tamtinh:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;} .gia-tongcong{font-size: 22px; color: #F03;}.tongcong{float:left;}.thanhtien{text-align:right;float:right;} .tieptuc{ float:left; width:100%;}.tieptuc_but{ background: #111; width: auto; height: 35px; line-height: 35px; text-align: center; clear:both;}.thanhtoan{ width:100%;float:left;}.giahang{width: 100%;height: auto; margin: 0 auto; clear: both; padding: 10px 0;} #main_giaohang { width: 100%; float:left;}#noidung_giaohang { text-align: justify; width: 73%; margin: 1%; height: auto; float:left;}#thongtin-giaohang{width: 44%; float:left; border: 1px dashed #ccc; padding: 2%; margin: 1% 0;border-radius: 5px;}.thongtin-giaohang-header{font-weight: bold; color:#C90;margin-bottom: 10px;border-bottom: 1px dashed #ccc;padding-bottom: 5px;}.diachi { float: left; width: 100%;}.diachi-color{color: #66F;}#thanhtoan-giohang{width: 55%;float:right; border: 1px dashed #ccc; padding: 2%; margin: 1% 0;border-radius: 5px;} #giaohang_button { float: left; width: 772px; padding-left: 168px; padding-top: 5px; padding-bottom: 5px;} .vanchuyen { width: 100%; height: auto; padding-top: 10px; clear: both;}.vanchuyen a{color: #333;}.vanchuyen-left{width: 80%;float:left;}.vanchuyen-right{width: 20%; float:right;text-align: right;color: #09F;}.donhang_area { margin-top: 10px;} #tieptuc { background: #111; color: #fff; width: 160px; height: 35px; clear: both;} .donhang_area_input { background: url(../images/donhang_area.jpg); background-repeat: no-repeat; float: left; height: 121px; width: 550px; border:none; padding: 5px; } .diachi_left1 { float: right; width: 170px; font-weight: bold; padding-top: 1px;} .diachi_right1 { float: right; width: 300px; line-height: 18px;} .vanchuyen_left { width: 470px; float: left;} .vanchuyen_td { width: 100%; margin-bottom: 1%;} .vanchuyen_right { float: right; width: 470px;} .vanchuyen_nd { clear: both; float: left; width: auto; padding-bottom: 5px; font-weight: normal;} .giohangTitle{ float:left; font-weight:bold; color:#007636; font-size:14pt; padding-left:10px;} #giohang_noidung { width: 100%; height: auto; float: left;}#giohang-thanhtoan-header{height: 40px; line-height:40px;width: 100%;float:left;}.giohanghinh2{float:left;width:50%;} .giohangsoluong2{float:left;width:7%;text-align:center;} .giohanggia2{float:left;width:10%;text-align:right;} .giohangthanhtien2{float:left;width:20%;text-align:right;} .giohangxoa2{float:left;width:13%;text-align:center;} #giohang-thanhtoan-row{height: 100px;width:100%;float:left;}.giohanghinh3{float:left;width:20%;} .giohangten3{float:left;width:30%;} .giohangsoluong3{float:left;width:7%;text-align:center;} .giohanggia3{float:left;width:10%;text-align:right;} .giohangthanhtien3{float:left;width:20%;text-align:right;color:#F03;} .giohangxoa3{float:left;width:13%;text-align:center;color: #09F;} #xacnhan-thanhtoan{margin-top: 5px; padding-top: 10px; border-top: 1px dashed #ccc; height: auto; float:left; width: 100%;line-height: 26px;} .xacnhan-thanhtoan-left{width: 50%;float:left;}.xacnhan-thanhtoan-right{width: 50%;float:right;text-align:right;color:#F03; font-weight:bold;} .xuatfile{ font-weight:bold; font-size:13pt; padding:5px;} #noidung_sosanh { text-align: justify; float: left; width: 940px; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; padding-left: 10px;}.chon_sp { border: 1px solid #f3f3f3; float: left; width: 940px;} .chon_sp_td { float: left; text-align:center; width: 930px; font-weight: bold; padding-top: 5px; padding-bottom:20px; font-size:18px; color:#00753A;} .row_textbox { float: left; width: 920px; padding-right: 10px; padding-left: 10px;} .text_box { float: left; width: 269px;} .list_chon_sp { width: 269px;} .sosanh_line { float: left; width: 1px;} .button_ss { text-align: right; float: left; width: 930px; padding-right:10px; padding-top: 10px; padding-bottom: 10px;} #sosanh { float: left; width: 940px; padding-bottom: 5px;padding-top:5px;} #sosanh_left { float: left; width: 110px;} #sosanh_td { float: left; height: 30px; width: 70px; margin-bottom: 2px;} #hinh_sp { text-align: right; float: left; width: 105px; padding-right: 5px; font-weight: bold; height: 100px; line-height: 100px; border: 1px solid #A2F0C7; margin-bottom: 2px;} .nsx_sp { text-align: right; float: left; width: 105px; padding-right: 5px; font-weight: bold; height: 30px; line-height: 30px; margin-bottom: 2px; border: 1px solid #A2F0C7;} .nsx_ss { text-align: right; float: left; width: 105px; padding-right: 5px; height:240px; line-height:240px; max-height:240px; font-weight: bold; margin-bottom: 2px; border: 1px solid #A2F0C7;} .sp_ss { float: left; width: 270px;}.sosanh_td { float: left; height: 30px; width: 270px; line-height: 30px; text-align: center; background-color: #004219; display: block; font-weight: bold; margin-bottom: 2px; color:#FFFFFF;} .ss_noidung{ text-align: left; float: left; width: 263px; padding-left: 5px; background-color: #a2f0c7; color: #333; height:240px; max-height:240px; overflow:hidden; margin-bottom: 2px; border: 1px solid #A2F0C7;} .ss_noidung1{ text-align: left; float: left; width: 263px; padding-left: 5px; display: block; color: #333; height:240px; max-height:240px; overflow:hidden; margin-bottom: 2px; border: 1px solid #A2F0C7;} .hinh_sp_ss { float: left; width: 268px; height: 90px; padding-top: 5px; padding-bottom: 5px; text-align: center; display: block; margin-bottom: 2px; border: 1px solid #A2F0C7; position:relative;} .nsx_sp_sp { text-align: left; float: left; width: 263px; font-weight: bold; height: 30px; line-height: 30px; padding-left: 5px; background-color: #a2f0c7; display: block; color: #333; margin-bottom: 2px; border: 1px solid #A2F0C7;} .sosanh_td1 { float: left; height: 30px; width: 270px; line-height: 30px; text-align: center; display: block; font-weight: bold; margin-bottom: 2px;} .hinh_sp_ss1 { float: left; width: 268px; height: 90px; padding-top: 5px; padding-bottom: 5px; text-align: center; display: block; margin-bottom: 2px; border: 1px solid #A2F0C7; position:relative;} .nsx_sp_sp1 { text-align: left; float: left; width: 263px; font-weight: bold; height: 30px; line-height: 30px; padding-left: 5px; display: block; color: #333; margin-bottom: 2px; border: 1px solid #A2F0C7; } .tieptucmua{ background: #9C0; color: #fff; display:block; border:0; width:100%; height:35px; border-radius: 2px; margin-bottom: 5px;} .capnhatdonhang{ background: #9c0; color: #fff; display:block; border:0; width:100%; height:35px; border-radius: 2px; margin-bottom: 5px;}.capnhatdonhang:hover{opacity: 0.9;cursor: pointer;}.tieptucmua:hover{opacity: 0.9;cursor: pointer;}.thanhtoandonhang:hover{opacity: 0.9;cursor: pointer;}.thanhtoandonhang{ background: #e20008; color: #fff; display:block; border:0; width:100%; height:35px; border-radius: 2px;}.xuatword{ background:url(../images/xuatfile_button.png); display:block; border:0; width:105px; height:22px;} .xacnhan{ background: #69F; color: #fff; display:block; border:0; width:100%; height:35px; line-height: 35px; float:left;}.xacnhan:hover{opacity: 0.8;cursor: pointer;} .dangnhap_bt1 { float: left; height: 38px; width: 140px; padding-left: 225px;} .input_box1 { height: 20px;border:none; width: 182px; padding-top: 5px; padding-left: 5px; background: url(../images/input_form1.jpg); background-repeat: no-repeat;} .form_input1 { float: left; height: 28px; width: 182px; padding-top: 3px;} .body_form_2 { background-image: url(../images/form1_bg_bd.png); background-repeat: repeat-y; float: left; width: 520px; padding-bottom: 10px; text-align:center;}.body_form_2 a { color: #00591F; text-decoration: none;} .body_form_top { float: left; width: 520px; padding-bottom: 10px; text-align:center; font-size: 14px;} .forgot_form { width: 520px; padding-right: 210px; padding-left: 210px; float: left; left: 10px; top: 100px; padding-bottom: 20px;} #diem_bm { float: left; width: 295px; padding-left: 225px; padding-top: 5px;} .noidung_doimk { float: left; width: 940px; padding: 10px; height: 450px;} .saletonkho { float: left; height: 65px; width: 60px; position: absolute; right:2px; top: 20px; background-image: url(../images/sale_red.png); background-repeat: no-repeat;} .salesearch { float: left; height: 65px; width: 60px; position: absolute; right:2px; top: 20px; background-image: url(../images/sale.png); background-repeat: no-repeat;} .sale3 { float: left; height: 65px; width: 60px; position: absolute; right:20px; top: 34px; background-image: url(../images/sale.png); background-repeat: no-repeat;} .giamgia3 { float: left; width: 60px; padding-top: 30px; text-align: center; color: #fff400; font-weight: bold;} /* css account_infor */.noidung_account { text-align: justify; float: left; width: 940px; padding: 10px; background-image: url(../images/account_infor.jpg); background-repeat: no-repeat; background-position: 10px 10px;} #mota_td { float: left; width: 940px; padding-top: 180px;} #mota_td_left { float: left; width: auto; font-size: 14px; font-weight: bold; padding-left: 20px; padding-top: 4px;} #mota_td_right { float: left; width: auto; padding-left: 10px;} .mota_hinh { float: left; height: 120px; width: 160px;} .mota_tt { float: left; width: 890px; font-size: 14px; margin-left: 20px; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #000; border-left-color: #000; height: 34px; text-align: center;} .mota_ngay { float: left; width: 100px; border-right-width: 1px; border-right-style: solid; border-right-color: #000; padding-right: 10px; padding-left: 10px; line-height: 34px; height: 34px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; text-align: center;} .mota_ngay1 { float: left; width: 100px; border-right-width: 1px; border-right-style: solid; border-right-color: #000; padding-right: 10px; padding-left: 10px; line-height: 34px; height: 34px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; text-align: center; background-color: #018a42; color: #FFF;} .mota_ma { float: left; width: 110px; border-right-width: 1px; border-right-style: solid; border-right-color: #000; line-height: 34px; height: 34px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; text-align: center;} .mota_ma1 { float: left; width: 110px; border-right-width: 1px; border-right-style: solid; border-right-color: #000; line-height: 34px; height: 34px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; text-align: center; color: #FFF; background-color: #018A42;} .mota_ten { float: left; width: 275px; padding-left: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #000; line-height: 34px; height: 34px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000;} .mota_ten1 { float: left; width: 275px; padding-left: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #000; line-height: 34px; height: 34px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; color: #FFF; background-color: #018A42;} .mota_trangthai { float: left; width: 100px; line-height: 34px; height: 34px; border-right-width: 1px; border-right-style: solid; border-right-color: #000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; text-align: center;} .mota_trangthai1 { float: left; width: 100px; line-height: 34px; height: 34px; border-right-width: 1px; border-right-style: solid; border-right-color: #000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; text-align: center; color: #FFF; background-color: #018A42;} .mota_gia { float: left; width: 130px; text-align: right; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #000; padding-right: 10px; line-height: 34px; height: 34px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000;} .mota_gia1 { float: left; width: 130px; text-align: center; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #000; padding-right: 10px; line-height: 34px; height: 34px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; color: #FFF; background-color: #018A42;} .mota_xem { width: 120px; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #000; width: 109px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; height: 27px; padding-top: 7px;} .mota_xem1 { width: 120px; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #000; width: 109px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; height: 27px; padding-top: 7px; background-color: #018A42;} .mota_thongtin { width: auto; padding-top: 30px; float: left;} .mt { float: left; width: 940px;} #taikhoan_td { float: left; width: 920px; padding-top: 40px; padding-left: 20px; font-size: 14px; font-weight: bold;} .doi_tt1 { float: left; width: 740px; padding-top: 10px; padding-left: 40px; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 20px 12px;} .doi_tt1 a { color: #007636; text-decoration: none;} .doi_tt1 a:hover { color: #C9101A;} .tt { float: left; width: 740px; padding-top: 30px;} <!--Xem thong tin don hang--->/* css thongtindathang */.noidung_tt_gh { text-align: justify; float: left; width: 940px; padding: 10px; font-size: 14px;} .tt_gh_td { float: left; width: 380px; line-height: 20px; padding-bottom: 10px; padding-left: 30px;} .nd_tt_gh { float: left; width: 940px;} .nd_tt_gh_left { float: left; width: 380px; line-height: 20px; padding-left: 30px; padding-bottom: 15px;} .mot_sp_tt { float: left; width: 519px;} .nd_tt_gh_right { float: left; width: 519px; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #000; border-left-color: #000;} .sp_gia { float: left; width: 120px; text-align: center; padding-right: 10px; padding-left: 10px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #000; border-bottom-color: #000; padding-top: 5px; padding-bottom: 5px; color: #FFF; background-color: #018A42;} .sp_gia1 { float: left; width: 120px; text-align: right; padding-right: 10px; padding-left: 10px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #000; border-bottom-color: #000; padding-top: 5px; padding-bottom: 5px;} .sp_tt { float: left; width: 307px; padding-left: 10px; padding-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; border-right-width: 1px; border-right-style: solid; border-right-color: #000; padding-top: 5px; padding-bottom: 5px; background-color: #018A42; color: #FFF; text-align: center;} .sothutu { float: left; width: 45px; padding-left: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; border-right-width: 1px; border-right-style: solid; border-right-color: #000; padding-top: 5px; padding-bottom: 5px; background-color: #018A42; color: #FFF; text-align: center;} .phuongthuc_vc { float: left; width: 520px; text-align: right; padding-top: 10px;} .sp_tt1 { float: left; width: 307px; padding-left: 10px; padding-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; border-right-width: 1px; border-right-style: solid; border-right-color: #000; padding-top: 5px; padding-bottom: 5px;} .sothutu1 { float: left; width: 48px; text-align:center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; border-right-width: 1px; border-right-style: solid; border-right-color: #000; padding-top: 5px; padding-bottom: 5px;} .pt_left { float: left; width: 378px;} .pt_right { float: left; width: 131px; padding-right: 10px;} #gh_rigth { float: right; width: 520px;} #gh_left { float: left; width: 330px;} .diachi_td { font-weight: bold; float: left; width: 300px; color: #018A42;} .diachi_nd { float: left; width: 280px; padding-left: 20px;} .quaylai{ float: left; width: 510px; text-align: right; padding-top: 20px; padding-right: 10px;} #external #internal #container #main_about .noidung_tt_gh .nd_tt_gh .lichsu { float: left; width: 880px; padding-right: 30px; padding-left: 30px;} .mot_lichsu { float: left; width: 880px; padding-top: 10px;}.mot_ngay { text-align: center; width: 150px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; float: left;} .mot_ten { float: left; width: 400px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; text-align: center;} .mot_trangthai { text-align: center; width: 150px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; float: left;} /*-------------------- share-------------------*/ .news { position: relative; float: left;} .iconPrint{ float:right; padding-top:7px; width: 120px;} .printNews{ float:right; line-height: 14px; width: 50%;} .printNews1{ float:right; line-height: 14px; width: auto; padding-top: 10px;} .printNews .iconPrint{ float:left; line-height: 14px; width: 180px;} .share { float: left; width: auto; padding-right: 5px;} .share a { color: #FE6D4C; text-decoration: none;}.share a:hover { color: #000;}.kieuxem{width: 30%; float:right;margin:7px auto;}.xem_list { float: left; width: 50%;}.xem_list1 { float: left; width: 50%;} .xem_list_left { float: left; height: 15px; width: 15px; padding-top: 10px;} .xem_list_coll{ float:right; padding-right:5px; padding-top: 10px;} .xem_list_right { float: left; width: auto; padding-left: 5px; line-height: 34px; height: 34px;} .xem_list_right a { color: #111; text-decoration: none;}.xem_list_right a:hover { color: #111;} /*--------css moi ------*/.one_product_list1 { float: left; width: 650px; padding:5px; padding-bottom: 10px;} .one_product_list { width: 100%; padding-bottom: 10px; float:left; margin-bottom: 10px; border-bottom: 1px solid #ccc; height: 140px;}.one_product_list:last-child{border-bottom: none;}.one_product_name_list1 { float: left; width: 250px; text-align: left; padding-top: 20px; color: #754c24; font-weight: bold; padding-right: 10px; padding-left: 10px; font-size: 14px;}.one_product_name_list1 a { color: #754c24; text-decoration: none;} .one_product_name_list1 a:hover { color: #007c3a;} .one_product_name_list { float: left; width: 30%; font-weight: bold;} .one_product_name_list a { color: #333; text-decoration: none;} .one_product_name_list a:hover { color: #007c3a;}.one_product_image_list1 { float: left; width: 360px; margin-left: 10px; height: 252px; margin-top: 10px;} .one_product_image_list { float: left; width: 20%;}.one_product_image_list img{width: 80%; padding:5%;}.one_product_ma_list { color: #990000; text-align: left; float: left; width: 210px; padding-right: 10px; padding-left: 10px; padding-top: 5px; font-size: 13px;} .one_product_gia_list {float: left;width: 20%;color:#F03;font-size: 16px;} .one_product_xx_list { float: left; width: 20%;} .one_product_xx_list a { color: #333;} .one_product_xx_list a:hover { color: #F00; text-decoration:none;} .one_product_nsx_list { color: #333; text-align: left; float: left; width: 210px; padding-right: 10px; padding-left: 10px; padding-top: 5px; font-size: 13px;} .one_product_nsx_list a{ color: #333; text-decoration:none; font-size: 13px;} .one_product_nsx_list a:hover { color: #F00; text-decoration:none; font-size: 13px;} .sale_list { float: left; height: 65px; width: 60px; position: absolute; top: -175px; background-image: url(../images/sale.png); background-repeat: no-repeat; left: 190px;} .product_list { float: left; width: 717px;} .product_nd { float: left; width: 100%; padding: 2%;} .one_products_list { height: 130px; width: 100%; padding: 2% 0; border-bottom: 1px solid #ccc; float:left;}.one_products_list:last-child{border-bottom:none;}.one_product_list_hinh { float: left; width: 20%;} .one_product_list_name { float: left; width: 40%;} .one_name { font-weight: bold;} .one_name a { color: #333; text-decoration: none;} .one_name a:hover { color: #09f;}.one_product_list_nsx { float: left; width: 20%; text-align:center;} .one_nsx { font-weight: bold; } .one_nsx a { text-decoration:none; color:#333;} .one_nsx a:hover { text-decoration:none; color:#09f;} .one_xx a{ color: #06F; text-decoration:none;} .one_product_list_gia { float: left; width: 20%; text-align:center;} .one_gia { color: #F03; font-weight: bold;} #hotline{ float:left; color: #0076a3; font-size:14px; font-weight:bold; padding-left:30px; width:140px;} #hotline h1{ float:left; color:#f01b1f; font-size:14px; font-weight:bold; width:140px; padding-top:7px; margin:0px;} .icon_hotro { float: left; width: 92px; text-align: center; padding-bottom:5px;} #hotline_icon{ float: left;} .ht { float: left; width: 118px;} #hotline1{ color:#111; font-size:14px; font-weight:bold; padding-left:20px;} #hotline1 h1{ float:left; color:#f01b1f; font-size:16px; font-weight:bold; padding-top:16px; margin:0px; width:110px;} .ht2 {width: 243px;} #brand{ float: left; height: 240px; width: 960px; margin: 5px 0;} .tieude-footer{ height: 50px; margin-bottom: 10px;} .clear{ clear: both;}#chinhanh_wrap{width: 960px;margin: 0 auto; clear: both;display: none;}#phuongthuc{width: 120px; float: right; margin: 5px; font-size: 12px;}#chinhanh{ width: 780px;; margin: 5px; padding: 5px; height: auto; float: left;}.chinhanh_cont{ width: 350px;margin: 5px;font-size: 12px;line-height: 20px; float: left;}.chinhanh_tit{font-weight: bold;}.chinhanh_det{font-size: 12px;}#chinhanh ul{ position: relative; list-style-type: none;} #chinhanh li{ display: inline; float: left; width: 110px;} #chinhanh li a{ padding: 0 5px 0 10px; color: #000; text-decoration: none; background: url(../images/arr.png) no-repeat left 2px; font-weight: bold;} #chinhanh li a:hover{ color: #0066CC;} #chinhanh li .dropdown{ display: none; line-height: 25px; position: absolute; width: auto; height: auto; color: #000; background: #fff; top: -110px; right: 0; border: 5px solid #B70606; padding: 10px;} #chinhanh li:hover .dropdown{ display: block;} #slideshow { height:327px; position: relative; z-index: 1;} #slideshow DIV { position:absolute; top:0; left:0; z-index:1; opacity:0.0; height: 327px; background-color: #FFF;} #slideshow DIV.active { z-index:3; opacity:1.0;} #slideshow DIV.last-active { z-index:2;} #slideshow DIV IMG { height: 327px; display: block; border: 0;}#header-wrapper{text-align:left;height:126px;margin-top:30px;} .display672 #header {width:696px;} #header-wrapper-checkout{text-align:left;} .urlnumber{ display:inline; float:left; text-align:right; width:695px; height:86px; position:relative; top:0; left:0;} #navigation-bar{ width:650px; height:40px; position:relative; z-index:106; clear:both;} #phone{float:right;margin-top:25px;} #cartButton{height:42px !important;width:180px !important;margin:10px 0px;} #cartButton2{height:36px !important;width:140px !important;margin:0;} #lpbuttonContainer {position:relative; top:0; left:0;} #lpbutton-northerntool-nhasanxuats-DIV {position:absolute; top:41px; left:430px; width:100px; height:24px;} #first-name-container {position:relative; top:0; left:0;} #first-name {position:absolute; top:-50px; left:300px; width:200px; height:24px;} #backgroundPopup1,#backgroundPopup2,#backgroundPopup3,#backgroundPopup4,#backgroundPopup5,#backgroundPopup6{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; z-index:1;}#popupContact1,#popupContact2,#popupContact3,#popupContact4,#popupContact5,#popupContact6{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ z-index:9999999999999; padding:12px; font-size:13px;}#popupContact1 h1,#popupContact2 h1,#popupContact3 h1,#popupContact4 h1,#popupContact5 h1,#popupContact6 h1{ text-align:center; color:#00AA00; font-size:18px; font-weight:700; padding-bottom:2px; margin-bottom:20px;}#popupContactClose1,#popupContactClose2,#popupContactClose3,#popupContactClose4,#popupContactClose5,#popupContactClose6{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block;} .gift{ width: 713px; clear: both; color: #555; background: url(../images/gift_bg.png); }.gift a{ color: red;} .callus{ line-height: 24px; width: 100%; margin: 10px 0;}.sdt{width: 110px;font-weight: 600; color:#F03;}.ten-hotro{width:70px;}.hotline { color: red; display: block; font-size: 18px; /* font-weight: bold; */ line-height: 25px; width: 120px; margin-top:7px} #hotline1 .hotline:first-child{ margin-top:20px} #hotline .hotline:first-child{ margin-top:15px} .myicon{background: #ccc; color: #333; padding: 1%;width: 50px;text-align: center;}.giohang-container{border: 1px solid #ccc;margin-bottom: 10px;}.giohang-container input[type='text']{border: none;padding: 0 10px;width: 90%; }textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical;}.button_mau{ background: #69F; color: #fff; display:block; border:0; width:100%; height:35px; line-height: 35px; text-align: center; border-radius: 2px;} .button_mau:hover{ opacity: 0.8; cursor: pointer;}.tieude_mau{ font-weight: bold; text-transform: uppercase; margin: 10px 0; clear: both;}#pro_home_sale{ width: 100%; height: 230px; float: left; position: relative; overflow: hidden;}.noidung_giohang{ width: 100%;}#thongtinsp{display: none;width: 100%;}