html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}
* {
font-family:roboto condensed;
color:#333;
font-size:16px;
}
p {
font-family: "Roboto", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
color: #000000;
text-align: left;
width: 100%;
margin-bottom: 20px;
}
body {
margin: 0px;
padding: 0px;
text-align: center;
font-size:13px;
background:#efefef;
}
.bg_body {
max-width: 1366px;
margin: auto;
position: relative;
}
body, td, th, input, textarea, select, a {
font-size: 16px;
color:#333;
text-decoration:none;
font-family:roboto condensed;
}
form {
padding: 0;
margin: 0;
display: inline;
color:#3f3f3f;
font-size:13px;
}
input, textarea, select {
margin: 0px;
}
a, a:visited {
cursor: pointer;
color:#3f3f3f;
text-decoration:none;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
p {
margin-top: 0px;
}
.both a{
color:#383838;
text-decoration:none;
}
/* layout */
#leng{
padding:0px;
margin:0px;
background:#569318;
}
#leng a{
line-height:0px;
padding:3px 8px;
}
#leng img{
border:1px solid #fff;
}
/*Menu*/
.menu{
padding:0px;
}
.menu .menu_cont{
}
.menu .menu_cont .neo #nav{
float: right;
}
.menu .menu_cont .neo li{
background:none;
border-left:none;
}
.menu .menu_cont .selected{
color:#569318;
}
.menu .menu_cont .neo li:hover{
color:#569318;
}
.menu .menu_cont #tab_home{
}
#tab_home a{
}
.menu ul{
margin:0;
padding:0;
}
.menu ul li{
float:left;
list-style:none;
text-align:center;
padding:0px 0px;
}
.menu ul li:hover{
color:#fff;
background:#569318;
}
.menu ul li:hover a{
color:#fff;
}
.menu ul li ul{
position:absolute;
left:-999em;
z-index:9999;
margin-left:0px;
background:#569318;
border-top:none;
}
.menu ul li:hover ul{
left:auto;
}
.menu ul li ul li ul{
display:none;
min-width:182px;
}
.menu ul li ul li:hover ul{
display:block;
left:181px;
margin-top:-30px;
}
.menu ul li ul li{
float:none;
text-align:left;
margin-right:0px;
padding:0px;
background:none;
}
.menu ul li ul li:hover{
background:none;
border:none;
}
.menu ul li ul li:hover a{
color:#569318;
}
.menu_cont #nav li a{
}
.menu_cont #nav li ul li a {
color: #efefef;
display: block;
font-family: roboto condensed;
font-size: 15px;
line-height: 38px;
padding: 0 6px 0 12px;
}
.menu_cont #nav li ul li a:hover{
color:#569318;
}
.menu ul li ul li a{
text-transform:none;
padding:6px 18px;
line-height:18px;
text-transform:capitalize;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
.menu ul li ul li a:hover{
color:#569318;
}
.menu ul li a {
color: #fff;
display: block;
font-family: roboto condensed;
font-size: 16px;
line-height: 89px;
padding: 0 12px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
.menu ul li a:hover{
color:#fff;
}
.menu ul li a.selected{
color:#fff;
}
.top_header #nav .selected{
color:#569318 !important;
}
.neo #nav ul {
background-color: rgba(0, 0, 0, 0.8);
border-top: medium none;
left: -999em;
position: absolute;
width: 222px;
z-index: 9999;
border-top: 2px solid #569318;
}
.neo #nav li:hover ul {
left:auto;
}
.neo #nav ul ul{
display: none;
}
/*header */
#header {
margin: auto;
text-align: center;
top: 30px;
width: 90%;
z-index: 999999;
/* left: 0; */
margin: auto;
}
#header .cont {
height: 89px;
margin: auto;
}
.logo{
float:left;
width:15%;
height:100%;
padding:0px;
background:rgba(239, 239, 239, 0.6);
}
.logo img{
max-width:100%;
height:auto;
max-height:100%;
display: block;
}
#header .right{
float: right;
width:85%;
background-color: rgba(0, 0, 0, 0.8);
}
.top_header{
padding:0px;
text-align:right;
line-height:20px;
margin-bottom:3px;
}
.top_header ul{
padding:0px;
margin:0px;
}
.top_header #nav{
padding:8px;
}
.top_header #cont{
width:100%;
}
.top_header #nav li ul{
background: #569318 none repeat scroll 0 0;
border-top: medium none;
left: -999em;
margin-left: 0;
position: absolute;
z-index: 9999;
}
.top_header #nav li:hover ul{
left:auto;
}
.top_header #nav li{
list-style:none;
float:left;
margin-right:18px;
}
.top_header #nav li .dropdown {
background: rgba(0, 0, 0, 0) url("../image/dropdown_icon.png") no-repeat scroll right center;
display: inline-block;
height: 9px;
width: 18px;
}
.top_header #nav li a{
color:#ddd;
font-family:"Roboto Condensed",sans-serif;
font-size:15px;
}
.top_header #nav li a:hover{
color:#efefef;
}
.top_header #nav li ul{
background:#fff;
}
.top_header #nav li ul li{
float:none !important;
text-align:left;
padding:6px 12px;
margin:0px !important;
}
.top_header #nav li ul li:hover{
background:#efefef;
}
.top_header #nav li ul li a{
color:#383838;
}
.top_header #nav li ul li a:hover{
color:#000;
}
#header .right #search{
float:right;
width:383px;
margin-right:7px;
height:58px;
}
#header .address{
font-size:15px;
padding-left:12px;
}
#search .div9 #filter_keyword{
color: #569318; padding:8px; width:268px;
}
.buttonsearch {
background: url(../image/bg_search.png) repeat-x ;
float: right;
font-size: 16px;
padding:6px;
display:block;
padding-bottom:8px;
}
.buttonsearch span{
border:1px dashed #fff;
padding:3px 6px;
color:#fff;
}
.buttonsearch:hover{
text-decoration:none;
background: url(../image/bg_search_hover.png) repeat-x ;
}
/* END HEADER*/
/*END MENU */
#container {
}
#container .c{
text-align: left;
padding:0px;
margin-bottom:6px;
}
.both{
clear:both;
}
#breadcrumb {
padding: 0px;
height:26px;
margin-bottom: 6px;
padding-left:281px;
color:#FFFFFF;
}
#breadcrumb a {
color:#FFFFFF;
font-size:13px;
text-decoration:none;
}
#breadcrumb a:hover {
color: #FFFF00;
text-decoration: underline;
}
#column_left {
}
#column_right{
}
#center_home{
}
#content {
margin-bottom: 10px;
}
.box {
float:left;
width:22%;
margin-left: 2%;
}
#content_home{
padding:0px;
max-width:1366px;
margin:auto;
background:#fff;
}
#content_home .top{
}
#content_home .lase{
padding: 2px 30px 8px 38px;
background:url('../image/spbc_h3.png') 0px 0px no-repeat;
color:#000;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}
#content_home .top .center{
padding-top:8px;
padding-bottom:8px;
}
#content_home .right .ad img{
border:1px solid #ddd;
}
#content_home .cont{
margin-top:11px;
font-size:12px;
}
#content_home .cont img{
width:100%;
height:auto;
display: block;
}
#content_home .cont .ad_cont{
width: 40%;
padding: 2%;
margin: 2%;
min-height: 150px;
}
#content_home .cont #leftside{
float: left;
background: #333333;
color: #fff;
}
#content_home .cont #rightside{
float: right;
background: #E5E5E5;
}
#content_home .cont .ad_cont ul li{
list-style: none;
margin-bottom: 25px;
padding-left: 35px;
}
#content_home .cont .ad_cont p{
font-size: 18px;
}
#content_home .cont #leftside ul li{
color: #fff;
background: url("../image/bg_white_icon.jpg") center left no-repeat;
}
#content_home .cont #rightside ul li{
color: #333;
background: url("../image/bg_black_icon.jpg") center left no-repeat;
}
.bg_image {
width: 100%;
position: relative;
display: block;
overflow: hidden;
max-height: 150px;
overflow: hidden;
}
.bg_image img {
width: 100%;
height: auto;
}
.product{
float:left;
width:33.33%;
border:none;
margin:0px;
margin-bottom:12px;
padding:0px;
position:relative
}
.product .con_pro{
margin:5%;
margin-bottom:0px;
}
.product .con_pro:hover img{
opacity: 0.6;
}
.product .con_pro .image{
}
.product .con_pro img{
width:100%;
height:auto;
opacity: 1;
display: block;
}
.product .con_pro .name {
background: rgba(0, 0, 0, 0) url("../image/bg_68.png") repeat scroll 0 0;
border-right: 4px solid #569318;
color: #fff;
font-family: roboto condensed;
font-size: 18px;
line-height: 58px;
position: absolute;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 89%;
bottom: 0px;
}
.product .con_pro .name:hover{
color:#569318;
}
.cont_category .con_pro .name {
font-size:15px;
line-height:38px;
}
#tab_related .con_pro .name {
font-size:15px;
line-height:38px;
}
.product .con_pro .name .info_product{
display: block;
}
.product .con_pro .name .info_product .pro_left {
float: left;
width: 68%;
background: #fff;
opacity: 0.6;
text-align: left;
border-right: 1px solid #ddd;
margin: 1px;
}
.product .con_pro .name .info_product:hover .pro_left {
background: none;
}
.product .con_pro .name .info_product:hover .pro_left div{
color: #fff;
}
.product .con_pro .name .info_product .pro_left div {
padding-left: 8px;
font-size: 14px;
line-height: 24px;
}
.product .con_pro .name .info_product .pro_left .name_pro{
line-height: 33px;
height: 33px;
overflow: hidden;
font-size: 18px;
}
.product .con_pro .name .info_product .pro_right{
float: right;
width: 31%;
line-height: 57px;
color: #fff;
}
#content_home .ad_cont{
position:relative;
}
#content_home .ad_cont p a{
}
#content_home .ad_cont p a img{
max-width:100%;
height:auto;
display:block;
cursor:pointer;
}
#content_home .ad_cont p a:hover::before {
background: #000 none repeat scroll 0 0;
bottom: 0;
left: 0;
opacity: 0.2;
right: 0;
top: 0;
transition: all 0.2s ease 0s;
}
#content_home .ad_cont p a::before {
bottom: 30px;
content: "";
left: 30px;
position: absolute;
right: 30px;
top: 30px;
transition: all 0.2s ease 0s;
}
#content_home .cont .left{
float:left;
width:300px;
}
#content_home .cont .right{
float:right;
width:696px;
}
#content .top .left {
width: 0px;
height: 32px;
float: left;
}
#content .top .right {
width: 0px;
height: 32px;
float: right;
}
#content .top .center {
margin-right: 0px;
margin-left:0PX;
width:auto;
}
.right_pro .top .center h1{
background: none !important;
text-align: left !important;
margin-bottom: 0 !important;
}
#content .top .center h1 {
color:#333;
text-align: center;
font-size:18px;
line-height:38px;
margin:0px;
font-family:roboto condensed;
font-weight:bold;
text-transform:uppercase;
background:url(../image/bg_heading.png) center bottom no-repeat;
padding-bottom:8px;
margin-bottom: 18px;
margin-top: 18px;
}
.welcome .title_home h1{
color:#333;
text-align: center;
font-size:18px;
line-height:38px;
margin:0px;
font-family:roboto condensed;
font-weight:bold;
text-transform:uppercase;
background:url(../image/bg_heading.png) center bottom no-repeat;
padding-bottom:8px;
margin-bottom: 18px;
margin-top: 18px;
}
#content_home .cont h2{
color:#333;
text-align: center;
font-size:18px;
line-height:38px;
margin:0px;
font-family:roboto condensed;
font-weight:bold;
text-transform:uppercase;
background:url(../image/bg_heading.png) center bottom no-repeat;
padding-bottom:8px;
margin-bottom: 18px;
}
h1,h2,h3{
font-weight: bold;
color:#333;
}
.slide_home{
float:left;
width:700px;
height:283px;
overflow:hidden;
}
.about_home{
float:right;
width:300px;
}
#content .lase{
padding: 2px 30px 8px 38px;
background:url('../image/spbc_h3.png') 0px 0px no-repeat;
color:#fff;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}
#content .middle {
min-height: 30px;
height: auto;
}
#content .middle .con_news:hover a{
color:#569318 !important;
}
#content .middle p{
text-align:justify;
color:#333;
font-size:16px;
font-family:roboto condensed;
}
#content .middle p img{
max-width:100%;
height:auto;
display:block;
margin:auto;
}
#content .des table{
max-width:100%;
height:auto;
margin:auto;
margin-bottom:8px;
}
#content .middle table td{
padding:3px;
}
#content .middle table #keyword{
width:300px;
}
#content .middle table select{
width:200px;
}
#content .middle .list{
background:none;
}
#content .middle .list td{
padding:0px;
border:none;
}
#content .middle table p{
margin:3px;
}
#content .middle p strong{
color:#333;
font-family:roboto condensed;
}
#content .middle strong{
color:#333;
font-family:roboto condensed;
}
#content_cont .middle p{
font-size:16px;
text-align:justify;
font-family:roboto condensed;
}
#content_cont .middle ul li{
list-style:none;
font-size:16px;
background:url(../image/check.png) 0px 10px no-repeat;
padding-left:22px;
line-height:38px;
}
#content_cont .middle p img{
max-width:100%;
height:auto;
display:block;
background:#fff;
padding:3px;
margin:auto;
}
.products .left{
float:right;
width:700px;
}
.products .right{
float:right;
}
.top_pro{
background:#fff;
border:1px solid #ddd;
padding:3%;
}
#content .ksp {
float:left;
width:60%;
}
#content .ksp img{
padding:0px;
transition:opacity 0.4s ease 0s;
display:inline-block;
border:1px solid #ddd;
max-width:100%;
height:auto;
}
#content .ksp img:hover{
opacity:0.2;
}
.ksp .image{
text-align:center;
padding: 0px 0px;
margin-bottom:8px;
}
#content .right_pro .short-description{
color:#666666;
font-size:14px;
line-height:18px;
font-family:roboto condensed;
font-weight:normal;
text-align:justify;
}
#content .right_pro {
float:right;
width:38%;
padding:0px 0px;
text-align:left;
}
#content .right_pro .infopro h1{
font-size:22px;
font-weight:bold;
margin:0px;
color:#569318;
margin-bottom:8px;
line-height:28px;
text-decoration:underline;
text-transform:uppercase;
}
#content .right_pro .infopro{
line-height:13px;
}
#content .right_pro .buy{
margin-bottom:18px;
margin-top:8px;
}
#content .right_pro .buy .left{
float:left;
line-height:45px;
}
#content .right_pro .buy .loaisp{
margin-bottom:3px;
color:#383838;
}
#content .right_pro .buy .right{
float:right;
margin-left:8px;
}
#content .right_pro .buy .cart{
background:#569318;
display:block;
height:45px;
line-height:45px;
text-transform:uppercase;
font-size:18px;
text-align:center;
color:#fff;
font-weight:bold;
border:1px solid #0294b7;
font-family:roboto condensed;
padding:0px 38px;
}
#content .right_pro .buy .cart:hover{
background:#0294b7;
}
#add_to_cart{
opacity:1;
margin:auto;
display:block;
}
#content .des{
text-align:justify;
margin:10px;
font-size:16px;
}
#content .des p strong {
}
.conten_bottom .left{
float:left;
width:700px;
}
.conten_bottom .right{
float:right;
width:300px;
}
#tab_image{
text-align:left;
margin-top:8px;
}
#tab_image img{
padding:3px;
border:none;
max-width:100%;
height:auto;
display:block;
margin-bottom:18px;
}
#tab_image img{
}
.ksp .info {
padding:10px;
text-align:justify;
}
.conten_bottom #tab_related{
float:left;
width:700px;
}
#des_title {
background: url("../image/icon_box1.png") no-repeat scroll left center;
color:#569318;
font-size: 18px;
font-weight: bold;
line-height: 58px;
margin: 0;
padding-left: 29px;
margin-left:29px;
text-transform:uppercase;
}
#related{
text-align:center;
margin-bottom:18px;
margin-top:18px;
}
#related h2{
border-bottom: 1px solid #444;
border-top: 1px solid #444;
color: #444;
display: inline-block;
font-size: 28px;
padding: 5px 0;
text-transform: uppercase;
font-family:roboto condensed;
margin:auto;
}
#content_cont .middle {
background:#fff;
border:1px solid #ddd;
}
#content .bottom{
margin-bottom:10px; background:url('../image/slide_nam.jpg') bottom no-repeat; height:16px;
}
#content .bottom .left {
width: 5px;
height: 5px;
float: left;
}
#content .bottom .right {
width: 5px;
height: 5px;
float: right;
}
#content .bottom .center {
height: 5px;
margin: 0 5px 10px 5px;
}
.box {
}
.box a{
font-size:13px;
text-decoration:none;
}
.box .top img {
float: left;
margin-right: 5px;
}
.box p img {
max-width:200px;
height:auto;
}
.box .middle {
padding: 0px;
color:#009933;
}
.box ul{
margin:0;
padding:0;
list-style:none;
padding-left:-12px;
}
.box ul li{
line-height:29px;
}
.box ul li a{
text-transform:uppercase;
font-size:16px;
font-weight:bold;
}
.box ul li a b{
color:#569318;
font-weight:bold;
}
.box ul li ul{
}
.box ul li ul a{
background:url(../image/list_category.png) center left no-repeat;
line-height:23px;
padding-left:22px;
color:#444;
font-size:13px;
font-weight:normal;
text-transform:none;
}
.box ul li ul a{
}
.danhmuc .name{
background:url(../image/icon_cat.gif) 0px 5px no-repeat;
padding-left:12px;
font-weight:bold;
font-size:13px;
color:#FFFF00;
}
.success {
padding: 5px 0px;
margin-bottom: 10px;
background: #E4F1C9;
border: 1px solid #A5BD71;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.warning {
padding: 5px 0px;
margin-bottom: 10px;
border: 1px solid #FF9999;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.wait {
padding: 5px 0px;
margin-bottom: 10px;
background: #FBFAEA;
border: 1px solid #EFEBAA;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.required {
color: #FF0000;
font-weight: bold;
}
.error {
color: #FF0000;
display: block;
}
.help {
cursor: pointer;
}
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
#content_search .left{
float:left;
width:500px;
}
#content_search .right{
witdh:200px;
float:right;
}
.button {
color:#FFFFFF;
font-weight:bold; font-style:italic;
}
.button span {
padding:3px 10px 3px 10px;
background: #569318;
display:inline-block;
text-align:center;
font-style:normal;
color:#fff;
}
.buttons {
padding: 5px;
margin-bottom: 10px;
}
.buttons input {
padding: 0px;
margin: 0px;
}
.buttons table {
width: 100%;
border-collapse: collapse;
}
.buttons table td {
vertical-align: middle;
}
.content {
border: 1px solid #DDDDDD;
padding: 10px;
margin-top: 3px;
margin-bottom: 10px;
background:#fff;
}
.list {
padding-bottom:3px;
padding-top:3px;
}
.list td {
text-align: center;
vertical-align: top;
}
.sort {
margin-bottom: 10px;
height: 30px;
width: 96%;
margin-top:-30px;
}
.sort .div1 {
float: right;
margin-left: 5px;
padding-top: 6px;
padding-right: 9px;
}
.sort .div2 {
text-align: right;
padding-top: 9px;
}
.sort select {
font-size: 11px;
margin: 0;
padding: 0;
}
.pagination {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.pagination .links, .pagination .results {
padding: 7px;
}
.pagination .links {
float: left;
}
.pagination .links a {
border: 1px solid #CCCCCC;
padding: 4px 7px;
text-decoration: none;
color: #000;
}
.pagination .links b {
border: 1px solid #CCCCCC;
padding: 4px 7px;
color: #FC648B;
text-decoration:underline;
font-weight:bold;
}
.pagination .results {
float: left;
}
.bottom_pro{
background:#fff;
border:1px solid #ddd;
margin-top:18px;
}
.tabs {
width: 26%;
margin:0px;
padding:0px;
float:left;
}
.tabs a {
display: block;
color: #000000;
font-weight: bold;
font-size: 16px;
text-decoration: none;
text-transform:uppercase;
z-index: 1;
position: relative;
line-height:58px;
text-align:center;
font-family:roboto condensed;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
}
.tabs a.selected {
background:#569318 ;
color:#fff;
fo
border-bottom: 0px;
z-index: 3;
}
.tab_page {
display: block;
z-index: 2;
margin-bottom: 10px;
}
.tab_content{
float:right;
width:68%;
padding:3%;
color:#888 !important;
}
.tab_content p{
color:#888;
}
.design{
background:#fff;
border-radius:16px 16px 0px 0px;
padding:1px 6px;
box-shadow:0 0 7px rgba(0, 0, 0, 0.2);
position:fixed;
bottom:0px;
right:9px;
}
#footer {
clear: both;
color:#fff;
font-weight:bold;
line-height:19px;
font-size:12px;
padding:28px 0px;
background:#383838;
}
#footer a {
text-decoration: none;
color:#fff;
font-size:16px;
font-weight:normal;
}
#footer a:hover {
text-decoration: underline;
}
#footer .cont{
margin:auto;
margin:auto;
}
#footer h2 {
color: #fff;
font-size: 18px;
line-height:38px;
margin-top:8px;
margin:0;
padding:0;
margin-bottom:8px;
}
#info_footer h2{
text-align:left;
text-transform:uppercase;
}
#info_footer{
float:left;
width:40%;
text-align:left;
overflow:hidden;
padding:2%;
margin-left:2%;
}
#info_footer ul{
padding:0;
padding-left:18px;
list-style:square outside none;
margin:0;
}
#info_footer ul li{
color:#fff;
float:left;
width:50%;
line-height:28px;
}
.footertrai {
}
.footerphai {
float:right;
text-align: left;
width:38%;
padding:2%;
margin-right:3%;
line-height:26px;
color:#fff;
content:"";
}
.BoCongThuong{
display: inline-block;
}
.oc_footer {
display: inline-block;
top: -25px;
left: 25px;
position: relative;
}
.oc_footer a {
display: inline-block;
border-right: 1px dashed #ddd;
padding-right: 12px;
line-height: 9px;
padding-left: 12px;
}
.oc_footer a:last-child{
border: none;
}
.info{
color: #fff;
line-height: 25px;
background:url(../image/bg_info.png) top left no-repeat;
padding-left:18px;
font-size:16px;
font-weight: normal;
}
.doitac {
background: none repeat scroll 0 0 #E3E3E3;
color: #383838;
font-size: 11px;
font-weight: normal;
line-height: 12px;
padding:0;
}
.doitac .cont {
margin: auto;
}
.doitac .left {
float: left;
text-align: left;
width: 60%;
padding:1% 3%;
}
.doitac .right {
float: right;
text-align: right;
width: 25%;
padding:1% 3%;
}
.doitac a{
font-size:18px;
}
.footer-support {
background-size: cover;
background-image: url(../image/Schedule-An-Appointment-Parrallax.png);
height: 138px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-top:28px;
padding:0%;
max-width: 1366px;
margin: auto;
}
.footer-support .support{
float:left;
width:40%;
margin-left:5%;
margin-top:40px;
font-size:22px;
text-align:left;
text-transform:uppercase;
color:#444;
}
.footer-support .support p{
font-weight:bold;
margin-bottom:8px;
}
.footer-support .support span{
font-size:16px;
font-family: 'Poppins', sans-serif;
}
.footer-support .mail{
background: #fff url(../image/mail-support.png) center left 8px no-repeat;
border: 6px solid #569318;
float: right;
margin-right:5%;
font-family: roboto condensed;
font-size: 26px;
font-weight: bold;
padding: 8px;
width: 30%;
text-align:right;
padding-right:20px;
height: 20%;
margin-top: 45px;
}
#category{
margin-bottom:29px;
border:1px solid #569318;
border-top:0px;
}
#category ul {
margin-top: 0px;
margin-bottom: 0px;
list-style: none;
padding:0;
}
#category ul li {
margin-bottom:3px;
}
#category #nav li img{
float:left;
display:none;
}
#category #nav li ul li img{
display:block;
border:1px solid #ccc;
padding:2px;
}
#category #nav li ul li a:hover img{
display:block;
}
.top .name{
font-size:16px;
line-height:29px;
height:29px;
overflow:hidden;
text-transform:uppercase;
color:#fff;
padding-left:3px;
font-weight: normal;
}
#category ul li a {
display:block;
background:#569318;
color:#fff;
text-decoration:none;
padding-left:6px;
}
#category ul li li a {
font-size:14px;
font-style:normal;
text-decoration:none;
line-height:18px;
font-weight: normal;
text-transform: none;
display:block;
background:none;
color:#383838;
text-transform:capitalize;
margin:0px;
padding:0px;
text-transform:capitalize;
}
#con li a:hover {
color:#9f211d;
}
#con li a:hover {
}
#category #nav li .selected{
}
/*#category #nav li ul .selected{
color:#9f211d;
}*/
#category #nav ul .selected img{
border:1px solid #569318;
}
#category #nav ul .selected .name{
color:#569318;
}
#con {
margin-top:0px;
padding:3px;
padding-top:8px;
}
#con li{
margin:0px 1px;
padding:2.5px;
padding-bottom:4px;
border-bottom:1px dashed #ddd;
}
#con li li{
border:1px solid #ddd;
float:left;
width:47%;
overflow:hidden;
padding:0px;
margin:3px;
}
#con li li:hover{
border:1px solid #569318;
}
#con li li a{
border:none;
}
#con #con li a img{
float:none;
border:1px solid #000;
margin:auto;
margin-top:3px;
}
#con #con li a:hover{
border:none;
color:#383838;
}
#con #con li a .name{
color:#383838;
text-align:center;
}
#con #con li a:hover .name{
color:#569318;
}
#con li li .name{
line-height:28px;
font-size:15px;
}
#con #con{
}
#con .name{
font-size:16px;
line-height:50px;
height:auto;
padding-left:8px;
color:#383838;
text-transform:capitalize;
font-weight: normal;
text-decoration:underline;
}
#con li:hover .name{
color:#569318;
}
#category ul li ul li:hover{
background:#fff;
}
#information ul {
margin-top: 12px;
margin-bottom: 0px;
padding-left:12px;
list-style: none;
}
#information ul li {
line-height:26px;
border-bottom: 1px dotted #DD137B;
list-style:square;
}
#information ul li a {
text-decoration:none;
color:#383838;
}
#information ul li a:hover{
text-decoration: underline;
}
.tags, .tags a {
font-style: italic;
font-size: x-small;
}
.cart_module_total {
padding: 0 3px 0 3px;
font-size: 11px;
color: #000;
}
.cart_remove {
margin-top: 3px;
background: url('../image/list_remove_btn.gif') no-repeat left center transparent;
padding-right:10px;
cursor:pointer;
}
.cart_remove_loading {
margin-top: 3px;
background: url('../image/ajax_load.gif') no-repeat transparent;
padding-right:10px;
}
.button_add_small, a.button_add_small:visited {
margin-top: 3px;
background: url('../image/button_add_small.png') no-repeat left center transparent;
padding:5px;
text-decoration: none;
cursor:pointer;
}
#content .middle .box {
margin: 0 6px 10px 6px;
min-height: 0px;
}
#content .middle .box .middle {
width: 158px;
min-height: 0px;
}
#qc img{
max-width:100%;
height:auto;
text-align:center;
}
.left_pro{
background:#fff;
border:1px solid #ddd;
padding:10px;
margin-top:18px;
}
.left_pro h2{
font-size:13px;
margin:0px;
margin-bottom:12px;
}
.noidungngan pre{
height:63px;
overflow:hidden;
font-size: 13px;
padding: 2px 0;
text-align: justify;
white-space: pre-wrap;
margin-top:3px;
color:#888;
}
.readmore{
text-align:right;
font-family:Arial, Helvetica, sans-serif;
text-transform:none;
font-weight:normal;
font-size:13px;
background: url(../image/bg_readmore.png) center left no-repeat;
display:inline;
padding-left:16px;
float:right;
}
.readmore a{
text-decoration:underline;
color:#000000;
}
.readmore:hover{
color:#569318;
}
.neo_news{
background:#F3F3F3;
padding:10px;
margin:0px;
border:1px solid #ddd;
background:#fff;
}
#logo_footer p{
float:left;
margin:3px;
}
#logo_footer img{
max-height:50px;
width:auto;
border:1px solid #ddd;
}
.newssss{
}
.newssss a {
color: #383838;
text-decoration: none;
font-size:13px;
}
.newssss img{
border:1px solid #ddd;
padding:1px;
}
.newssss .news{
border-bottom:1px dashed #383838;
margin-bottom:6px;
padding-left:3px;
}
.newssss .news .left_news{
float:left;
width:58px;
margin-right:3px;
}
.newssss .news .right_news{
float:left;
width:229px;
padding-top:3px;
}
.newssss a:hover{
text-decoration:underline;
}
.category_des img{
max-width:100%;
height:auto;
}
.km{
background:#383838;
}
.km a{
color:#fff;
}
.product .sale_off{
position:absolute;
z-index:999999999999;
background: url(../image/bg_sale.png) no-repeat transparent;
color:#fff;
width:89px;
height:26px;
margin-top:-1px;
}
.product .sale_off span{
padding-top:2px;
padding-left:25px;
display:inline-block;
font-size:18px;
}
.category_home{
background:#fff;
border:1px solid #ddd;
padding:5px;
padding-top:0px;
margin-top:12px;
}
.category_home .title{
background:url(../image/bg_vango.png) no-repeat;
border-left: 3px solid #569318;
color: #383838;
display: inline-block;
width:auto;
padding: 3px 8px;
text-transform: uppercase;
margin-left:-8px;
margin-top:-1px;
font-weight:bold;
}
#content_cont{
float:right;
}
.category_des{
padding-top:18px;
padding:6px 3px;
background:#fff;
border:1px solid #ddd;
}
.category_des h2,h3{
color:#333;
font-family:roboto condensed;
font-weight:bold;
font-size:22px;
}
.category_des table{
max-width:100%;
margin:auto;
}
.category_des .left{
float:left;
padding:3px;
width:58%;
text-align: center;
}
.category_des .left img{
border:1px solid #ddd;
padding:2px;
max-width:100%;
height:auto;
max-height:300px;
margin-right:29px;
}
.category_des .right{
font-size:16px;
margin-top:4px;
}
.category_des .right .title{
height:32px;
line-height:32px;
overflow:hidden;
padding:0px 6px;
text-transform:uppercase;
font-weight:bold;
margin-bottom:18px;
}
.category_des .right .title span{
background: #569318;
padding-left:10px;
display:block;
font-size:13px;
color:#fff;
font-weight:bold;
}
.category_des .right .list img{
border:1px solid #fff;
}
.category_des .right .hot{
margin-top:18px;
}
.category_des .cont{
margin-top:12px;
margin-bottom:12px;
padding:8px;
}
.category_des .cont ul{
padding: 10px;
margin-left: 10px;
}
.category_des .cont ul li{
list-style: square;
}
.category_des .list{
margin-top:18px;
}
#content_cont .center h1{
padding:0px;
margin:0;
}
#thongtintaikhoan ul li{
line-height:29px;
font-size:16px;
}
#module_cart a{
font-size:9px;
}
.box_cart_top{
min-height:20px;
width:122px;
height:45px;
padding-top:23px;
color:#fff;
font-weight:bold;
float:right;
margin-top:-25px;
background: url(../image/bg_cart_top.png) no-repeat;
}
.box_cart_top a{
color:#fff;
text-decoration:none;
}
.box_cart_top #module_cart{
padding-top:3px;
text-align: center;
width:100px;
margin:auto;
}
.box .top{
display:block;
text-transform:uppercase;
margin:auto;
background:#569318 url(../image/icon_box.png) center left no-repeat;
font-size:18px;
color:#fff;
line-height:89px;
margin-bottom:28px;
text-align:left;
padding-left:29px;
font-family:roboto condensed;
font-weight:bold;
}
.box_cate .top{
display:block;
text-transform:uppercase;
margin:auto;
background:none !important;
border-bottom: 3px solid #444;
font-size:18px;
color:#444;
line-height:58px;
margin-bottom:12px;
text-align:left;
padding-left:0px;
font-family: roboto condensed;
font-weight:bold;
display: inline-block;
}
.box_cate ul{
padding:0px;
margin:0px;
list-style:none;
}
.box_cate ul li{
font-size:18px;
line-height:28px;
margin-bottom:6px;
text-transform:uppercase;
}
.box_cate ul li a{
color:#000;
font-weight:bold;
}
.box_cate ul li a:hover{
font-weight:bold;
}
.box_cate ul ul li:hover{
}
.box_cate ul li ul{
padding:0px;
}
.box_cate ul li ul li{
transition:all 0.5s ease 0s;
margin-bottom:0px;
}
.box ul li ul a:hover{
background:url(../image/list_category_hover.png) center left no-repeat;
}
.box_cate ul li ul li a {
color: #686868;
font-family: roboto condensed;
font-size: 15px;
text-transform: capitalize;
}
.box_cate ul li ul li a:hover{
color:#569318;
font-weight:normal;
}
.h1_home{
padding:6px;
border:1px solid #ddd;
margin-top:0px;
font-size:16px;
color:#383838;
background:#efefef;
margin-bottom:6px;
}
.greenbar {
background: #bcd8ac;
padding: 28px 28px;
}
.greenbar ul{
margin: 0;
padding: 0;
}
.greenbar li{
padding-left: 40px;
font-size: 22px;
color: #333;
list-style: none;
margin: 0xp;
display: inline;
margin-right: 58px;
}
.greenbar .list_1{
background: url(../image/list_1.png) center left no-repeat;
}
.greenbar .list_2{
background: url(../image/list_2.png) center left no-repeat;
}
.greenbar .list_3{
background: url(../image/list_3.png) center left no-repeat;
margin-right: 0px;
}
#support .greenbar{
margin-top: 12px;
}
#support .greenbar li {
margin-right: 0px !important;
margin-bottom: 12px !important;
display: block;
border-bottom: 1px solid #333;
padding-bottom: 10px;
}
.welcome .youtube{
float: right;
width: 45%;
padding-top: 58px;
}
.welcome .con_wel{
float: left;
width: 52%;
}
.welcome{
padding:0px 20px;
overflow:hidden;
background-size: cover;
background-image: url(../image/View-Our-Work-Parrallax.png);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 0px;
}
.welcome .top{
background:#f3f3f3 url(../image/about_top.png) no-repeat;
line-height:28px;
padding-left:29px;
font-size:13px;
color:#fff;
font-weight:bold;
}
.welcome h2{
padding:8px;
margin:0px;
}
.welcome .title_home {
margin-top: 58px;
}
.welcome p{
text-align:justify;
font-size:16px;
padding:0px;
font-weight:normal;
margin-top:3px;
}
.welcome p img{
background:#000;
float:left;
margin-right:6px;
height:38px;
width:auto;
}
.welcome strong{
font-weight:bold;
}
.welcome p span{
font-weight:bold;
display:block;
margin-bottom:18px;
}
.welcome ul li {
background: url("../image/check.png") no-repeat scroll 0 10px transparent;
font-size: 16px;
line-height: 38px;
list-style: none outside none;
padding-left: 22px;
}
.welcome p:last-child a {
background: #569318;
color: #000000;
font-size: 2rem;
font-family: "Roboto", sans-serif;
padding: 20px 60px;
text-decoration: none;
display: block;
margin: auto;
margin-top: 28px;
text-align: center;
width: 300px;
text-transform: uppercase;
border: 3px solid #569318;
margin-bottom: 58px;
}
.welcome p:last-child a:hover {
background: #fff;
border: 3px solid #000;
}
#latest{
}
#latest #content_home .cont{
background: #ddd;
}
#content_home .new {
padding: 0px;
display:inline-block;
margin-top:18px;
}
.new .title {
background:url(../image/bg_title.png) no-repeat;
color: #FFFFFF;
display: inline-block;
font-weight: bold;
margin-left: -18px;
margin-top: -1px;
padding: 12px 25px 22px 29px;
text-transform: uppercase;
width:150px;
}
.new .all{
background:#FFC63B;
border:1px dashed #383838;
color: #ddd;
display: inline-block;
font-weight: bold;
height:26px;
padding: 12px 0px 0px 29px;
text-transform: uppercase;
width:193px;
}
#oc {
float:right;
padding:8px 18px;
margin:0px;
color:#ddd;
background-color:rgba(238, 238, 238, 0.1);
}
#oc b{
color:#ddd;
}
#oc a{
width:20.3px;
height:19px;
display:block;
float:left;
margin:1px 3px;
margin-top:0px;
padding:0px;
color:#fff;
}
#oc .by{
background:url(../image/bg_oc.png) -49px top no-repeat;
margin-right:0px;
}
#oc .by:hover{
background:url(../image/bg_oc.png) -49px -21px no-repeat;
}
#oc .fb{
background:url(../image/bg_oc.png) no-repeat;
}
#oc .fb:hover{
background:url(../image/bg_oc.png) left -21px no-repeat;
}
#oc .yu{
background:url(../image/bg_oc.png) -25px top no-repeat;
}
#oc .yu:hover{
background:url(../image/bg_oc.png) -25px -21px no-repeat;
}
#oc .con{
background:url(../image/bg_oc.png) -73px top no-repeat;
margin-right:12px;
}
#oc .con:hover{
background:url(../image/bg_oc.png) -73px -21px no-repeat;
}
#oc .ya {
background: url(../image/bg_oc.png) -98px top no-repeat;
}
#oc .ya:hover {
background: url(../image/bg_oc.png) -98px -21px no-repeat;
}
#latest .latest_title{
font-size:38px;
text-transform: uppercase;
text-align: center;
}
#latest .spmoi{
margin:0px;
padding:0px;
}
#latest .spmoi{
list-style:none;
}
#latest .spmoi .product_new{
width:33.33%;
float:left;
}
#latest .spmoi .product_new .cont{
margin:3px;
}
#latest .spmoi .product_new .cont:hover{
}
#latest .spmoi .product_new .cont .img{
text-align:center;
display:block;
}
#latest .spmoi .product_new .cont img{
border:1px solid #fff;
}
#latest .spmoi .product_new .cont .name{
text-align:center;
display:block;
color:#569318;
margin-top:6px;
height:38px;
overflow:hidden;
text-decoration:underline;
font-weight:bold;
}
#latest .spmoi .product_new .cont .name:hover{
color:#383838;
text-decoration:none;
}
#latest .spmoi .product_new .con {
text-align:center;
}
.product_home{
float:left;
width:250px;
height:239px;
}
.fb_right {
position: fixed;
left: 0px;
top: 38px;
width: 40px;
z-index: 2147483647;
}
#support .middle .ya {
float:left;
width:48.0%;
margin:2px;
text-align:center;
}
#support .middle .ya img{
max-width:80px;
}
#support .info{
padding:18px 0px;
}
#support .info .contact_buy{
border: 1px solid #ccc;
padding: 28px;
background: #eee;
}
.category_des .cont .email{
font-size:13px;
}
.category_des .cont .fax{
font-size:13px;
}
.category_des .contact{
background: url(../image/bg_contact.png) no-repeat;
display:block;
height:40px;
line-height:40px;
font-size:16px;
color:#fff;
padding-left:50px;
padding-right: 5px;
display: inline-block;
}
.hotline{
font-size:20px;
font-weight:bold;
line-height:32px;
text-align:left;
padding-left:0;
margin:auto;
color:#383838;
display: inline-block;
}
#support .info .fax{
margin-top:6px;
border-bottom:1px dashed #ddd;
padding:6px 0px;
}
#support .info .info_buy {
padding: 6px 0px;
font-size: 18px;
color: #111 !important;
font-weight: bold;
}
#support .info .info_buy div {
padding-left: 40px;
line-height: 29px;
}
#support .info .email b{
color:#666 !important;
}
#support .info .address{
margin-top:3px;
border-bottom:1px dashed #ddd;
padding:6px 0px;
}
#support .info .email_contact {
background: url(../image/email_icon.png) center left no-repeat;
}
#support .info .phone_contact{
background: url(../image/phone_icon.png) center left no-repeat;
}
.sky {
}
.sky a{
display:block;
margin-bottom:6px;
float:left;
width:50%;
}
#right_newscategory{
width:300px;
float:right;
}
#tab_related {
margin-top: 29px;
background: #fff;
padding-top: 28px;
padding-bottom: 8px;
}
#tab_related .list{
padding-top:18px ;
}
#tab_related .list ul{
padding:0px;
margin:0px;
}
#tab_related .list li{
width:45%;
float:left;
margin:0px 5px;
list-style: none;
}
#tab_related .list li a {
overflow: hidden;
display: block;
margin: 0px 5px;
font-size: 16px;
line-height: 18px;
text-transform:uppercase;
line-height: 28px;
}
#tab_related .list li a:hover{
color:#000;
text-decoration: underline;
}
#module_cart{
border:1px solid #ff0000;
padding:10px;
margin-bottom:3px;
}
#module_cart .top{
font-size:18px;
color:#569318;
}
.category_des #cate_home{
margin-top:28px;
}
#cate_home{
max-width: 1366px;
margin: auto;
}
#cate_home #nav{
margin:0px;
padding:0px;
}
#cate_home #nav .cont {
background: #fff none repeat scroll 0 0;
float:left;
}
#cate_home #nav .cont .con {
border: 1px solid #ddd;
margin: 3px;
padding: 6px;
text-align: center;
}
#cate_home #nav .cont .con img{
}
#cate_home #nav .cont .con a{
display:block;
font-size:16px;
text-transform:uppercase;
line-height:58px;
font-weight:bold;
}
#cate_home #nav .cont .con a:hover{
color:#569318;
}
.category_des #cate_home #nav li{
width:50%;
padding: 1%;
float: left;
}
.category_des #cate_home #nav .bon{
width: 23% !important;
}
.category_des #cate_home #nav .ba{
width: 31% !important;
}
.category_des #cate_home #nav .hai{
width: 48% !important;
}
#cate_home #nav li {
width: 48%;
/* float: left; */
list-style: none;
text-align: center;
background: #fff;
padding: 1%;
line-height: normal;
position: relative;
display: inline-block;
}
#cate_home #nav li a {
display: block;
margin: 0px;
width: 100%;
position: relative;
}
.category_des #cate_home #nav li a{
display:block;
margin:0px;
padding: 0;
}
#cate_home #nav li img{
transition:opacity 0.4s ease 0s;
width:100%;
height:auto;
opacity: 1;
}
#cate_home #nav li:hover img{
opacity:0.5;
}
#cate_home #nav li .name_cate {
color: #383838;
text-decoration: none;
position: absolute;
top: 0;
width: 100%;
line-height: 44px;
background: url(../image/bg_trang_68.png);
text-transform: uppercase;
font-family: roboto condensed;
font-size: 20px;
}
#cate_home #nav li:hover .name_cate{
color:#000;
text-decoration:none;
}
.title_news{
}
#content .middle #list_news{
padding: 0%;
}
.cont_news{
margin-top:8px;
}
.con_news{
float:left;
width:33.33%;
text-align:center;
position:relative;
}
.con_news .con{
}
.con_news .cont {
margin: 12px;
position: relative;
}
.con_news .cont{
margin:5%;
padding:3px;
background:#fff;
border:1px solid #ddd;
}
.con_news img{
width:100%;
height:100%;
}
.con_news .image {
text-align: center;
position: relative;
}
.con_news .name {
padding: 0px;
color: #707070;
text-align: justify;
margin-bottom: 12px;
}
.con_news .image img {
width: 100%;
height: auto;
display: block;
}
.con_news .image:hover img{
opacity: 0.3;
}
.con_news .image .name {
position: absolute;
bottom: 38px;
left: 7%;
background-color: rgba(255, 255, 255, 0.8);
width: 80%;
height: auto;
text-align: center;
border: 2px solid #070707;
padding: 15px 2%;
}
.con_news .image:hover .name{
background-color: rgba(132, 167, 111, 0.8);
border: 2px soli #569318 !important;
}
.con_news .image .name:hover {
background-color: rgba(132, 167, 111, 0.8);
border: 2px soli #569318 !important;
}
.con_news a {
color: #707070;
line-height: 28px;
display: block;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
.con_news .image:hover a{
color: #000 !important;
}
.con_news a:hover {
color: #000 !important;
}
.con_news .infoname .name{
min-height:38px;
margin-top:6px;
text-align:left;
}
.con_news .infoname .name a{
font-size:16px;
text-transform:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
.con_news .image .description {
position: absolute;
bottom: 180px;
left: 7%;
width: 85%;
height: auto;
text-align: center;
border: 2px solid;
color: #000;
display: none;
font-size: 22px;
border: none;
text-align: left;
}
.con_news .image:hover .description {
display: block;
}
.featured{
}
#support img{
}
.sl{
position:absolute;
left:0px;
width:100%;
padding:9px 0px;
background:#333;
top:108px;
}
.cont_category{
margin-top:18px;
background:#fff;
}
#bestseller .product{
float:none;
width:100%;
}
#bestseller .product .con_pro .name {
font-size:13px;
line-height:28px;
width:99%;
}
#bestseller .product .con_pro{
padding:0px;
margin:0px;
}
#bestseller .top{
margin-bottom:8px !important;
}
#giohang{
display: inline;
}
#giohang a {
background:url(../image/bg_cart.png) no-repeat scroll left center;
color: #FFF;
display: inline;
line-height: 22px;
padding-left: 30px;
width:auto;
}
.cart_mobi{
display:none;
}
@media screen and (max-width:1024px){
.menu ul li a{
padding: 0px 22px;
}
.logo{
width: 20%;
}
#header .right{
width: 80%;
}
.welcome{
padding: 0px 30px;
}
.greenbar li{
font-size: 20px;
}
#footer .footerphai{
font-size: 15px;
width: 47%;
}
#info_footer ul{
padding-left: 0;
}
.menu ul li a{
font-size:13px;
}
#oc{
display:none;
}
.info{
font-size:12px;
}
.footer-support .mail {
font-size:28px;
text-align:right;
}
#info_footer ul li {
float:none;
width:100%;
}
.product{
width:50%;
}
#container .c{
padding:10px;
}
#content .right_pro .buy .cart{
padding:0 28px;
}
#header .cont{
height:60px;
width:100%;
}
.menu ul li a{
line-height: 33px;
}
.footer-support .mail{
width: 40%;
}
#content_home .cont #leftside,#rightside {
float: none !important;
width: 94% !important;
}
.oc_footer{
left: 0px !important;
}
}
@media screen and (max-width:767px){
.tab_content p img(
max-width: 94%;
height: auto;
)
#header{
top:18px;
}
.greenbar li {
font-size: 15px;
padding-left: 35px;
margin-right: 15px;
line-height: 35px;
display: block;
}
.welcome .con_wel{
float: none;
width: 100%;
}
.welcome .youtube{
float: none;
width: 100%;
}
.cart_mobi {
background: rgba(0, 0, 0, 0) url("../image/bg_cart.png") no-repeat scroll left center;
color: #ccc !important;
display: block;
font-size: 13px;
left: 40%;
line-height: 22px;
padding-left: 30px;
position: fixed;
top: 18px;
width: auto;
z-index: 2147483647;
text-transform: uppercase;
}
.neo #nav ul{
display:none;
}
#latest .latest_title{
font-size:28px;
text-align:center;
}
.product{
float:none;
width:100%;
}
.product .con_pro .image{
}
.product .con_pro .name{
font-size:16px;
line-height:38px;
}
.category_des{
margin-top:8px;
}
.category_des .left {
float: none;
padding: 0;
text-align: center;
width: 100%;
}
.category_des .left img{
margin:0px;
max-width:98%;
}
.category_des .right {
float: none;
font-size: 16px;
margin-top: 4px;
width: 100%;
}
.box{
float:none;
width:100%;
}
#content{
float:none;
width:100%;
}
#menu_site {
background: #323232 url("../image/menu-pull-icon.png") no-repeat scroll center center;
display: block;
padding: 8px;
position: fixed;
right: 18px;
text-align: right;
top: 18px;
width: 38px;
z-index: 9999999;
}
#menu_site span {
color: #fff;
display: block;
font-family: Arial,Helvetica,sans-serif;
height: 28px;
line-height: 28px;
text-transform: uppercase;
width: 100%;
}
.menu {
padding: 0;
position: absolute;
right: 68px;
top: 0;
}
.menu_destop {
display: none;
}
.menu_phone {
background: #323232 none repeat scroll 0 0;
border-bottom: 1px solid #000;
left: 0;
padding: 0;
position: fixed;
top: 60px;
width: 100%;
z-index: 99999;
}
.menu .menu_cont {
display: block;
margin: auto;
}
.logo img{
height:100px;
width:auto;
}
.menu ul li{
float:none;
text-align:left;
}
#container{
margin-top:0px !important;
}
#cate_home{
margin-top:18px;
}
.footertrai{
float:none;
width:94%;
padding:3%
}
.footerphai{
float:none;
width:94%;
padding:3%
}
.doitac .left {
float: none;
text-align: center;
width:94%;
padding:3%;
font-size:12px;
}
.doitac .right {
float: none;
text-align: center;
width:94%;
padding:3%
}
#info_footer{
float:none;
width:96%;
margin:0px;
}
.footerphai {
float: none;
padding: 2%;
width: 96% !important;
margin: 0px;
}
#footer{
padding-bottom:0px;
}
.doitac{
font-size:9px;
}
.doitac a{
font-size:9px;
}
#content .ksp{
float:none;
width:100%;
}
#content .right_pro{
float:none;
width:100%;
}
.tabs{
float:none;
width:100%;
}
.tab_content{
float:none;
width:100%;
}
#related h2{
font-size:16px;
}
.cont_category{
padding-top: 1px;
}
#content .right_pro .buy .cart{
padding:0 58px;
}
#cate_home #nav li .name_cate{
line-height:38px;
font-size: 16px;
}
.category_des #cate_home #nav .bon {
width: 49% !important;
padding: 0px !important;
margin: 0px !important;
}
.con_news{
float:none !important;
width:100% !important;
height:auto !important;
margin-bottom:18px;
padding-bottom:12px;
border-width: 1px dotted #ddd;
}
.con_news .image{
position:static;
height:auto !important;
}
.con_news .name{
height:auto;
}
.cont_news #con_2 .image{
top:0px;
}
.cont_news #con_2 .name{
position:static;
top:200px;
}
.cont_news #con_3 .image{
float:none;
width:100%;
}
.cont_news #con_3 .name {
float: none;
width: 100%;
}
.cont_news #first .name{
height:auto !important;
}
#info_footer h2{
font-size:18px;
}
.footer-support .mail{
font-size:20px;
}
}
@media screen and (max-width:480px){
.footer-support .support {
float: none;
margin: 0px;
padding: 1%;
width: 98%;
font-size: 18px;
text-align: center;
}
.footer-support .mail{
float:none;
width:96%;
margin:0px;
padding:8px 0px;
font-size:22px;
border:1% solid #569318;
text-align:right;
}
#info_footer ul li {
float:none;
width:100%;
}
#cate_home #nav li{
float:none;
width:100% !important;
margin-bottom:10px;
}
.category_des #cate_home #nav li{
width: 100% !important;
float: none !important;
}
.welcome p:last-child a{
width: auto !important;
}
.menu ul{
float: none;
width: 100%;
}
#cate_home #nav .hai{
float: none;
width: 100%;
}
}