.no {margin:0 16px;padding:2px 3px;color:#606060;border:solid 1px #A0A0A0} .b_w,.b_yt,.b_y,.b_gt,.b_g,.b_bt,.b_b {background-size:contain;background-repeat:repeat-x;padding-right:8px} .b_w {background-image:url(imgs/b_w.png)} .b_yt {background-image:url(imgs/b_yt.png)} .b_y {background-image:url(imgs/b_y.png)} .b_gt {background-image:url(imgs/b_gt.png)} .b_g {background-image:url(imgs/b_g.png)} .b_bt {background-image:url(imgs/b_bt.png)} .b_b {background-image:url(imgs/b_b.png)} /* circle numbers */ .n1,.n2,.n3,.n4,.n4a,.n5 {position:relative;padding-right:18px;font-size:1.2em} .n1:before,.n2:before,.n3:before,.n4:before,.n4a:before,.n5:before {position:absolute;top:-3px} .n1:before {content:'\2780'} .n2:before {content:'\2781'} .n3:before {content:'\2782'} .n4:before {content:'\2783'} .n4a:before {content:'\2783';color:RGBA(16,64,80,.33)} .n5:before {content:'\2784'} /* tables */ #tk {margin:0 0 8px 12px;border-spacing:0;font-size:.9em} #tk.bb {border-spacing:0 4px} #tk.bb td:nth-child(1) {white-space:nowrap} #tk.bb td:nth-child(2) {padding-left:20px;text-align:right;white-space:nowrap} #tk th {padding-bottom:2px;text-align:left;border-bottom:1px solid #808080} #tk th:first-child {text-align:right} #tk th:last-child {padding-left:11px} #tk td {padding:2px;vertical-align:top;color:#000000;out_line:1px solid #FF0000} #tk td:nth-child(1) {width:145px;text-align:right} #tk td:nth-child(1).wa {width:auto} #tk td:nth-child(1) span, #tk td:nth-child(2) {color:#808080;whi_te-space:nowrap} #tk td:nth-child(2) {padding-left:16px;text-indent:-16px} #tk td:nth-child(1) div, #tk td:nth-child(2) div {display:inline} h3 span.tk, #tk td:nth-child(2) span {padding:0 1px;color:#000000;font-weight:bold;outline:1px solid #C0C0C0} #tk td:nth-child(3) {padding-left:10px;text-indent:-8px} #tk span.sn {padding:0;opacity:0} #tt {margin-bottom:8px;border-spacing:0} #tt th {padding:5px 5px;text-align:left;font-weight:normal} #tt th, #tt th a {color:#A0A0A0} #tt th:nth-child(2) {text-align:center} #tt td {padding:5px;vertical-align:top} #tt tr:nth-child(even) td {padding-bottom:5px;border-top-width:1px;border-top-style:solid;border-top-color:#B0B0B0} #tt tr:nth-child(odd) td {display:none;padding-top:0;font-style:italic;font-size:.9em;color:#A0A0A0} /* Korean rows - hidden by default */ #tt td:nth-child(1) {text-align:right;color:#A0A0A0} #tt td:nth-child(2) {text-align:center;white-space:nowrap} #tt td:nth-child(2) span {font-style:italic;font-size:.9em;fon_t-size:.9rem} #tt td:nth-child(3) {padding-right:0} #tt td:nth-child(3) div {padding:2px 2px 2px 1px;text-align:center;font-size:.85em;fon_t-size:.85rem;font-weight:bold;color:#FFFF80;background-color:#808080;border-radius:5px} #tt td:nth-child(4) {min-width:70px} #tt td.cw {min-width:auto} /* because if previous cells have a colspan= the cell aligns with a higher column */ #tt tr.btn td {border-top-style:dashed;border-top-color:#C0C0C0} #tt tr.btn td:first-child {border-top-style:none} #tt tr.tcb td:nth-child(5), #tt tr.tcb td:nth-child(6), #tt tr.tcb td:nth-child(7) {color:#4040FF} /* https://CSSGradient.io */ #tt tr.bat td:nth-child(4), #tt tr.bat td:nth-child(5), #tt tr.bat td:nth-child(6), #tt tr.bat td:nth-child(7) {background-image:linear-gradient(RGBA(255,255, 0,.25) 0%,RGBA(128,128,255,.15) 25%,RGBA(128,128,255,.15) 100%)} #tt tr.bam td:nth-child(4), #tt tr.bam td:nth-child(5), #tt tr.bam td:nth-child(6), #tt tr.bam td:nth-child(7) {background-color:RGBA(128,128,225,.15)} #tt tr.bab td:nth-child(4), #tt tr.bab td:nth-child(5), #tt tr.bab td:nth-child(6), #tt tr.bab td:nth-child(7) {background-image:linear-gradient(RGBA(128,128,255,.15) 0%,RGBA(128,128,255,.15) 75%,RGBA(255,255, 0,.25) 100%)} #tt tr.bbt td:nth-child(4), #tt tr.bbt td:nth-child(5), #tt tr.bbt td:nth-child(6), #tt tr.bbt td:nth-child(7) {background-image:linear-gradient(RGBA(255,255, 0,.25) 0%,RGBA( 96,224, 96,.15) 25%,RGBA( 96,224, 96,.15) 100%)} #tt tr.bbm td:nth-child(4), #tt tr.bbm td:nth-child(5), #tt tr.bbm td:nth-child(6), #tt tr.bbm td:nth-child(7) {background-color:RGBA(96,224,96,.15)} #tt tr.bbb td:nth-child(4), #tt tr.bbb td:nth-child(5), #tt tr.bbb td:nth-child(6), #tt tr.bbb td:nth-child(7) {background-image:linear-gradient(RGBA( 96,224, 96,.15) 0%,RGBA( 96,224, 96,.15) 75%,RGBA(255,255, 0,.25) 100%)} #tt tr.bbc td:nth-child(3), /* this set is same as above but for a row with a colspan=3 in the second cell */ #tt tr.bbc td:nth-child(4), #tt tr.bbc td:nth-child(5) {background-image:linear-gradient(RGBA( 96,224, 96,.15) 0%,RGBA( 96,224, 96,.15) 75%,RGBA(255,255, 0,.25) 100%)} #tt tr.bct td:nth-child(4), #tt tr.bct td:nth-child(5), #tt tr.bct td:nth-child(6), #tt tr.bct td:nth-child(7) {background-image:linear-gradient(RGBA(255,255, 0,.25) 0%,RGBA(255,128, 0,.15) 25%,RGBA(255,128, 0,.15) 100%)} #tt tr.bcm td:nth-child(4), #tt tr.bcm td:nth-child(5), #tt tr.bcm td:nth-child(6), #tt tr.bcm td:nth-child(7) {background-color:RGBA(255,128, 0,.15)} #tt tr.bcb td:nth-child(4), #tt tr.bcb td:nth-child(5), #tt tr.bcb td:nth-child(6), #tt tr.bcb td:nth-child(7) {background-image:linear-gradient(RGBA(255,128, 0,.15) 0%,RGBA(255,128, 0,.15) 75%,RGBA(255,255, 0,.25) 100%)} /* hide/show sections */ /* background for content */ div.co1b, div.co2b, div.co3b, div.co4b, div.co5b, div.co6b, div.co7b, div.co8b {margin-bottom:8px;padding:8px;background-color:RGBA(255,255,255,0.5);border-radius:4px;box-shadow:1px 1px 3px RGBA(0,0,0,0.3)} /* notes: display when checked (hidden by default) */ .co1:checked ~ .co1b #tt tr:nth-child(odd) td, .co2:checked ~ .co2b #tt tr:nth-child(odd) td, .co3:checked ~ .co3b #tt tr:nth-child(odd) td, .co4:checked ~ .co4b #tt tr:nth-child(odd) td, .co5:checked ~ .co5b #tt tr:nth-child(odd) td {display:table-cell} /* screens <= 895px */ @media only screen AND (max-width:895px){ } /* screens <= 561px */ @media only screen AND (max-width:561px){ #tk {font-size:.85em} #tk td.cw {width:1px} /* shrinks wrapped cells to the text */ #tt th {padding:5px 3px;font-size:.85em;fon_t-size:.85rem} #tt td {padding:5px 3px;font-size:.8em;fon_t-size:.8rem} #tt tr:nth-child(odd) td {font-size:.8em} #tt td:nth-child(3) div {padding:2px;font-size:.6em;fon_t-size:.6rem} #tt td:nth-child(2) span {font-size:.75em;fon_t-size:.75rem} #tt td:nth-child(4) {min-width:60px} #tt td.cw {min-width:auto} }