.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:0;border-top-width:1px;border-top-style:solid;border-top-color:#B0B0B0} #tt tr:nth-child(odd) td {padding-top:0;font-style:italic;font-size:.9em;color:#A0A0A0} #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 */ .hi1,.hi2,.hi3,.hi4,.hi5,.hi6, .sh1,.sh2,.sh3,.sh4,.sh5,.sh6,.sh7,.sh8, .co1,.co2,.co3,.co4,.co5,.co6 {display:none} /* hide checkbox */ .hi1a,.hi2a,.hi3a,.hi4a,.hi5a,.hi6a, .sh1a,.sh2a,.sh3a,.sh4a,.sh5a,.sh6a,.sh7a,.sh8a, .co1a,.co2a,.co3a,.co4a,.co5a,.co6a {cursor:pointer} /* cursor for label */ .hi1a span,.hi2a span,.hi3a span,.hi4a span,.hi5a span,.hi6a span, .sh1a span,.sh2a span,.sh3a span,.sh4a span,.sh5a span,.sh6a span,.sh7a span,.sh8a span {position:relative;top:-1px;font-size:.9em;fon_t-size:.9rem;font-weight:normal;font-style:italic;color:#A0A0A0} /* hide/show span text in heading */ .hi1 ~ .hi1a div,.hi2 ~ .hi2a div,.hi3 ~ .hi3a div,.hi4 ~ .hi4a div,.hi5 ~ .hi5a div,.hi6 ~ .hi6a div, .sh1 ~ .sh1a div,.sh2 ~ .sh2a div,.sh3 ~ .sh3a div,.sh4 ~ .sh4a div,.sh5 ~ .sh5a div,.sh6 ~ .sh6a div,.sh7 ~ .sh7a div,.sh8 ~ .sh8a div {display:inline} /* show/hide text button */ .co1a div,.co2a div,.co3a div,.co4a div,.co5a div,.co6a div {position:absolute;top:-20px;right:0;padding:4px;min-width:40px;font-size:.65em;fon_t-size:.65rem;text-align:center;color:#808080;background-image:url(imgs/overlay.png);background-repeat:repeat-x;background-position:0 -70px} .co1a div,.co2a div,.co3a div,.co4a div,.co5a div,.co6a div {background-color:#FFC0C0} /* button initially red */ .co1a div:last-child,.co2a div:last-child,.co3a div:last-child,.co4a div:last-child,.co5a div:last-child,.co6a div:last-child {background-color:#40FF40} /* pressed button green */ .co1a div:last-child span,.co2a div:last-child span,.co3a div:last-child span,.co4a div:last-child span,.co5a div:last-child span,.co6a div:last-child span {position:relative;top:1px} /* drop button text when pressed */ .co1:checked ~ .co1a div:first-child, .co2:checked ~ .co2a div:first-child, .co3:checked ~ .co3a div:first-child, .co4:checked ~ .co4a div:first-child, .co5:checked ~ .co5a div:first-child, .co6:checked ~ .co6a div:first-child, .co1:not(checked) ~ .co1a div:last-child, .co2:not(checked) ~ .co2a div:last-child, .co3:not(checked) ~ .co3a div:last-child, .co4:not(checked) ~ .co4a div:last-child, .co5:not(checked) ~ .co5a div:last-child, .co6:not(checked) ~ .co6a div:last-child {display:none} .co1:checked ~ .co1a div:last-child, .co2:checked ~ .co2a div:last-child, .co3:checked ~ .co3a div:last-child, .co4:checked ~ .co4a div:last-child, .co5:checked ~ .co5a div:last-child, .co6:checked ~ .co6a div:last-child {display:block} .hi1b,.hi2b,.hi3b,.hi4b,.hi5b,.hi6b, .sh1b,.sh2b,.sh3b,.sh4b,.sh5b,.sh6b,.sh7b,.sh8b {position:relative} .rp {padding-right:50px} /* set right padding so button doesn't overlap */ /* hide visible sections */ .hi1:not(checked) ~ .hi1a span, .hi2:not(checked) ~ .hi2a span, .hi3:not(checked) ~ .hi3a span, .hi4:not(checked) ~ .hi4a span, .hi5:not(checked) ~ .hi5a span, .hi6:not(checked) ~ .hi6a span, .hi1:checked ~ .hi1b, .hi2:checked ~ .hi2b, .hi3:checked ~ .hi3b, .hi4:checked ~ .hi4b, .hi5:checked ~ .hi5b, .hi6:checked ~ .hi6b {display:none} .hi1:checked ~ .hi1a span, .hi2:checked ~ .hi2a span, .hi3:checked ~ .hi3a span, .hi4:checked ~ .hi4a span, .hi5:checked ~ .hi5a span, .hi6:checked ~ .hi6a span {display:inline} /* show hidden sections */ .sh1:checked ~ .sh1a span, .sh2:checked ~ .sh2a span, .sh3:checked ~ .sh3a span, .sh4:checked ~ .sh4a span, .sh5:checked ~ .sh5a span, .sh6:checked ~ .sh6a span, .sh7:checked ~ .sh7a span, .sh8:checked ~ .sh8a span, .sh1:not(checked) ~ .sh1b, .sh2:not(checked) ~ .sh2b, .sh3:not(checked) ~ .sh3b, .sh4:not(checked) ~ .sh4b, .sh5:not(checked) ~ .sh5b, .sh6:not(checked) ~ .sh6b, .sh7:not(checked) ~ .sh7b, .sh8:not(checked) ~ .sh8b {display:none} .sh1:checked ~ .sh1b, .sh2:checked ~ .sh2b, .sh3:checked ~ .sh3b, .sh4:checked ~ .sh4b, .sh5:checked ~ .sh5b, .sh6:checked ~ .sh6b, .sh7:checked ~ .sh7b, .sh8:checked ~ .sh8b {display:inline} .co3a {position:relative;display:block} /* show korean */ .co1:not(checked) ~ .co1b #tt tr:nth-child(odd) td, .co2:not(checked) ~ .co2b #tt tr:nth-child(odd) td, .co3:not(checked) ~ .co3b #tt tr:nth-child(odd) td, .co4:not(checked) ~ .co4b #tt tr:nth-child(odd) td, .co5:not(checked) ~ .co5b #tt tr:nth-child(odd) td, .co6:not(checked) ~ .co6b #tt tr:nth-child(odd) td {display:none} .co1:not(checked) ~ .co1b #tt tr:nth-child(even) td, .co2:not(checked) ~ .co2b #tt tr:nth-child(even) td, .co3:not(checked) ~ .co3b #tt tr:nth-child(even) td, .co4:not(checked) ~ .co4b #tt tr:nth-child(even) td, .co5:not(checked) ~ .co5b #tt tr:nth-child(even) td, .co6:not(checked) ~ .co6b #tt tr:nth-child(even) td {padding-bottom:5px} .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, .co6:checked ~ .co6b #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} }