@media (max-width: 389px) {
#search input[type="text"]
{
	width:100px;
}
.container
{
	width:300px;
}
.navtop
{
	display:none;
}
#header #cart
{
	position:absolute;
	right:0;
	bottom:13px;
}
.button-search
{
	padding:6px;
}
#search input, #search select
{
	padding:5px;
}
.accounts
{
	margin-top:-67px;
}
.accounts span
{
	display:none;
}
.accounts a
{
	padding:5px 0 5px 10px;
	font-size:10px;
}
.colleft
{
	width:100%;
}
.colright .slide
{
	margin-top:0;
}
.nav li .sub
{
	z-index:9;
}
.box_category
{
	display:none;
}
.colright
{
	width:100%;
}
.colright, .colright1
{
	min-height:0;
}
.featured
{
	margin-top:0;
}
.module_title
{
	font-size:14px;
}
.featured.carousel li
{
	width:148px;
	height:224px;
}
.cate_banner
{
	display:none;
}
.box {
    height: 220px;
    width: 149px;
}
.navbar .nav
{
	position:absolute;
	background:#617e9b;
	width:100%;
	top:37px;
	display:none;
}
.nav_btn
{
	width:41px;
	height:28px;
	position:absolute;
	top:4px;
	left:0;
	cursor:pointer;
	background:url(../img/nav_btn.png) no-repeat;
}
.nav li .sub
{
	top:35px;
}
.nav li .sub li a
{
	padding:5px 10px;
}
.nav > li > a
{
	border-color:#5a748f;
	padding:10px 17px;
}
.nav > li:last-child > a
{
	border:none;
}
.nav > li a.home
{
	background-position:center 8px;
	padding:10px 20px;
}
.header
{
	height:55px;
}
.header > .container > .right
{
	bottom:46px;
}
.logo {
    margin-left: -45px;
	float: left;
}
.logo img {
    position: absolute;
    width: 225px;
}
#header #cart .heading h4
{
	font-size:0;
}
#header #cart .heading
{
	padding-right:31px;
}
.nav li:hover .sub
{
	display:none;
}
.nav li .sub li.line.l1
{
	top:37px;
}
.nav li .sub li.line.l2
{
	top:74px;
}
.nav li .sub li.line.l3
{
	top:111px;
}
.nav li .sub li.line.l4
{
	top:148px;
}
.footer .box_info
{
	width:31.333333%;
}
.footer .box_info:last-child
{
	float:right;
	margin-right:0;
	text-align:right;
}
.footer .box_info:last-child ul
{
	float:right;
}
.footer .box_info:last-child ul li
{
	float:right;
}
.footer .box_info:last-child ul li a
{
	float:right;
}
.getwidth
{
	display:block;
	width:460px;
	border-right:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-top:0;
}
.getwidth .head
{
	display:none;
}
.getwidth > ul > li
{
	width:auto;
	border:none;
	margin-right:10px;
}
.getwidth > ul > li:hover
{
	background:none;
	margin-right:10px;
}
.getwidth > ul > li a:hover
{
	color:#333;
}
.box_category > ul > li > a
{
	padding:8px 0;
}
.getwidth > ul > li a:hover i
{
	border:1px solid #ccc;
}
.getwidth > ul > li a i.num
{
	height:18px;
	padding-top:4px;
	width:22px;
	top:3px;
}
.heading_title
{
	font-size:25px;
	margin-top:10px;
}
.htabs a
{
	font-size:12px;
	padding:7px 10px 6px;
}
.box-product .box
{
	width:49.4%;
	height:230px;
}
.support_btn
{
	display:none;
}
.fanpage
{
	width:100%;
}
.hotline
{
	width:140px;
	margin-right:10px;
	margin-bottom:3px;
}
#search
{
	display:none;
}
.footer .left
{
	width:100%;
	margin-right:0;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.box-counter
{
	width:100%;
}
.fanpage
{
	width:100%;
	float:right;
}
}
@media (min-width: 390px) and (max-width: 478px) {

.container
{
	width:380px;
}
.fanpage
{
	width:100%;
}
.navtop
{
	display:none;
}
.colright, .colright1
{
	min-height:0;
}
#header #cart
{
	position:absolute;
	right:0;
	bottom:0;
}
.button-search
{
	padding:6px;
}
#search input, #search select
{
	padding:5px;
}
.accounts
{
	margin-top:-67px;
}
.accounts span
{
	display:none;
}
.accounts a
{
	padding:5px 0 5px 15px;
}
.colleft
{
	width:100%;
}
.colright .slide
{
	margin-top:0;
}
.nav li .sub
{
	z-index:9;
}
.box_category
{
	display:none;
}
.colright
{
	width:100%;
}
.featured
{
	margin-top:0;
}
.module_title
{
	font-size:14px;
}
.featured.carousel li
{
	width:187px;
	height:240px;
}
.cate_banner
{
	display:none;
}
.box {
    height: 235px;
    width: 188px;
}
.navbar .nav
{
	position:absolute;
	background:#617e9b;
	width:100%;
	top:37px;
	display:none;
}
.nav_btn
{
	width:41px;
	height:28px;
	position:absolute;
	top:5px;
	left:0;
	cursor:pointer;
	background:url(../img/nav_btn.png) no-repeat;
}
#search
{
	margin:5px 0;
}
.nav li .sub
{
	top:35px;
}
.nav li .sub li a
{
	padding:5px 10px;
}
.nav > li > a
{
	border-color:#5a748f;
	padding:10px 17px;
}
.nav > li:last-child > a
{
	border:none;
}
.nav > li a.home
{
	background-position:center 8px;
	padding:10px 20px;
}
.header
{
	height:68px;
}
.header > .container > .right
{
	bottom:46px;
}
.logo {
    margin-left: -53px;
}
.logo img {
    position: absolute;
    width: 285px;
}
.nav li:hover .sub
{
	display:none;
}
.nav li .sub li.line.l1
{
	top:37px;
}
.nav li .sub li.line.l2
{
	top:74px;
}
.nav li .sub li.line.l3
{
	top:111px;
}
.nav li .sub li.line.l4
{
	top:148px;
}
.footer .box_info
{
	width:31.333333%;
}
.footer .box_info:last-child
{
	float:right;
	margin-right:0;
	text-align:right;
}
.footer .box_info:last-child ul
{
	float:right;
}
.footer .box_info:last-child ul li
{
	float:right;
}
.footer .box_info:last-child ul li a
{
	float:right;
}
.getwidth
{
	display:block;
	width:460px;
	border-right:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-top:0;
}
.getwidth .head
{
	display:none;
}
.getwidth > ul > li
{
	width:auto;
	border:none;
	margin-right:10px;
}
.getwidth > ul > li:hover
{
	background:none;
	margin-right:10px;
}
.getwidth > ul > li a:hover
{
	color:#333;
}
.box_category > ul > li > a
{
	padding:8px 0;
}
.getwidth > ul > li a:hover i
{
	border:1px solid #ccc;
}
.getwidth > ul > li a i.num
{
	height:18px;
	padding-top:4px;
	width:22px;
	top:3px;
}
.heading_title
{
	font-size:25px;
	margin-top:10px;
}
.htabs a
{
	font-size:12px;
	padding:7px 10px 6px;
}
.box-product .box
{
	width:49.4%;
	height:230px;
}
.support_btn
{
	display:none;
}
.hotline
{
	width:140px;
	margin-right:10px;
}
#search input[type="text"]
{
	width:110px;
}
.footer .left
{
	width:100%;
	margin-right:0;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.box-counter
{
	width:100%;
}
.fanpage
{
	width:100%;
	float:right;
}
}
@media (min-width: 479px) and (max-width: 590px) {
.support_btn
{
	display:none;
}
.hotline
{
	width:150px;
}
#search input[type="text"]
{
	width:140px;
}
.container
{
	width:460px;
}
.colright, .colright1
{
	min-height:0;
}
.fanpage
{
	width:100%;
}
.navtop
{
	display:none;
}
#header #cart
{
	position:absolute;
	right:0;
	bottom:0;
}
.accounts
{
	margin-top:-67px;
}
.accounts span
{
	display:none;
}
.accounts a
{
	padding:5px 0 5px 15px;
}
.colleft
{
	width:100%;
}
.colright .slide
{
	margin-top:0;
}
.nav li .sub
{
	z-index:9;
}
.box_category
{
	display:none;
}
.colright
{
	width:100%;
}
.featured
{
	margin-top:0;
}
.module_title
{
	font-size:14px;
}
.featured.carousel li
{
	width:151px;
	height:210px;
}
.cate_banner
{
	display:none;
}
.box {
    height: 205px;
    width: 152px;
}
.navbar .nav
{
	position:absolute;
	background:#617e9b;
	width:100%;
	top:37px;
	display:none;
}
.nav_btn
{
	width:41px;
	height:28px;
	position:absolute;
	top:5px;
	left:0;
	cursor:pointer;
	background:url(../img/nav_btn.png) no-repeat;
}
#search
{
	margin:5px 0;
}
.nav li .sub
{
	top:35px;
}
.nav li .sub li a
{
	padding:5px 10px;
}
.nav > li > a
{
	border-color:#5a748f;
	padding:10px 17px;
}
.nav > li:last-child > a
{
	border:none;
}
.nav > li a.home
{
	background-position:center 8px;
	padding:10px 20px;
}
.header
{
	height:68px;
}
.header > .container > .right
{
	bottom:46px;
}
.logo {
    margin-left: -53px;
}
.logo img {
    position: absolute;
    width: 285px;
}
.nav li:hover .sub
{
	display:none;
}
.nav li .sub li.line.l1
{
	top:37px;
}
.nav li .sub li.line.l2
{
	top:74px;
}
.nav li .sub li.line.l3
{
	top:111px;
}
.nav li .sub li.line.l4
{
	top:148px;
}
.footer .box_info
{
	width:31.333333%;
}
.footer .box_info:last-child
{
	float:right;
	margin-right:0;
	text-align:right;
}
.footer .box_info:last-child ul
{
	float:right;
}
.footer .box_info:last-child ul li
{
	float:right;
}
.footer .box_info:last-child ul li a
{
	float:right;
}
.getwidth
{
	display:block;
	width:460px;
	border-right:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-top:0;
}
.getwidth .head
{
	display:none;
}
.getwidth > ul > li
{
	width:auto;
	border:none;
	margin-right:10px;
}
.getwidth > ul > li:hover
{
	background:none;
	margin-right:10px;
}
.getwidth > ul > li a:hover
{
	color:#333;
}
.getwidth > ul > li a:hover i
{
	border:1px solid #ccc;
}
.box .top .price
{
	padding:2px 5px;
	font-size:12px;
}
.box .detail
{
	display:none;
}
.box .top .saleoff
{
	height:16px;
	padding-top:1px;
	font-size:12px;
	width:55px;
	padding-left:1px;
}
.box-product .box
{
	width:33%;
	height:200px;
}
.footer .left
{
	width:100%;
	margin-right:0;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.box-counter
{
	width:100%;
}
.fanpage
{
	width:100%;
	float:right;
}
}

@media (min-width: 591px) and (max-width: 767px) {
.support_btn
{
	display:none;
}
.container
{
	width:580px;
}
.navtop
{
	display:none;
}
.colright, .colright1
{
	min-height:0;
}
.colleft
{
	width:100%;
}
.box_category
{
	display:none;
}
.colright
{
	width:100%;
}
.featured.carousel li
{
	width:191px;
}
.cate_banner
{
	display:none;
}
.box {
    height: 240px;
    width: 192px;
}
.navbar .nav
{
	position:absolute;
	background:#617e9b;
	width:100%;
	top:37px;
	display:none;
}
.nav_btn
{
	width:41px;
	height:28px;
	position:absolute;
	top:5px;
	left:0;
	cursor:pointer;
	background:url(../img/nav_btn.png) no-repeat;
}
#search
{
	margin:5px 0;
}
.nav li .sub
{
	top:35px;
}
.nav li .sub li a
{
	padding:5px 10px;
}
.nav > li > a
{
	border-color:#5a748f;
	padding:10px 17px;
}
.nav > li:last-child > a
{
	border:none;
}
.nav > li a.home
{
	background-position:center 8px;
	padding:10px 20px;
}
.header
{
	height:68px;
}
.header > .container > .right
{
	bottom:46px;
}
.logo {
    margin-left: -53px;
}
.logo img {
    position: absolute;
    width: 285px;
}
.nav li:hover .sub
{
	display:none;
}
.nav li .sub li.line.l1
{
	top:37px;
}
.nav li .sub li.line.l2
{
	top:74px;
}
.nav li .sub li.line.l3
{
	top:111px;
}
.nav li .sub li.line.l4
{
	top:148px;
}
.getwidth
{
	display:block;
	width:580px;
	border-right:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-top:0;
}
.getwidth .head
{
	display:none;
}
.getwidth > ul > li
{
	width:auto;
	border:none;
	margin-right:10px;
}
.getwidth > ul > li:hover
{
	background:none;
	margin-right:10px;
}
.getwidth > ul > li a:hover
{
	color:#333;
}
.getwidth > ul > li a:hover i
{
	border:1px solid #ccc;
}
.box .top .price
{
	padding:2px 5px;
	font-size:12px;
}
.box .detail
{
	display:none;
}
.box .top .saleoff
{
	height:16px;
	padding-top:1px;
	font-size:12px;
	width:55px;
	padding-left:1px;
}
.box-product .box
{
	width:33%;
	height:230px;
}
.footer .left
{
	width:100%;
	margin-right:0;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.box-counter
{
	width:35%;
}
.fanpage
{
	width:60%;
	float:right;
}
}


@media (min-width: 768px) and (max-width: 979px) {
.support_btn
{
	display:none;
}
.container
{
	width:760px;
}
.navtop
{
	margin-top:3px;
}
.colleft
{
	width:100%;
}
.box_category
{
	display:none;
}
.colright
{
	width:100%;
}
.featured.carousel li
{
	width:188px;
}
.cate_banner
{
	display:none;
}
.box {
    height: 240px;
    width: 24.8%;
}
.navbar .nav
{
	position:absolute;
	background:#617e9b;
	width:100%;
	top:37px;
	display:none;
}
.nav_btn
{
	width:41px;
	height:28px;
	position:absolute;
	top:5px;
	left:0;
	cursor:pointer;
	background:url(../img/nav_btn.png) no-repeat;
}
#search
{
	margin:5px 0;
}
.nav > li > a
{
	border-color:#5a748f;
}
.header
{
	height:80px;
}
.header > .container > .right
{
	bottom:34px;
}
.logo {
    margin-left: -68px;
}
.logo img {
    position: absolute;
    width: 350px;
}
.nav li:hover .sub
{
	display:none;
}
.nav li .sub li.line.l2
{
	top:94px;
}
.nav li .sub li.line.l3
{
	top:141px;
}
.nav li .sub li.line.l4
{
	top:188px;
}
.getwidth
{
	display:block;
	width:760px;
	margin-top:0;
	border-right:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
.getwidth .head
{
	display:none;
}
.getwidth > ul > li
{
	width:auto;
	border:none;
	margin-right:10px;
}
.getwidth > ul > li:hover
{
	background:none;
	margin-right:10px;
}
.getwidth > ul > li a:hover
{
	color:#333;
}
.getwidth > ul > li a:hover i
{
	border:1px solid #ccc;
}
.box-product .box
{
	width:24.8%;
}
.footer .left
{
	width:100%;
	margin-right:0;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.box-counter
{
	width:35%;
}
.fanpage
{
	width:60%;
	float:right;
}
}

@media (min-width: 980px) and (max-width: 1180px) {
.container
{
	width:970px;
}
.featured
{
	margin-top:52px;
}
.module_title
{
	margin:20px 0;
}
.featured.carousel
{
	float:left;
}
.featured.carousel li
{
	width:237px;
}
.cate_banner
{
	width:39.8%;
	height:241px;
}
.box {
    width: 19.8%;
	height:260px;
}
.nav > li > a
{
	padding:15px;
}
#search input[type="text"] {
    width: 160px;
}
.hotline, .support_btn
{
	margin-right:10px;
}
.getwidth
{
	display:block;
	width:970px;
	border-right:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-top:0;
}
.getwidth .head
{
	display:none;
}
.getwidth > ul > li
{
	width:auto;
	border:none;
	margin-right:10px;
}
.getwidth > ul > li:hover
{
	background:none;
	margin-right:10px;
}
.getwidth > ul > li a:hover
{
	color:#333;
}
.getwidth > ul > li a:hover i
{
	border:1px solid #ccc;
}
.box-product .box
{
	width:24.8%;
}
}