#image{display:block;line-height:0 !important;padding-top:15px;padding-bottom:15px;}
#image img{max-width:100%;max-height:100%;}
.rat{position:relative;width:100%;}
.rat::before{content:"";display:block;}
.rat.x1::before{padding-top:25%;}
.rat.x2::before{padding-top:37.5%;}
.rat.x3::before{padding-top:50%;}
.rat.x4::before{padding-top:62.5%;}
.rat.x5::before{padding-top:75%;}
.rat.x6::before{padding-top:87.5%;}
.rat.x7::before{padding-top:100%;}
.rat.x8::before{padding-top:112.5%;}
.rat.x9::before{padding-top:125%;}
.rat.x10::before{padding-top:137.5%;}
.rat.x11::before{padding-top:150%;}
.rat.x12::before{padding-top:162.5%;}
.rat.a1::before{padding-top:40px;}
.rat.a2::before{padding-top:50px;}
.rat.a3::before{padding-top:60px;}
.rat.a4::before{padding-top:70px;}
.rat.a5::before{padding-top:80px;}
.rat.a6::before{padding-top:90px;}
.rat.a7::before{padding-top:100px;}
.rat.a8::before{padding-top:110px;}
.rat.a9::before{padding-top:120px;}
.rat.a10::before{padding-top:130px;}
.rat.a11::before{padding-top:140px;}
.rat.a12::before{padding-top:150px;}
.rat #obj{position:absolute;top:0px;left:0px;bottom:0px;right:0px;}
.rat #obj #thumb{width:100%;height:100%;}
.rat #obj #thumb img{width:100% !important;height:100% !important;object-fit:contain;}
#image.al{text-align:left !important;}
#image.ac{text-align:center !important;}
#image.ar{text-align:right !important;}
#image.al .rat #obj #thumb img{object-position:left !important;}
#image.ac .rat #obj #thumb img{object-position:center !important;}
#image.ar .rat #obj #thumb img{object-position:right !important;}
@media only screen and (min-width:320px){
.rat.b1::before{padding-top:40px;}
.rat.b2::before{padding-top:50px;}
.rat.b3::before{padding-top:60px;}
.rat.b4::before{padding-top:70px;}
.rat.b5::before{padding-top:80px;}
.rat.b6::before{padding-top:90px;}
.rat.b7::before{padding-top:100px;}
.rat.b8::before{padding-top:110px;}
.rat.b9::before{padding-top:120px;}
.rat.b10::before{padding-top:130px;}
.rat.b11::before{padding-top:140px;}
.rat.b12::before{padding-top:150px;}
#image.bl{text-align:left !important;}
#image.bc{text-align:center !important;}
#image.br{text-align:right !important;}
#image.bl .rat #obj #thumb img{object-position:left !important;}
#image.bc .rat #obj #thumb img{object-position:center !important;}
#image.br .rat #obj #thumb img{object-position:right !important;}
}
@media only screen and (min-width:420px){
.rat.c1::before{padding-top:40px;}
.rat.c2::before{padding-top:50px;}
.rat.c3::before{padding-top:60px;}
.rat.c4::before{padding-top:70px;}
.rat.c5::before{padding-top:80px;}
.rat.c6::before{padding-top:90px;}
.rat.c7::before{padding-top:100px;}
.rat.c8::before{padding-top:110px;}
.rat.c9::before{padding-top:120px;}
.rat.c10::before{padding-top:130px;}
.rat.c11::before{padding-top:140px;}
.rat.c12::before{padding-top:150px;}
#image.cl{text-align:left !important;}
#image.cc{text-align:center !important;}
#image.cr{text-align:right !important;}
#image.cl .rat #obj #thumb img{object-position:left !important;}
#image.cc .rat #obj #thumb img{object-position:center !important;}
#image.cr .rat #obj #thumb img{object-position:right !important;}
}
@media only screen and (min-width:560px){
.rat.d1::before{padding-top:40px;}
.rat.d2::before{padding-top:50px;}
.rat.d3::before{padding-top:60px;}
.rat.d4::before{padding-top:70px;}
.rat.d5::before{padding-top:80px;}
.rat.d6::before{padding-top:90px;}
.rat.d7::before{padding-top:100px;}
.rat.d8::before{padding-top:110px;}
.rat.d9::before{padding-top:120px;}
.rat.d10::before{padding-top:130px;}
.rat.d11::before{padding-top:140px;}
.rat.d12::before{padding-top:150px;}
#image.dl{text-align:left !important;}
#image.dc{text-align:center !important;}
#image.dr{text-align:right !important;}
#image.dl .rat #obj #thumb img{object-position:left !important;}
#image.dc .rat #obj #thumb img{object-position:center !important;}
#image.dr .rat #obj #thumb img{object-position:right !important;}
}
@media only screen and (min-width:700px){
.rat.e1::before{padding-top:40px;}
.rat.e2::before{padding-top:50px;}
.rat.e3::before{padding-top:60px;}
.rat.e4::before{padding-top:70px;}
.rat.e5::before{padding-top:80px;}
.rat.e6::before{padding-top:90px;}
.rat.e7::before{padding-top:100px;}
.rat.e8::before{padding-top:110px;}
.rat.e9::before{padding-top:120px;}
.rat.e10::before{padding-top:130px;}
.rat.e11::before{padding-top:140px;}
.rat.e12::before{padding-top:150px;}
#image.el{text-align:left !important;}
#image.ec{text-align:center !important;}
#image.er{text-align:right !important;}
#image.el .rat #obj #thumb img{object-position:left !important;}
#image.ec .rat #obj #thumb img{object-position:center !important;}
#image.er .rat #obj #thumb img{object-position:right !important;}
}
@media only screen and (min-width:1000px){
.rat.f1::before{padding-top:40px;}
.rat.f2::before{padding-top:50px;}
.rat.f3::before{padding-top:60px;}
.rat.f4::before{padding-top:70px;}
.rat.f5::before{padding-top:80px;}
.rat.f6::before{padding-top:90px;}
.rat.f7::before{padding-top:100px;}
.rat.f8::before{padding-top:110px;}
.rat.f9::before{padding-top:120px;}
.rat.f10::before{padding-top:130px;}
.rat.f11::before{padding-top:140px;}
.rat.f12::before{padding-top:150px;}
#image.fl{text-align:left !important;}
#image.fc{text-align:center !important;}
#image.fr{text-align:right !important;}
#image.fl .rat #obj #thumb img{object-position:left !important;}
#image.fc .rat #obj #thumb img{object-position:center !important;}
#image.fr .rat #obj #thumb img{object-position:right !important;}
}