html {
    height:100%;
    min-height:100vh;
}
body {
    line-height: 1.8;
    color: #222;
    font-family: "Inter", "Inter Fallback","system-ui","arial";
    
    -webkit-font-smoothing: antialiased;
    margin:0;
    padding:0;
    height:100%;
    font-size: 18px;
    
    /*background-size: 100%;*/
}
.head {
    width:100%;
    min-width:1400px;
    height:100px;
    border-bottom:1px solid #ccc;
    font-size: 20px;
    margin:auto;
}
a {
    color:#5555ee;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

.head .ri {
    background: url("../images/meshterrainbuilder-icon.png") no-repeat 30px center;
}
.head .ri.tt {
    background: url("../images/tt/tiler-icon.png") no-repeat 30px center;
}
.head .ri.ts {
    background: url("../images/tslogo.png") no-repeat 30px center;
}
.head h1 {
    font-weight: 700;
    font-size: 30px;
    color: #333;
    padding: 0 0 0 100px;
}
.content {
    width:1400px;
    margin:0 auto;
}
.content > .le {
    padding:30px 20px;
    float:left;
    width:360px;
}
.content > .le > a > .u {
    display:inline-block;
    text-align: right;
    float: right;
    margin-right: 15px;
    rotate: 90deg;
}

.content > .le > a {
    display:inline-block;
    height:36px;
    padding:10px 0 0 10px;
    width:100%;
    text-decoration:none;
    color:#333;
    border-radius: 5px;
}
.content > .le > a:hover {
    background:#ebebeb;
    font-weight:bold;
}
.content > .le > a.a  {
    color:#5555ee;
    font-weight:bold;
}
.content > .le > a.a:hover {
    background:#ebebff;
}
.content > .le > a.i  {
    width:calc(100% - 20px);
    margin-left:20px;
}
.content > .ri {
    float:left;
    width:800px;
    padding-left:30px;
    border-left:1px solid #ccc;
}
.head .content > .ri {
    border: none;
}
.cl {
    clear:both;
}
.pm {
    width:800px;
    height:303px;
    background:url("../images/packagemgr.png") no-repeat;
}
.tpm {
    width:855px;
    height:303px;
    background:url("../images/tt/packagemgr.png") no-repeat;
}
.pck {
    width:800px;
    height:283px;
    background:url("../images/packages.png") no-repeat;
}
.tpck {
    width:758px;
    height:176px;
    background:url("../images/tt/packages.png") no-repeat;
}
.mtb {
    width:565px;
    height:1184px;
    background:url("../images/mtbinspector.png") no-repeat;
}
.conv {
    width:990px;
    height:548px;
    background:url("../images/conversion.png") no-repeat;
}
.res0 {
    width:561px;
    height:85px;
    background:url("../images/res0.png") no-repeat;
}
.mat0 {
    width:561px;
    height:167px;
    background:url("../images/mat0.png") no-repeat;
}
.exp0 {
    width:555px;
    height:60px;
    background:url("../images/mat0.png") no-repeat;
}
.mat1 {
    width:559px;
    height:147px;
    background:url("../images/mat1.png") no-repeat;
}
.mesi0 {
    width:561px;
    height:85px;
    background:url("../images/mesi0.png") no-repeat;
}
.res {
    width:990px;
    height:372px;
    background:url("../images/reso.png") no-repeat;
}
.opt {
    width:548px;
    height:83px;
    background:url("../images/opt.png") no-repeat;
}
.hole {
    width:990px;
    height:557px;
    background:url("../images/hole.png") no-repeat;
}
.smo {
    width:990px;
    height:977px;
    background:url("../images/smo.png") no-repeat;
}
.chu0 {
    width:561px;
    height:85px;
    background:url("../images/chu0.png") no-repeat;
}
.chu {
    width:990px;
    height:436px;
    background:url("../images/chunk.png") no-repeat;
}
.gra {
    width:990px;
    height:490px;
    background:url("../images/gra.png") no-repeat;
}
.mes {
    width:990px;
    height:990px;
    background:url("../images/mesi.png") no-repeat;
}
.til {
    width:900px;
    height:477px;
    background:url("../images/til.png") no-repeat;
}
.bset {
    width:568px;
    height:119px;
    background:url("../images/tt/bsettings.png") no-repeat;
}
.seti {
    width:800px;
    height:631px;
    background:url("../images/tt/selftile.png") no-repeat;
}
.tili {
    width:800px;
    height:394px;
    background:url("../images/tt/tiling.png") no-repeat;
}
.ttins {
    width:565px;
    height:344px;
    background:url("../images/tt/ttinspector.png") no-repeat;
}
p img {
    margin-top:10px;
}
.card {
    padding:20px;
    margin:20px;
    background:#ebebeb;
    border-radius: 10px;
}
.card .le {
    width:auto;
    float:left;
}
.card p {
    float:left;
    margin-left:20px;
    width:800px;
}