@charset "utf-8";
/* CSS Document http://blog.mironabramson.com*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 14px;
    font-family: inherit;
    vertical-align: baseline;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #444;
    background: #efdfdf;
}
ol,
ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    /*color: #999;*/
}
a:hover {
    text-decoration: none;
    font-weight: 400;
    color: #AC2B2B;
}
h2 {
    font-size: 16px;
    margin: 0 0 10px;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
.clear {
    clear: both;
}
.top_header {
    background: #fff none repeat scroll 0 0;
    color: #000;
    margin: 0 auto;
    padding: 3px 0;
    position: relative;
    width: 100%;
}
.nopad {
    padding: 0;
}
.nopad-right {
    padding-right: 0;
}
.nopad-left {
    padding-left: 0;
}
.top_header div {
    color: #000;
}
.hotine {
    padding: 0;
}
.top_header .hotine ul.sf-menu {
    height: 22px;
    overflow: hidden;
}
.top_header .hotine ul.sf-menu li.z_119 {
    display: inline-block;
    float: right;
    padding: 0 8px;
}
.top_header .hotine .sf-menu li.z_119 a {
    font-size: 14px;
}
.phone {
    float: right;
    padding-top: 15px;
}
.phone img {}
@media only screen and (max-width: 479px) {
    .phone img {
        height: 24px;
        width: 24px;
        margin: 0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .phone img {
        height: 24px;
        width: 24px;
        margin: 0;
    }
}
.phone span {
    font-weight: bold;
    padding: 0px 4px;
    color: #ff0000;
    font-size: 20px;
}
.custom {
    color: #FFFFFF;
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    width: 300px;
}
.custom span {
    font-weight: bold;
}
.account {
    float: right;
}
.account ul li {
    float: left;
    position: relative;
}
.account ul li a {
    color: #000;
    padding: 5px;
    font-size: 12px;
}
.account ul li a.cart img {
    left: -37px;
    position: absolute;
    top: -5px;
}
@media only screen and (max-width: 479px) {
    .account ul li a.cart img {
        display: none;
    }
    #slider {
        display: none;
    }
}
@media (max-width: 768px) {
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 0px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: #FFF;
        background-image: none;
        border: 1px solid #CCC;
        border-radius: 4px;
        height: 40px;
        margin-right: 20px;
    }
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        border: 1px solid #CCC;
        background: #CCC;
    }
    .navbar-toggle .icon-bar {
        margin-top: 4px;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border: 1px solid #CCC;
        background: #CCC;
    }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
    .account ul li a.cart img {
        display: none;
    }
    #slider {
        display: none;
    }
}
.header {
    height: 52px;
    background: #ff5722;
    position: relative;
}
.logo {
    display: block;
    float: left;
    padding: 15px 0;
}
.mainmn {
    padding: 0;
    height: 50px;
}
.mainmn span {
    display: block;
    color: #FFF;
    background: #CCC;
    padding: 15px;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
}
.search {
    padding: 20px 0 0;
}
.search input[type=text] {
    width: 70%;
    padding: 5px;
    border: 1px solid #CCC;
    border-radius: 3px;
}
.search input[type=submit] {
    padding: 5px 15px;
    border: 1px solid #CCC;
    background: #f55722;
    color: #FFF;
    border-radius: 3px;
}
/*.topmenu {
    height: 60px;
}
.topmenu ul.menu {
    height: 60px;
    padding: 8px 15px;
}
ul.menu > li {
	float: left;
	position: relative;
}
ul.menu > li:hover {
}
ul.menu > li:hover div.dropdown_hover {
	display: block;
}
ul.menu > li > a.active {
	background: rgba(0, 0, 0, 0) url("../images/arrW.png") no-repeat scroll center bottom;
}
ul.menu > li > a {
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 14px 16px 0;
    white-space: nowrap;
}
*div.dropdown_hover {
	box-shadow: 0 5px 9px -5px #888;
	display: none;
	left: 50% !important;
	margin-left: -99px;
	position: absolute;
	top: 37px;
	width: 235px;
	z-index: 5000;
}
div.dropdown_arrow {
	background: rgba(0, 0, 0, 0) url("../images/arrow_upW.png") no-repeat scroll 40px bottom;
	height: 9px;
	left: 50px;
	position: absolute;
	top: -7px;
	width: 100px;
}
div.dropdown_inner {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	clear: both;
	overflow: hidden;
	padding: 0;
}
ul.inner_list {
	line-height: 30px;
	list-style: outside none none;
	margin: 10px 5px 5px;
	text-align: left;
}
ul.inner_list li:hover {
	background: #f3f3f3;
}
ul.inner_list a {
	color: #414141;
	display: inline-block;
	font-size: 15px;
	padding: 0 7px 0 9px;
	white-space: nowrap;
}*/
.bar {
    height: 40px;
    background: #ff5722;
}
.bar div {
    float: left;
}
.bar .hd_category {
    background: url(../images/hd_category.png) no-repeat;
    display: block;
    width: 249px;
    height: 25px;
    padding: 12px 0 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    margin: 3px 0 0 3px;
}
.bar .search {
    height: 30px;
    padding: 5px;
    width: 480px;
}
.bar .search .cate_search b {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 14px;
    padding: 8px;
}
.bar .search #txtsearch {
    height: 30px;
    width: 290px;
}
.bar .search #btnsearch {
    background: rgba(0, 0, 0, 0) url("../images/btnserach.png") no-repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    height: 30px;
    margin: 0 -20px;
    width: 38px;
}
.bar .login {
    width: 200px;
    text-align: center;
    padding: 12px 0 0;
    color: #FFF;
    font-weight: bold;
}
.bar .cart {
    width: 50px;
    height: 30px;
    padding: 8px 0 0;
    text-align: center;
    float: right;
    margin-right: 20px;
}
.mainnav {
    margin: 0 auto;
    padding: 10px 0;
}
.mainnav .category {
    float: left;
    width: 250px;
    background: #0E75BA;
    padding-left: 3px;
}
.mainnav .category ul {
    background: #FFF;
    display: block;
    width: 249px;
    height: 280px;
}
.mainnav .category ul li {
    padding: 7px 0 4px 30px;
    border-bottom: 1px solid #CCC;
}
.mainnav .category ul li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.mainnav .ishome {
    float: right;
    width: 240px;
}
.mainnav .bntop {
    display: block;
    height: 320px;
    overflow: hidden;
    width: 980px;
}
/*=================maincontent=============*/
.maincontent {
    background: #FFF;
}
.maincontent .title h2 {
    padding: 10px 0 0 15px;
}
.mainpage {
    padding: 15px;
    background: #FFF;
}
.mainpage img {
    text-align: center;
}
/*amthua*/
.paging {
    text-align: right;
    padding: 10px;
    clear: both;
}
.paging strong {
    padding: 3px 6px;
    border: 1px solid #444;
    background: #444;
    color: #FFF;
    font-weight: bold;
}
.i_price p span {
    display: inline-block;
    font-size: 14px;
    padding: 0 8px;
    text-align: left;
    line-height: 28px;
}
/*.i_price p span.price {
	color: #f15022;
	font-size: 22px;
}*/
.paging {
    text-align: right;
    padding: 10px;
    clear: both;
}
.paging strong {
    padding: 5px 12px;
    border: 1px solid #444;
    background: #444;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}
.paging a {
    border: 1px solid #1575bf;
    color: #1575bf;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 9px;
}
/*=================bottom=============*/
.bottom {
    background: #444;
    color: #fff;
    text-align: center;
    clear: both;
    padding-top: 25px;
}
.top {
    background: #2E2E2E;
    color: #fff;
    text-align: center;
    clear: both;
    padding: 15px 0;
}
.bottom a {
    color: #fff;
    font-size: 14px;
    text-align: left;
}
.bottom div h3 {
    color: #f28920;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 0 0;
    text-align: left;
}
.bottom div ul {
    margin: 15px 0;
}
.bottom div li {
    margin: 0;
    padding: 5px 0;
    text-align: left;
}
.bottom div.introduce {
    float: left;
    width: 160px;
}
.bottom div.help {
    width: 185px;
    float: left;
}
.bottom div.support {
    width: 210px;
    float: left;
}
.bottom div.connect {
    width: 200px;
    float: left;
}
.bottom div.connect li {
    float: left;
    margin-right: 40px;
    margin-top: 15px;
    width: 25px;
}
.bottom div.fanpage {
    width: 120px;
    float: left;
}
.bottom .contact {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}
.contact h2 {
    font-weight: bold;
    margin: 6px 0;
}
.bottom .col-bt:nth-child(4) ul li {
    margin-right: 12px;
}
@media only screen and (min-width: 960px) and (max-width: 1920px) {
    .linkdeal h1 {
        color: #FFF;
        font-size: 16px;
        padding: 14px 15px;
        font-weight: bold;
        white-space: nowrap;
        text-transform: uppercase;
    }
    .grid {
        margin: 0;
    }
    .item {
        float: left;
        height: 315px;
        overflow: hidden;
        margin-bottom: 0;
        border: 1px solid #efebeb;
        padding: 10px;
    }
    .item:hover {
        border: 1px solid #CCC;
    }
    .item .img {
        background: #fff none repeat scroll 0 0;
        height: 180px;
        overflow: hidden;
        position: relative;
    }
    .item .img img {
        width: 100%;
        height: auto;
    }
    .item a.btn {
        background: #ff5722 none repeat scroll 0 0;
        box-shadow: 0 2px 0 0 #000;
        color: #fff;
        display: none;
        left: 0;
        margin-left: 92px;
        padding: 8px 12px;
        position: absolute;
        text-align: center;
        top: 230px;
    }
    .item:hover a.btn {
        display: block;
        color: #FFF;
    }
    .item>a {
        overflow: hidden;
        display: block;
        color: #222;
        line-height: 22px;
        min-height: 40px;
        margin-top: 10px;
    }
    .item>a h3,
    .item>a h3, .item>a h2 {
        line-height: 22px;
        height: 46px;
        overflow: hidden;
        margin-bottom: 0;
    }
    .item:hover a.btn {
        display: block;
        color: #FFF;
    }
    .item a.i_name {
        color: #444;
        font-size: 14px;
        line-height: 20px;
        padding: 8px 0;
        text-align: left;
        height: 46px;
        overflow: hidden;
        min-height: 46px;
    }
    .item a.i_name:hover {
        color: #F00;
    }
    .item .i_price {
        bottom: 0;
        height: 60px;
        width: 100%;
    }
    .i_price p:first-child {
        display: inline-block;
        float: left;
    }
    .i_price p span:first-child {
        color: #999;
        display: block;
        font-size: 12px;
        padding: 0;
        text-align: left;
    }
    .i_price p span.price {
        color: #f00;
        display: block;
        font-size: 16px;
        padding: 0 0px;
        font-weight: bold;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1920px) {
    .topgrid {
        display: block;
        margin: 15px 0 0;
        overflow: hidden;
        width: 100%;
    }
    .topgrid .topitem {
        border-radius: 4px;
        min-height: 275px;
        margin-bottom: 15px;
    }
    .topgrid .topitem:last-child {
        margin-right: 0;
    }
    .topgrid .topitem .name {
        color: #444;
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        padding: 8px 0;
        text-align: left;
    }
    .topgrid .topitem .img {
        display: block;
        height: auto;
        margin-bottom: 8px;
        width: 100%;
    }
    .topgrid .topitem .img img {
        width: 100%;
    }
    .topgrid .topitem span {
        display: block;
        margin-bottom: 8px;
        padding: 0;
    }
    .topgrid .topitem span:last-child {
        border-bottom: 3px solid #ff5722;
        padding-bottom: 15px;
        border-radius: 0 0 3px 3px;
    }
    .topgrid .topitem span a {
        color: #444;
        font-size: 14px;
        margin: 3px 0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
    .logo {
        display: block;
        float: left;
        margin-left: 0;
        padding: 10px 10px 0 10px;
    }
    .logo img {
        width: 95%;
        height: auto;
    }
    .mainnav {
        background: #e3e3e3 none repeat scroll 0 0;
        margin: 0 auto;
        padding: 0 10px;
    }
    .topmenu {
        float: left;
        height: 1px;
        width: 82%;
        position: relative;
        display: none;
    }
    .topmenu ul.menu_center {
        height: auto;
        margin-left: 60px;
        padding: 10px 15px;
        position: absolute;
        z-index: 9999;
        background: #FFF;
        top: -10px;
        right: -124px;
    }
    ul.menu_center>li {
        float: none;
        position: relative;
    }
    ul.menu_center>li:hover {
        /*background: rgba(0, 0, 0, 0) url("../images/menu_hover.png") repeat scroll center center;*/
    }
    ul.menu_center>li:hover div.dropdown_hover {
        display: block;
    }
    ul.menu_center>li>a.active {
        background: rgba(0, 0, 0, 0) url("../images/arrW.png") no-repeat scroll center bottom;
    }
    ul.menu_center>li>a {
        color: #000;
        display: block;
        font-size: 16px;
        font-weight: normal;
        padding: 14px 16px 0;
        text-transform: lowercase;
        white-space: nowrap;
        box-shadow: 0;
        text-shadow: 2px 2px 2px #FFF;
    }
    div.dropdown_hover {
        box-shadow: 0 5px 9px -5px #888;
        display: none;
        left: 50% !important;
        margin-left: -99px;
        position: absolute;
        top: 37px;
        width: 235px;
        z-index: 5000;
    }
    div.dropdown_arrow {
        background: rgba(0, 0, 0, 0) url("../images/arrow_upW.png") no-repeat scroll 40px bottom;
        height: 9px;
        left: 50px;
        position: absolute;
        top: -7px;
        width: 100px;
    }
    div.dropdown_inner {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        border-radius: 4px;
        clear: both;
        overflow: hidden;
        padding: 0;
    }
    ul.inner_list {
        line-height: 30px;
        list-style: outside none none;
        margin: 10px 5px 5px;
        text-align: left;
    }
    ul.inner_list li:hover {
        background: #f3f3f3;
    }
    ul.inner_list a {
        color: #414141;
        display: inline-block;
        font-size: 15px;
        padding: 0 7px 0 9px;
        white-space: nowrap;
    }
    .topgrid {
        background: #e3e3e3 none repeat scroll 0 0;
        display: block;
        margin: 12px 0;
        overflow: hidden;
    }
    .topgrid .topitem {
        background: #f7f7f7 none repeat scroll 0 0 padding-box;
        border-bottom: 3px solid #ff5722;
        border-radius: 4px;
        float: left;
    }
    .topgrid .topitem .name {
        color: #444;
        font-size: 16px;
        padding: 10px 0;
        text-align: left;
        font-weight: bold;
    }
    .topgrid .topitem .img {
        display: block;
        height: auto;
        margin-bottom: 8px;
        width: 100%;
    }
    .topgrid .topitem .img img {
        width: 100%;
        height: 153px;
    }
    .topgrid .topitem span {
        display: block;
        margin-bottom: 8px;
        margin-left: 8px;
        padding: 0;
    }
    .topgrid .topitem span a {
        color: #444;
        font-size: 14px;
        margin: 3px 0;
    }
    /*deal*/
    .linkdeal {
        position: relative;
        background: #ff5722 none repeat scroll 0 0;
        border-radius: 4px;
        color: #fff;
        height: 45px;
        padding: 0;
        margin-bottom: 15px
    }
    .linkdeal h1 {
        color: #FFF;
        font-size: 16px;
        white-space: nowrap;
        padding: 15px;
    }
    .grid {
        display: block;
    }
    .item {
        height: 355px;
        overflow: hidden;
        margin-bottom: 15px;
    }
    .item .img {
        height: 225px;
        overflow: hidden;
        position: relative;
        margin-bottom: 15px;
    }
    .item .i_img img {
        width: 100%;
    }
    .item a.btn {
        box-shadow: 0 2px 0 0 #000;
        color: #fff;
        display: none;
        left: 0;
        margin-left: 92px;
        padding: 8px 12px;
        position: absolute;
        text-align: center;
        top: 230px;
    }
    .item:hover a.btn {
        display: block;
        color: #FFF;
    }
    .item>a {
        overflow: hidden;
        display: block;
        font-size: 16px;
        color: #444;
    }
    .item>a h2 {
        line-height: 22px;
    }
    .item:hover a.btn {
        display: block;
        color: #FFF;
    }
    .item a h1.i_name {
        color: #444;
        font-size: 14px;
        line-height: 20px;
        padding: 8px;
        text-align: left;
        font-weight: bold;
    }
    .item a:hover h1.i_name {
        color: #F00;
        background: #f7f7f7;
    }
    .item .i_price {
        bottom: 0;
        height: 80px;
        width: 100%;
    }
    .i_price p:first-child {
        display: inline-block;
        float: left;
        width: 60%;
    }
    .i_price p span:first-child {
        color: #444;
        display: block;
        font-size: 16px;
        font-weight: bold;
        padding: 0 8px;
        text-align: left;
        line-height: 25px;
    }
    .i_price p span.price {
        color: #f15022;
        font-size: 22px;
        padding: 0 8px;
        display: block;
    }
    .cungloai {
        display: none;
    }
    .bottom .col-bt {
        padding: 15px 0;
    }
    .bottom div li {
        float: left;
        margin: 0;
        padding: 3px 0;
        text-align: left;
    }
}
@media only screen and (max-width: 768px) {
    .frsearch {
        padding: 12px;
        width: 80%;
        float: right;
        position: relative;
        height: 52px;
        right: 15px;
    }
    .frsearch #keyword {
        border: 1px solid #CCC;
        padding: 3px;
        width: 95%;
        position: absolute;
        right: 0;
    }
    .frsearch #bt_submit {
        padding: 4px 12px;
        border: none;
        border-radius: 2px;
        background: #faba11;
        color: #FFF;
        position: absolute;
        right: 3px;
        background: url(../images/btsearch.png) no-repeat;
        top: 13px;
    }
}
@media only screen and (max-width: 479px) {
    .topgrid {
        /*background: #e3e3e3 none repeat scroll 0 0;*/
        display: block;
        margin: 12px 0;
        overflow: hidden;
    }
    .topgrid .topitem {
        /*background: #f7f7f7 none repeat scroll 0 0 padding-box;*/
        border-bottom: 3px solid #ff5722;
        border-radius: 4px;
        float: left;
        padding: 0;
    }
    .topgrid .topitem .name {
        color: #444;
        font-family: tahoma;
        font-size: 16px;
        padding: 15px 0;
        text-align: left;
        font-weight: bold;
    }
    .topgrid .topitem .img {
        display: block;
        height: auto;
        margin-bottom: 8px;
        width: 100%;
    }
    .topgrid .topitem .img img {
        width: 100%;
    }
    .topgrid .topitem span {
        display: block;
        margin-bottom: 8px;
        margin-left: 0px;
        padding: 0;
    }
    .topgrid .topitem span a {
        color: #444;
        font-size: 14px;
        margin: auto;
        padding: 3px 0px;
        display: block;
    }
    .top {
        background: #2E2E2E;
        color: #fff;
        text-align: center;
        clear: both;
        padding: 15px 0;
        margin-bottom: 35px;
    }
}
@media only screen and (max-width: 479px) {
    .topmenu {
        float: left;
        height: 1px;
        width: 82%;
        position: relative;
        display: none;
    }
    .topmenu ul.menu_center {
        height: auto;
        margin-left: 60px;
        padding: 10px 15px;
        position: absolute;
        z-index: 9999;
        background: #FFF;
        top: -10px;
        right: -50px;
    }
    .logo {
        display: block;
        float: left;
        margin-left: 0;
        padding: 0;
        margin: 8px 0;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    .hotine {
        padding: 0;
    }
    .top_header .hotine ul.sf-menu {
        height: 22px;
        overflow: hidden;
    }
    .top_header .hotine ul.sf-menu li.z_119 {
        display: inline-block;
        float: right;
        padding: 0 8px;
    }
    .top_header .hotine .sf-menu li.z_119 a {}
    .phone span {
        font-weight: bold;
        padding: 5px 3px;
        color: #ff0000;
        font-size: 16px;
    }
    ul.menu_center>li {
        float: none;
        position: relative;
    }
    ul.menu_center>li:hover {
        /*background: rgba(0, 0, 0, 0) url("../images/menu_hover.png") repeat scroll center center;*/
    }
    ul.menu_center>li:hover div.dropdown_hover {
        display: block;
    }
    ul.menu_center>li>a.active {
        background: rgba(0, 0, 0, 0) url("../images/arrW.png") no-repeat scroll center bottom;
    }
    ul.menu_center>li>a {
        color: #000;
        display: block;
        font-size: 16px;
        font-weight: normal;
        padding: 14px 16px 0;
        text-transform: lowercase;
        white-space: nowrap;
        box-shadow: 0;
        text-shadow: 2px 2px 2px #FFF;
    }
    div.dropdown_hover {
        box-shadow: 0 5px 9px -5px #888;
        display: none;
        left: 50% !important;
        margin-left: -99px;
        position: absolute;
        top: 37px;
        width: 235px;
        z-index: 5000;
    }
    div.dropdown_arrow {
        background: rgba(0, 0, 0, 0) url("../images/arrow_upW.png") no-repeat scroll 40px bottom;
        height: 9px;
        left: 50px;
        position: absolute;
        top: -7px;
        width: 100px;
    }
    div.dropdown_inner {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        border-radius: 4px;
        clear: both;
        overflow: hidden;
        padding: 0;
    }
    ul.inner_list {
        line-height: 30px;
        list-style: outside none none;
        margin: 10px 5px 5px;
        text-align: left;
    }
    ul.inner_list li:hover {
        background: #f3f3f3;
    }
    ul.inner_list a {
        color: #414141;
        display: inline-block;
        font-size: 15px;
        padding: 0 7px 0 9px;
        white-space: nowrap;
    }
    .linkdeal h1 {
        color: #FFF;
        font-size: 16px;
        padding: 15px;
        text-transform: uppercase;
        white-space: nowrap;
        float: left;
        margin: 0;
        font-weight: bold;
    }
    .grid {
        display: block;
    }
    .item {
        overflow: hidden;
        height: 305px;
    }
    .item .img {
        overflow: hidden;
        position: relative;
        height: 165px;
        margin-bottom: 15px;
    }
    .item .img img {
        width: 100%;
    }
    .item a.btn {
        color: #fff;
        display: none;
        left: 0;
        margin-left: 92px;
        padding: 8px 12px;
        position: absolute;
        text-align: center;
        top: 230px;
    }
    .item:hover a.btn {
        display: block;
        color: #FFF;
    }
    .item>a {
        overflow: hidden;
        display: block;
        text-align: left;
        color: #333;
    }
    .item>a>h2,
    .item>a>h3 {
        line-height: 22px;
        font-size: 14px;
    }
    .item:hover a.btn {
        display: block;
        color: #FFF;
    }
    .item a.i_name {
        color: #444;
        font-size: 14px;
        text-align: left;
        padding: 12px 0
    }
    .item .i_price {
        bottom: 0;
        min-height: 60px;
        width: 100%;
        padding: 0px;
    }
    .i_price p:first-child {
        display: inline-block;
    }
    .i_price p span:first-child {
        color: #444;
        display: block;
        font-size: 16px;
        font-weight: bold;
        padding: 0;
        text-align: left;
        line-height: 22px;
    }
    .i_price p span.price {
        color: #f15022;
        font-size: 16px;
        padding: 0;
        font-weight: bold;
        display: block;
    }
    .bottom .col-bt {
        margin: 15px 0;
    }
    .frsearch {
        padding: 12px;
        width: 80%;
        float: right;
        position: relative;
        height: 52px;
        right: 15px;
    }
    .frsearch #keyword {
        border: 1px solid #CCC;
        padding: 3px;
        width: 95%;
        position: absolute;
        right: 0;
    }
    .frsearch #bt_submit {
        padding: 4px 12px;
        border: none;
        border-radius: 2px;
        background: #faba11;
        color: #FFF;
        position: absolute;
        right: 3px;
        background: url(../images/btsearch.png) no-repeat;
        top: 13px;
    }
}
.brand {
    padding: 0 15px;
}
.brand div {
    border-bottom: 1px solid #CCC;
    background: url('../images/arrowdo.png') no-repeat left center;
}
.brand div a {
    padding: 5px 15px 5px 20px;
    display: block;
}
@media screen and (max-width: 320px) {
    .phone span {
        font-weight: bold;
        padding: 0 0 0 3px;
        color: #ff0000;
        font-size: 15px;
        float: left;
    }
    .frsearch {
        padding: 12px;
        width: 78%;
        float: right;
        position: relative;
        height: 52px;
        right: 15px;
    }
    .topgrid .topitem {
        background: #f7f7f7 none repeat scroll 0 0 padding-box;
        border-bottom: 3px solid #ff5722;
        border-radius: 4px;
        float: left;
        padding: 0;
    }
}