h4{
    color: #6B8E23;
}
div.hea{
    float: left;
    width: 330px;
    height: 100px;
}
img.heaimg{
    float: left;
    width: 240px;
    height: 70px;
    margin: 15px 45px 0;
}
em.heaem{
    cursor: default;
    display: inline-block;
    height: 26px;
    width: 100%;
    line-height: 26px;
    font-family: 'Roboto';
    font-size: 18px;
    color: #333333;
    font-style: normal;
    font-weight: 300;
    text-transform: lowercase;
    text-align: center;
}
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('germany.png');
}
footer{
    border-top: 5px solid #d00;
}
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;
}


@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){
    img.heaimg{
        margin: 0 50px 0;
    }
    div.heaccc{
        display: none;
    }   
}
@media (max-width:780px){
    div.hea{
        text-align: center;
    }
    img.heaimg{
        float: none;
        margin: 10px 15px 0;
    }
    div.hea{
        float: none;
        margin: 0 auto;
    }
}
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.com{
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
}
div.comcnt{
    width: 100%;
    padding: 0;
}
div.com1{
    float: left;
    width: 100%;
    margin: 3px 0 20px;
    padding: 5px 0;
    border-bottom: 1px solid #F2F2F2
}
div.comtit{
    float: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin: 2px 0px;    
}
div.comnam{
    float: left;
    padding: 0 10px;
    font-size: 14px;
    color: #3B75AF;
}
div.coms{
    float: left;
    margin: 0 5px;
    width: 100px;
    height: 24px;
    font-size: 20px;
    color: #ccc;
    line-height: 24px;
}
span.comys{
    color: #FDC000;    
}
div.comdat{
    float: left;
    font-size: 12px;
    color: #999999;
}
p.comp{
    margin: 5px 0 0;
    padding: 0;
    width: 100%;
    font-size: 13px;
    color: #666666;
    text-align: justify;
    text-indent: 5px;
    line-height: 18px;
}
div.comans{
    float: left;
    position: relative;
    padding: 5px;
    margin: 10px 10px 5px;
    max-width: calc(100% - 30px);
    font-size: 13px;
    color: #666666;
    text-align: justify;
    border: 1px solid #FFE4B5;
    background:  #FFFFF0;
    border-radius: 2px;
}
span.comanss{
    margin: 0 7px;
    font-size: 13px;
    color: #666666;
    font-weight: bold;
}
div.comarr{
    position: absolute;
    top: -6px;
    left: 20px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #FFE4B5;
    border-left: 1px solid #FFE4B5;
    background: #FFFFF0;
    transform: rotate(45deg);
    z-index: 20;
}
div.comnoc{
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 20px;
    font-size: 13px;
    color: #666666;
}
div.comadd{
    position: relative;
    float: left;
    padding: 4px;
    width: calc(100% - 8px);
    min-height: 68px;
}
div.comshw{
    display: none;
    width: 100%;
}
input.comaddb, input.comsub{
    cursor: pointer;
    display: block;
    outline: 0;
    padding: 0;
    margin: 20px auto;
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-family: 'DIN 2014', sans-serif;
    text-align: center;
    transition: color .3s ease;
    color: #336699;
    background: #fff;
    border: 1px solid #336699;
    border-radius: 3px;
}
input.comaddb:hover, input.comsub:hover{
    color: #ffffff;
    background: #0496ce;
    border: 1px solid #336699;
    text-shadow: 0 0 0;
}
div.comard{
    float: left;
    margin: 4px 0;
    width: 100%;
    max-width: 240px;
    height: 40px;
    line-height: 40px;
}
div.comart{
    float: left;
    padding: 0 3px;
    font-size: 13px;
    color: #333333;
}
input.cominp{
    padding: 0 2px;
    width: calc(100% - 40px);
    height: 32px;
    color: #333333;
    border: 1px solid #CCCCCC;
    background: #F2F2F2;
}
input.cominp:focus{
    background: #FFFAE4;
}
div.comsta{
    position: relative;
    float: left;
    margin: 5px;
    width: 150px;
    height: 30px;
}
div.comstg{
    cursor: pointer;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 38px;
    color: #ccc;
}
textarea.comta{
    font-size: 13px;
    color: #333333;
    width: calc(100% - 6px);
    height: 150px;
    padding: 2px;
    border: 1px solid #CCCCCC;
    background: #F2F2F2;
}
textarea.comta:focus{
    background: #FFFAE4;
}
span.comgap{
    font-size: 15px;
    color: #458B00;
}
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%;
    }
}