h4{
    color: #6B8E23;
}
div.hea{
    float: left;
    width: 330px;
    min-height: 100px;
}
img.heaimg{
    float: left;
    width: 220px;
    height: 50px;
    margin: 40px 40px 10px;
}
div.heaccc{
    position: relative;
    float: left;
    width: 330px;
    height: 120px;
}
div.heaccs{
    display: none;
    position: absolute;
    left: calc(50% - 60px);
    width: 120px;
    height: 160px;
    background: url('take-go.png');
}
footer{
    border-top: 5px solid #74CAEB;
}
button.phocbb{
    background: #458B00;
    background: linear-gradient(to bottom,#66CD00 0, #458B00 100%) #458B00;
    background-color: #458B00;
    border: 1px solid #6B8E23;
    text-shadow: 1px -1px 0 #6B8E23;
}
button.phocbb:hover{
    background: #458B00;
}
svg.basisa{
    fill: #6B8E23;
}
a.bastita:hover, span.bastitsa{
    color: #458B00;
}
div.topc{
    border: 1px solid #112233;
    background: linear-gradient(to bottom,#336699 0,#224466 100%) #224466;
    background-color: #224466;   
}
li.topli{
    border-color: #112233;
}
span.tops{
    background: #336699;
    border: 1px solid #224466;
    text-shadow: #000000 1px -1px 0;
}
a.nava:hover{
    color: #336699;
}
span.glbprc{
    color: #82AD0E;
    text-shadow: 0 1px 1px #004500;
}
button.crtbut{
    background: #458B00;
    background: linear-gradient(to bottom,#66CD00 0, #458B00 100%) #458B00;
    background-color: #458B00;
    border: 1px solid #6B8E23;
    text-shadow: 1px -1px 0 #6B8E23;
}
button.crtbut:hover{
    background: #458B00;
}
input.b1cbut{
    color: #333333;
    background: #ddd;
    border: 1px solid #ccc;
}
input.b1cbut:hover{
    color: #fff;
    background: #66CD00;
    border: 1px solid #6B8E23;
    text-shadow: 0 0 1px #6B8E23;
}
button.buybut{
    color: #fff;
    background: linear-gradient(to bottom,#66CD00 0, #458B00 100%) #458B00;
    background-color: #458B00;
    border: 1px solid #6B8E23;
    text-shadow: 1px -1px 0 #6B8E23;
}
button.buybut:hover{
    background: #458B00;
}
button.prcbut{
    color: #fff;
    background: linear-gradient(to bottom,#66CD00 0, #458B00 100%) #458B00;
    background-color: #458B00;
    border: 1px solid #6B8E23;
    text-shadow: 1px -1px 0 #6B8E23;
}
button.prcbut:hover{
    background: #458B00;
}
input.comaddb, input.comsub{
    color: #333333;
    background: #EEE;
    border: 1px solid #CCC;
}
input.comaddb:hover, input.comsub:hover{
    color: #fff;
    background: #66CD00;
    border: 1px solid #6B8E23;
    text-shadow: 0 0 1px #6B8E23;
}
div.lyrn, div.lyrna{
    color: #458B00;
    background-color: #fff;
    border: solid 1px #458B00;
}
div.lyrna, div.lyrn:hover{
    color: #fff;
    background-color: #66CD00;
    border: solid 1px #458B00;
    box-shadow: 0 0 3px #999999;
    text-shadow: 0 -1px 1px #6B8E23;
}
li.idxexpli{
    float: left;
    width: 100%;
    margin: 10px 0 40px;
}
img.idxexpimg, img.idxexpimg2{
    float: left;
    margin: 0 20px 0 0;
    width: calc(100% - 20px);
    max-width: 400px;
}
img.idxexpimg2{
    max-width: 120px;
}
h5.idxgrah5{
    display: inline-block;
    margin: 20px 0 10px;
    padding: 0;
    color: #000;
    line-height: 30px;
    text-indent: 5px;
    font-size: 20px;
    font-weight: 400;
}
div.sftld{
    display: none;
    position: absolute;
    top: 10px;
    left: calc(50% - 75px);
    width: 150px;
    height: 90px;
}
div.sftldm{
    float: left;
    width: 20%;
    text-align: center;
    margin: 20px 0;
}
span.sfcs{
    font-size: 20px;
    line-height: 30px;
    color: #369;
}
span.sfcss{
    display: inherit;
    line-height: 26px;
    font-size: 18px;
    color: #666;
    font-style: italic;
}
div.sfzld{
    float: left;
    width: 100%;
    margin: 10px 0 20px;
}
img.sfzli{
    float: left;
    margin: 0 10px 10px 0;
    max-width: 500px;
    width: calc(100% - 10px);
}

@media (max-width:1540px){
    div.heaccc{
        width: 250px;
    }
}
@media (max-width:1350px){
    div.hea{
        margin: 0 20px;
    }
    div.heaccc{
        width: 330px;
    }
}
@media (max-width:1160px){
    div.hea{
        margin: 0 10px;
    }
    div.heaccc{
        width: 250px;
    }
}
@media (max-width:1060px){
    div.heaccc{
        width: 200px;
    }    
}
@media (max-width:1010px){
    div.hea{
        min-height: 0;
    }
    img.heaimg{
        margin: 10px 15px 0;
    }
    div.heaccc{
        display: none;
    }
    div.sftldm{
        width: calc(100% / 3);
    }
}
@media (max-width:780px){
    div.hea{
        text-align: center;
    }
    img.heaimg{
        float: none;
    }
    div.hea{
        float: none;
        margin: 0 auto;
    }
    em.heaem{
        text-indent: 0;
    }
    img.idxexpimg{
        display: block;
        float: none;
        margin: 0 auto;
        width: 100%;
    }    
    img.sfzli{
        float: none;
        margin: 0 auto;
        max-width: 500px;
        width: 100%;
    }
}
@media (max-width:680px){
    div.sftldm{
        width: 50%;
    }
}
html{
    margin: 0;
    padding: 0;
    height: 100%;
    background: #2f3d49;
}
body{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    min-width: 360px;
}
img{
    border: 0;
}
a{
    text-decoration: none;
}
form{
    margin: 0;
    padding: 0;
}
header{
    position: relative;
    float: left;
    padding: 5px 0 0;
    width: 100%;
    min-width: 320px;
    min-height: 100px;
    background: #fff;
}
main{
    float: left;
    width: 100%;
    padding: 0 0 40px;
    background: #fff;
}
footer{
    position: relative;
    float: left;
    padding: 10px 0 20px;
    width: 100%;
}
h1{
    display: inline-block;
    margin: 10px 0;
    line-height: 40px;
    text-indent: 5px;
    color: #112038;
    font-family: 'OpenSansRegular', arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    padding: 0;
}
h2{
    margin: 10px 0;
    line-height: 40px;
    text-indent: 5px;
    color: #333;
    font-size: 22px;
    font-weight: 400;
    padding: 0;
}
h3{
    margin: 10px 0;
    line-height: 40px;
    text-indent: 5px;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    padding: 0;
}
h3.h3red{
    color: #9E3700;
    font-size: 22px;
}
h4{
    margin: 0;
    padding: 0;
    line-height: 30px;
    text-indent: 5px;
    font-size: 20px;
    font-weight: 400;
}
iframe{
    border: 0;
    width: 100%;
    height: 400px;
}
p{
    margin: 8px 0;
    font-size: 15px;
    color: #333;
    line-height: 22px;
    text-align: justify;
    text-indent: 10px;
}
.glbhid{
    display: none;
}
.glbtac{
    text-align: center;
}
.glbtar{
    text-align: right;
}
div.glbfl{
    float: left;
}
div.glbflw{
    float: left;
    width: 100%;
}
div.glbfl2{
    float: left;
    width: 50%;
}
a.glba{
    font-size: 15px;
    color: #336699;
    line-height: 26px;
    text-decoration: underline;
}
a.glbared{
    font: 15px;
    color: #b22222;
    text-decoration: underline;
}
a.glba:hover, a.glbared:hover{
    text-decoration: none;
}
ul.glbul0{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
li.glbli{
    color: #336699;
    font-size: 15px;
    line-height: 26px;
}
div.glbflx{
    width: 100%;
    overflow-x: auto;
}
div.glbind{
    margin: 0 auto;
    width: 100%;
    max-width: 1700px;
}
div.glbcnt{
    float: left;
    width: 100%;
    background: #fff;
}
span.glbprc{
    font-size: 26px;
}
span.glboldprc{
    font-size: 20px;
    color: #000;
    text-decoration: line-through;
}
span.glbuah{
    font-size: 12px;
    color: #777;
    font-style: italic;
    text-shadow: none;
}
span.glbnum{
    font-family: Tahoma;
    font-size: 15px;
    color: #333;
    text-shadow: none;
}
div.idxtop{
    display: none;
    position: fixed;
    cursor: pointer;
    right: 10px;
    bottom: 90px;
    padding: 10px 11px 19px;
    width: 18px;
    height: 11px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 50%;
    text-align: center;
    opacity: 0.8;
    z-index: 50;
}
svg.idxtopsvg{
    width: 18px;
    height: 11px;
    fill: #222222;
}
div.idxtop:hover{
    padding: 8px 11px 21px;
    border: 1px solid #bbb;
}
span.glbs{
    color: #333;
}
span.glbsred{
    color: #DD0000;
}
img.glbimgw{
    width: 100%;
}
div.glbttt{
    float: left;
    width: 100%;
    background: #188DB4;
    border-bottom: 1px solid #136E8C;
}
p.glbttp{
    color: #fff;
}
a.glbtta{
    color: #fff;
    text-decoration: underline;
}
a.glbtta:hover{
    text-decoration: none;
}
div.glbslc{
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 19px);
    width: 40px;
    height: 10px;
    line-height: 10px;
}
span.glbsls{
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #369;
    border: 1px solid #246;
    border-radius: 50%;
    margin: 0;
    opacity: 0.2;
    -webkit-animation-duration: 750ms;
    -o-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: smallload;
    -o-animation-name: smallload;
    animation-name: smallload;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
span.glbsls:nth-child(1) {
    -webkit-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms;
}
span.glbsls:nth-child(2) {
    -webkit-animation-delay: 180ms;
    -o-animation-delay: 180ms;
    animation-delay: 180ms;
}
span.glbsls:nth-child(3) {
    -webkit-animation-delay: 360ms;
    -o-animation-delay: 360ms;
    animation-delay: 360ms;
}
@keyframes smallload{0%{opacity: 0.3}30%{opacity: 1}100%{opacity: 0.3}}
div.adbd{
    float: left;
    width: 100%;
}
span.adbs{
    display: block;
    width: 100%;
    font-family: 'DIN 2014', sans-serif;
    font-size: 14px;
    color: #898686;
    line-height: 16px;
    text-align: center;
}
div.adblg{
    position: relative;
    display: block;
    margin: 20px auto;
    width: 163px;    
    height: 2px;
    overflow: hidden;
    background: #e5e5e5;
}
div.adblo{
    position: absolute;
    background: #f94942;
    height: 2px;    
}
button.adbbut{
    cursor: pointer;
    display: block;
    outline: 0;
    padding: 0;
    margin: 0 auto;
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-family: 'DIN 2014', sans-serif;
    text-align: center;
    transition: color .3s ease;
    color: #ffffff;
    background: #333333;
    border: 0;
    border-radius: 3px;
}
button.adbbut:hover{
    color: #fdc000;
}
div.pho{
    overflow: hidden;
    position: relative;
    float: left;
    width: calc(100% - 900px);
    text-align: center;
}
div.pho:hover{
    overflow: visible;
}
div.phoc{
    float: left;
    margin: 20px 0;
    width: 100%;
    max-width: 600px;
    line-height: 30px;
    background: #fff;
}
div.phof{
    display: none;
    margin: 0 auto;
    width: 160px;
    text-align: right;
}
span.phofs{
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    color: #336699;
    line-height: 26px;
}
ul.phoul{
    max-width: 400px;
    width: calc(100% - 200px);
    margin: 0;
    padding: 0;
    list-style-type: none;
}
table.photab{
    display: none;
    margin: 5px 0;
    border-collapse: collapse;
    width: 100%;
    border: 0;
}
td.photd1{
    line-height: 26px;
    font-size: 13px;
    color: #999;
    text-align: right;
}
td.photd2{
    text-indent: 10px;
    line-height: 26px;
    font-size: 14px;
    color: #333;
}
a.phoa{
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #333;    
}
a.phoa:hover{
    text-decoration: underline;
}
span.phos{
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #333;    
}
span.phos::before, a.phoam::before, span.phot::before{
    position: absolute;
    margin: 5px 0 5px -25px;
    width: 20px;
    height: 20px;
    content: ' ';
}
li.pholi{
    float: left;
    width: 50%;
    margin: 5px 0;
    min-height: 30px;
    text-align: center;
    text-indent: 25px;
}
svg.phosvg{
    position: relative;
    top: 4px;
    margin: 0 6px 0 0;
    width: 20px;
    height: 20px;
}
button.phocbb{
    cursor: pointer;
    display: inline-block;
    margin: 20px 35px;
    width: 130px;
    height: 40px;
    font-size: 13px;
    color: #6B8E23;
    background: #fff;
    border: 1px solid #6B8E23;
    text-shadow: none;
    border-radius: 3px;
    outline: 0;
}
button.phocbb:hover{
    color: #fff;
    background: #458B00;
}
div.top{
    float: left;
    padding: 0 0 10px;
    width: 100%;
    background: #fff;    
}
div.topind{
    margin: 0 auto;
    max-width: 1500px;
    width: 100%;
}
div.topc{
    position: relative;
    float: left;
    width: calc(100% - 2px);
    border-radius: 10px;
    z-index: 50;
}
li.topli, li.topli6, li.topli8{
    overflow: hidden;
    float: left;
    height: 50px;
    border-style: solid;
    border-width: 0;
    border-right-width: 1px;
    line-height: 50px;
    text-align: center;
}
li.topli{
    width: calc(25% - 1px);
}
li.topli6{
    width: calc(100% / 6 - 1px);
}
li.topli8{
    width: calc(100% / 8 - 1px);
}
li.topli:last-child{
    width: 25%;
    border-right-width: 0;
}
li.topli6:last-child{
    width: calc(100% / 6);
    border-right-width: 0;
}
li.topli8:last-child{
    width: calc(100% / 8);
    border-right-width: 0;
}
a.topa{
    font-size: 17px;
    color: #fff;
}
a.topa:hover{
    text-decoration: underline;
}
span.tops{
    cursor: default;
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    border-radius: 15px;
}
div.bas{
    overflow: hidden;
    position: relative;
    float: right;
    margin: 32px 0 0;
    width: 240px;
    height: 50px;
    font-size: 13px;
    color: #666666;
    text-align: center;
    z-index: 40;
}
div.bas:hover{
    z-index: 120;
}
div.basove{
    position: absolute;
    left: calc(50% - 110px);
    width: 220px;
    background: #fff;
}
div.bastit{
    width: 100%;
    height: 30px;
    line-height: 30px;
}
svg.basisg{
    position: relative;
    top: 4px;
    margin: 0 10px 0 0;
    width: 26px;
    height: 26px;
    fill: #999;
}
svg.basisa{
    margin: 0 5px;
    width: 26px;
    height: 26px;
}
span.bastits, span.bastitsa, a.bastita{
    font-family: Tahoma;
    font-size: 18px;
    font-weight: 400;
}
span.bastits, a.bastita{
    color: #333333;    
}
div.basemp{
    width: 100%;
    font-size: 13px;
    color: #666666;
    height: 30px;
    line-height: 22px;
    font-style: italic;
}
span.basval{
    font-size: 15px;
    color: #000;
    font-style: normal;
}
div.basarr{
    float: left;
    margin: 4px 105px;
    width: 30px;
    height: 16px;
}
div.navcnt{
    float: left;
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #F5F5F5;
}
nav.nav{
    float: left;
    margin: 6px 0;
    padding: 0 10px;
    width: calc(100% - 20px);
    min-height: 22px;
    line-height: 22px;
}
a.nava{
    font-size: 14px;   
    color: #999;
    text-decoration: none;
}
a.nava:hover{
    text-decoration: underline;
}
span.navact{
    display: inline-block;
    font-size: 14px;   
    color: #333;
}
span.navnxt:after{
    height: 100%;
    margin: 0 5px;
    width: 10px;
    color: #000;
    font-size: 18px;
    line-height: 22px;
    content: '\203A';
}
div.foo{
    float: right;
    width: 68%;
}
div.footxt{
    float: left;
    position: relative;
    padding: 0 0 0 30px;
    width: calc(32% - 30px);
}
div.fool2{
    float: left;
    width: calc(100% / 3);
}
div.fool3{
    float: left;
    width: calc(100% / 3 * 2);
}
div.fool{
    float: left;
    width: 50%;
}
ul.fooul{
    margin: 0 auto;
    width: 150px;
    min-height: 55px;
    list-style-type: none;
    line-height: 26px;
    font-size: 14px;
    color: #666;
}
a.fooa{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #999999;
    font-size: 14px;
    text-decoration: none;
    text-shadow: #000000 1px -1px 0;
}
a.fooa:hover{
    color: #fff;
    text-decoration: underline;
}
div.foot{
    float: left;
    margin: 20px 15px 0;
    width: calc(100% - 30px);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #999999;
    font-size: 13px;
    line-height: 20px;
    text-shadow: #000000 1px -1px 0;    
}
li.fooli{
    line-height: 30px;
}
p.foop{
    margin: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #999999;
    font-size: 15px;
    line-height: 26px;
    text-shadow: #000000 1px -1px 0;
}
div.foovc{
    position: absolute;
    top: 15px;
    left: 0;
    width: 4px;
    height: 30px;
    margin: 4px 12px;
    border: 1px solid #262626;
}
div.foovt{
    float: left;
    width: 4px;
    height: 15px;
    background: #0094FF;
    border-radius: 2px 2px 0 0;
}
div.foovb{
    float: left;
    width: 4px;
    height: 15px;
    background: #FDC000;
    border-radius: 0 0 2px 2px;
}
div.foovisd{
    float: left;
    margin: 0 20px;
    width: 80px;
    height: 80px;
}
svg.fooviss{
    width: 80px;
}
div.foomcd{
    float: left;
    margin: 20px 20px 10px;
    width: 60px;
    height: 50px;
}
svg.foomcs{
    width: 60px;
}
div.foompb{
    float: left;
    margin: 10px 5px 0;
    width: 80px;
    height: 80px;
}
div.zb{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 320px;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 140;
}
div.zc{
    position: absolute;
    display: none;
    padding: 39px 5px 5px;
    width: calc(100% - 22px);
    min-width: 330px;
    max-width: 330px;
    min-height: 120px;
    font-size: 13px;
    color: #333;
    border: 1px solid #2483C5;
    background: #FFFFFF;
    box-shadow: 0 0 25px #000000;
    z-index: 150;
}
div.zclo{
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 5px;
    width: 26px;
    height: 26px;
    fill: #231F20;
}
div.zclo:hover{
    cursor: pointer;
    background-color: #E81123;
    fill: #fff;
}
svg.zcls{
    width: 26px;
    height: 26px;
}
div.zdi{
    width: 100%;
}
div.zdt{
    position: absolute;
    top: 2px;
    margin: 7px 0;
    padding: 0  5px;
    width: calc(100% - 54px);
    min-height: 20px;
    font-size: 15px;
    color: #333;
    line-height: 20px;
    text-align: justify;
    font-style: italic;
    text-indent: 5px;
    background: rgba(256,256,256,0.8);
}
img.zimg{
    width: 100%;
}
div.zarr{
    position: absolute;
    cursor: pointer;
    top: calc(50% - 20px);
    padding: 10px 11px 19px;
    width: 18px;
    height: 11px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 3px;
    opacity: 0.8;
}
div.zarr:hover{
    padding: 8px 11px 21px;
    border: 1px solid #f0f0f0;
    opacity: 1;
}
div.zprev{
    transform: rotate(-90deg);
    left: 10px;
}
div.znext{
    transform: rotate(90deg);
    right: 10px;
}
div.b1c{
    position: relative;
    float: right;
    margin: 0;
    padding: 10px 0 10px 10px;
    width: 310px;
    height: 40px;
    font-size: 13px;
    color: #666;
    line-height: 40px;
}
span.b1cs{
    display: inline-block;
    width: 100%;
    font-size: 20px;
    color: #000;
    text-align: center;
    line-height: 30px;
}
input.b1cinp{
    float: right;
    margin: 0;
    padding: 0 7px;
    width: 133px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #333333;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 0;
    border-bottom: 1px solid #ccc;
}
input.b1cinp:focus{
    outline: #0496CE auto 5px;
    outline-offset: -2px
}
input.b1cbut{
    cursor: pointer;
    float: right;
    width: 40px;
    height: 40px;
    outline: none;
}
input.b1cbut:hover{
    background: #72B634;
}
div.sbc1{
    float: left;
    line-height: 82px;
    font-size: 16px;
    width: 50%;
}
div.sbc2{
    float: left;
    width: 50%;
}
input.sbctxt{
    outline: 0;
    padding: 0;
    margin: 20px 10px 0 0;
    width: 300px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-indent: 10px;
    color: #999;
    transition: color .3s ease;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-shadow: 0 0 0;
}
input.sbctxt:focus{
    color: #333;
}
input.sbcbut{
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 10px auto 0;
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-family: 'DIN 2014', sans-serif;
    text-align: center;
    transition: color .3s ease;
    color: #fff;
    background: #0496ce;
    border: 1px solid #369;
    border-radius: 3px;
    text-shadow: 0 0 0;
}
input.sbcbut:hover{
    background: #369;
}
span.sbcs{
    margin: 0 0 0 10px;
}
li.advli{
    float: left;
    width: calc(100% / 6 - 40px);
    height: 110px;
    margin: 20px;
    font-size: 15px;
    color: #575757;
    text-align: center;
}
svg.advsvg{
    width: 60px;
}

@media (max-width:1740px){
    div.glbind{
        margin: 0 20px;
        width: calc(100% - 40px);
    }
}
@media (max-width:1540px){
    div.pho{
        width: calc(100% - 820px);
    }
    button.phocbb{
        margin: 20px;
    }
    div.topind{
        padding: 0 20px 10px;
        width: calc(100% - 40px);
    }
}
@media (max-width:1430px){
    div.glbind{
        margin: 0 10px;
        width: calc(100% - 20px);
    }
    ul.phoul{
        width: calc(100% - 140px);
    }
    li.pholi{
        text-indent: 0;
    }
    button.phocbb{
        margin: 20px 0;
    }
    div.foo{
        width: 60%;
    }
    div.footxt{
        margin: 20px 0 0;
        width: calc(40% - 30px);
    }
}
@media (max-width:1350px){
    div.pho{
        margin: 35px 0;
        width: 180px;
        height: 50px;
    }
    div.phoc{
        position: absolute;
        top: 52px;
        left: calc(50% - 101px);
        padding: 5px 0 0;
        margin: 0;
        width: 200px;
        z-index: 130;
        box-shadow: 0 0 1px #000;
        border-radius: 1px;
    }
    ul.phoul{
        width: 200px;
    }
    li.pholi{
        width: 100%;
    }
    table.photab{
        display: table;
    }
    div.phof{
        display: block;
    }
    button.phocbb{
        margin: 20px 35px;
    }
}
@media (max-width:1160px){
    div.topind{
        padding: 0 10px 10px;
        width: calc(100% - 20px);
    }
    div.sbc1, div.sbc2 {
        text-align: center;
        width: 100%;
    }
    div.sbc1 {
        line-height: 20px;
    }
    input.sbcbut {
        margin: 10px auto 5px;
    }
    span.sbcs{
        margin: 0;
    }
}
@media (max-width:1060px){
    header{
        padding: 0;
    }
    div.foo{
        float: left;
        width: 100%;
    }
    div.footxt{
        width: calc(100% - 30px);
    }
    
}
@media (max-width:1010px){
    div.bas{
        margin: 23px 0 0;
    }
    div.top{
        padding: 0;
    }
    div.topc{
        width: 100%;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }
    div.topind{
        padding: 0;
        width: 100%;
    }
    a.topa, span.tops{
        font-size: 15px;
    }
    div.navcnt{
        border-top: 0;
    }
    div.pho{
        margin: 30px 40px 0;
    }
    div.pho{
        width: calc(100% - 590px);
        margin: 30px 0 0;
    }
    li.advli{
        width: calc(100% / 3 - 40px);
    }
}
@media (max-width:900px){
    div.glbind{
        margin: 0 5px;
        width: calc(100% - 10px);
    }
    div.glbfl2{
        width: 100%;
    }
    nav.nav{
        padding: 0;
        width: 100%;
    }
}
@media (max-width:810px){
    div.bas{
        width: 220px;
    }
    div.pho{
        width: calc(100% - 570px);
        margin: 30px 0 0;
    }
    a.topa, span.tops{
        font-size: 14px;
    }
}
@media (max-width:780px){
    div.pho, div.bas{
        width: 50%;
        margin: 15px 0 10px;
    }
    li.topli6, li.topli6:last-child{
        width: calc(100% / 3 - 1px);
    }
    li.topli6:nth-child(3n+3){
        width: calc(100% / 3);
        border-right-width: 0;
    }
    li.topli6:nth-child( -n + 3){
        border-bottom-width: 1px;
    }
    li.topli8, li.topli8:last-child{
        width: calc(100% / 4 - 1px);
    }
    li.topli8:nth-child(4n+4){
        width: calc(100% / 4);
        border-right-width: 0;
    }
    li.topli8:nth-child( -n + 4){
        border-bottom-width: 1px;
    }
    li.advli{
        width: calc(50% - 40px);
    }
}
@media (max-width:610px){
    li.topli, li.topli:last-child{
        width: calc(50% - 1px);
    }
    li.topli:nth-child(even){
        width: 50%;
        border-right-width: 0;
    }
    li.topli:nth-child( -n + 2){
        border-bottom-width: 1px;
    }
    div.fool{
        width: 100%;
    }
    div.fool3, div.fool2{
        width: 50%;
    }
    p.foop{
        font-size: 14px;
        text-align: left;
    }
}
@media (max-width:550px){
    input.sbctxt{
        width: 200px;
        margin: 0;
    }
    input.sbcbut{
        width: 120px;
        margin: 10px 0 5px;
    }
}
@media (max-width:470px){
    p{
        text-align: left;
    }
    div.pho{
        width: 100%;
    }
    div.phof{
        text-align: center;
    }
    div.bas{
        float: none;
        margin: 10px auto;
        width: 240px;
    }
}
@media (max-width:400px){
    div.fool2, div.fool3{
        width: 100%;
    }
    li.fooli{
        float: left;
        position: relative;
        left: -27px;
        width: 50%;
        text-align: center;
    }
    ul.fooul{
        margin: 0 10px 20px;
        width: calc(100% - 50px);
    }
}
div.cattop{
    position: relative;
    margin: 5px 10px 5px 0;
    float: left;
    min-height: 30px;
    font-size: 14px;
    text-indent: 5px;
    color: #999;
}
select.catsel{
    height: 30px;
    width: 120px;
}
div.catsort{
    position: relative;
    margin: 0;
    float: left;
    width: 200px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-indent: 5px;
    color: #999;    
}
div.catsortc{
    display: none;
    position: absolute;
    overflow: hidden;
    top: 27px;
    left: 80px;
    width: 110px;
    padding: 5px 7px;
    min-height: 100px;
    background: #fff;
    border: 0.1em solid #aaa;
    border-radius: 3px;
    box-shadow: 3px 3px 12px;
    z-index: 100;
}
span.catsorts{
    cursor: default;
    font-size: 14px;
    color: #0496ce;
    text-decoration: underline;
}
li.catsortli{
    cursor: pointer;
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #666;
}
li.catsortli:hover{
    color: #0496ce;
}
li.catsortliact{
    cursor: default;
    color: #000;
    text-decoration: underline;
}
li.catsortliact:hover{
    color: #000;
}
div.cattxt{
    position: absolute;
    top: -30px;
    right: 0;
    margin: 0 5px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #999;
    text-align: right;
}
div.cat{
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    font-size: 26px;
    color: #000;
    line-height: 200px;
    text-align: center;
}
li.catli{
    float: left;
    width: 20%;
}
div.crt{
    position: relative;
    overflow: hidden;
    margin: 10px auto 40px;
    width: 300px;
    height: 315px;
    background-color: #fff;
    text-align: center;
    line-height: 30px;
}
div.crt:hover{
    overflow: visible
}
div.crtovr{
    position: absolute;
    top: -10px;
    left: -21px;
    padding: 10px 20px 0;
    width: 300px;
    height: 490px;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 0 10px #999;
    z-index: 20;
}
div.crtovr:hover{
    border: 1px solid #369;
    z-index: 30;
}
div.crtad{
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
a.crta{
    font-size: 18px;
    color: #333333;
}
a.crta:hover{
    color: #336699;
    text-decoration: underline;
}
img.crti{
    width: 300px;
    height: 180px;
}
div.crtdis{
    position: absolute;
    cursor: default;
    top: 30px;
    left: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    background: #dd0000;
    box-shadow: 0 0 3px #b22222;
    text-shadow: 1px -1px 0 #b22222;
    border-radius: 25px;
    z-index: 10;
}
div.crtgft{
    position: absolute;
    cursor: default;
    top: 180px;
    left: 30px;
    width: 40px;
    height: 40px;
    text-align: center;
    z-index: 10;
}
div.crtcom{
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;    
}
a.crtcoma{
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px;    
    text-indent: 36px;    
    font-size: 13px;
    color: #333;
}
a.crtcoma:hover{
    fill: #369;
    color: #369;
}
svg.crtcom{
    float: left;
    width: 30px;
    height: 30px;
}
div.crtstr{
    position: relative;
    float: right;
    margin: 0 25px;
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #ccc;
    letter-spacing: -3px;
    text-align: left;
}
div.crtstra{
    overflow: hidden;
    position: absolute;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #ffa500;
    letter-spacing: -3px;
    text-align: left;
}
div.crtsiz{
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #999;    
}
span.crtx1, span.crtx2{
    display: inline-block;
    width: 27px;
    font-size: 16px;
    color: #333;
}
span.crtx1{
    text-align: right;
}
span.crtx2{
    text-align: left;
}
span.crtxn{
    font-size: 16px;
    color: #333;
}
span.crtxx{
    display: inline-block;
    width: 10px;
    font-size: 13px;
    color: #999;
    text-align: center;
}
select.crtsel{
    position: absolute;
    display: none;
    left: calc(50% - 34px);
    width: 88px;
    height: 30px;
    font-size: 15px;
}
div.crtprd{
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    line-height: 54px;
    text-align: center;
}
div.crtbutd{
    position: relative;
    float: left;
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 15px;
}
input.crtnum{
    width: 40px;
    height: 30px;
    text-indent: 5px;
    font-size: 18px;
}
button.crtbut{
    cursor: pointer;
    width: 100px;
    height: 40px;
    font-size: 15px;
    color: #FFFFFF;
    background: #72B634;
    border-radius: 2px;
    outline: 0;    
}
table.crttab{
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}
td.crttd{
    padding: 0 5px;
    width: 110px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    text-align: right;
}
td.crttd:nth-child(2n){
    color: #333;
    text-align: left;
}
@media (max-width:1500px){
    li.catli{
        width: 25%;
    }
}
@media (max-width:1200px){
    li.catli{
        width: calc(100% / 3);
    }
}
@media (max-width:900px){
    li.catli{
        width: 50%;
    }
    div.cattop{
        width: 250px;
        text-align: right;
    }
}
@media (max-width:620px){
    li.catli{
        width: 100%;
    }
}
@media (max-width:430px){
    div.buyc{
        width: 100%;
    }
    table.ctbtab{
        width: 100%;
    }
}
div.prdimgd{
    position: relative;
    float: left;
    width: 100%;
    max-width: 600px;
    min-height: 360px;
    text-align: center;
}
img.prdimgi{
    cursor: pointer;
    max-width: 600px;
    width: 100%;
}
div.prddis{
    position: absolute;
    cursor: default;
    top: 10px;
    left: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    background: #dd0000;
    box-shadow: 0 0 3px #b22222;
    text-shadow: 1px -1px 0 #b22222;
    border-radius: 25px;
    z-index: 10;
}
div.prdg{
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #F5F5F5;
}
div.buy{
    float: left;
    width: calc(100% - 1000px);
}
div.buyd{
    position: relative;
    float: left;
    width: 100%;
    min-height: 90px;
    line-height: 90px;
    font-size: 15px;
    color: #333;
    text-align: center;
}
div.buyc{
    position: relative;
    top: -50px;
    width: 400px;
    margin: 0 auto;
}
div.buystr{
    position: relative;
    float: left;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #ccc;
    letter-spacing: -2px;
    text-align: left;
}
div.buystra{
    overflow: hidden;
    position: absolute;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #ffa500;
    letter-spacing: -2px;
    text-align: left;
}
div.buystrd{
    float: left;
    width: calc(50% - 60px);
    margin: 5px 0;
    height: 30px;
    color: #777;
    font-size: 15px;
    line-height: 30px;
    text-align: center;    
}
span.buystrs{
    display: inline-block;
    padding: 0 8px;
    color: #369;
    background: #ffe4b5;
    border-radius: 16px;
    min-width: 15px;
}
a.buystraa{
    font-size: 15px;
    color: #415c90;
    text-decoration: underline;
}
a.buystraa:hover{
    color: #246;
    text-decoration: none;
}
div.buylog{
    float: left;
    width: 100%;
    height: 90px;
    text-align: center;
}
div.buysiz{
    width: 260px;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
    color: #999;
    font-size: 15px;
}
select.buysel, select.buyaov, select.buyaovtxt{
    width: 120px;
    height: 40px;
}
select.buyaovts{                                                              
    width: 160px;
    height: 40px;
}
div.buynp{
    position: relative;
    float: left;
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 15px;
    color: #999;
}
button.buybut{
    cursor: pointer;
    display: block;
    margin: 20px auto;
    width: 150px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    background: #72B634;
    font-weight: 300;
    border-radius: 3px;
    outline: 0;
}
div.buygft{
    float: left;
    padding: 5px;
    width: calc(100% - 12px);
    line-height: 22px;
    background: #fbfbfb;
    border: 1px dotted #d7d8dc;
    font-size: 16px;
    color: #000;
    border-radius: 3px;
}
label.buylab{
    font-size: 14px;
    color: #777;
}
label.buylab:hover{
    cursor: pointer;
    color: #336699;
    text-decoration: underline;
}
div.buyi2{
    float: left;
    width: 50%;
}
div.buyid{
    margin: 24px auto;
    width: 138px;
    height: 42px;
}
div.buyi{
    float: left;
    cursor: pointer;
    margin: 0 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #666666;
    text-align: center;
    border: 1px solid #FFFFFF;
}
div.buyi:hover{
    color: #336699;
    border: 1px solid #336699;
}
div.buyic{
    position: relative;
    float: left;
    margin: 0 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #000000;
    text-align: center;
    background: #F2F2F2;
    border: 1px solid #CCCCCC;
}
div.buyupd{
    cursor: pointer;
    margin: 20px auto;
    width: 230px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    background: #4babe0;
    font-weight: 300;
    border-radius: 3px;
}
div.buyupd:hover{
    background: #336699;
}
div.cdwt{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 148px;
    height: 30px;
    line-height: 30px;
    color: #d00;
    font-size: 14px;
}
div.cdwc{
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    padding: 3px;
    width: 148px;
    border: 1px solid #eee;
    background: #fff;
}
div.cdw{
    position: relative;
    float: left;
    width: 37px;
    text-align: center;
}
div.cdw:before{
    position: absolute;
    content: ':';
    width: 12px;
    top: 3px;
    left: -6px;
    font-size: 16px;
    font-weight: 700;
    color: #4d4b4b;
}
div.cdw:first-child:before{
    display: none;
}
span.cdwnum{
    line-height: 24px;
    font-size: 23px;
    color: #000;
}
span.cdwtxt{
    line-height: 12px;
    font-size: 12px;
    color: #666;
}
div.lyrd{
    float: left;
    width: 50%;
}
div.lyr{
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
}
div.lyrn, div.lyrna{
    cursor: help;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    z-index: 10;
    border-radius: 11px;
}
div.lyrn:hover, div.lyrna:hover{
    z-index: 12;
}
span.lyrs, span.lyrsa{
    cursor: default;
    color: #333;
}
span.lyrs:hover, span.lyrsa{
    color: #369;
    text-decoration: underline;
}
div.cha4{
    float: left;
    width: calc(25% - 20px);
    margin:  20px 10px;
    text-align: center;
}
div.chasd{
    margin: 10px 0;
    color: #999;
    line-height: 18px;
    font-size: 13px;
}
div.cha{
    margin: 0 auto;
    width: 220px;
    height: 100px;
}
svg.chasvg{
    float: left;
    width: 100px;
    height: 100px;
}
span.chas{
    font-size: 16px;
    color: #777;
    font-style: italic;
}
span.chass{
    display: inline-block;
    font-size: 16px;
    color: #000;
}
div.chatxt{
    float: left;
    width: 120px;
    height: 100px;
    line-height: 100px;
    font-size: 56px;
    color: #000;
    text-align: center;
}
div.chatxt2{
    float: left;
    width: 120px;
    height: 100px;
    line-height: 50px;
}
div.ctb2{
    float: left;
    width: 50%;
}
table.ctbtab{
    margin: 0 auto 20px;
    width: 400px;
    border-collapse: collapse;
    border: 1px solid #CCC;
}
caption.ctbcap{
    font-size: 16px;
    color: #336699;
    line-height: 40px;
}
tr.ctbtr{
    background: #f3f3f3;
}
tr.ctbtr:nth-child(even){
    background: #fff;
}
tr.ctbtr:hover{
    background: #e8f0fe;
}
td.ctbtd, td.ctbtd2{
    padding: 0 10px;
    height: 40px;
    color: #333;
    font-size: 13px;
    border-top: 1px solid #ccc;
}
td.ctbtd:nth-child(even), td.ctbtd2{
    color: #4F536C;
    font-size: 15px;
    text-align: center;
}
div.del{
    float: right;
    width: 400px;
}
div.delc{
    position: relative;
    float: left;
    margin: 10px 0;
    padding: 5px;
    width: calc(100% - 12px);
    border: 1px solid #eee;
}
div.deltit{
    position: absolute;
    top: -20px;
    left: 20px;
    padding: 5px;
    height: 30px;
    line-height: 30px;
    color: #000;
    background: #fff;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
}
ul.delul{
    margin: 10px 0 5px;
    padding: 0 0 0 25px;
}
span.delsg{
    font-family: Helvetica;
    color: #888;
}
span.delsgs{
    color: #000;
    text-decoration: underline;
}
li.matli{
    display: inline-table;
    padding: 10px 10px 20px;
    width: calc(50% - 20px);
    line-height: 18px;
}
div.matimd{
    float: left;
    margin: 0 10px 10px;
    width: 100px;
    height: 100px;
    background: url('bml.jpg') no-repeat;
}
li.colli{
    float: left;
    margin: 5px 4px 10px;
    width: 112px;
}
div.colimc{
    padding: 4px;
    width: 100px;
    border: 1px solid #fff;
}
div.colimc:hover{
    cursor: pointer;
    border: 1px solid #eee;
}
div.colimact{
    padding: 4px;
    width: 100px;
    border: 1px solid #72b634;
}
div.colimd{
    width: 100%;
}
div.coltxd{
    float: left;
    width: 100%;
    margin: 2px 0;
    line-height: 18px;
    height: 40px;
    font-size: 13px;
    color: #666;
    text-align: center;
}
div.colima{
    display: none;
    position: absolute;
    box-shadow: 0 0 5px #333;
}
div.cold{
    position: relative;
    float: left;
    width: 100%;
}
p.matp{
    font-size: 13px;
    color: #909090;
    text-indent: 12px;
    text-align: justify;
}
span.prcdis{
    display: inline-block;
    margin: 0 0 10px;
    font-size: 14px;
    color: #B22222;
}
table.prctab{
    margin: 10px auto 20px;
    width: 100%;
    font-family: Sans-Serif;
    font-size: 13px;
    color: #444444;
    text-align: center;
    background-color: #FEFEFE;
    border-collapse: collapse;
    box-shadow: inset 0 -1px 10px rgba(40, 40, 40, 0.1);    
}
td.prctd{
    height: 50px;
    min-width: 100px;
    font-size: 13px;
    color: #555555;
    border: 1px solid #CECECE;
}
div.prcbutd{
    position: relative;
    float: left;
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
}
button.prcbut{
    cursor: pointer;
    display: block;
    padding: 0;
    margin: 20px auto;
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-family: 'DIN 2014', sans-serif;
    transition: color .3s ease;
    font-size: 15px;
    color: #fff;
    background: #72B634;
    border: 1px solid #458B00;
    border-radius: 3px;
    outline: 0;
}
button.prcbut:hover{
    background: #458B00;
}
span.prca{
    font-size: 20px;
    color: #f00;
}
span.prcs{
    cursor: pointer;
    font-size: 20px;
    color: #000;
}
span.prcs:hover{
    color: #f00;
}
span.prcss{
    font-size: 20px;
    color: #000;
}
div.unpsvgd{
    float: left;
    margin: 20px 40px;
    text-align: center;
}
svg.unpsvg{
    width: 140px;
    height: 140px;
}
div.unpd1{
    float: left;
    width: 200px;
    margin: 20px;
}
span.unptit1{
    font-size: 30px;
    width: 100%;
    color: #000;
}
span.unptit2{
    font-size: 20px;
    width: 100%;
    font-style: italic;
    color: #000;
}
span.unpnum{
    font-family: sans-serif;
    font-size: 70px;
    color: #72B634;
    text-shadow: 0 0 1px #458B00;
}
span.unpuah{
    font-size: 16px;
    color: #999;
    font-style: italic;
}
div.unpd2{
    float: left;
    width: calc(100% - 460px);
    margin:  40px 0 0;
    color: #777;
    font-style: italic;
}
div.prpd{
    float: left;
    width: calc(50% - 80px);
    margin: 40px;
    text-align: center;
}
div.prpi0, div.prpi1{
    float: left;
    width: 96px;
    height: 96px;
    margin: 0 0 0 100px;
    background-image: url('https://tools.bedzzz.ua/png/partspay.png');
    background-size: cover;
}
div.prpi1{
    background-position: -96px 0;
}

@media (max-width:1480px){
    div.buyc{
        margin: 0 20px;
        width: calc(100% - 40px);
    }
}
@media (max-width:1400px){
    div.buy{
        width: calc(100% - 940px);
    }
    div.del{
        width: 340px;
    }
}
@media (max-width:1320px){
    div.buy{
        width: 345px;
    }
    div.prdimgd{
        width: calc(100% - 685px);
    }    
}
@media (max-width:1280px) {
    div.prdimgd {
        width: 600px;
    }

    div.buy {
        width: calc(100% - 600px);
    }

    div.buyc {
        top: 0;
        margin: 0 auto;
        width: 400px;
    }

    div.buyi2 {
        width: 50%;
    }

    button.buybut {
        margin: 20px auto;
    }

    div.buyid {
        margin: 24px auto;;
    }

    div.del {
        width: 100%;
    }

    div.delc {
        margin: 10px 10px 10px 0;
        width: calc(50% - 22px);
        min-height: 145px;
    }

    div.delc:nth-child(2) {
        margin: 10px 0;
        width: calc(50% - 12px);
    }

    div.unpd2 {
        margin: 0;
    }
    div.prpd {
        width: calc(50% - 40px);
        margin: 20px;
    }
    div.prpi0, div.prpi1{
        margin: 0;
    }
}
@media (max-width:1035px){
    div.prdimgd{
        width: calc(100% - 300px);
    }    
    div.buyc{
        margin: 0 auto;
        width: 300px;
    }
    div.lyrd{
        width: 500px;
    }
    div.lyrd:nth-child(2){
        width: calc(100% - 500px);
    }
    li.matli{
        padding: 10px 10px 20px;
        width: calc(100% - 20px);
    }
}
@media (max-width:980px){
    div.cha4 {
        width: calc(50% - 20px);
    }
    div.unpsvgd{
        width: 50%;
        margin: 0;
    }
    div.unpd1{
        width: 50%;
        margin: 0;
    }
    div.unpd2{
        width: 100%;
        margin: 10px 0 0;
        font-size: 13px;
    }
    div.prpd {
        width: 100%;
        margin: 20px 0;
    }
    div.prpi0, div.prpi1{
        margin: 0 0 0 100px;
    }
}
@media (max-width:840px){
    div.prdimgd{
        width: 100%;
        max-width: 100%;
        min-height: 0;
    }    
    div.buy{
        width: 100%;
    }    
    div.buyc{
        width: 400px;
    }    
    div.ctb2{
        width: 100%;
    }
    div.lyrd, div.lyrd:nth-child(2){
        width: 100%;
    }
}
@media (max-width:790px){
    div.delc, div.delc:nth-child(2){
        width: calc(100% - 12px);
        min-height: 0;
        margin: 10px 0;
    }
    div.cha4{
        width: calc(100% - 20px);
    }
    div.prpi0, div.prpi1{
        margin: 0 0 0 50px;
    }
}
@media (max-width:555px){
    div.prpi0, div.prpi1{
        margin: 0;
    }
}
@media (max-width:520px){
    div.prdimgd{
        padding: 40px 0 0;
    }
    span.unptit1{
        font-size: 23px;
    }
}