@charset "utf-8";/* reset */
html { font-size:  10px;}
body {min-height:100%;}
body {_height:100%;}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,iframe,pre,code,fieldset,legend,form,input,select,textarea,button,p,blockquote,th,td,figure {margin:0;padding:0;}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,iframe,pre,code,fieldset,legend,form,p,blockquote,figure,header,footer,nav,article,section,aside,address,figcaption {*zoom:1;}
li {list-style-type:none;}
iframe,frame,fieldset,img {border:0 none;}
img {vertical-align:top;}
input[type="button"],input[type="submit"],input[type="reset"] {cursor:pointer;}
button {cursor:pointer;}
input,textarea,button {-webkit-border-radius:0;-webkit-appearance:none;background:#fff;}
input[type="radio"] {-webkit-border-radius:100%;-webkit-appearance:radio;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="search"] {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}
textarea {overflow:auto;resize:none;background:#fff;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:"";content:none;}
table {border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
th {font-weight:normal;}
em,cite,address,i {font-style:normal;}



@font-face {
    font-family: "Poppins0";
    src: url(Poppins-Light.ttf);
    src: url("Poppins-Light.ttf");
}
@font-face {
    font-family: "Poppins1";
    src: url(Poppins-Regular.ttf);
    src: url("Poppins-Regular.ttf");
}

@font-face {
    font-family: "Roboto";
    src: url(Roboto-Regular-14.ttf);
    src: url("Roboto-Regular-14.ttf");
}
.roboto{ font-family: 'Roboto';}
.popp0{ font-family: 'Poppins0';}
body, input, select, button, textarea {color:#222; font-size: 1.4rem; font-family:'Poppins1','PingFangSC-Regular',"Microsoft Yahei",sans-serif,'MicrosoftJhengHei',arial,"\5b8b\4f53"; }
h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:normal;}
body {line-height:1.5;}
.song {font-family:"\5b8b\4f53";}
a{ color: #222;}
a:hover {text-decoration:none !important;color:#BB0100;}
a:link,a:visited,a:active,a {text-decoration:none;}
a:focus {outline:none !important;}
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
.edit_con_original {line-height:1.8;padding:0 0;color:#222;}
.edit_con_original ul {margin:inherit;padding:inherit;}
.edit_con_original ul li {list-style-type:disc;margin:auto;padding:inherit;}
.edit_con_original ol {margin:inherit;padding:inherit;}
.edit_con_original ol li {list-style-type:decimal;margin:auto;padding:inherit;}
.edit_con_original h1 {font-size:2em;font-weight:bold;}
.edit_con_original h2 {font-size:1.5em;font-weight:bold;}
.edit_con_original h3 {font-size:1.17em;font-weight:bold;}
.edit_con_original h4 {font-size:1em;font-weight:bold;}
.edit_con_original h5 {font-size:0.83em;font-weight:bold;}
.edit_con_original h6 {font-size:0.67em;font-weight:bold;}
.edit_con_original em {font-style:italic;}
.edit_con_original cite {font-style:italic;}
.edit_con_original address {font-style:italic;}
.edit_con_original i {font-style:italic;}
.edit_con_original table {border-collapse:collapse;width:100%;}
.edit_con_original img {max-width:100%;height:auto;}
input::-webkit-search-cancel-button {display:none;}
/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before {content:"";display:table;}
.cf:after {content:"";display:table;clear:both;}
.cf {*zoom:1;}
.clear,.cl {display:block !important;float:none !important;clear:both;width:auto !important;max-width:none !important;min-width:0 !important;max-height:none !important;min-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;border:0 none !important;font-size:0 !important;line-height:0 !important;}
a,a:active,a:focus,input:focus,a:hover,a.music-toggle-btn:active,a.music-toggle-btn:focus,input:focus,a.music-toggle-btn:hover,img,img:active,img:focus,li:active,li:focus,li:focus,div,div:active,div:focus,div:hover,textarea,textarea:active,textarea:focus,textarea:hover button,button:active,button:focus,button:hover {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plainteeet-only;outline:none;-webkit-tap-highlight-color:transparent;}
/*公用样式end*/
.pangmen{ font-family: "PangMenZhengDaoBiao";}
.fl {float:left;}
.fr {float:right;}
.oh {overflow:hidden;}
.center {text-align:center;}
.f-left {text-align:left;}
.f-right {text-align:right;}
.bank5 {height:4.5rem;display:block;}
.bank10 {height:1rem;display:block;}
.bank15 {height:1.5rem;display:block;}
.bank20 {height:2rem;display:block;}
.bank30 {height:3rem;display:block;}
.bank40 {height:4rem;display:block;}
.bank50 {height:5rem;display:block;}
.bank60 {height:6rem;display:block;}
.bank70 {height:7rem;display:block;}
.bank80 {height:8rem;display:block;}
.bank90 {height:9rem;display:block;}
.bank100 {height:10rem;display:block;}
body .bon-blank,body .bon-blank2,body .bon-blue,body .bon-black,body .bon-red,body .bon-orange,body .bon-orange2,body .bon-gray {background:#ff9500;border:1px solid #ff9500;color:#fff;border-radius:2em;padding:0 1em;line-height:2.5;color:#fff;text-align:center;display:inline-block;min-width:4em;}

.bgf6{ background: #F6F7F9;}
body .cfff {color:#fff;}


body .red,
body a.red {color:#E60012;}
body a.red:hover {color:#E60012;}



body .c596,
body a.c596 {color:#596780;}
body a.c596:hover {color:#590000;}


body a.a13,
body .a13 {color:#131313;}
body a.a13:hover{ color: #BB0100;}

body a.a000,
body .a000 a,
body .a000 {color:#000;}
body .a000 a:hover,
body a.a000:hover{ color: #BB0100;}

body a.a222,
body .a222 a,
body .a222 {color:#222;}
body .a222 a:hover,
body a.a222:hover{ color: #BB0100;}


body a.a333,
body .a333 a,
body .a333 {color:#333;}
body .a333 a:hover,
body a.a333:hover{ color: #BB0100;}

body a.a666,
body .a666 a,
body .a666 {color:#666;}
body .a666 a:hover,
body a.a666:hover{ color: #BB0100;}

body a.a657,
body .a657 a,
body .a657 {color:#657894;}
body .a657 a:hover,
body a.a657:hover{ color: #BB0100;}

body a.a777,
body .a777,
body .a777 a {color:#777;}
body .a777 a:hover,
body a.a777:hover{ color: #BB0100;}


body a.a999,
body .a999 {color:#999;}
body a.a999:hover{ color: #BB0100;}

body a.blue,
body .blue a,
body .blue {color:#3563E9;}
body .blue a:hover,
body a.blue:hover{ color: #3563E9;}

body a.gree,
body .gree a,
body .gree {color:#34C76E;}
body .gree a:hover,
body a.gree:hover{ color: #34C76E;}

.bgfff{ background: #fff;}
.fff{ color: #fff;}
.cc4 {color:#c4c4c4;}
.c000 {color:#000;}
.c13 {color:#131313;}
.c333 {color:#333333;}
.c795 {color:#795f52;}
.c6c5 {color:#6c5a45;}
.c5a4 {color:#5a4968;}
.c777 {color:#777777;}
.c34 {color:#343434;}
.c855 {color:#8551a6;}
.c333 {color:#333333;}
.c666 {color:#666666;}
.c999 {color:#999999;}
.aaa {color:#aaa;}

body .text-d {text-decoration:underline;}
.text-d {text-decoration:underline;}
.pr {position:relative;}
.pa {position:absolute;}
.bg-000 {background:#000;}
.bg-333 {background:#545454;}
.bg-f3 {background:#f3f3f3;}
.bg-fa {background:#fafafa;}
.bg-fff {background:#fff;}
.bg-f8 {background:#f8f8f8;}
.bg-855 {background:#8551a6;}
body .bon-blank.disabled,body .bon-blue.disabled,body .bon-black.disabled,body .bon-red.disabled,body .bon-orange.disabled {opacity:0.6;filter:alpha(opacity=60);cursor:no-drop;}
body .bon-blank img,body .bon-blue img,body .bon-black img,body .bon-red img,body .bon-orange img {vertical-align:middle;position:relative;}
.f-b {font-weight:bold;}

.f-12 {font-size:1.2rem;}
.f-14 {font-size:1.4rem;}
.f-16 {font-size:1.6rem;}
.f-18 {font-size:1.8rem;}
.f-20 {font-size:2.0rem;}
.f-22 {font-size:2.2rem;}
.f-24 {font-size:2.4rem;}
.f-26 {font-size:2.6rem;}
.f-28 {font-size:2.8rem;}
.f-30 {font-size:3.0rem;}
.f-32 {font-size:3.2rem;}
.f-34 {font-size:3.4rem;}
.f-36 {font-size:3.6rem;}
.f-38 {font-size:3.8rem;}
.f-40 {font-size:4.0rem;}
.f-42 {font-size:4.2rem;}
.f-44 {font-size:4.4rem;}
.f-46 {font-size:4.6rem;}
.f-48 {font-size:4.8rem;}
.f-50 {font-size:5.0rem;}
.f-56 {font-size:5.6rem;}
.f-60 {font-size:6.0rem;}
.f-62 {font-size:6.2rem;}
.f-66{font-size:6.6rem;}
.f-68 {font-size:6.8rem;}
.f-72 {font-size:7.2rem;}
.f-80{ font-size: 8.0rem;}
.f-86{ font-size: 8.6rem;}
.f-90{ font-size: 9.0rem;}
.f-96{ font-size: 9.6rem;}
.f-100{ font-size: 10rem;}
.f-108 {font-size:10.8rem;}


.h1,h1 {font-weight:normal;}
.h2,h2 {font-weight:normal;}
.h3,h3 {font-weight:normal;}
.h4,h4 {font-weight:normal;}
.h5,h5 {font-weight:normal;}
.h6,h6 {font-weight:normal;}
.uppercase {text-transform:uppercase;}
.imghover { overflow: hidden;}
.imghover img{ transition: 0.5s;}
.imghover:hover img{ transform: scale(1.05);}
.img_ratio {position:relative;display:block;}
.img_ratio img {position:absolute;width:100%;left:0;top:0;height:100%;object-fit:cover;}
.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ellipsis-2 {overflow:hidden;line-height:1.5;height:3em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.ellipsis-3 {overflow:hidden;line-height:1.5;height:4.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.ellipsis-4 {overflow:hidden;line-height:1.5;height:6em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.ellipsis-5 {overflow:hidden;line-height:1.5;height:7.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;}
.ellipsis-6 {overflow:hidden;line-height:1.5;height:9em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;}
.ellipsis-7 {overflow:hidden;line-height:1.5;height:10.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;}
.ellipsis-8 {overflow:hidden;line-height:1.5;height:12em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;}
.ellipsis-9 {overflow:hidden;line-height:1.5;height:13.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:9;line-clamp:9;-webkit-box-orient:vertical;}
.line-000 {height:1px;background:#000;}
.line-333 {height:1px;background:#545454;}
.line-666 {height:1px;background:#666;}
.line-999 {height:1px;background:#999;}
.line-aaa {height:1px;background:#aaa;}
.line-ccc {height:1px;background:#ccc;}
.line-ddd {height:1px;background:#ddd;}
.line-eee {height:1px;background:#eee;}
.line-fff {height:1px;background:#fff;}
.line-bd {height:1px;background:#bdaa87;}
.line-15 {line-height:1.5rem;}
.line-20 {line-height:2rem;}
.line-25 {line-height:2.5rem;}
.line-30 {line-height:3rem;}
.line-35 {line-height:3.5rem;}
.line-40 {line-height:4rem;}
.line-45 {line-height:4.5rem;}
.line-50 {line-height:5rem;}
.pad-1 {padding:0.1rem;}
.pad-2 {padding:0.2rem;}
.pad-3 {padding:0.3rem;}
.pad-4 {padding:0.4rem;}
.pad-5 {padding:0.5rem;}
.pad-6 {padding:0.6rem;}
.pad-7 {padding:0.7rem;}
.pad-8 {padding:0.8rem;}
.pad-9 {padding:0.9rem;}
.pad-10 {padding:1rem;}
.pad-15 {padding:1.5rem;}
.pad-20 {padding:2rem;}
.pad-30 {padding:3rem;}
.pad-40 {padding:4rem;}
.pad-50 {padding:5rem;}
.pad-b-5 {padding-bottom:0.5rem;}
.pad-b-10 {padding-bottom:1rem;}
.pad-b-15 {padding-bottom:1.5rem;}
.pad-b-20 {padding-bottom:2rem;}
.pad-b-30 {padding-bottom:3rem;}
.pad-b-40 {padding-bottom:4rem;}
.pad-b-50 {padding-bottom:5rem;}
.pad-t-5 {padding-top:0.5rem;}
.pad-t-10 {padding-top:1rem;}
.pad-t-15 {padding-top:1.5rem;}
.pad-t-20 {padding-top:2rem;}
.pad-t-30 {padding-top:3rem;}
.pad-t-40 {padding-top:4rem;}
.pad-t-50 {padding-top:5rem;}
.pad-r-5 {padding-right:0.5rem;}
.pad-r-10 {padding-right:1rem;}
.pad-r-15 {padding-right:1.5rem;}
.pad-r-20 {padding-right:2rem;}
.pad-r-30 {padding-right:3rem;}
.pad-r-40 {padding-right:4rem;}
.pad-r-50 {padding-right:5rem;}
.pad-l-5 {padding-left:0.5rem;}
.pad-l-10 {padding-left:1rem;}
.pad-l-15 {padding-left:1.5rem;}
.pad-l-20 {padding-left:2rem;}
.pad-l-30 {padding-left:3rem;}
.pad-l-40 {padding-left:4rem;}
.pad-l-50 {padding-left:5rem;}
.mag-5 {margin:0.5rem;}
.mag-10 {margin:1rem;}
.mag-15 {margin:1.5rem;}
.mag-20 {margin:2rem;}
.mag-30 {margin:3rem;}
.mag-40 {margin:4rem;}
.mag-50 {margin:5rem;}
.mag-b-5 {margin-bottom:0.5rem;}
.mag-b-10 {margin-bottom:1rem;}
.mag-b-15 {margin-bottom:1.5rem;}
.mag-b-20 {margin-bottom:2rem;}
.mag-b-25 {margin-bottom:2.5rem;}
.mag-b-30 {margin-bottom:3rem;}
.mag-b-40 {margin-bottom:4rem;}
.mag-b-50 {margin-bottom:5rem;}
.mag-b-60 {margin-bottom:6rem;}
.mag-t-5 {margin-top:0.5rem;}
.mag-t-10 {margin-top:1rem;}
.mag-t-15 {margin-top:1.5rem;}
.mag-t-20 {margin-top:2rem;}
.mag-t-30 {margin-top:3rem;}
.mag-t-40 {margin-top:4rem;}
.mag-t-50 {margin-top:5rem;}
.mag-r-5 {margin-right:0.5rem;}
.mag-r-10 {margin-right:1rem;}
.mag-r-15 {margin-right:1.5rem;}
.mag-r-20 {margin-right:2rem;}
.mag-r-30 {margin-right:3rem;}
.mag-r-40 {margin-right:4rem;}
.mag-r-50 {margin-right:5rem;}
.mag-l-5 {margin-left:0.5rem;}
.mag-l-10 {margin-left:1rem;}
.mag-l-15 {margin-left:1.5rem;}
.mag-l-20 {margin-left:2rem;}
.mag-l-30 {margin-left:3rem;}
.mag-l-40 {margin-left:4rem;}
.mag-l-50 {margin-left:5rem;}
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {float:left;*margin-left:-1px;}
.col-sm-12 {width:100%;}
.col-sm-11 {width:91.66666667%;}
.col-sm-10 {width:83.33333333%;}
.col-sm-9 {width:75%;}
.col-sm-8 {width:66.66666667%;}
.col-sm-7 {width:58.33333333%;}
.col-sm-6 {width:50%;}
.col-sm-5 {width:41.66666667%;}
.col-sm-4 {width:33.33333333%;}
.col-sm-3 {width:25%;}
.col-sm-2 {width:16.66666667%;}
.col-sm-1 {width:8.33333333%;}
.flex {display:flex;}
.flex-c {justify-content:center;}
.flex-b {justify-content:space-between;}
.flex-e {justify-content:flex-end;}
.flex-d-c {flex-direction:column;}
.flex-a-c {align-items:center;}
.flex-a-b {align-items:baseline;}
.flex-wrap {flex-wrap:wrap;}
.flex1 {flex:1;}
.flex2 {flex:2;}
.flex3 {flex:3;}
.flex4 {flex:4;}
.flex5 {flex:5;}
.flex6 {flex:6;}
.flex7 {flex:7;}
.flex8 {flex:8;}
.flex9 {flex:9;}
.flex10 {flex:10;}

.comscroll{ padding-right: 10px;}
.comscroll::-webkit-scrollbar {
    width: 4px;
}
.comscroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #BB0100;
    opacity: 0.5;
}
.comscroll::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}


/*滚动条的滑轨背景颜色,可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
::-webkit-scrollbar-track {background-color:#f5f5f5;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1);border-radius:5px;}
/* 滑块颜色 */
::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.2);border-radius:5px;}
/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/::-webkit-scrollbar-button {background-color:#eee;display:none;}
/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
::-webkit-scrollbar-corner {background-color:black;}
@media only screen and (max-width: 1450px){
.f-80{ font-size: 7.0rem;}
.f-48 {font-size:4.4rem;}
}
@media only screen and (max-width: 1450px){
    .f-12 {font-size:1.2rem;}
    .f-14 {font-size:1.3rem;}
    .f-16 {font-size:1.4rem;}
    .f-18 {font-size:1.6rem;}
    .f-20 {font-size:1.8rem;}
    .f-22 {font-size:2.0rem;}
    .f-24 {font-size:2.0rem;}
    .f-28 {font-size:2.2rem;}
    .f-30 {font-size:2.6rem;}
    .f-36 {font-size:3.2rem;}
    .f-42 {font-size:3.4rem;}
    .f-46 {font-size:3.8rem;}
    .f-48 {font-size:4.0rem;}
    .f-60{ font-size: 5.0rem;}
    .f-80{ font-size: 6.0rem;}
    .f-90{ font-size: 7.0rem;}
    .f-96{ font-size: 9.6rem;}
    .f-100{ font-size: 10rem;}
    .f-108 {font-size:10.8rem;}
}

@media only screen and (max-width: 750px){
    body, input, select, button, textarea{ font-size: 2.4rem;}
    .f-12 {font-size:2rem;}
    .f-14 {font-size:2.4rem;}
    .f-16 {font-size:2.6rem;}
    .f-18 {font-size:2.8rem;}
    .f-20 {font-size:2.9rem;}
    .f-22 {font-size:3.0rem;}
    .f-24 {font-size:3.2rem;}
    .f-28 {font-size:3.4rem;}
    .f-30 {font-size:3.6rem;}
    .f-36 {font-size:4rem;}
    .f-42 {font-size:4.2rem;}
    .f-46 {font-size:5.2rem;}
    .f-48 {font-size:5.6rem;}
    .f-60{ font-size: 6.5rem;}
    .f-80{ font-size: 7.0rem;}
    .f-86{ font-size: 9.0rem;}
    .f-90{ font-size: 9.6rem;}
    .f-96{ font-size: 10rem;}
    .f-100{ font-size: 10.4rem;}
    .f-108 {font-size:11rem;}
}
@media only screen and (max-width: 750px){html { font-size:10.0px;}} 
@media only screen and (max-width: 740px){html { font-size:9.9px;}} 
@media only screen and (max-width: 730px){html { font-size:9.7px;}} 
@media only screen and (max-width: 720px){html { font-size:9.6px;}} 
@media only screen and (max-width: 710px){html { font-size:9.5px;}} 
@media only screen and (max-width: 700px){html { font-size:9.3px;}} 
@media only screen and (max-width: 690px){html { font-size:9.2px;}} 
@media only screen and (max-width: 680px){html { font-size:9.1px;}} 
@media only screen and (max-width: 670px){html { font-size:8.9px;}} 
@media only screen and (max-width: 660px){html { font-size:8.8px;}} 
@media only screen and (max-width: 650px){html { font-size:8.7px;}} 
@media only screen and (max-width: 640px){html { font-size:8.5px;}} 
@media only screen and (max-width: 630px){html { font-size:8.4px;}} 
@media only screen and (max-width: 620px){html { font-size:8.3px;}} 
@media only screen and (max-width: 610px){html { font-size:8.1px;}} 
@media only screen and (max-width: 600px){html { font-size:8.0px;}} 
@media only screen and (max-width: 590px){html { font-size:7.9px;}} 
@media only screen and (max-width: 580px){html { font-size:7.7px;}} 
@media only screen and (max-width: 570px){html { font-size:7.6px;}} 
@media only screen and (max-width: 560px){html { font-size:7.5px;}} 
@media only screen and (max-width: 550px){html { font-size:7.3px;}} 
@media only screen and (max-width: 540px){html { font-size:7.2px;}} 
@media only screen and (max-width: 530px){html { font-size:7.1px;}} 
@media only screen and (max-width: 520px){html { font-size:6.9px;}} 
@media only screen and (max-width: 510px){html { font-size:6.8px;}} 
@media only screen and (max-width: 500px){html { font-size:6.7px;}} 
@media only screen and (max-width: 490px){html { font-size:6.5px;}} 
@media only screen and (max-width: 480px){html { font-size:6.4px;}} 
@media only screen and (max-width: 470px){html { font-size:6.3px;}} 
@media only screen and (max-width: 460px){html { font-size:6.1px;}} 
@media only screen and (max-width: 450px){html { font-size:6.0px;}} 
@media only screen and (max-width: 440px){html { font-size:5.9px;}} 
@media only screen and (max-width: 430px){html { font-size:5.7px;}} 
@media only screen and (max-width: 420px){html { font-size:5.6px;}} 
@media only screen and (max-width: 410px){html { font-size:5.5px;}} 
@media only screen and (max-width: 400px){html { font-size:5.3px;}} 
@media only screen and (max-width: 390px){html { font-size:5.2px;}} 
@media only screen and (max-width: 380px){html { font-size:5.1px;}} 
@media only screen and (max-width: 370px){html { font-size:4.9px;}} 
@media only screen and (max-width: 360px){html { font-size:4.8px;}} 
@media only screen and (max-width: 350px){html { font-size:4.7px;}} 
@media only screen and (max-width: 340px){html { font-size:4.5px;}} 
@media only screen and (max-width: 330px){html { font-size:4.4px;}}