﻿html {background: #000 url(images/newtop.gif) top left repeat-x;}
body {margin: 0px 0px; font-family: Arial; font-size: 12px; color: #000; line-height: 18px;}
table {border-collapse: collapse;}
td {font-family: Arial; font-size: 13px; color: #000; line-height: 18px;}
a {color: #333; text-decoration: none;}
a:hover {color: #f23535; text-decoration: none;}
img {border: 0px; margin: 0px;}
h1 {margin: 0px; padding: 0px;}
h2 {display: block; margin: 5px 0px; padding: 0px; height: 30px; line-height: 30px; color: #1375A1; font-size: 16px; font-weight: bold;}
.ch2 {height: 38px; background: url(images/lineh2.gif) bottom left repeat-x; color: #E67800;}
h2 a {color: #fff; font-size: 16px; font-weight: bold;}
h2 span {background: #fff; padding-right: 10px;}
h3 {display: block; margin: 5px 0px; padding: 0px; height: 26px; line-height: 26px; font-weight: bold; font-size: 15px; color: #333; border-bottom: 0px solid #999;}
.ch3 {background: url(images/h2.gif) bottom left no-repeat;}
p {margin: 0px; padding: 5px 0px;}
form {margin: 0px; padding: 0px;}
input {padding: 5px; height: 16px; line-height: 16px; border: 1px solid #e5e7eb;}
.searchtxt {padding: 5px; width: 250px; height: 20px; line-height: 20px; border: 1px solid #000; background: #000 url(images/bgsearch.gif) center right no-repeat; color: #fff;}
.myselect {-webkit-appearance: none; padding: 2px; height: 24px; border: 1px solid #e5e7eb; color: #666;}
.searchbt {-webkit-appearance: none; border: 0px; padding: 10px 5px; height: 36px; background: #fb6427; cursor: pointer; color: #fff;}
.dtl {border: 0px; padding: 0px; width: 84px; height: 20px; line-height: 20px; background: url(images/detail.gif) center no-repeat; cursor: pointer; color: #F27801;}
.myproname {display: block; height: 50px; overflow: hidden;}
.cart {display: block; width: 200px; height: 40px; line-height: 40px; background: url(images/cartbt.png) center no-repeat; font-weight: bold;}
.cart span {padding-left: 20px; font-weight: bold;}
.allpage {display: block; width: 1060px; margin: 0px auto; padding: 0px; overflow: hidden; text-align: left; background: #fff url(images/newtop.gif) top left repeat-x;}
.allpagebottom {display: block; width: 1060px; margin: 0px auto; padding: 10px 0px; overflow: hidden; text-align: left; background: #e8e8e8;}

.pagecontenttop {width: 1060px; margin: 0px auto; padding: 0px; float: left;}
.topmenu {background: url(images/bgmenu.gif) no-repeat;}

.cataloghead {display: block; width: 200px; height: 45px; line-height: 45px; color: #EA0E6F; font-size: 16px; font-weight: bold;}
.cataloghead a {color: #fff; font-size: 16px; }
.btmenu {width: 200px; height: 5p;}
.catalogheadsub {width: 180px; height: 46px; padding-left: 20px; line-height: 46px; color: #000; font-size: 16px; font-weight: bold; background: #feba01 url(images/xnav-bg.gif) repeat-x; }
.catalogheadsub a {color: #000; font-size: 16px; }
.catalogheadtm {width: 200px; height: 45px; line-height: 45px; color: #EA0E6F; font-size: 16px; font-weight: bold;}
.catalogheadright {width: 250px; height: 42px; line-height: 42px; padding-left: 20px; color: #1375A1; font-size: 16px; font-weight: bold; background: url(images/bgdanhmucright.gif) no-repeat;}
.contentright {width: 230px; padding: 0px 10px; background: url(images/bgright.gif) repeat-y;}
.btmenuright {width: 250px; height: 5p;}

.menusearch {width: 800px; height: 45px; background: url(images/bgmenu.gif) no-repeat; clear: left;}

.pagecontent {width: 1060px; margin: 0px auto; padding: 0px; float: left;}
.header {display: block; width: 1020px; height: 110px;}
.header .logo {display: block; width: 320px; height: 100px; margin-top: 10px; margin-left: 0px; float: left;}
.header .func {display: block; width: 690px; height: 100px; text-align: right; float: left;}
.header .func td {color: #fb6427;}
.header .func a {color: #fb6427; padding: 0px 5px;}
.toptoppage {color: #fff;}
.toptoppage a {color: #fff;}
.toppage a {padding: 0px 5px; color: #fff;}
.header .func a:hover {color: #333;}
.header .func .funcs {width: 705px; height: 80px; padding-top: 15px;}
.header .func .hotline {width: 690px; height: 35px; line-height: 35px; float: left; font-size: 20px;}
.header .func .mysearch {margin-top: 10px; margin-right: 20px; float: right; color: #EA0E6F;}
.header .func .hotline .tel {padding-right: 5px; float: right; color: #EA0E6F;}
.search {float: right;}
.mycart {display: block; width: 195px; height: 30px; margin-top: 10px; line-height: 30px; padding: 5px; border: 1px solid #000; background: #fff url(images/cart.gif) center left no-repeat; float: right; color: #000 !important; margin-right: 5px;}
.mycart span {font-size: 16px; font-weight: bold; color: #feba01;}

.menu {display: block; width: 100%; height: 40px; padding: 0px;}
.menu a {color: #fff; font-size: 11px; font-weight: bold; line-height: 15px;}
.menu td {background: url(images/split.gif) no-repeat;}

.leftblock {display: block; width: 200px; margin: 0px; float: left;}
.centerblock {display: block; width: 800px; margin: 0px; float: left;}
.rightblock {display: none; width: 250px; float: left;}
.leftcontent {display: block; background: url(images/bgleftmenu.gif) repeat-y; float: left;}
.centerblock {display: block; width: 800px; margin: 0px; float: left;}
.cenrightblock {display: block; width: 1060px; float: left;}

.maincatalog {display: block; height: 46px; line-height: 46px; padding-left: 20px; font-weight: normal; font-size: 18px; color: #fff; background: #feba01; margin: 0px; text-transform: uppercase;}
.maincatalog a {color: #fff;}
.maincontentinfo {display: block; width: 1060px; padding: 0px; background: #fff; float: left;}
.maincontentright {display: block; width: 250px; padding: 0px; background: #fff; float: left;}

.block2 {width: 480px; float: left;}
.block2box {width: 480px; background: #71AD53; padding: 10px 0px; float: left;}
.block2item {width: 215px; margin-left: 17px; float: left;}
.block2name {font-weight: bold; font-size: 18px; color: #fff; line-height: 20px;}
.block2name h2 {padding: 0px; margin: 0px; color: #E67800; height: 42px; line-height: 42px; font-size: 18px; padding-left: 50px;}
.block2name span {font-weight: normal; font-size: 12px; color: #fff;}
.block2name img {width: 215px; margin: 5px 0px;}
.block2name h2:hover {color: #333;}
.block2name:hover h2 {color: #333;}
.blockbox1 {margin-left: 16px;}

.block3item {width: 313px; margin-left: 20px; float: left;}
.block3item img {width: 313px; margin: 0px;}

.blockfunction {width: 180px; padding: 0px 10px; float: left;}
.f0 {width: 180px; padding-right: 10px; padding-left: 0px; float: left;}
.f4 {width: 180px; padding-right: 0px; padding-left: 10px; float: left;}

.itemblock {width: 214px; height: 360px; padding: 15px; margin-left: 15px; border: 1px solid #ededed; float: left; background: url(images/bgitemz.gif) left bottom repeat-x; overflow: hidden;}
.itemblock:hover {border: 1px solid #888;}
.itemcom {width: 155px; height: 200px; margin-top: 10px; margin-bottom: 10px; padding: 10px; border-left: 1px dotted #ccc; float: left; overflow: hidden; text-align: center;}
.block0 {margin-left: 0px; border-left: 0px;}
.item {display: block; margin-bottom: 5px; font-weight: normal; color: #333;}
.item span {display: block; height: 36px; overflow: hidden; color: #333; font-weight: bold;}
.item:hover span {color:#fb6427;}
.itemimg {display: block; width: 214px; height: 260px; margin-top: 0px; margin-bottom: 10px;}
.logoimg {display: block; width: 100px; height: 100px;}
.itemimgright {width: 50px; height: 52px; float: left; margin-top: 3px; margin-right: 10px;}
.pricedesc {display: block; width: 200px; text-align: left; color: #f00; font-weight: normal; font-size: 20px; line-height: 28px;}
.pricedesc  s {font-size: 10px;}
.pricedescdtl {text-align: left; color: #f00; font-weight: normal; font-size: 16px;}
.pricedescdtl  s {font-size: 10px;}
.cartbutton {-webkit-appearance: none; border: 0px; padding: 5px; width: 153px; height: 36px; background: #333 url(images/cartbt.gif) center left no-repeat; cursor: pointer; color: #fff; text-align: right; padding-right: 6px;}
.cartbt {display: block; width: 153px; margin-top: 30px; margin-left: 28px;}
.cartbutton:hover {background: #f23535 url(images/cartbthv.gif) center left no-repeat; }
.price {color: #D10200; font-weight: bold; font-size: 15px;}
.pricedtl {width: 80px; text-align: right; color: #f00; font-weight: bold; font-style: italic; float: left;}
.cartdtl {width: 80px; text-align: right; float: right;}

.btlink {display: block; line-height: 24px; color: #545454;}

.rows {display: block; clear: both;}
.title {display: block; font-weight: bold; font-size: 14px; color: #484848;}
.rightimg {width: 180px; height: 120px; float: left; margin-top: 4px; margin-right: 10px;}
.othertopic {display: block; margin: 0px; padding: 3px 0px; padding-left: 15px; line-height: 22px; color: #333; background: url(images/bullet1.gif) 0px 10px no-repeat;}

.searchform {display: block; width: 480px; height: 96px; color: #fff; background: url(images/homesearch.gif) no-repeat;}

.abanner {display: block; width: 140px; height: 27px; line-height: 27px; padding-left: 6px; margin-top: 1px; color: #fff; background: url(images/fmenu.png);}
.abanner:hover {color: #fff;}

#bottom {display: block; width: 1020px; color: #888; border-top: 1px solid #e7e7e7; margin: 0px 20px; padding-top: 20px; float: left;}
.headbottom {display: block; color: #fb6427; font-size: 13px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px;}
#bottom a {color:#888; font-size: 11px;}
#bottom a:hover {color:#333;}
.copyright {display: block; width: 1020px; color: #EA0E6F; background: #000; padding: 20px; text-align: left; color: #fff;}

.vSlider { margin: 0px auto; position:relative; border:1px solid #fff; overflow:hidden; }
.imgprosubr {width: 68px; padding: 1px; border: solid 1px #E8E6E6; margin-right: 5px; float: left;}
.imgprosub {width: 50px; height: 61px; padding: 1px; border: solid 1px #E8E6E6; margin-right: 10px; float: left;}
.proname {font-weight: bold;}

.itemblockx {width: 150px; height: 200px; margin: 0px 5px; float: left; overflow: hidden;}
.itemimgx {display: block; width: 150px; height: 160px; margin-bottom: 5px;}
.blockbox {width: 375px; height: 288px; margin-top: 10px; background: url(images/boxhome.jpg) no-repeat; float: left;}
.itemhome {width: 166px; height: 200px; padding: 10px; margin-top: 8px; overflow: hidden; float: left;}
.itemhome .imghome  {width: 150px; height: 154px; margin-left: 8px;}
.blockhome1 {border-left: 1px dotted #ccc;}

.rowscart {padding: 0px;}
.pcat {display: block; line-height: 24px; padding-left: 10px; font-weight: bold;}
.scat {display: block; line-height: 24px; padding-left: 25px; font-weight: normal; background: url(images/sub.gif) 10px 10px no-repeat;}
.boxleft {display: block; width: 200px; background: #fff url(images/boxleft.gif) no-repeat; float: left;}
.boxright {display: block; width: 250px; background: #fff url(images/boxright.gif) no-repeat; float: left;}
.frminput {width: 406px; height: 20px; line-height: 20px; color: #484848;}
.frmselect {width: 410px; height: 26px; line-height: 26px; color: #484848;}
.frmtext {width: 406px; height: 120px; color: #484848;}
.frmselectmid {width: 180px; color: #484848;}
.mybutton {width: 130px !important; color: #484848;}

.row0 {height: 60px; padding: 5px; background: #fff;}
.row1 {height: 60px; padding: 5px; background: #eee; border-top: 1px solid #ccc;}

.paging {clear: both; display: block; width: 100%; margin-bottom: 15px; text-align: right;}
.paging a {padding: 4px 5px; background: #f6f6f6; color: #333; font-weight: normal; }
.paging a.current {font-weight: bold; color: #EA0E6F; background: #eee;}

.r {}
.r:hover {background: #f6f6f6;}

.support {display:none; width: 135px; position: fixed; left: 0px; top: 30%;}
.supportcontent {display:block; width: 135px; background: url(images/spbg.png) repeat-y; float: left;}
.fb-like-box {width: 200px; overflow: hidden; border: 1px solid #ededed;}

.bte {font-weight: bold; padding: 5px 10px; border: 1px solid #999; margin: 0px 5px;}
.bted {font-weight: bold; padding: 5px 10px; border: 1px solid #ccc; margin: 0px 5px; color: #ccc;}
.bted:hover {color: #ccc;}