.r{color: red;} .sWrap{margin: 2rem 0;} .st{ padding: 1rem; background: #eee; border-radius: 1rem; box-shadow: 0 0 1rem #aaa inset; margin: .5rem 0 2rem; } .st span{ color: #aaa; padding: .5rem; margin: 0.5rem; display: inline-block; white-space: nowrap; } .st a:hover{ -webkit-text-decoration: underline; text-decoration: underline; } .tabs{ grid-template-columns: repeat(2, 1fr); } #r>div{display: none;} #r>div.in{display: block;animation: fadein .3s;} .rh tr:nth-child(even), .z tr:nth-child(even){ background: #f7f7f7; } .s{ width: 100%; table-layout: fixed; text-align: center; font-size: min(3vw,.9rem); } table.s th{ color: #fff; padding: .5rem 0; background: #333; top: 70px; position: -webkit-sticky; position: sticky; } th span{ -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space: pre; text-orientation: upright; } .s td{padding: .2rem 0;} .s .n{width: 16%;} .s tr{box-shadow: 0 0 1px #333 inset;} .s td{ white-space: nowrap; overflow: hidden; box-shadow: 0 0 1px #333; } .s td.in{background: darkgoldenrod;color: #fff;} .o{color: #aaa;} .h{background: #f7f7f7;} .hd{display: none;} .hd.z{display: table-row;} #rt table{ width: 100%; font-size:min(3.3vw,1rem); } #rt th{background: #eee;} #rt select, #rt input[type="text"]{ text-align:center; width: 3rem; font-size:min(16px,1rem); padding: .5em 0; margin: .5em 0; background: #fff; border: 1px solid #999; box-sizing: border-box; border-radius: .5rem; box-shadow: .1rem .1rem .1rem 0 #aaa inset; } #rt th, #rt tbody td{ text-align:center; padding: .5rem; box-shadow: 0 0 1px #333; } @media screen and (min-width:600px){ th span{ -webkit-writing-mode:horizontal-tb; -ms-writing-mode:lr-tb; writing-mode:horizontal-tb; } } .range1{ width: 96%; } #range1{ font-weight: 700; color: red; } .mgc{text-align: center;} div.s>.t14{width: 180vw;} div.s{overflow-x: scroll;} .tf, .t14{border-collapse: collapse;font-size: min(3.3vw, 1rem);text-align: center;} .t14 tr td:first-child{background:#eee;position:-webkit-sticky;position:sticky;left:0;}.t14 td{border:solid .5px #ccc;padding:min(.3rem) min(.1rem);} .t14 thead th{color:#fff;padding:.3rem;background-image: -webkit-linear-gradient(left, mediumseagreen 0%, green 50%, mediumseagreen 100%);background-image: linear-gradient(to right, mediumseagreen 0%, green 50%, mediumseagreen 100%);} .t14 thead th:first-child{border-top-left-radius:.7rem;} .t14 thead th:last-child{border-top-right-radius:.7rem;} .tf{width: 100%;table-layout: fixed;margin: 1rem 0 2rem;} .tf td{ border: solid .5px #ccc; padding:min(.3rem) min(.1rem); } .tf caption{color: #fff;background: green;font-weight: 700;padding: .5rem 0;} .tf tr.f td:nth-child(1), .tf thead{color: #fff;background: #333;} .tf th, .tf td{padding: .5rem 0;} .tf tbody tr td:nth-child(1){background: #eee;} .tf tr.f{background: #eee;} .tabs2{ display: grid; text-shadow: .5px .5px #fff; text-align: center; grid-gap: 5px; font-size: min(3.5vw, 16px); grid-template-columns: repeat(2, 1fr); margin: 0 0 2rem; } .cepa{text-align: center;} .cepa table{ width: 100%; table-layout: fixed;margin: 1rem 0 2rem; font-size: .9rem; } .cepa table td{ border: solid .5px #ccc; padding:min(.3rem) min(.1rem); } .cepa th{ background: #333; color: #fff; padding: .5rem; } .cepa th:nth-child(-n+2){width: 3.5rem;} .cepa tr:nth-child(even){ background: #f7f7f7; } .cepa>div>div{display: none;} .cepa>div>div.in{display: block;} .topTab{ display: grid; text-shadow: .5px .5px #fff; grid-gap: 5px; font-size: min(3.5vw, 16px); grid-template-columns: repeat(4, 1fr); margin: 2rem 0; text-align: center; } .cepa h3{ text-align: left; } .tf.a tbody tr:nth-child(1){background: #eee;} .mx{background: darkorange;color:#fff;} .tf.a tr:nth-child(1) td:nth-child(1){color: #fff;background: green;font-weight: 700;padding: .5rem 0;} @media screen and (min-width: 600px){ div.s{overflow: visible;}div.s>.t14{width:100%;} .cepa{ display: grid; text-shadow: .5px .5px #fff; grid-gap: 2rem; font-size: min(3.5vw, 16px); grid-template-columns: repeat(2, 1fr); margin: 0 0 2rem; } .topTab{grid-template-columns: repeat(8, 1fr);} }