@import url('https://fonts.googleapis.com/css?family=Roboto');*{ margin: 0 auto; padding: 0 auto;}a:hover{text-decoration: none;}ul, li{	list-style:none; margin: 0; padding: 0;}body{ font-family: 'Roboto', arial, verdana, sans-serif; font-size: 14px; line-height: 18px;}.float-contact { position: fixed; bottom: 100px; left: 20px; z-index: 99999;}.chat-zalo, .chat-facebook, .call-hotline { display: block; margin-bottom: 6px; line-height: 0;}#quangcao-spchitiet{margin-top: 10%;float:left;width: 100%;}#sl{width: 20%;float:left;}#soluong{float:left;width:20%;}#themvaogio-btn{float:right; width: 50%;}#prodcut-content{width: 100%;}#image-product{width: 50%; float:left;padding: 1%;}#image-thumbnail{width: 13%; margin-right: 2%;float:left;}.image-thumbnail{margin-bottom: 21%; padding: 2%; border-radius: 3px;}.image-thumbnail:last-child{margin-bottom: none;}#image-main{ width: 83%; #float:right;}#product-detail{float:left; width: 40%;}#click-chuthich{text-align:center;}#icon-zoom{float:left;}#hinhsanpham{width:100%;float:left;margin-bottom: 10%;}#image-ads{}#info_name{font-size: 22px; color: #333; text-transform: uppercase;font-weight: 500; margin-bottom: 2%;border-bottom: 1px solid #ccc; padding-bottom: 2%;}.info{line-height: 22px; margin-bottom: 2%;}#price{font-weight: 700; font-size: 28px; color:#F33;}.add-cart-btn{width: 100%; padding: 12px 16px; color: white;background: DodgerBlue;border: none; cursor:pointer; border-radius: 4px;}.add-cart-btn:hover{opacity: .9;}.product{width: 100%;padding: 2% 0;clear: both;float:left;background: #fff;}#thuonghieu a{color:DodgerBlue; font-size: 18px;font-weight: 500;}#fixed-top{ position: fixed; top: 0; width:100%; height: 30px; line-height: 30px; background: #333; color: #fff; z-index: 99999999; font-size: 12px;}#fixed-top-left{ width: 70%; float: left; }#fixed-top-right{ width: 30%; float: left; }#fixed-top-right a{color: #fff;}#fixed-top-right a:hover{color: #09F;} .tieude_detail{ height: 40px; line-height:40px; font-size: 14px; color: #333; border-bottom: 1px solid #ccc; width: 100%; clear: both;}.tieude_detail a{color: #333;}#product_view{width: 100%;padding: 2%;} .collapsible { background-color: #848484; color: white; cursor: pointer; padding: 1%; width: 100%; border: none; text-align: left; outline: none; font-size: 13px; border-radius: 5px; text-transform:uppercase; font-weight:bold; text-align:center; border-bottom-left-radius:0; border-bottom-right-radius:0;} .active, .collapsible:hover { background-color: #919191; color:#FF0;} .collapsible:after { content: '\002B'; color: white; font-weight: bold; float: right; margin-left: 5px;} .collapsible.active:after { content: "\2212";} .content { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border: 1px solid #ccc; border-top:none;} #about-us a:hover{text-decoration:none;}#about-us a{color:#333;} .footer-header{font-size: 18px; font-weight:bold; color:#F66;margin-bottom:10px;text-transform:uppercase;}.footer-header1{font-size: 14px; color:#FF6;margin-bottom:10px;text-transform:uppercase;} #mainchinh{width:100%;float:left; height:auto;margin: 20px 0;} .categories{width: 20%;padding: 1%;float:left;height: 200px;text-align:center;}.categories:hover{box-shadow:1px 2px 5px 1px rgba(0,0,0,.3);}.categories-name{} #about-us{width: 100%;float:left;padding:20px 0;line-height:28px;}#gioi-thieu{width:100%;float:left;padding:20px;background:#f3f3f3;color:#333;line-height:22px;text-align:justify;}#main-menu{margin-top: 100px;width:100%;float:left;height: 50px;background:#041C38;color:#fff;padding:15px;}.open-btn{font-size: 14px; cursor:pointer;}#open-btn{width: 30%;float:left;}#tin-tuc-menu{width:70%;float:left;text-align:right;font-size:12px;}.footer-header2{font-size: 18px; font-weight:bold;color:#69F;margin-bottom:10px;}.sidenav { height: 100%; width: 0; position: fixed; z-index: 999999; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; text-align:center;} .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 18px; color: #818181; display: block; transition: 0.3s; } .sidenav a:hover,a:active{ color: #6FF; text-decoration:none;} .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;} @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;}} #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%; }} .logo-nsx{width:100%;float:left;margin: 10px auto;} a{ text-decoration: none; color:#444;}.clear{ clear: both;}img{ border: none;max-width:100%;height:auto;} #thongtin-cart{float:right;width: 25%;margin-top: 45px;text-align:right;color:#fff;}#thongtin-cart a{color:#fff;text-decoration:none;} .search-container { float: left; width: 50%;} #header input[type=text] { padding: 6px; margin-top: 7%; width: 90%; border: 1px solid #fff; border-right: none; float: left; background:none; color:#fff;} .mybtn { background: #FFD614; width: 10%; border: none; color: #333; padding: 7px; text-align: center; margin: 7% 0; opacity: 1; transition: 0.3s;} /* Slider */.slick-slide { margin: 0px 20px;}.slick-slide img { width: 100%;}.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}.slick-list:focus{ outline: none;}.slick-list.dragging{ cursor: pointer; cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.slick-track{ position: relative; top: 0; left: 0; display: block;}.slick-track:before,.slick-track:after{ display: table; content: '';}.slick-track:after{ clear: both;}.slick-loading .slick-track{ visibility: hidden;}.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}[dir='rtl'] .slick-slide{ float: right;}.slick-slide img{ display: block;}.slick-slide.slick-loading img{ display: none;}.slick-slide.dragging img{ pointer-events: none;}.slick-initialized .slick-slide{ display: block;}.slick-loading .slick-slide{ visibility: hidden;}.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}.slick-arrow.slick-hidden { display: none;} .news_detail1{width:50%;float:left;} .wrapper{float:left;width:100%;} #header{ width: 100%; height: 170px; background: #fff;}#navbar1{display:none;} #navbar { overflow: hidden; background: radial-gradient(#6dcff6,#0072bc); padding: 10px; transition: 0.4s; position: fixed; width: 100%; top: 0; z-index:999999; margin-top: 30px;}#navbar1 { overflow: hidden; background: radial-gradient(#6dcff6,#0072bc); padding: 10px; transition: 0.4s; position: fixed; width: 100%; top: 0; z-index:999999;} #navbar a { float: left; color: black; text-align: center; padding: 12px; text-decoration: none; font-size: 18px; line-height: 25px; border-radius: 4px;} #navbar #logo { transition: 0.4s; width: 20%; margin-left: 50px;}#navbar1 #logo1 { width: 50%; text-align:center;}#navbar-right { float: left; width: 60%; margin: 35px 0 0 10px;}#navbar-right1 { float: left; width: 80%; margin: 10px;} @media screen and (max-width: 580px) { #navbar { padding: 20px 10px !important; } #navbar a { float: none; display: block; text-align: left; } #navbar-right { float: none; }}#tu-khoa a{font-size: 12px; color: #fff;}#tu-khoa a:hover{color: #ff0;}#giohang{ float:left; width: 10%; margin-top: 15px}#giohang1{ float:right; width: 10%; margin-top: 10px}#giohang a{font-size: 12px; color: #fff;}#giohang img{width: 50%; }form.example input[type=text] { display: block; padding: 6px 12px; font-size: 14px; border: 1px solid #ccc; float: left; width: 90%; height: 34px; background: #fff; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} form.example button { float: left; width: 10%; cursor: pointer;} form.example::after { content: ""; clear: both; display: table;} .search_danhmuc{ width: 140px; height: 23px; line-height: 23px; float: left; margin-top: 10px; color: #777;} #menu{ float: right; height: 30px; margin-top: 10px;}#menu li{ display: inline;}#menu li a{ float: left; padding: 0 10px; color: #fff; text-transform: uppercase; line-height: 30px;}#menu li a:hover{ color: #FFFF00;}#topban{width: 100%;background: #1F9EBE;margin: 0 auto; padding: 0;position:relative;}.closebtn { margin-right: 15px; margin-top: 10px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; position:absolute;}.closebtn:hover { color: red;} #body{ width: 100%; margin: 0 auto;float:left;} #col1{ float: left; width: 100%;background: #fff;}.col1_content{width:100%;margin: 0 auto;float:left;height:auto;clear:both;}#col1_content{ width: 100%;float:left;} #sanpham_info{ width: 100%;float:left; margin-bottom: 20px;}.boloc{width:100%;float:left;margin:10px 0;}.mot_danhmucsearch{width: 20%;float:left;padding:1%;}.col1_title{ width: 100%; font-size: 14px; height: 40px; line-height:40px; border: 1px solid #ddd; padding-left: 10px; color: #333; clear:both;}.col1_title a:hover{text-decoration:none;}#news{ width: 100%; height: 30px; text-align: center; line-height: 30px;}.news_detail,.news_detail_1{ float: left; width: 50%; background: url(../images/suplier_icon.png) left no-repeat; }#sp_hot, #tin_moi{float: left; margin-left: 15px;} #view_sort{ float: right; margin-right: 10px; color: #fff;}.sanpham{ width:25%; float:left; padding-bottom: 2%; }.sanpham:hover{opacity:0.8;}#khuyenmai-header{width: 100%;float:left; height: 30px; line-height:30px; font-size: 18px; color: #333; border-left: 5px solid #69F; padding-left: 10px; margin-bottom: 10px; }#sanpham-khuyenmai-banner{width: 101%;float:left;height:180px;}.sp-khuyenmai-banner{ width: 33%; float: left; border: 1px solid #ccc; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-right: 0;}.sp-khuyenmai-banner:last-child{border-right: 1px solid #ccc;}.sp-khuyenmai-banner:hover{opacity: .8; transition-duration: 0.3s;box-shadow: 1px 2px 5px rgba(0,0,0,.5);}.sp-khuyenmai-sub{}.sp_pic{ width: 80%;padding: 5%;}.td_danhmuc{ height: 40px; line-height: 50px; background:#fff; border-bottom: 1px solid #ccc; color: #333; margin: 1% 0; font-size: 16px; text-transform:uppercase; padding-left: 10px; padding-bottom: 10px;}#noidung_giaohang { width: 56%; padding: 2%; margin: 2%; float:left; border-radius: 5px; border: 1px dashed #ccc;} .danhmuc-con{float:left;}.white-bkg{height:auto;}.dm{width: 20%;height: 130px; float:left; text-align:center;padding: 2% 0;box-shadow: 0px 3px 5px 0 rgba(125,125,125,.3);}.dm:hover{box-shadow: 0px 3px 5px 0 rgba(0,0,0,.3);}.dm_icon{width: 50%;text-align:center;}.dm_name a{text-align:center; color:#333;}.zoom-effect-container { float: left; position: relative; width: 180px; height: 150px; 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);}.sp_info{ height: auto; overflow: hidden; text-align:center; width: 100%; margin-bottom: 10px;} a:hover{text-decoration:none;}.sp_price{ font-size: 20px; color: #f30; font-weight: bold; margin-bottom: 5px; text-align:center;}.sp_name{height: 40px; overflow:hidden;margin-bottom: 5px; width: 100%;float:left;}.sp_name a{ color: #333;}.sp_name a:hover{ color: #39F;}.sp_nsx a{color: #FF3300;}.sp_model{color: #598FFF;}.unit{ text-decoration: underline; padding-left: 5px;}#col2{ width: 24%; float: right;display:none;}.col2_content{ width: 100%; border: 1px solid #ddd;}#col2_title{ background: linear-gradient(#0066B0, #00468C); width: 100%; height: 35px; line-height: 35px; border: 1px solid #aaa; text-align: center; color: #fff; text-transform: uppercase;}#hotro_wrap{padding: 1%;width: 100%; border: 1px solid #e9e9e9;float:left;}.nhanvien{border-bottom: 1px solid #ccc;margin-bottom: 5px;height:auto;float:left;}.nhanvien:last-child{border-bottom: none;}.icon{padding-right: 5%;}.dienthoai{font-size: 20px; color:#F03;line-height: 25px;}#top_five{ width: 220px; background: #fff;}tr#top_five{ border-bottom: 1px dotted #ccc;}.number{ width: 25px; text-align: center; font-size: 20px; color: #444444;}.top_five_name{ width: 120px;}.top_five_name a{ color: #0074A6;}.top_five_name a:hover{ color: #0085DD;}.break{ height: 5px; border-top: 1px dotted #ccc;} #hotline{ width: 100%; float:left; height: 100px; background:#041C38; margin-top: 20px; color:#fff; font-weight: normal; font-size: 14px; text-align: left; padding: 18px 0; line-height:20px;}#hotline img{margin-top: 7px;}#hotline a{color: #f3f3f3;}#hotline a:hover{text-decoration:none;color:#fff;}.hotline-left{width: 20%;float:left;}.hotline-right{width: 80%;float:left;}.avatar { vertical-align: middle; width: 50px; height: 50px; border-radius: 50%;}.blue{color:#6CC;}.yellow{color:#FF6;} #footer{ background: #fff; width: 100%; padding: 20px 0;}#footer a{ color: #111;}#footer a:hover{ color: #333;}#company_name{ text-transform: uppercase; font-size: 15px; font-weight: bold;}#footer1{width: 100%;border-top: 3px solid #D0322F; height: auto; background: #111;}#footer_content1{ width: 100%; margin: 0 auto;}#gioithieu{color: #111;background:#CDE7F4;line-height: 22px;height: auto;padding: 20px 0;}.brands a{width: 12%; opacity: 0.8;}.brands a:hover{opacity: 1;}#left_footer{ width: 60%; float: left; color: #fff;} #right_footer{ width: 40%; float: left;}#right_footer a{font-size: 25px;}.right_footer_info{ width: 50%;float:left;color: #fff; line-height: 23px;}.right_footer_info li{ color: #fff; background: url(../images/list.png) no-repeat left 8px; padding-left: 12px;}.right_footer_info li a{ color: #fff;}.right_footer_info li a:hover{ color: #ff0;}.tieude{ font-size: 14px; color: #ff0; padding-bottom: 5px;} #brand{ margin: 0 auto; width: 100%; height: 100px; background: #fff; text-align: center;} ul.menu, ul.menu ul{ width: 220px;}ul.menu a{ display: block;}ul.menu li{ border-top: 1px solid #ddd;}ul.menu li:first-child{ border: none;}ul.menu li ul li{ border: none;}ul.menu li a{ background: #F0F7FF; color: #004766; padding: 0.5em;}ul.menu li a:hover{}ul.menu li ul li a{ background: #fff; color: #000; padding-left: 20px; line-height: 14px;}ul.menu li ul li a:hover,ul.menu li ul li a.active{ background: #0074A6; color: #fff; }.banner_res{display: none;}#banner{ width: 727px; height: 222px; position: relative;}#slides{ position: absolute; top: 0; z-index: 100;}.slides_container{ width: 727px; overflow: hidden; position: relative; display: none;}.slides_container div.slide{ width: 727px; height: 222px; display: block;}#slides .next,#slides .prev{ position: absolute; top: 90px; left: 10px; width: 24px; height: 43px; display: block; z-index: 101;}#slides .next{ left: 705px;}.caption{ z-index: 500; position: absolute; left: 0; height: 30px; line-height: 30px; padding: 0 10px; background: url(../images/banner-bg.png) repeat; width: 727px; color: #fff;}.pagination{ width: 100px;}.pagination li{ float: left; margin: 0 1px;}.pagination li a{ display: block; width: 12px; height: 0; background-image: url(../images/pagination.png); background-position: 0 0; float: left; overflow: hidden;}.pagination li.current a{ background-position: 0 -12px;}#sanpham-content{width: 80%;float:left;}#sanpham-hotro{width:20%;float:right;} #breadcrumbs{width:100%;height:auto;float:left;background:#D6EFFC;color:#111;padding: 10px;font-size: 14px;}#breadcrumbs li{float:left;margin-right:5px;}#breadcrumbs li a{color: #6a6a6a;}#breadcrumbs li a:hover{color:#111;}#sort{ width: 208px; border-top: none;}.sort_by{ width: 206px; padding: 7px; line-height: 20px;}.sort_by_title{ color: #004A95; font-weight: bold;}.count a{ color: #444; padding-left: 10px;}.count a:hover{ text-decoration: underline; color: #E49501;} #detail1{ width: 50%; float: left;}#pro_big{ width: 100%; height: 252px; margin-bottom: 10px;}#pro_thumb{width: 100%;margin-top:20px;}.pro-thumb{width: 15%;float:left;margin: 1%;padding: 1%;border:1px solid #ccc; border-radius:3px;}.pro-thumb:hover{cursor:pointer; border: 1px solid #36F; transition-duration: .8s;}#detail2{ width: 50%; float: left;}#detail2_info{ margin: 10px 0;}#detail3{ width:100%; border: 1px dashed #F03; padding: 1%; margin-top:5%; margin-bottom:5%; float:left; height:auto;}#detail3 a{color: #66F;}#detail3 a:hover{opacity: 0.8;}.bold{font-weight:bold;}.addcart{ width: 100%; height: 35px; line-height: 35px; background: DodgerBlue; color: #fff; text-transform: uppercase; border: none; border-radius: 2px; cursor: pointer;} .addcart:hover{ box-shadow: 4px 4px 4px rgba(0,0,0,.2);}.basket{ line-height: 24px; margin: 0; text-align: right; padding: 3px; color: #000;}.basket_item{ width: 105px; margin-right: 5px; text-align: left;}.basket_price{ width: 60px; margin-right: 10px; color: #0000;}.basket_delete{ width: 20px;}.button{ width: 69px; height: 23px; border: none; background: url(../images/button.png) no-repeat; cursor: pointer; color: #3399CC; clear: both;} #ten_sp h2{ font-size: 22px; color: #333; text-transform: uppercase; font-weight: 500; margin-bottom: 2%; border-bottom: 1px solid #ccc; padding-bottom: 2%;}#ten_sp{ color: #333; margin-bottom: 10px; font-size: 14px;}#ten_sp a{color:#66F;font-size: 14px; font-weight:normal;}#gia-ban{ font-size: 14px; margin: 10px 0; width:100%; float:left; height:auto; padding: 20px; background:#F8F8F8; border: 1px #666666 dashed; border-radius: 5px;}#giasanpham{color:#f03; font-size: 32px; font-weight:bold;}#hotro_khachhang{width: 100%; height: auto;padding: 1%; line-height:30px;float:left;}#hotro_khachhang_tit{width: 100%; padding-bottom: 2%;color:red;font-size: 16px; font-weight:bold; text-transform:uppercase;}.hotro_ten{font-size: 14px; color:#06F;}.card { width: 100%;} .card-name{float:left; width: 50%;}.card-phone{float:left; width: 35%}.card-social{float: right; width: 15%;margin-top: 5%;}.card-social img{float:left; margin-right: 5%;max-width: 40%;}.sp-info{width: 100%;padding-bottom:5px; height:auto;float:left;font-size: 14px;line-height:24px;} .sp_info1{ width: 40%; color: #333; float:left;}.sp_info2{ width: 60%; color: #333; float:left;}.sp_info1-1{ width: 60%; color: #333; float:left;}.sp_info2-1{ width: 30%; color: #333; float:left;}.sp_info2-1 img{width: 60%;}#add-to-cart-btn{width: 100%;height:auto;}#thongtin_sp{width: 78%;height:auto;float:left;margin-right:2%;}.product-title{font-size: 18px;font-weight: 700; border-bottom: 1px solid #ccc; margin-top: 2%; padding: 1% 0;}#mota-sp{width: 78%;height:auto;float:left;margin-right: 2%; padding: 10px 0;}#sanpham-lienquan{float: right; width: 20%; border: 1px solid #ccc; padding: 2%;}.sanpham-detail{border-bottom: 1px solid #ccc; margin-bottom: 5%; padding-bottom: 2%;}.sanpham-detail:last-child{border-bottom: none;}.mota-sp-header{width: 100%;height: 45px;line-height:45px; color: #222;background: #EFF2F6;padding: 0 10px;font-size: 20px;}#msp{font-size: 14px;}.tabcontent { clear: both; color: #000;position: relative;z-index: 10;text-align: justify;}#chitiet h1{font-size: 22px;font-weight:bold;} #chinhsachvanchuyen{ width: 360px; margin-top: 20px; margin-bottom: 20px; color: #0074A6; text-align: justify;}.phuongthuc{font-size: 16px; color:#F36;font-weight: bold;margin: 2% 0; border-bottom: 1px dashed #ccc; padding-bottom: 2%;}.vanchuyen{width: 100%; padding: 1% 0;}.chuyenphat{width: 70%; float:left;}.chuyenphat_gia{width: 30%;float:right; text-align:right;}#giahang{width: 100%; margin: 2% 0;clear:both;float:left;}.equal{height: 150px; border-bottom: 1px dashed #ccc;}.myinput{margin-bottom: 1%;}input[type=text1], select, textarea { width: 100%; padding: 1%; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 4px; margin-bottom: 12px; resize: vertical;}#noidung_giaohang1 { width: 45%; padding: 2%; margin: 2%; float:left; border-radius: 5px; border: 1px dashed #ccc;}.xacnhan-title{font-size: 16px; margin-bottom:4%; padding-bottom: 1%;border-bottom: 1px solid #ccc; color:#F90;}.breakline{ border-top: 1px solid #ccc; margin: 8px 0;}.blue-price{ color: #ff0000; font-weight: bold;}.promotion{ color: #ff0000; text-transform: uppercase;}.promotion a{ color: #ff0000; text-transform: uppercase;} #danhmuc_sp{ width: 707px; padding: 10px; text-align: center; margin-left: 3px;}.danhmuc_chitiet{ float: left; width: 163px; border: 1px dotted #999; margin: 5px;}.ten_danhmuc{ text-transform: uppercase; height: 30px; font-weight: bold; margin-top: 5px;}.list_danhmuc ul{ height: 90px; overflow: hidden;}.list_danhmuc li a{ color: #0000; text-transform: uppercase; line-height: 20px;}.list_danhmuc li a:hover{ color: #0099FF;}.all_danhmuc{ margin: 5px; text-align: right;}.all_danhmuc a{ font-weight: bold; color: #0074A6;}.all_danhmuc a:hover{ text-decoration: underline;}.img_danhmuc{ width: 150px; height: 105px; margin-top: 5px; margin-bottom: 10px;} .sp_list{ width: 707px; height: 110px; padding: 0 10px; border-bottom: 1px dotted #ccc; margin-bottom: 5px;}.sp_list_end{ width: 707px; height: 110px; padding: 0 10px; margin-bottom: 5px;} .sp_list_pic{ float: left; width: 140px; padding: 0 10px;}.sp_list_info{ float: left; width: 360px; margin: 10px; padding-left: 30px; border-right: 1px dotted #ccc; border-left: 1px dotted #ccc;}.sp_list_button{ width: 120px; float: right; padding: 28px 10px 0 0; text-align: center;}.sp_list_price{ font-size: 16px; color: #FEA601; font-weight: bold; margin-bottom: 5px;}.mahang{ color: #FF3333;}#body_content{ width: 100%; padding: 10px; border: 1px solid #ddd;}#nsx_tit{ width: 100%; height: 50px; line-height: 50px; font-size: 14px; padding-left: 15px;}#nsx_logo td{ width: 120px; height: 70px; text-align: center;} #alphabet_nsx ul{ height: 30px; line-height: 30px; margin: 20px 0 10px 50px;}#alphabet_nsx li{ display: inline;}#alphabet_nsx li a{ border: 1px dotted #ccc; margin: 0 2px; float: left; display: block; padding: 0 10px; color: #000; text-transform: uppercase;}#alphabet_nsx li a:hover{ background-color: #FFCC00;} #nsx_list{ width: 100%; float:left; margin:10px 0;} #nsx_list ul{ width: 20%; padding:2%; float: left; line-height: 24px;}#nsx_list li{ clear: both; width: auto; }#nsx_list li a{ color: #333;}#nsx_list li a:hover{ color: #69F;} * 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%; bottom: -10px; z-index: 65535; font-size:11px; display:none;}#ndotbar a{ color:#fff;}#ndotbar a:hover{ color:#FFFFFF;}#mainmargin{ width:100%; background:#01487e; height: 30px; line-height:30px; border-top: 1px solid #ccc; color: #fff;}#ndotBox{ margin:0 auto; width:966px;}.leftF{ float:left; width: 370px; padding-left: 5px;} .rigthR{ color:#0000; float:right; width: 230px; padding-right:5px;} .addthis_toolbox{ float: right; width: 100px; margin: 5px;}.addthis_toolbox a{ float: left; padding: 2px;} #fade{ /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999;}.popup_block{ display: none; /*--hidden by default--*/ background: #fff; padding: 20px; border: 20px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; /*--CSS3 Box Shadows--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Rounded Corners--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}img.btn_close{ float: right; margin: -55px -55px 0 0;}/*--Making IE6 Understand Fixed Positioning--*/*html #fade{ position: absolute;}*html .popup_block{ position: absolute;}#tab_container h3{color:#000}.giaohangchange_left{ width: 20%; color: #111; float: left; }.giaohangchange_right{ width: 60%;}.noidung_giohang{ line-height: 35px; width: 100%;} .giohang-container{border: 1px solid #ccc;margin-bottom: 10px;}.giohang-container input[type='text']{border: none;padding: 0 10px;width: 90%; }.myicon{border-right:1px solid #ccc; color: #333; padding: 1%;width: 50px;text-align: center;}.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;}textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical;}#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;}#giohang-thanhtoan-header{height: 40px; line-height:40px;width: 100%;float:left;}#giohang-thanhtoan-row{height: 100px;width:100%;float:left;}.tieude_mau{ margin: 10px 0; clear: both; color: #F60; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px;}.xacnhan-btn{width:100%;float:left;}#dm_wrap{width: 100%; margin: 0 auto;height: 150px;margin-bottom: 35px; clear: both;}#dm_cont{width: 960px; margin: 0 auto;}.dm_det{width: 182px; float: left; margin: 5px;}.dm_hinh{width: 35px; float: left; margin-right: 10px;}.dm_ten{font-size: 12px; font-weight: bold; color: #111; float: left;}#thongtingiohang{width: 60%; margin: 2% 0; border: 1px solid #ccc;float:left;}#giohang-header{height: 50px; line-height:50px;width: 100%;padding: 1%;border-bottom: 1px solid #ccc;}#onbuy{width: 50%; float:left;}#giohang-title{width: 50%; float:left;text-align:right;}#thongtin-chung{float:right;width: 35%; margin-left: 3%;border: 1px dashed #FCD57A;padding: 2%;margin-top: 2%;margin-right:2%;}.thongtin-chung-detail{margin-bottom: 5%; font-size: 15px;}.thongtin-chung-detail:last-child{margin-bottom: none;}.thongtin-chung-detail:hover{cursor: pointer; color:#6CF;} .thongtin-sanpham{height: 170px;padding: 1%;border-bottom: 1px solid #ccc;}.giohanghinh1,.giohangten1,.giohangsoluong1,.giohangthanhtien1{ float: left; height:150px; background: #fff; color: #333;}.giohanghinh1{ width: 30%; padding: 2%}.giohanghinh1 img{width: 80%;}.giohangten1{ width: 40%;}.giohangsoluong1{ width: 10%;}.giohangthanhtien1{ width: 20%;text-align:right;padding-right: 1%; font-size: 16px;color: #F00;}.don-gia{color:#F96;} #bonus{width: 100%; height: 80px; clear:both;line-height:80px;margin-bottom: 2%;}.capnhat-button{margin: 1% 0;border-radius: 4px; background:#F36;color: #fff; padding: 5px 10px;marign: 0 2%;}.capnhat-button input[type="submit"]{border: none;background: none;}.xoa-chon{margin: 1% 0; background:#6C9;padding: 5px; color: #fff; border-radius: 4px;}.xoa-chon input[type="checkbox"]{margin: 1% 2% 0 2%;border-color: #fff;}.facebook-brands{width: 100%;}#hang1{width: 100%; height: 30px; line-height:30px; margin-bottom: 5%;background: #D5F8FF;}#hang-n{width: 100%; height: 70px; margin-bottom: 2%; border-bottom: 1px solid #ccc;}.hinh-giohang{float:left; width: 15%;padding: 1%;}.ten-giohang{float:left; width: 35%;overflow:hidden;}.vat-giohang{float:left; width: 10%;text-align:center;}.soluong-giohang{float:left; width: 5%;text-align:center;}.dongia-giohang{float:left; width: 15%;text-align:right;}.tong-dongia-giohang{float:left; width: 20%;text-align:right;padding-right: 1%;color:#F30;}.danhmuc-con{float:left;}#hinh-giohang{float:left; width: 50%;padding-left: 1%;}#vat-giohang{float:left; width: 10%;text-align:center;}#soluong-giohang{float:left; width: 5%;text-align:center;}#dongia-giohang{float:left; width: 15%;text-align:right;}#tong-dongia-giohang{float:left; width: 20%;text-align:right;padding-right: 1%;} .tongcong-xacnhan{width: 100%;margin-bottom: 2%;line-height: 32px;}.tongcong-trai{width: 50%; float:left;}.tongcong-phai{width: 50%; float:left;color:#69F;font-weight: 500;text-align:right;} .tuychon-giaohang{width: 100%; margin-bottom: 1%; height: 50px;border-bottom: 1px dashed #D7D7FF;}.button_mau{ background: #36F; color: #fff; display:block; border:0; width:100%; height:35px; line-height: 35px; text-align: center;} .button_mau:hover{ opacity: 0.8; cursor: pointer;}#main_giaohang {width: 100%;float:left;}