@import url('http://fonts.googleapis.com/css?family=Open+Sans');
*,html,a,img{padding:0;margin:auto}
html,body{height:100%}
header,section,footer,nav{display:block}
body{padding:85px 0 0;font-family:'Open Sans',Arial;color:#595757;background-color:#fafafa}
.wrap{min-height:100%;margin:62px auto -60px}
.header{position:fixed;width:100%;height:85px;top:0;left:0;z-index:100;clear:both}
.topbar{height:27px;font:13px/14px 'Open Sans',Arial;color:#fff;background:#745da4;}
.tbInr{width:960px;margin:0 auto;padding:8px 0}
.main{clear:both}
.footer{position:relative;background:#745da4;bottom:0;left:0;width:100%;height:60px}
.poweredby{position:absolute;margin-left:20px;bottom:20px}
.fb{position:absolute;right:15px}
.navTop{float:right;margin:0;padding:0 5px 0 0;list-style-type:none}
.navTop li{float:left;padding:0 15px;line-height:12px}
.navTop a{color:#fff;text-decoration:none}
.navTop a.intDel{color:#fecc12}
li.brd{border-right:1px solid #fff}
.logobar{background:#745da4}
.lbInr{width:960px;height:58px;margin:0 auto}
.logo{float:left;display:inline;width:205px;height:34px;margin-left:22px}
.logo img{width:205px;height:34px}

.search{float:right;margin:10px 0 0;padding:0 15px 0 0}
.inpSearch{float:left;width:245px;height:34px;margin:0;padding:0 5px;color:#fff;background:#745da4;border:1px solid #fff}
.butSearch{float:left;margin-left:-32px;width:32px;height:32px;background:url(../images/sprytIcons.png) 0 2px no-repeat;border:none;cursor:pointer;_cursor:default;color:transparent}
.cart{float:left;width:32px;height:32px;margin:0 0 0 14px;background:url(../images/sprytIcons.png) 0 -60px no-repeat}

.occbar{border-top:1px solid #f0f0f0}
.navOcc{width:960px;margin:0 auto;padding:0;list-style-type:none;background:#fff;overflow:hidden}
.navOcc li{float:left;padding:21px 22px;color:#5a5a5a}
.navOcc a,.navOcc h2{font-size:18px;line-height:18px;color:#5a5a5a;text-decoration:none;font-weight:normal;text-transform:uppercase}
.arowOcc{position:absolute;width:0;height:0;margin:-14px 0 0 35px;border-bottom:5px solid #745da4;border-left:5px solid transparent;border-right: 5px solid transparent}
.navOcc li:hover div{display:block}
.navOcc div.outr{position:absolute;display:none;margin:12px 0 0 -22px;padding:9px 0 0;white-space:nowrap;min-width:180px;background:#745da4}
.navOcc div.inr{padding:0 11px;background-color:#fff;border:1px solid #e4e4e4;box-shadow:-webkit-box-shadow:0 2px 2px 0 #e4e4e4;-moz-box-shadow:0 2px 2px 0 #e4e4e4;box-shadow:0 2px 2px 0 #e4e4e4;border-top:none;clear:both}
.navOcc div a{display:block;padding:9px;text-align:left;font-size:14px}
.navOcc div a:hover{background:#f8f8f8}
.breadCrumb{height:50px;background:#f5f5f3}
.bcInr{width:934px;padding:18px 0;font-size:12px;line-height:14px}

.banHome{height:515px;margin:0 0 90px;background:#efefef url(../images/home_baner.jpg) no-repeat top center;clear:both}
.banHome a{display:block;width:100%;height:515px}
.occbanHome{position:absolute;width:960px;margin:-190px auto 0}
.occbanHome img{float:left;display:block;width:33%;min-width:315px;border:none}
.occbanHome img.mid{margin:0 0.5%}
.indexTxt{padding:20px 0 0}
.indexTxt h4{padding:0 0 15px}
.indexTxt .c50{float:left;width:50%;display:inline;text-align:justify}
.indexTxt .lft{padding:0 20px 0 10px}
.indexTxt .rit{padding:0 10px 0 20px}

.contentWrap{width:960px;min-height:100%;padding:0 0 120px;overflow:hidden}
.pgHeader{margin:0;font-size:28px;line-height:34px;color:#232020;text-align:center;overflow:hidden;clear:both}
.pgHeader span.head{padding:0 36px;background-color:#fafafa}
.pgHeader div{position:relative;width:100%;padding:12px 0 0;font-size:12px;margin-top:-12px;border-top:1px solid #ccc;z-index:-1}
.pgHeader div span{display:none}
.pgHeader a{color:#232020;text-decoration:none}

.prdRow{margin:0 -12px 0 0;padding:27px 0 0;vertical-align:top;overflow:hidden;clear:both}
.prdBox{display:inline-block;position:relative;width:310px;min-height:380px;margin:0 11px 27px 0;vertical-align:top;font-family:'Open Sans',Arial;background:#fff;border:1px solid #f1f1f1;box-shadow:-webkit-box-shadow:0 1px 4px 0 #f1f1f1;-moz-box-shadow:0 1px 4px 0 #f1f1f1;box-shadow:0 1px 4px 0 #f1f1f1}
*+html .prdBox{float:left}
.prdBox a{text-decoration:none}
.prdBox .prdInr{text-align:center;border-bottom:3px solid #fc5959;overflow:hidden}
.prdBox .splBG{border-bottom:none;/*background:url(../images/bgSpecial.gif) repeat-x center bottom*/}
.prdBox .prdImg{width:296px;height:257px;margin:27px 0 9px 0}
.prdBox .prdDtl{padding:0 0 27px;width:296px;color:#858585}
.prdBox h2.pName{font-size:16px;font-weight:normal;height:43px;line-height:18px;text-align:left;overflow:hidden;text-overflow:ellipsis}
.prdBox font{color:#fc5959}
.prdBox .ordBox{line-height:21px;text-align:left;overflow:hidden}
.prdBox .prc{float:left;width:150px;height:42px;text-align:left}
.prdBox .prc div{height:21px;color:#383838;padding:10px 0 0}
.prdBox .ordBox span{padding:0 9px 0 0;color:#fc5959;text-decoration:line-through}
.prdBox .butDetail{float:right;width:140px;height:42px;padding-left:15px;text-align:left;color:#fff;background:#755fa3 url(../images/sprytArows.png) 115px -29px no-repeat;border:none;cursor:pointer;_cursor:default}
.prdBox .offer{position:absolute;width:100%;height:170px;margin:-3px 0 0;background:url(../images/sprytIcons.png) 99% -120px no-repeat;display:none}

.footInr{position:relative;width:960px;margin:0 auto;padding:21px 0;font-size:13px;color:#fff;text-align:center}
.footInr a{padding:0 10px;font-size:13px;line-height:13px;color:#fff;text-decoration:none}

.banPrdPage{height:175px;margin:9px 0 50px;text-align:center;background:url(../images/porduct_baner.jpg) no-repeat top center;color:#232020;clear:both}
.banPrdPage h3{padding:18px 0 9px;font-size:18px;font-weight:normal}
.banPrdPage div{padding:0 6%;font-size:14px}
.prdTxt{padding:30px 0 0}

.prdImgbox{float:left;position:relative;width:449px;padding:7px;background:#fff;border:1px solid #f1f1f1;box-shadow:-webkit-box-shadow:0 1px 4px 0 #f1f1f1;-moz-box-shadow:0 1px 4px 0 #f1f1f1;box-shadow:0 1px 4px 0 #f1f1f1}
.prdImgbox .offer{position:absolute;width:455px;height:150px;margin:-9px 0 0;background:url(../images/sprytIcons.png) 99% -120px no-repeat;display:none}
.prdImgbox img{display:block}
.prdDetails{padding:36px 0 0}
.prdDesc{float:right;position:relative;width:490px;font-size:14px}
.prdDesc h2{font-size:25px;font-weight:normal}
.prdDesc .desc{padding:18px 0}
.prdDesc .price{margin:18px 0;padding:15px 0;line-height:30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden}
.prdDesc .row{clear:both}
.prdDesc .col1{float:left;width:25%}
.prdDesc .col2{float:left;width:75%}
.prdDesc .col2 span{display:block;float:left;width:115px;margin:0px 5px 0px 0px;text-align:right}
.prdDesc .total{font-size:25px}
.prdDesc .butShop{float:right;width:140px;height:42px;padding-left:15px;text-align:left;color:#fff;background:#755fa3 url(../images/sprytArows.png) 115px -29px no-repeat;border:none;cursor:pointer;_cursor:default}

.content{padding:36px 0 0}
h3.head{padding:0 0 36px;font-size:30px;font-weight:normal}
.contact{width:500px;margin:0 auto}
select.dDown{width:485px;height:36px;line-height:34px;color:#595757;padding:0 5px;outline:none;display:inline-block;_cursor:default;cursor:pointer;border:1px solid #e6e6e6}
.drop {position:relative;width:485px;display:inline-block;margin:0 0 24px}
.drop:after{content:'<';font:24px "Consolas", monospace;color:#2a201b;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);right:12px;top:4px;padding:0;position:absolute;pointer-events:none}
.drop:before{content:'';right:1px;top:1px;width:24px;height:34px;background:#ffffff;position:absolute;pointer-events:none;display:block}
label{display:block;padding:0 0 9px;text-transform:uppercase;clear:both}
.contact input{width:475px;height:34px;line-height:34px;padding:0 5px;color:#595757;border:1px solid #e6e6e6;margin:0 0 24px}
.contact textarea{width:475px;height:135px;line-height:18px;padding:0 5px;color:#595757;border:1px solid #e6e6e6}
input.butSubmit{float:right;width:140px;height:42px;margin:18px 13px 0 0;padding-left:15px;text-align:left;color:#fff;background:#755fa3 url(../images/sprytArows.png) 115px -29px no-repeat;border:none;cursor:pointer;_cursor:default}
.info{display:block;height:20px;margin-top:-20px;font-size:12px;color:red;}
.redirect{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:60px 20px;width:560px;height:180px;color:#000;font-size:22px;line-height:28px;text-align:center;background:#fff url(../images/loading.gif) center 65% no-repeat;z-index:100000;display:none}
.redirect span,.redirect a{font-size:14px;color:#000}

@media only screen and (min-width: 1200px){
.tbInr,.lbInr,.navOcc,.footInr{width:1160px}
.bcInr{width:1158px}
.banHome{margin:0 0 120px}
.indexTxt .lft{padding:0 20px 0 30px}
.indexTxt .rit{padding:0 30px 0 20px}
.contentWrap{width:1160px}
.occbanHome{width:1160px;margin:-220px auto 0}
.banPrdPage div{padding:0 12%}
.prdRow{margin:0 -40px 0 0}
.prdBox{width:360px;margin:0 34px 27px 0}
.footInr{padding-left:18px}
.prdDesc{width:630px}
.prdDesc .col1{width:35%}
.prdDesc .col2{width:65%}
}