/* Thought Bubbles, Gedankenblasen via specialID - 7 versions per direction - 2 types for dialogue */ #AthoughtTop, #AthoughtTop1, #AthoughtTop2, #AthoughtTop3, #AthoughtTop4, #AthoughtTop5, #AthoughtTop6, #AthoughtTop7, #AthoughtRight, #AthoughtRight1, #AthoughtRight2, #AthoughtRight3, #AthoughtRight4, #AthoughtRight5, #AthoughtRight6, #AthoughtRight7, #AthoughtBottom, #AthoughtBottom1, #AthoughtBottom2, #AthoughtBottom3, #AthoughtBottom4, #AthoughtBottom5, #AthoughtBottom6, #AthoughtBottom7, #AthoughtLeft, #AthoughtLeft1, #AthoughtLeft2, #AthoughtLeft3, #AthoughtLeft4, #AthoughtLeft5, #AthoughtLeft6, #AthoughtLeft7 {overflow:visible;background-color:rgb(255, 255, 255, 1);border:rgb(255, 255, 255, 0) solid 1px;border-radius:16px;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #AthoughtRight::before, #AthoughtRight1::before, #AthoughtRight2::before, #AthoughtRight3::before, #AthoughtRight4::before, #AthoughtRight5::before, #AthoughtRight6::before, #AthoughtRight7::before {content:'';position:absolute;right:0;top:50%;width:15px;height:30px;border-right:0;margin-top:-12px;margin-right:-20px;background-color:rgb(255, 255, 255, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #AthoughtLeft::before, #AthoughtLeft1::before, #AthoughtLeft2::before, #AthoughtLeft3::before, #AthoughtLeft4::before, #AthoughtLeft5::before, #AthoughtLeft6::before, #AthoughtLeft7::before {content:'';position:absolute;left:0;top:50%;width:15px;height:30px;border-left:0;margin-top:-12px;margin-left:-20px;background-color:rgb(255, 255, 255, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #AthoughtTop::before, #AthoughtTop1::before, #AthoughtTop2::before, #AthoughtTop3::before, #AthoughtTop4::before, #AthoughtTop5::before, #AthoughtTop6::before, #AthoughtTop7::before {content:'';position:absolute;top:0;left:50%;width:30px;height:15px;border-top:0;margin-left:-12px;margin-top:-20px;background-color:rgb(255, 255, 255, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #AthoughtBottom::before, #AthoughtBottom1::before, #AthoughtBottom2::before, #AthoughtBottom3::before, #AthoughtBottom4::before, #AthoughtBottom5::before, #AthoughtBottom6::before, #AthoughtBottom7::before { content:'';position:absolute;bottom:0;left:50%;width:30px;height:15px;margin-left:-12px;margin-bottom:-20px;background-color:rgb(255, 255, 255, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #AthoughtRight::after, #AthoughtRight1::after, #AthoughtRight2::after, #AthoughtRight3::after, #AthoughtRight4::after, #AthoughtRight5::after, #AthoughtRight6::after, #AthoughtRight7::after {content:'';position:absolute;right:0;top:50%;width:10px; height:20px;margin-top:-12px;margin-right:-32px;background-color:rgb(255, 255, 255, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #AthoughtLeft::after, #AthoughtLeft1::after, #AthoughtLeft2::after, #AthoughtLeft3::after, #AthoughtLeft4::after, #AthoughtLeft5::after, #AthoughtLeft6::after, #AthoughtLeft7::after {content:'';position:absolute;left:0;top:50%;width:10px;height:20px;margin-top:-12px;margin-left:-32px;background-color:rgb(255, 255, 255, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #AthoughtTop::after, #AthoughtTop1::after, #AthoughtTop2::after, #AthoughtTop3::after, #AthoughtTop4::after, #AthoughtTop5::after, #AthoughtTop6::after, #AthoughtTop7::after {content:'';position:absolute;top:0;left:50%;width:20px;height:10px;margin-left:-12px;margin-top:-32px;background-color:rgb(255, 255, 255, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #AthoughtBottom::after, #AthoughtBottom1::after, #AthoughtBottom2::after, #AthoughtBottom3::after, #AthoughtBottom4::after, #AthoughtBottom5::after, #AthoughtBottom6::after, #AthoughtBottom7::after {content:'';position:absolute;bottom:1px;left:50%;width:20px;height:10px;margin-left:-12px;margin-bottom:-32px;background-color:rgb(255, 255, 255, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #BthoughtTop, #BthoughtTop1, #BthoughtTop2, #BthoughtTop3, #BthoughtTop4, #BthoughtTop5, #BthoughtTop6, #BthoughtTop7, #BthoughtRight, #BthoughtRight1, #BthoughtRight2, #BthoughtRight3, #BthoughtRight4, #BthoughtRight5, #BthoughtRight6, #BthoughtRight7, #BthoughtBottom, #BthoughtBottom1, #BthoughtBottom2, #BthoughtBottom3, #BthoughtBottom4, #BthoughtBottom5, #BthoughtBottom6, #BthoughtBottom7, #BthoughtLeft, #BthoughtLeft1, #BthoughtLeft2, #BthoughtLeft3, #BthoughtLeft4, #BthoughtLeft5, #BthoughtLeft6, #BthoughtLeft7 {overflow:visible;background-color:rgb(215, 215, 215, 1);border:rgb(215, 215, 215, 0) solid 1px;border-radius:16px;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #BthoughtRight::before, #BthoughtRight1::before, #BthoughtRight2::before, #BthoughtRight3::before, #BthoughtRight4::before, #BthoughtRight5::before, #BthoughtRight6::before, #BthoughtRight7::before {content:'';position:absolute;right:0;top:50%;width:15px;height:30px;margin-top:-12px;margin-right:-20px;background-color:rgb(215, 215, 215, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(100, 100, 100, 0.16);} #BthoughtLeft::before, #BthoughtLeft1::before, #BthoughtLeft2::before, #BthoughtLeft3::before, #BthoughtLeft4::before, #BthoughtLeft5::before, #BthoughtLeft6::before, #BthoughtLeft7::before {content:'';position:absolute;left:0;top:50%;width:15px; height:30px;margin-top:-12px;margin-left:-20px;background-color:rgb(215, 215, 215, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(100, 100, 100, 0.16);} #BthoughtTop::before, #BthoughtTop1::before, #BthoughtTop2::before, #BthoughtTop3::before, #BthoughtTop4::before, #BthoughtTop5::before, #BthoughtTop6::before, #BthoughtTop7::before {content:'';position:absolute;top:0;left:50%;width:30px; height:15px;margin-left:-12px;margin-top:-20px;background-color:rgb(215, 215, 215, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(100, 100, 100, 0.16);} #BthoughtBottom::before, #BthoughtBottom1::before, #BthoughtBottom2::before, #BthoughtBottom3::before, #BthoughtBottom4::before, #BthoughtBottom5::before, #BthoughtBottom6::before, #BthoughtBottom7::before {content:'';position:absolute;bottom:0;left:50%;width:30px;height:15px;margin-left:-12px;margin-bottom:-20px;background-color:rgb(215, 215, 215, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(100, 100, 100, 0.16);} #BthoughtRight::after, #BthoughtRight1::after, #BthoughtRight2::after, #BthoughtRight3::after, #BthoughtRight4::after, #BthoughtRight5::after, #BthoughtRight6::after, #BthoughtRight7::after {content:'';position:absolute;right:0;top:50%;width:10px; height:20px;margin-top:-12px;margin-right:-32px;background-color:rgb(215, 215, 215, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(100, 100, 100, 0.16); } #BthoughtLeft::after, #BthoughtLeft1::after, #BthoughtLeft2::after, #BthoughtLeft3::after, #BthoughtLeft4::after, #BthoughtLeft5::after, #BthoughtLeft6::after, #BthoughtLeft7::after {content:'';position:absolute;left:0;top:50%;width:10px;height:20px;margin-top:-12px;margin-left:-32px;background-color:rgb(215, 215, 215, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(100, 100, 100, 0.16);} #BthoughtTop::after, #BthoughtTop1::after, #BthoughtTop2::after, #BthoughtTop3::after, #BthoughtTop4::after, #BthoughtTop5::after, #BthoughtTop6::after, #BthoughtTop7::after {content:'';position:absolute;top:0;left:50%;width:20px;height:10px;margin-left:-12px;margin-top:-32px;background-color:rgb(215, 215, 215, 1);border-radius:50%;box-shadow:0 0 1px 1px rgb(100, 100, 100, 0.16);} #BthoughtBottom::after, #BthoughtBottom1::after, #BthoughtBottom2::after, #BthoughtBottom3::after, #BthoughtBottom4::after, #BthoughtBottom5::after, #BthoughtBottom6::after, #BthoughtBottom7::after {content:'';position:absolute;bottom:1px;left:50%;width:20px;height:10px;margin-left:-12px;margin-bottom:-32px;background-color:rgb(215, 215, 215, 1);border-radius:50%; box-shadow:0 0 1px 1px rgb(100, 100, 100, 0.16);} /* Bubbles, Sprechblasen via specialID - 7 versions per direction - 2 types for dialogues */ #AbubbleTop, #AbubbleTop1, #AbubbleTop2, #AbubbleTop3, #AbubbleTop4, #AbubbleTop5, #AbubbleTop6, #AbubbleTop7, #AbubbleRight, #AbubbleRight1, #AbubbleRight2, #AbubbleRight3, #AbubbleRight4, #AbubbleRight5, #AbubbleRight6, #AbubbleRight7, #AbubbleBottom, #AbubbleBottom1, #AbubbleBottom2, #AbubbleBottom3, #AbubbleBottom4, #AbubbleBottom5, #AbubbleBottom6, #AbubbleBottom7, #AbubbleLeft, #AbubbleLeft1, #AbubbleLeft2, #AbubbleLeft3, #AbubbleLeft4, #AbubbleLeft5, #AbubbleLeft6, #AbubbleLeft7, .PDFContent_content {overflow:visible;background-color:rgb(255, 255, 255, 1);border:rgb(255, 255, 255, 0) solid 1px;border-radius:16px;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #AbubbleRight::before, #AbubbleRight1::before, #AbubbleRight2::before, #AbubbleRight3::before, #AbubbleRight4::before, #AbubbleRight5::before, #AbubbleRight6::before, #AbubbleRight7::before {content:'';position:absolute;right:0;top:50%;width:0;height:0;border:transparent solid 12px;border-left-color:rgb(0, 0, 0, 0.5);border-right:0;margin-top:-12px;margin-right:-12px;} #AbubbleLeft::before, #AbubbleLeft1::before, #AbubbleLeft2::before, #AbubbleLeft3::before, #AbubbleLeft4::before, #AbubbleLeft5::before, #AbubbleLeft6::before, #AbubbleLeft7::before {content:'';position:absolute;left:0;top:50%;width:0;height:0;border:transparent solid 12px;border-right-color:rgb(0, 0, 0, 0.5);border-left:0;margin-top:-12px;margin-left:-12px;} #AbubbleTop::before, #AbubbleTop1::before, #AbubbleTop2::before, #AbubbleTop3::before, #AbubbleTop4::before, #AbubbleTop5::before, #AbubbleTop6::before, #AbubbleTop7::before, .PDFContent_content:before {content:'';position:absolute;top:0;left:50%;width:0; height:0;border:transparent solid 12px;border-bottom-color:rgb(0, 0, 0, 0.5);border-top:0;margin-left:-12px;margin-top:-12px;} #AbubbleBottom::before, #AbubbleBottom1::before, #AbubbleBottom2::before, #AbubbleBottom3::before, #AbubbleBottom4::before, #AbubbleBottom5::before, #AbubbleBottom6::before, #AbubbleBottom7::before {content:'';position:absolute;bottom:0;left:50%;width:0;height:0;border:transparent solid 12px;border-top-color:rgb(0, 0, 0, 0.5);border-bottom:0;margin-left:-12px;margin-bottom:-11.4px;} #AbubbleRight::after, #AbubbleRight1::after, #AbubbleRight2::after, #AbubbleRight3::after, #AbubbleRight4::after, #AbubbleRight5::after, #AbubbleRight6::after, #AbubbleRight7::after {content:'';position:absolute;right:0;top:50%;width:0;height:0;border:transparent solid 12px;border-left-color:rgb(255, 255, 255, 1);border-right:0;margin-top:-12px;margin-right:-12px;} #AbubbleLeft::after, #AbubbleLeft1::after, #AbubbleLeft2::after, #AbubbleLeft3::after, #AbubbleLeft4::after, #AbubbleLeft5::after, #AbubbleLeft6::after, #AbubbleLeft7::after {content:'';position:absolute;left:0;top:50%;width:0; height:0;border:transparent solid 12px;border-right-color:rgb(255, 255, 255, 1);border-left:0;margin-top:-12px;margin-left:-12px;} #AbubbleTop::after, #AbubbleTop1::after, #AbubbleTop2::after, #AbubbleTop3::after, #AbubbleTop4::after, #AbubbleTop5::after, #AbubbleTop6::after, #AbubbleTop7::after, .PDFContent_content:after {content:'';position:absolute;top:0;left:50%;width:0;height:0;border:transparent solid 12px;border-bottom-color:rgb(255, 255, 255, 1);border-top:0;margin-left:-12px;margin-top:-12px;} #AbubbleBottom::after, #AbubbleBottom1::after, #AbubbleBottom2::after, #AbubbleBottom3::after, #AbubbleBottom4::after, #AbubbleBottom5::after, #AbubbleBottom6::after, #AbubbleBottom7::after {content:'';position:absolute;bottom:1px;left:50%; width:0;height:0;border:transparent solid 12px;border-top-color:rgb(255, 255, 255, 1);border-bottom:0;margin-left:-12px;margin-bottom:-12px;} #BbubbleTop, #BbubbleTop1, #BbubbleTop2, #BbubbleTop3, #BbubbleTop4, #BbubbleTop5, #BbubbleTop6, #BbubbleTop7, #BbubbleRight, #BbubbleRight1, #BbubbleRight2, #BbubbleRight3, #BbubbleRight4, #BbubbleRight5, #BbubbleRight6, #BbubbleRight7, #BbubbleBottom, #BbubbleBottom1, #BbubbleBottom2, #BbubbleBottom3, #BbubbleBottom4, #BbubbleBottom5, #BbubbleBottom6, #BbubbleBottom7, #BbubbleLeft, #BbubbleLeft1, #BbubbleLeft2, #BbubbleLeft3, #BbubbleLeft4, #BbubbleLeft5, #BbubbleLeft6, #BbubbleLeft7 {overflow:visible;background-color:rgb(215, 215, 215, 1);border:rgb(215, 215, 215, 0) solid 1px;border-radius:16px;box-shadow:0 0 1px 1px rgb(80, 80, 80, 0.16);} #BbubbleRight::before, #BbubbleRight1::before, #BbubbleRight2::before, #BbubbleRight3::before, #BbubbleRight4::before, #BbubbleRight5::before, #BbubbleRight6::before, #BbubbleRight7::before {content:'';position:absolute;right:0;top:50%;width:0;height:0;border:transparent solid 12px;border-left-color:rgb(0, 0, 0, 0.5);border-right:0;margin-top:-12px;margin-right:-12px;} #BbubbleLeft::before, #BbubbleLeft1::before, #BbubbleLeft2::before, #BbubbleLeft3::before, #BbubbleLeft4::before, #BbubbleLeft5::before, #BbubbleLeft6::before, #BbubbleLeft7::before {content:'';position:absolute;left:0;top:50%;width:0;height:0;border:transparent solid 12px;border-right-color:rgb(0, 0, 0, 0.5);border-left:0;margin-top:-12px;margin-left:-12px;} #BbubbleTop::before, #BbubbleTop1::before, #BbubbleTop2::before, #BbubbleTop3::before, #BbubbleTop4::before, #BbubbleTop5::before, #BbubbleTop6::before, #BbubbleTop7::before {content:'';position:absolute;top:0;left:50%;width:0;height:0;border:transparent solid 12px;border-bottom-color:rgb(0, 0, 0, 0.5);border-top:0;margin-left:-12px;margin-top:-12px;} #BbubbleBottom::before, #BbubbleBottom1::before, #BbubbleBottom2::before, #BbubbleBottom3::before, #BbubbleBottom4::before, #BbubbleBottom5::before, #BbubbleBottom6::before, #BbubbleBottom7::before {content:'';position:absolute;bottom:0;left:50%;width:0;height:0;border:transparent solid 12px;border-top-color:rgb(0, 0, 0, 0.5);border-bottom:0;margin-left:-12px;margin-bottom:-11.4px;} #BbubbleRight::after, #BbubbleRight1::after, #BbubbleRight2::after, #BbubbleRight3::after, #BbubbleRight4::after, #BbubbleRight5::after, #BbubbleRight6::after, #BbubbleRight7::after {content:'';position:absolute;right:0;top:50%;width:0;height:0;border:transparent solid 12px;border-left-color:rgb(215, 215, 215, 1);border-right:0;margin-top:-12px;margin-right:-12px;} #BbubbleLeft::after, #BbubbleLeft1::after, #BbubbleLeft2::after, #BbubbleLeft3::after, #BbubbleLeft4::after, #BbubbleLeft5::after, #BbubbleLeft6::after, #BbubbleLeft7::after {content:'';position:absolute;left:0;top:50%;width:0;height:0;border:transparent solid 12px;border-right-color:rgb(215, 215, 215, 1);border-left:0;margin-top:-12px;margin-left:-12px;} #BbubbleTop::after, #BbubbleTop1::after, #BbubbleTop2::after, #BbubbleTop3::after, #BbubbleTop4::after, #BbubbleTop5::after, #BbubbleTop6::after, #BbubbleTop7::after {content:'';position:absolute;top:0;left:50%;width:0;height:0;border:transparent solid 12px;border-bottom-color:rgb(215, 215, 215, 1);border-top:0;margin-left:-12px;margin-top:-12px;} #BbubbleBottom::after, #BbubbleBottom1::after, #BbubbleBottom2::after, #BbubbleBottom3::after, #BbubbleBottom4::after, #BbubbleBottom5::after, #BbubbleBottom6::after, #BbubbleBottom7::after {content:'';position:absolute;bottom:1px;left:50%;width:0;height:0;border:transparent solid 12px;border-top-color:rgb(215, 215, 215, 1);border-bottom:0;margin-left:-12px;margin-bottom:-12px;} /*Exkurs #special ID*/ #excursusBG {position:absolute;bottom:0;left:62px;height:565px;width:900px;background-color:rgb(255, 255, 255, 1.0);border-radius:4px 4px 0 0;} .bgTransparent {background:rgb(255, 255, 255, 0) !important ;background-color:rgb(255, 255, 255, 0) !important ;border:none;} /* beta review page title */ #betaTitle {position:absolute;top:2px;width:100%;font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";font-size:14px;color:rgb(50, 50, 50);text-align:center;text-shadow:1px 1px 0 rgb(255, 255, 255, 1);} /* exit goodbye window */ .bodyBack {border:none;background-color:rgb(255, 82, 0, 1);background-image:url("../images/exit-window.jpg");background-size:1024px 672px;background-repeat:no-repeat;text-align:center;} .bodyBack div {width:75%;margin:20% auto;padding:24px;background-color:rgb(0, 0, 0, 0);border:none;} .bodyBack h2 {color:#fff;margin:0;font-size:22px !important ;line-height:26px !important ;font-weight:normal;} .bodyBack h3 {color:#fff;margin:0;font-size:16px !important ;font-weight:normal;line-height:20px !important ;} #PDFContent {} .PDFContent_content {position:relative; padding:6px 18px 8px 18px;} .buildPDFButton {position: relative;transform: translateX(-50%);left: 50%; cursor: pointer;} .pSummary { } textarea { border: 1px solid var(--primaryColor); width: 100%; resize: none; overflow: auto; max-width: 100%; box-sizing: border-box;} textarea:focus:not(:focus-visible) {outline: none;} textarea:focus-visible {outline: none; border: 1px dotted var(--secondaryColor);} .KeyCode-popup{} .keyButtonWA{ border: rgb(53, 51, 51) 1px solid; border-radius: 3px; background-color: rgba(228, 221, 221, 0.25); padding: 5px; margin: 5px; opacity: 1; } .keyCodes {width: auto; height: 30px; top: 5px; padding-top: 5px; position: absolute; left: 50%; transform: translateX(-50%); } .keyButton{ border: rgb(53, 51, 51) 1px solid; border-radius: 3px; background-color: rgba(228, 221, 221, 0.25); padding: 5px; margin: 5px; opacity: 0; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function:cubic-bezier(0.2, 0, 0, 1); animation-duration: 2s; } @keyframes fadeInOpacity { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } body, .text, .head, li, a, .TB, .ct, .titles, #audioText .content, #audioText .content br, .text sub, .text sup, .checkresulttable td, .hstyp1 .text, .hstyp1 .text br, .hstyp7 .text, .hstyp10 .text, .hstyp13 .text, .hstyp1 .text br, .hstyp24 .text, .hstyp25 .text, #pageCounter, #workingTimePanel, #testWorkingTimePanel, .glossarTitle, .glossarMenuContentActive, .glossarMenuContentPassive, .glossarContent, #splash, .jqplot-table-legend-label, #menu1 li.l1 a.l1a, #menu1 li.l2 a.l2a, #menu1 li.l3 a.l3a, #menu2 li.l1 a.l1a, #menu2 li.l2 a.l2a, #menu2 li.l3 a.l3a, #menu2 li.l4 a.l4a, #menuGM1 li, .FAILED, .RANGE, .PASSED, .COMPLETE, .INCOMPLETE, .RETRY, .LASTTESTTRY, .FINISHED, .SRESULT, .ERESULT, .TRESULT, #quizAccount, #menu1-header, #AudioNotification, .certificateDate, .certificateEntry, .certificateNamefield, .scaleLabel, .pSummary label, Button, .PDFContent_title {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-family: var(--bodyFont);} #title1, #title2, #title3, .HLP, .HLC, .HLT, .jqplot-table-legend-label, #breadcrumb1 ul li {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-family: var(--bodyFont);} .ui-widget {font-family: 'Open Sans', Arial, Helvetica, sans-serif !important ; font-family: var(--bodyFont) !important;} #breadcrumb1 ul li { font-family: var(--brandFont); font-style: var(--brandFont-style);} .PDFContent_title { font-size: 17px; line-height:25px; color:#000000; color: var(--fontColor); font-weight: 300; } .FAILED, .RANGE, .PASSED, .COMPLETE, .INCOMPLETE, .RETRY, .LASTTESTTRY, .SRESULT, .ERESULT, .TRESULT, .scaleLabel, .pSummary label, Button {font-size:13.5px;font-size: var(--font-size); line-height:18.5px;line-height: var(--line-height);color: #000000; color: var(--fontColor);} #AudioNotification {font-size:13.5px;font-size: var(--font-size); line-height:18.5px;line-height: var(--line-height);color: #fff;} #quizAccount {font-size: 15.5px;color: #fff;} .head, .TB, .titles, .checkresulttable td, litag {font-size:13.5px;font-size: var(--font-size); line-height:18.5px;line-height: var(--line-height);color: #000000; color: var(--fontColor);} .FAILED, .SRESULT, .PASSED, .COMPLETE, .INCOMPLETE, .RETRY, .LASTTESTTRY {text-align: center;} /*Lesson title = breadcrumb*/ #breadcrumb1 ul li { font-size: 22px; line-height:28px; color:#000000; color: var(--fontColor); font-weight: 300; } /*Headline Page - positioning in Caption Page*/ .HLP {font-size:13.5px;font-size: var(--font-size); line-height:18.5px;line-height: var(--line-height);font-weight:normal;color:rgba(69, 21, 68, 1);color: var(--primaryColor);text-align:right; padding:0px;} /*Headline Container - positioning in ContainerSettings > Caption*/ .HLC {font-size: 18px;line-height: 20.5px;font-weight: 300;padding: 0px;margin-bottom:18px;} /*Headline Textblock - positioning in TextblockSettings > textblockSettings > Caption*/ .HLT {font-size:13.5px;font-size: var(--font-size); line-height:18.5px;line-height: var(--line-height);font-weight:bold;display: block;margin-bottom:18px;} .ct {font-size:13.5px;font-size: var(--font-size); line-height:18.5px;line-height: var(--line-height);} .text {font-size:13.5px;font-size: var(--font-size);} #audioText .content { color: #000; color: var(--FW-audioTextColor);} #audioText .content, #audioText .content br {font-size: 12px; line-height:16.5px;} #pageCounter {font-size: 12px;line-height: 20px;color: #333;text-align: right;font-style: italic;} .circle-wrap .inside-circle {font-size:18px;} .dd-option, .dd-selected-text {font-size:13.5px;font-size: var(--font-size);white-space: nowrap;margin: 0 0 1px 3px !important;line-height: 18px;} .text {display:none;} .text sub {font-size: 11px;} .text sup {font-size: 11px;} b, strong {font-weight: bold;} /*arabic*/ body:lang(ar), .text:lang(ar), .head:lang(ar), li:lang(ar), a:lang(ar), .TB:lang(ar), .ct:lang(ar), .titles:lang(ar), #audioText:lang(ar) .content, #audioText:lang(ar) .content br, .text:lang(ar) sub, .text:lang(ar) sup, .checkresulttable:lang(ar) td, .hstyp1:lang(ar) .text, .hstyp1:lang(ar) .text br, .hstyp7:lang(ar) .text, .hstyp10:lang(ar) .text, .hstyp13:lang(ar) .text, .hstyp1:lang(ar) .text br, .hstyp24:lang(ar) .text, .hstyp25:lang(ar) .text, #pageCounter:lang(ar), #workingTimePanel:lang(ar), #testWorkingTimePanel:lang(ar), .glossarTitle:lang(ar), .glossarMenuContentActive:lang(ar), .glossarMenuContentPassive:lang(ar), .glossarContent:lang(ar), #splash:lang(ar), .jqplot-table-legend-label:lang(ar), #menu1:lang(ar) li.l1 a.l1a, #menu1:lang(ar) li.l2 a.l2a, #menu1:lang(ar) li.l3 a.l3a, #menu2:lang(ar) li.l1 a.l1a, #menu2:lang(ar) li.l2 a.l2a, #menu2 li.l3 a.l3a, #menu2:lang(ar) li.l4 a.l4a, #menuGM1:lang(ar) li, .FAILED:lang(ar), .RANGE:lang(ar), .PASSED:lang(ar), .COMPLETE:lang(ar), .INCOMPLETE:lang(ar), .RETRY:lang(ar), .LASTTESTTRY:lang(ar), .FINISHED:lang(ar), .SRESULT:lang(ar), .ERESULT:lang(ar), .TRESULT:lang(ar), #quizAccount:lang(ar), #menu1-header:lang(ar), #AudioNotification:lang(ar), .certificateDate:lang(ar), .certificateEntry:lang(ar), .certificateNamefield:lang(ar), .scaleLabel:lang(ar) {font-family: 'Tajawal', Tahoma, Arial, Helvetica, sans-serif;} #title1:lang(ar), #title2:lang(ar), #title3:lang(ar), .HLP:lang(ar), .HLC:lang(ar), .HLT:lang(ar), #breadcrumb1:lang(ar) ul li, .jqplot-table-legend-label:lang(ar) {font-family: 'Tajawal', Tahoma, Arial, Helvetica, sans-serif;} .ui-widget:lang(ar) {font-family: 'Tajawal', Tahoma, Arial, Helvetica, sans-serif !important;} .FAILED:lang(ar), .RANGE:lang(ar), .PASSED:lang(ar), .COMPLETE:lang(ar), .INCOMPLETE:lang(ar), .RETRY:lang(ar), .LASTTESTTRY:lang(ar), .FINISHED:lang(ar), .SRESULT:lang(ar), .ERESULT:lang(ar), .TRESULT:lang(ar) {font-size: 14px; line-height:18.5px;line-height: var(--line-height);} .head:lang(ar), .TB:lang(ar), .titles:lang(ar), .HLC:lang(ar), .checkresulttable:lang(ar) td, litag:lang(ar) {font-size: 14px; line-height:18.5px;line-height: var(--line-height);} .ct:lang(ar) {font-size: 14px; line-height:18.5px;line-height: var(--line-height);} .text:lang(ar) {font-size: 14px;} .dd-optiont:lang(ar), .dd-selected-textt:lang(ar) {font-size: 14px;} /*chinese*/ body:lang(zh-cn), .text:lang(zh-cn), .head:lang(zh-cn), li:lang(zh-cn), a:lang(zh-cn), .TB:lang(zh-cn), .ct:lang(zh-cn), .titles:lang(zh-cn), #audioText:lang(zh-cn) .content, #audioText:lang(zh-cn) .content br, .text:lang(zh-cn) sub, .text:lang(zh-cn) sup, .checkresulttable:lang(zh-cn) td, .hstyp1:lang(zh-cn) .text, .hstyp1:lang(zh-cn) .text br, .hstyp7:lang(zh-cn) .text, .hstyp10:lang(zh-cn) .text, .hstyp13:lang(zh-cn) .text, .hstyp1:lang(zh-cn) .text br, .hstyp24:lang(zh-cn) .text, .hstyp25:lang(zh-cn) .text, #pageCounter:lang(zh-cn), #workingTimePanel:lang(zh-cn), #testWorkingTimePanel:lang(zh-cn), .glosszh-cnTitle:lang(zh-cn), .glosszh-cnMenuContentActive:lang(zh-cn), .glosszh-cnMenuContentPassive:lang(zh-cn), .glosszh-cnContent:lang(zh-cn), #splash:lang(zh-cn), .jqplot-table-legend-label:lang(zh-cn), #menu1:lang(zh-cn) li.l1 a.l1a, #menu1:lang(zh-cn) li.l2 a.l2a, #menu1:lang(zh-cn) li.l3 a.l3a, #menu2:lang(zh-cn) li.l1 a.l1a, #menu2:lang(zh-cn) li.l2 a.l2a, #menu2 li.l3 a.l3a, #menu2:lang(zh-cn) li.l4 a.l4a, #menuGM1:lang(zh-cn) li, .FAILED:lang(zh-cn), .RANGE:lang(zh-cn), .PASSED:lang(zh-cn), .COMPLETE:lang(zh-cn), .INCOMPLETE:lang(zh-cn), .RETRY:lang(zh-cn), .LASTTESTTRY:lang(zh-cn), .FINISHED:lang(zh-cn), .SRESULT:lang(zh-cn), .ERESULT:lang(zh-cn), .TRESULT:lang(zh-cn), #quizAccount:lang(zh-cn), #menu1-header:lang(zh-cn), #AudioNotification:lang(zh-cn), .certificateDate:lang(zh-cn), .certificateEntry:lang(zh-cn), .certificateNamefield:lang(zh-cn), .scaleLabel:lang(zh-cn) {font-family: Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;} #title1:lang(zh-cn), #title2:lang(zh-cn), #title3:lang(zh-cn), .HLP:lang(zh-cn), .HLC:lang(zh-cn), .HLT:lang(zh-cn), #breadcrumb1:lang(zh-cn) ul li, .jqplot-table-legend-label:lang(zh-cn) {font-family: Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;} .ui-widget:lang(zh-cn) {font-family: Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif !important ;} .FAILED:lang(zh-cn), .RANGE:lang(zh-cn), .PASSED:lang(zh-cn), .COMPLETE:lang(zh-cn), .INCOMPLETE:lang(zh-cn), .RETRY:lang(zh-cn), .LASTTESTTRY:lang(zh-cn), .FINISHED:lang(zh-cn), .SRESULT:lang(zh-cn), .ERESULT:lang(zh-cn), .TRESULT:lang(zh-cn) {font-size: 14px;line-height:18.5px;line-height: var(--line-height);} .head:lang(zh-cn), .TB:lang(zh-cn), .titles:lang(zh-cn), .HLC:lang(zh-cn), .checkresulttable:lang(zh-cn) td, litag:lang(zh-cn) {font-size: 14px;line-height:18.5px;line-height: var(--line-height);} .ct:lang(zh-cn) {font-size: 14px; line-height:18.5px;line-height: var(--line-height);} .text:lang(zh-cn) {font-size: 14px;} .dd-optiont:lang(zh-cn), .dd-selected-textt:lang(ar) { font-size: 14px; } .hstyp10:lang(zh-cn) { padding: 5px;} /*japanese*/ body:lang(ja), .text:lang(ja), .head:lang(ja), li:lang(ja), a:lang(ja), .TB:lang(ja), .ct:lang(ja), .titles:lang(ja), #audioText:lang(ja) .content, #audioText:lang(ja) .content br, .text:lang(ja) sub, .text:lang(ja) sup, .checkresulttable:lang(ja) td, .hstyp1:lang(ja) .text, .hstyp1:lang(ja) .text br, .hstyp7:lang(ja) .text, .hstyp10:lang(ja) .text, .hstyp13:lang(ja) .text, .hstyp1:lang(ja) .text br, .hstyp24:lang(ja) .text, .hstyp25:lang(ja) .text, #pageCounter:lang(ja), #workingTimePanel:lang(ja), #testWorkingTimePanel:lang(ja), .glossjaTitle:lang(ja), .glossjaMenuContentActive:lang(ja), .glossjaMenuContentPassive:lang(ja), .glossjaContent:lang(ja), #splash:lang(ja), .jqplot-table-legend-label:lang(ja), #menu1:lang(ja) li.l1 a.l1a, #menu1:lang(ja) li.l2 a.l2a, #menu1:lang(ja) li.l3 a.l3a, #menu2:lang(ja) li.l1 a.l1a, #menu2:lang(ja) li.l2 a.l2a, #menu2 li.l3 a.l3a, #menu2:lang(ja) li.l4 a.l4a, #menuGM1:lang(ja) li, .FAILED:lang(ja), .RANGE:lang(ja), .PASSED:lang(ja), .COMPLETE:lang(ja), .INCOMPLETE:lang(ja), .RETRY:lang(ja), .LASTTESTTRY:lang(ja), .FINISHED:lang(ja), .SRESULT:lang(ja), .ERESULT:lang(ja), .TRESULT:lang(ja), #quizAccount:lang(ja), #menu1-header:lang(ja), #AudioNotification:lang(ja), .certificateDate:lang(ja), .certificateEntry:lang(ja), .certificateNamefield:lang(ja), .scaleLabel:lang(ja) {font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo, sans-serif;} #title1:lang(ja), #title2:lang(ja), #title3:lang(ja), .HLP:lang(ja), .HLC:lang(ja), .HLT:lang(ja), #breadcrumb1:lang(ja) ul li, .jqplot-table-legend-label:lang(ja) {font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo, sans-serif;} .ui-widget:lang(ja) {font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo, sans-serif !important;} .FAILED:lang(ja), .RANGE:lang(ja), .PASSED:lang(ja), .COMPLETE:lang(ja), .INCOMPLETE:lang(ja), .RETRY:lang(ja), .LASTTESTTRY:lang(ja), .FINISHED:lang(ja), .SRESULT:lang(ja), .ERESULT:lang(ja), .TRESULT:lang(ja) {font-size: 14px;line-height:18.5px;line-height: var(--line-height);} .head:lang(ja), .TB:lang(ja), .titles:lang(ja), .HLC:lang(ja), .checkresulttable:lang(ja) td, litag:lang(ja) {font-size: 14px;line-height:18.5px;line-height: var(--line-height);} .ct:lang(ja) {font-size: 14px;line-height:18.5px;line-height: var(--line-height);} .text:lang(ja) {font-size: 14px;} .dd-optiont:lang(ja), .dd-selected-textt:lang(ar) {font-size: 14px;} .hstyp10:lang(ja) { padding: 5px;} .HLP {position:absolute;top:69px;left:24px;left:var(--headlinePageLeft);right:auto;right:var(--headlinePageRight);height:19px; } .HLC {} .TB{ width:100%;min-height: 0%; max-height:100%; overflow-y:auto;overflow-x:hidden; display: none; } .TB .text{display:none} .dialog .text{display:inline} .popup .TB {display: inline;} .HLT{ } /*Link root elements*/ .LINK {display: none; cursor: pointer;} /*standard background-position: -721px -1819px;padding-left: 8px; */ .LINK, .LINK.glossary, .LINK.info, .LINK.localLink {color:rgba(69, 21, 68, 1);color: var(--linkColor); text-decoration: underline;} .LINK:hover, .LINK.glossary:hover, .LINK.info:hover, .LINK.localLink:hover {color: rgba(255, 11, 55, 1); color: var(--linkColor-hover); text-decoration: underline;} .LINK:visited, .LINK.glossary:visited, .LINK.info:visited, .LINK.localLink:visited {color: rgba(255, 11, 55, 1); color: var(--linkColor-visited); text-decoration: underline;} .lsTyp1 li:before {content:"... " !important ;margin-left: -2px !important ;padding: 0 6px 0 0 !important ;} .lsTyp1>li {list-style-type: none !important ;} .lsTyp1{margin-top: 18px !important ;} .lsTyp2 li:before{color: #fff;} .lsTyp2>li{color:#ffffff;} .lsTyp2{margin-top: 18px !important ;color:#fff;} .lsTyp3 li:before {content:"... " !important ;margin-left: -2px !important ;padding: 0 6px 0 0 !important ;color: #fff;} .lsTyp3>li {list-style-type: none !important ;color:#fff;} .lsTyp3 {color:#ffffff;} .lsTyp3>li span {color:#ffffff;} .lsTyp4 li:before {color: #000;} .lsTyp4>li {color:#000000; color: var(--fontColor);} .lsTyp4 {margin-top: 18px !important ;color:#000;} .lsTyp5 li:before {content:"\2714 " !important ;margin-left: -8px !important ;padding: 0 7px 0 0 !important ;} .lsTyp5>li {list-style-type: none !important ;text-indent: -9.5px !important ;} .lsTyp5 {margin-top: 18px !important ;} .listItem{display: none;line-height: 18px;} ul {margin-top:0;list-style-type:square;list-style-position:outside;margin-left: -20px;} ol {margin-top:0;list-style-type:decimal;list-style-position:outside;margin-left: -20px;} .SA1> ul,.SA2> ul,.SA3> ul,.SA4> ul,.SA5> ul,.SA6> ul,.SA7> ul,.SA8> ul,.SA9> ul,.SA10> ul,.SA11> ul,.SA12> ul,.SA13> ul,.SA14> ul {margin-top:0 ;margin-left: -20px;} .SA1> ul> li,.SA2> ul> li,.SA3> ul> li,.SA4> ul> li,.SA5> ul> li,.SA6> ul> li,.SA7> ul> li,.SA8> ul> li,.SA9> ul> li,.SA10> ul> li,.SA11> ul> li,.SA12> ul> li,.SA13> ul> li,.SA14> ul> li {padding-left: 4px;} .SA1> ol,.SA2> ol,.SA3> ol,.SA4> ol,.SA5> ol,.SA6> ol,.SA7> ol,.SA8> ol,.SA9> ol,.SA10> ol,.SA11> ol,.SA12> ol,.SA13> ol,.SA14> ol {margin-top:0 ;margin-left: -20px;} .SA1> ol> li,.SA2> ol> li,.SA3> ol> li,.SA4> ol> li,.SA5> ol> li,.SA6> ol> li,.SA7> ol> li,.SA8> ol> li,.SA9> ol> li,.SA10> ol> li,.SA11> ol> li,.SA12> ol> li,.SA13> ol> li,.SA14> ol> li {padding-left: 4px;} .TB ul li:before {content:"\2013 \2002"; margin-left: -2px;padding: 0 6.5px 0 0;} .TB ul li {list-style-type: none !important ;text-indent: -18px;} .TB ul {margin-top: 0px !important ;} .ct ul li:before {content:"\2013 \2002";margin-left: -2px;padding: 0 6.5px 0 0;} .ct ul li {list-style-type: none !important ;text-indent: -18px;} .ct ul {/*margin-top: var(--line-height) !important;*/} .ui-dialog .ui-dialog-content .ct ul li .text {margin:0 !important ;}.text {display:inline;} .IM {border:none;padding:0px;display: none;} .FL {border:none;padding:0px;display: none;} .SMA {border:none;padding:0px;display: none;} .V {border:none;padding:0px;display: none;} .EX_1 {box-sizing:border-box; line-height: 100%;} .EXSC > .TB {width: 100%; margin-bottom:18px; } .EXSC .ex {width:100%; margin-bottom:14px;} .EXSC .ex > .sc {float: left; } .EXSC .ex > .fbodBtn {float: left; margin-left: -42px;} .EXSC .ex > .ct {padding: 0px 5px 0px 30px; } .EXSC {opacity: 0.0; display: none; width: 100%; line-height: 100%;} .EXSCWCE {opacity: 0.0; display: none; width: 100%; line-height: 100%;} .EXSCWCE > .TB {width: 100%; margin-bottom:18px; } .EXSCWCE .ex {width:100%; margin-bottom:8px; } .EXSCWCE .ex.over > .ct {background:rgba(69, 21, 68, 1) !important;background: var(--primaryColor) !important; border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); color: #ffffff; color: var(--fontColor-onHotspots); } .EXSCWCE .ex.selected > .ct {background: rgba(255, 11, 55, 1) !important; background: var(--secondaryColor) !important; border: 1px solid rgba(255, 11, 55, 1); border: 1px solid var(--secondaryColor); color: #ffffff; color: var(--fontColor-onHotspots);} .EXSCWCE .ex.selWrong > .ct {background: rgba(69, 21, 68, 1) !important; background: var(--primaryColor) !important; border: 1px solid rgba(255, 11, 55, 1); border: 1px solid var(--primaryColor); color: #ffffff; color: var(--fontColor-onHotspots);} .EXSCWCE .ex.selCorrect > .ct {background: rgba(69, 21, 68, 1) !important; background: var(--primaryColor) !important; border: 1px solid rgba(255, 11, 55, 1); border: 1px solid var(--primaryColor); color: #ffffff; color: var(--fontColor-onHotspots);} .EXSCWCE .ex > .ct {cursor: pointer; padding:8px; margin-bottom:2px; background-color: rgba(255, 255, 255, 1) !important;background-color: var(--exercisesMulitlineText-BG) !important; border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); color:rgba(69, 21, 68, 1);color: var(--primaryColor); } .EXSCWCE .ex > .fbodBtn {position: relative; left: 5px; right: 0px; top: -15px; float: right; margin: 0 -4px -20px 0;} .EXSCWCE .ex > .fb {position: relative; bottom: 15px; float:right; z-index: 30; margin-bottom: -15px;} .EXSCFL > .TB {width: 100%; margin-bottom:18px; } .EXSCFL > .exis .text {float:none;} .EXSCFL .ex {height: 16px;margin-left:8px;margin-right:-12px;} .EXSCFL .ex.over > .ct {background: rgba(255, 11, 55, 1) !important; background: var(--secondaryColor) !important;} .EXSCFL .ex.selected > .ct {background: rgba(255, 11, 55, 1) !important; background: var(--secondaryColor) !important; border: 1px none rgba(255, 11, 55, 1); border: 1px none var(--secondaryColor); color: #ffffff; color: var(--fontColor-onHotspots);} .EXSCFL .ex.selWrong > .ct {background: rgba(227, 227, 227, 1.0) !important; border: 1px none rgb(255, 0, 0); color: rgb(0, 0, 0); } .EXSCFL .ex.selCorrect > .ct {background: rgba(227, 227, 227, 1.0) !important; border: 1px none rgb(0, 220, 0); color: rgb(0, 0, 0); } .EXSCFL .ex > .ct {cursor: pointer; box-sizing:border-box; padding:8px; margin-bottom:2px; background:rgba(69, 21, 68, 1) !important;background: var(--primaryColor) !important; border: 1px none rgba(255, 11, 55, 1); border: 1px none var(--secondaryColor); color:#ffffff; color: var(--fontColor-onHotspots); } .EXSCFL .ex > .fb {position: relative;right: 10px;bottom:-15px;display: inline-block; z-index: 30;} .EXSCFL > .exis {clear: both;} .EXSCFL {opacity: 0.0; display: none; width: 100%; line-height: 100%;} .EXMC > .TB {width: 100%; margin-bottom:18px; } .EXMC .ex {width:100%; margin-bottom:14px;} .EXMC .ex > .mc {float: left;} .EXMC .ex > .fbodBtn {float: left;margin-left: -42px; border-radius:20px 0 0 20px;} .EXMC .ex > .ct {padding: 0px 5px 0px 30px; } .EXMC {opacity: 0.0; display: none; width: 100%; line-height: 100%;} .EXMCWCE {opacity: 0.0; display: none; width: 100%; line-height: 100%;} .EXMCWCE > .TB {width: 100%; margin-bottom:18px; } .EXMCWCE .ex {width:100%; margin-bottom:8px; } .EXMCWCE .ex.over > .ct {background:rgba(69, 21, 68, 1) !important;background: var(--primaryColor) !important; border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); color: #ffffff; color: var(--fontColor-onHotspots);} .EXMCWCE .ex.selected > .ct {background: rgba(255, 11, 55, 1) !important; background: var(--secondaryColor) !important; border: 1px solid rgba(255, 11, 55, 1); border: 1px solid var(--secondaryColor); color: #ffffff; color: var(--fontColor-onHotspots);} .EXMCWCE .ex.selWrong > .ct {background: rgba(255, 11, 55, 1) !important; background: var(--primaryColor) !important; border: 1px solid rgba(255, 11, 55, 1); border: 1px solid var(--primaryColor); color: #ffffff; color: var(--fontColor-onHotspots);} .EXMCWCE .ex.selCorrect > .ct {background: rgba(69, 21, 68, 1) !important; background: var(--secondaryColor) !important; border: 1px solid rgba(69, 21, 68, 1); border: 1px solid var(--primaryColor); color: #ffffff; color: var(--fontColor-onHotspots);} .EXMCWCE .ex > .ct {cursor: pointer; padding:8px; margin-bottom:2px; background-color: rgba(255, 255, 255, 1) !important;background-color: var(--exercisesMulitlineText-BG) !important; border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); color:rgba(69, 21, 68, 1);color: var(--primaryColor); } .EXMCWCE .ex > .fbodBtn {position: relative; left: 5px; right: 0px; top: -15px; float: right; margin: 0 -4px -20px 0;} .EXMCWCE .ex > .fb {position: relative; bottom: 15px; float:right; z-index: 30; margin-bottom: -15px;} .EXMCFL > .TB {width: 100%; margin-bottom:18px; } .EXMCFL > .exis .text { float:none;} .EXMCFL .ex {height: 16px;margin-left:8px;margin-right:-12px;} .EXMCFL .ex.over > .ct {background: rgba(255, 11, 55, 1) !important; background: var(--secondaryColor) !important;} .EXMCFL .ex.selected > .ct {background: rgba(255, 11, 55, 1) !important; background: var(--secondaryColor) !important; border: 1px none rgba(255, 11, 55, 1); border: 1px none var(--secondaryColor); color: #ffffff; color: var(--fontColor-onHotspots); } .EXMCFL .ex.selWrong > .ct {background: rgba(227, 227, 227, 1.0) !important; border: 1px none rgb(255, 0, 0); color: rgba(0, 0, 0, 1); /*text-shadow:1px 1px 1px rgba(55,55,55,0.25);*/ } .EXMCFL .ex.selCorrect > .ct {background: rgba(227, 227, 227, 1.0) !important; border: 1px none rgb(0, 220, 0); color: rgba(0, 0, 0, 1); /*text-shadow:1px 1px 1px rgba(55,55,55,0.25);*/ } .EXMCFL .ex > .ct {cursor: pointer; box-sizing:border-box; padding: 2px 4px 2px 4px; margin-bottom:2px; background:rgba(69, 21, 68, 1) !important;background: var(--primaryColor) !important; border: 1px none rgba(255, 11, 55, 1); border: 1px none var(--secondaryColor); color:#ffffff; color: var(--fontColor-onHotspots); } .EXMCFL .ex > .fb {position: relative;right: 10px;bottom:-15px;display: inline-block; z-index: 30;} .EXMCFL > .exis {clear: both;} .EXMCFL {opacity: 0.0; display: none; width: 100%; line-height: 100%;} .EXTF > .TB {width: 101.5%;margin-bottom: 0px;} .EXTF .titles .title {float: right; width: 60px; text-align:center; margin-right: 68px; line-height:15px; font-size:12px !important;} .EXTF .titles .title_x {float: right; width: 68px; padding-right: 0px; text-align: center; margin-right: -130px; line-height:15px; font-size:12px !important; border-left: 1px solid #ccc;} .EXTF .titles {width:100%; margin-bottom:8px; float: right;} .EXTF .exi {width:100%;margin-bottom:11px;clear: both;} .EXTF .ex > .sc {float: right; margin-right: 80px; z-index: 2; position: relative;} .EXTF .ex_x > .sc {float: right; margin-right:-95px; z-index: 2; position: relative;} .EXTF .exi > .fbodBtn {position: relative; float: right; margin-right: -100px; margin-top: -3px;} .EXTF .exi > .ct {padding: 0px 150px 0px 0px;} .EXTF > .exis {width: 100%; /*float: left;*/} .EXTF {opacity: 0.0; display: none; width: 100%; line-height: 100%;} .EXTE > .TB {width: 100%; margin-bottom:18px;} .EXTE > .exi {clear: both; width: 100%; margin-bottom: 9px;} .EXTE .ex {height: 16px; display: inline-block; margin-right: 3px;} .EXTE .ex > .fb {position: relative; right: 10px; bottom:-10px; display: inline-block; z-index: 30;} .EXTE > .exi .text {opacity: 0.0; width: 100%; float: none; line-height: 30px;} .rateUrselfMainContainer{float:left;width:100%;} .rateUrselfTextContainer{width:50%;float:left;font-weight:bold;} .rateUrselfText{width:90%; margin-top:5px; resize:none; height:150px; /*readonly;*/} .rateUrselfButtonContainer{float:right;margin-top:20px;margin-right:23px;} .buttonText{float:left;} .rateUrselfButtons{float:right;}.EXTE {opacity: 0.0; display: inline-block; width: 100%; line-height: 100%;} .EXPW > .TB {width: 100%; margin-bottom:18px; } .EXPW > .exi {clear: both; width: 100%;} .EXPW .ex {height: 16px; display: inline-block; /*margin-right: -9px;*/} .EXPW .ex > .fb {position: relative; right: 10px; bottom:-10px; display: none; z-index: 30;} .EXPW > .exi .text {opacity: 0.0; width: 100%; float: none;} .percentFb {width:100%; height: 4px} .val0 .percentFb {background: rgb(255, 0, 0);} .val25 .percentFb {background:rgb(255, 128, 0);} .val50 .percentFb {background: rgb(255, 180, 0);} .val75 .percentFb {background: rgb(255, 240, 0);} .val100 .percentFb {background: rgb(0, 255, 0);} .EXPW {opacity: 0.0; display: inline-block; width: 100%; line-height: 100%;} .EXTD > .TB {width: 100%; margin-bottom:18px;} .EXTD > .exi {clear: both; margin-bottom: 9px;} .EXTD .ex {height: 16px; display: inline-block; margin-right: 0px;} .EXTD > .exi .text {opacity: 0.0; width: 100%; float: none; line-height: 24px;} .EXTD .ex > .fbodBtn {float: right; right: 47px; left: auto; top: 16px;} .EXTD .ex > .fb {position: relative; right: 10px; bottom:-15px; display: inline-block; z-index: 30;} .EXTD {opacity: 0.0; display: inline-block; width: 100%; line-height: 100%;} .EXDD > .TB {width: 100%; margin-bottom:18px; } .EXDD .ex > .fb {bottom: 8px;float: right;position: relative;right: -10px;} .EXDD .ex > .fbodBtn {float: right; margin-right: -30px; margin-top: -5px;} .EXDD .ex {cursor: default;} .EXDD {opacity: 0.0; display: none; font-size: 13px; line-height: 20px; overflow: visible;} .EXDDS {font-size: 13px; line-height: 20px; } .EXDDS .ex > .fb {bottom: -10px;} .EXDDS .ex > .fbodBtn {bottom: -11px; right: -10px; position: absolute; top: auto; left: auto; } .EXDC > .TB {width: 100%; margin-bottom:18px; } .EXDC .ex > .fb {bottom: 8px;float: right;position: relative;right: -10px;} .EXDC .ex > .fbodBtn {float: right; margin-right: -30px; margin-top: -5px;} .EXDC {opacity: 0.0; display: none;line-height: 100%;overflow: visible;} .EXDS > .TB {width: 100%; margin-bottom:var(--line-height); } .EXDS .ex > .fb {/*bottom: 8px;float: right;position: relative;right: -10px;*/ float: right; position: relative; left: -5px; top: 20px;} .EXDS .ex > .fbodBtn {float: right; /*margin-right: -30px; margin-top: -5px;*/ margin-right: -30px; margin-bottom: -15px; top: 20px; left: -15px;} .EXDS .markDragSort {vertical-align: top;} .EXDS {opacity: 0.0; display: none; font-size: 13px; line-height: 16px;overflow: visible;} .EXCC > .TB {width: 100%; margin-bottom:18px; } .EXCC .ex > .fb {position: absolute;right: -10px;bottom:-12px;z-index: 30;} .EXCC .ex > .fbodBtn {float: right; margin-right: -16px; margin-top: 14px;} .EXCD {display: none; font-size: 13px; line-height: 20px; } .EXCD > .TB {width: 100%; margin-bottom:18px; } .EXCD .ex > .fb {position: absolute;right: -10px;bottom:-12px;z-index: 30;} .EXCD .ex > .fbodBtn {float: right; margin-right: -12px; margin-top: -3px;} .EXDT {opacity: 0.0; display: inline-block; width: 100%; line-height: 100%;} .EXDT > .TB {width: 100%; margin-bottom:18px; } .EXDT > .exis {clear:both; min-height: 35px; line-height:38px; } .EXDT .ex > .fb {position: absolute;right: -10px;bottom:-12px;z-index: 30;} .EXDT .ex > .fbodBtn {float: right; left: 34px; top: -2px;} .EXDT .markDrag {padding: 0 2px 0 2px !important; min-height:0px !important; } .EXDTS {opacity: 0.0; display: inline-block; width: 100%; line-height: 100%;} .EXSCALE > .exis {height: auto !important;} .INFO{display: none; position: absolute; padding: 0px; z-index: 1000; border: none; overflow: auto; } .INFO .title {} .INFO .close{width: 25px; height: 25px; background-position: -31px -57px; position: absolute; right: 0px; top: 0px;} .INFO .close.over{background-position: -31px -96px;} .INFO .content{} .FEEDBACK{display: none; position: absolute; padding: 0px; z-index: 1000; border: none; width: 600px; min-height: 200px; max-height: 600px; border-radius: 0px; overflow: auto;} .FEEDBACK.correct{/*.icon { background-position: -431px -138px; width: 23px; height: 23px; top:11px; left:15;}*/} .FEEDBACK.wrong{/*.icon { background-position: -431px -110px; width: 23px; height: 23px; top:11px; left:15;}*/ } .FEEDBACK.nothing{} .FEEDBACK .title{font-size: 18px; color: #222222; width: auto; height: 30px; padding-left: 6px; padding-top:2px; font-style:normal;font-variant:normal;text-transform:none;} .FEEDBACK.correct .title{padding-left:45px;} .FEEDBACK.wrong .title{padding-left:45px;} .FEEDBACK.nothing .title{} .FEEDBACK .close{ width: 25px; height: 25px; background-position: -31px -57px; position: absolute; right: 0px; top: 0px;} .FEEDBACK .close.over{ background-position: -31px -96px;} .FEEDBACK .content{height: 100%; width: 100%; padding: 5px; margin: 0px; border:none; color:#dadada;} .hstyp1{ display: table; position: relative; width:192px; height:132px; margin-right: 10px; margin-top:10px; padding:7px 7px 4px 7px; box-sizing:border-box;} .hstyp1 span { position: relative; text-align: center; display: table-cell; vertical-align: middle; } .hstyp1 .text{ color: rgba(0, 0, 0, 1) !important; font-size: 15.3px; line-height:18px; } .hstyp1 .text sub { position: absolute; display: block; width:100%; bottom: 0; right: 0; text-align: right; } .hstyp1:hover >.text{ color: rgba(0, 0, 0, 1) !important; } .hstyp1:hover >.text sub{ color: rgba(0, 0, 0, 1) !important; } .hstyp1 progress { -webkit-writing-mode: horizontal-tb; position: absolute; top: 128px; left: 1px; height: 2px; width: 188px; background-color: rgba(255, 255, 255, 0); border: none; color: #339900; color: var(--correctColor); border-radius: 2px; padding: 0px; appearance: none; display: table-cell; vertical-align: middle; } .hstyp1 progress::-webkit-progress-bar { background-color: rgba(255, 255, 255, 0); border-radius: 2px;} .hstyp1 progress::-webkit-progress-value { background: #339900; background: var(--correctColor); border-radius: 2px;} .hstyp1 progress::-moz-progress-bar { margin-top:1.4px; background: #339900; background: var(--correctColor); border-radius: 2px; } .hstyp1.inactiveByActionPrereq progress { display: none; } .hstyp1.hotspotStatusImage0{ background-color: rgba(255, 255, 255, 0.75); border: 1px solid rgba(255, 255, 255, 1); border-bottom-width: 4px; } .hstyp1.hotspotStatusImage0:hover{ background-color: rgba(255, 255, 255, 1); } .hstyp1.hotspotStatusImage0:focus{ background-color: rgba(255, 255, 255, 1); } .hstyp1.hotspotStatusImage0:hover >.text{ } .hstyp1.hotspotStatusImage0::before { content: ' '; background-position: -0px -0px; width: 37px; height: 37px; position: absolute; margin: -8px 0 0 147px; } .hstyp1.hotspotStatusImage1{ background-color: rgba(255, 255, 255, 0.75); border: 1px solid rgba(255, 255, 255, 1); border-bottom-width: 4px; } .hstyp1.hotspotStatusImage1:hover{ background-color: rgba(255, 255, 255, 1); } .hstyp1.hotspotStatusImage1:focus{ background-color: rgba(255, 255, 255, 1); } .hstyp1.hotspotStatusImage1:hover >.text{ } .hstyp1.hotspotStatusImage1::before { content: ' '; background-position: -39px -0px; width: 37px; height: 37px; position: absolute; margin: -8px 0 0 147px; } .hstyp1.hotspotStatusImage2{ background-color: rgba(255, 255, 255, 0.75); border: 1px solid rgba(255, 255, 255, 1); border-bottom-width: 4px; } .hstyp1.hotspotStatusImage2:hover{ background-color: rgba(255, 255, 255, 1); } .hstyp1.hotspotStatusImage2:focus{ background-color: rgba(255, 255, 255, 1); } .hstyp1.hotspotStatusImage2:hover >.text{ } .hstyp1.hotspotStatusImage2::before { content: ' '; background-position: -78px -0px; width: 37px; height: 37px; position: absolute; margin: -8px 0 0 147px; } .hstyp1.hotspotStatusImage3{ background-color: rgba(255, 255, 255, 0.75); border: 1px solid rgba(255, 255, 255, 1); border-bottom-width: 4px; } .hstyp1.hotspotStatusImage3:hover{ background-color: rgba(255, 255, 255, 1); } .hstyp1.hotspotStatusImage3:focus{ background-color: rgba(255, 255, 255, 1); } .hstyp1.hotspotStatusImage3:hover >.text{ } .hstyp1.hotspotStatusImage3::before { content: ' '; background-position: -39px -0px; /*background-position: -156px -0px;*/ width: 37px; height: 37px; position: absolute; margin: -8px 0 0 147px; } .hstyp1.hotspotStatusImage4{ background-color: rgba(255, 255, 255, 0.75); border: 1px solid rgba(255, 255, 255, 1); border-bottom-width: 4px; } .hstyp1.hotspotStatusImage4:hover{ background-color: rgba(255, 255, 255, 1); } .hstyp1.hotspotStatusImage4:focus{ background-color: rgba(255, 255, 255, 1); } .hstyp1.hotspotStatusImage4:hover >.text{ } .hstyp1.hotspotStatusImage4::before { content: ' '; background-position: -78px -0px; width: 37px; height: 37px; position: absolute; margin: -8px 0 0 147px; } .hstyp1.hotspotStatusImage5{ background-color: rgba(255, 255, 255, 0.55); border: 1px solid rgba(255, 255, 255, 0); border-bottom-width: 4px; } .hstyp1.hotspotStatusImage5:hover{ background-color: rgba(255, 255, 255, 0.55); cursor: no-drop; } .hstyp1.hotspotStatusImage5:focus{ background-color: rgba(255, 255, 255, 0,55); } .hstyp1.hotspotStatusImage5:hover >.text{ cursor: default; } .hstyp1.hotspotStatusImage5::before { content: ' '; background-position: -117px -0px; width: 37px; height: 37px; position: absolute; margin: -8px 0 0 147px; } .hstyp1.selection{ /* aktive Einstellung*/ color:rgba(69, 21, 68, 1);color: var(--primaryColor);} .hstyp1.visitedGlobal{ } .hstyp1.inactiveByActionPrereq{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid rgba(255, 255, 255, 0); border-bottom-width: 4px; cursor: no-drop ; } .hstyp1.inactiveByActionPrereq:hover{ background-color: rgba(255, 255, 255, 0.25); cursor: no-drop; } .hstyp1.inactiveByActionPrereq:focus{ background-color: rgba(255, 255, 255, 0,25); } .hstyp1.inactiveByActionPrereq:hover >.text{cursor: no-drop;} .hstyp1.inactiveByActionPrereq::before { content: ' '; background-position: -117px -0px; width: 37px; height: 37px; position: absolute; margin: -8px 0 0 147px; } .hstyp2 { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; right:15px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); z-index: 99; } .hstyp2::before { content: ''; background-position: -276px -1372px; width:35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} .hstyp2:hover, .hstyp2:focus { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } .hstyp2::before:hover {background-position: -276px -1443px; cursor: pointer;} .hstyp2.hotspotStatusImage0{} .hstyp3 { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; right:112px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); } .hstyp3::before { content: ''; background-position: -95px -1372px; width:35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} .hstyp3:hover, .hstyp3:focus{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } .hstyp3::before:hover {background-position: -95px -1443px; cursor: pointer;} .hstyp3.hotspotStatusImage{} .hstyp4 { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left:15px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); } .hstyp4::before { content: ''; background-position: -1077px -825px; width:35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} .hstyp4:hover,.hstyp4:focus{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } .hstyp4::before:hover {background-position: -1077px -914px; cursor: pointer;} .hstyp4.hotspotStatusImage{} .hstyp5 { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left:15px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); } .hstyp5::before { content: ''; background-position: -4px -1372px; width:36px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} .hstyp5:hover, .hstyp5:focus{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } .hstyp5::before:hover {background-position: -4px -1443px; cursor: pointer;} .hstyp5.hotspotStatusImage{} .hstyp6 { position: absolute; top: 199px; right: -1px; width:78px; height:39px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 22px 0 0 22px;border-radius: var(--hotspotsNav-radius); outline:none; display: none; } .hstyp6::before { content: ''; display: inline; position: absolute; background-position: -184px -1370px;width:39px; height: 39px; } .hstyp6:hover, .hstyp6:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp6::before:hover { background-position: -184px -1441px; display: table-cell; cursor: pointer;} .hstyp6.hotspotStatusImage{} .hstyp7{ background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); background-image: url("../images/1by1.gif"); display: none; padding: 6px 18px 8px 18px; margin:1px; text-align: left; box-sizing: border-box;} .hstyp7:last-child{margin-bottom:18px; } .hstyp7 > .text{ color:#ffffff; color: var(--fontColor-onHotspots);} .hstyp7:hover > .text{ } .hstyp7:hover, .hstyp7:focus { background: rgba(255, 11, 55, 1); background: var(--secondaryColor); } .hstyp7.selection { } .hstyp7.selection > .text { } .hstyp7.selection:hover > .text{ } .hstyp7.visited > .text { } .hstyp7.visited:hover > .text{ } .hstyp7.hotspotStatusImage5{ background: rgba(227, 227, 227, 1) !important; cursor: no-drop; } .hstyp7.hotspotStatusImage5:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: default; } .hstyp7.visitedGlobal{ background-color: rgba(69, 21, 68, 1); background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp7.inactiveByActionPrereq{ background: rgba(227, 227, 227, 1) !important; cursor: no-drop; opacity: 1 !important; } .hstyp7.inactiveByActionPrereq:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: default; } .hstyp8 { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left:15px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); z-index: 99; } .hstyp8::before { content: ''; background-position: -4.3px -1372px; width:36px; height: 36px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} .hstyp8:hover, .hstyp8:focus{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } .hstyp8:hover::before {background-position: -4.3px -1442px; cursor: pointer;} .hstyp8.hotspotStatusImage0{} .hstyp9{ opacity:0; background-color:rgba(255, 255, 255, 0); background-image: url("../images/1by1.gif"); display: none; } .hstyp9 .text{ color: #fff; display: inline-block; } .hstyp9:hover > .text{ color: rgba(0, 0, 0, 1); } .hstyp10{ display: inline-table !important; border-radius: 0px; padding: 0 3px; width: 136px; height: 163px; border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); background: rgba(255, 255, 255, 1);background: var(--exercisesMulitlineText-BG); text-align: left; line-height: 14px; box-sizing: border-box; } .hstyp10 .text{ font-size: 12.5px !important; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } .hstyp10:hover > .text{ color: #ffffff; color: var(--fontColor-onHotspots); } .hstyp10:hover, .hstyp10:focus { background:rgba(69, 21, 68, 1);background: var(--primaryColor); border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor);} .hstyp10.hotspotStatusImage{} .hstyp11{ position: absolute; width:39px; height:39px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 22px;border-radius: var(--hotspotsContent-BIGradius); box-shadow: 0 0 0 12px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-BIGshadow); outline:none; display: none; } .hstyp11::before { content: ''; display: inline; position:absolute; background-position: -879.5px 1px; width:39px; height: 39px; } .hstyp11:hover, .hstyp11:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp11::before:hover {background-position: -879.5px -46px; display: table-cell; cursor: pointer;} .hstyp11.hotspotStatusImage0{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp11.hotspotStatusImage1{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp11.hotspotStatusImage3{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp11.hotspotStatusImage4{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp11.hotspotStatusImage5{background: rgba(227, 227, 227, 1) !important; } .hstyp11.visitedGlobal{ background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp12{ opacity:0; background-color:transparent; width:100%; height:100%; display: none; } .hstyp12 .text{ color:#ffffff; color:(--fontColor-onHotspots) } .hstyp12:hover > .text{ color: rgba(0, 0, 0, 1); width:100%; height:100%; } .hstyp12.hotspotStatusImage{} .hstyp13{ display: inline-table; min-width:10px; height:35px; margin-right: 6px; padding: 0 30px; box-sizing:border-box; border-radius: 32px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); text-align: center; } .hstyp13 span { display: block; } .hstyp13 .text{ color:#ffffff !important; color: var(--fontColor-onHotspots) !important; font-size:13.5px; font-size: var(--font-size); line-height:35px; white-space:nowrap} .hstyp13 .text sub {color:#ffffff !important; color: var(--fontColor-onHotspots) !important; } .hstyp13:hover, .hstyp13:focus { background: rgba(255, 11, 55, 1); background: var(--secondaryColor); } .hstyp13:hover >.text{ } .hstyp13:hover >.text sub{ color: rgba(0, 0, 0, 1) !important; } .hstyp13.hotspotStatusImage0{} .hstyp13.hotspotStatusImage1{} .hstyp13.hotspotStatusImage2{} .hstyp13.hotspotStatusImage3{} .hstyp13.hotspotStatusImage4{} .hstyp13.hotspotStatusImage5{} .hstyp13.selection{ } .hstyp13.visitedGlobal{ } .hstyp13.inactiveByActionPrereq{ } .hstyp14 { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left: 542px;bottom: 10px; width: 45px; height: 35px; background-color: rgba(255, 255, 255, 1); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); } .hstyp14::before { content: ''; background-position: -874px -825px; width:45px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} .hstyp14:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } .hstyp14:hover::before { background-position: -874px -915px; cursor: pointer;} .hstyp14.inactive, .hstyp14.inactive:hover { background-color: rgba(255, 255, 255, 0 );cursor: no-drop;} .hstyp14.inactive::before, .hstyp14.inactive:hover::before { background-position: -874px -985px;opacity:0; cursor: no-drop;} .hstyp14.hotspotStatusImage0{} .hstyp15 { position: absolute; display: none; right: -5px;top: 377px;width: 60px; height: 46px; background-color: rgba(236, 236, 236, 1); background-color: var(--FW-PageNavigation-BG); border-radius: 40px 0 0 40px;border-radius: var(--FW-PageNavigation-Next-radius); } .hstyp15::before { content: ''; background-position:-975px -1060px; width:35px; height: 35px; position: absolute; margin: 5.5px 0 0 14.5px;} .hstyp15:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; transform: translate(-5px,0);} .hstyp15:hover::before {background-position: -975px -1145px; cursor: pointer; } .hstyp15.active:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; } .hstyp15.active:hover::before {background-position: -975px -1145px; cursor: pointer; } .hstyp15.inactive, .hstyp15.inactive:hover { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); transform: translate(0,0); cursor: no-drop; } .hstyp15.inactive::before, .hstyp15.inactive:hover::before {background-position: -975px -1145px; opacity:0.1; cursor: no-drop;} .hstyp15.hotspotStatusImage0{} .hstyp155 { position: absolute; display: none; left: -5px;top: 377px; width: 60px; height: 46px; background-color: rgba(236, 236, 236, 1); background-color: var(--FW-PageNavigation-BG); border-radius: 0 40px 40px 0; border-radius: var(--FW-PageNavigation-Back-radius);} .hstyp155::before { content: ''; background-position: -544px -1060px; width:35px; height: 35px; position: absolute; margin: 5.5px 0 0 9px;} .hstyp155:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; transform: translate(5px,0);} .hstyp155:hover::before {background-position: -544px -1145px; cursor: pointer; } .hstyp155.active:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; } .hstyp155.active:hover::before {background-position: -544px -1145px; cursor: pointer; } .hstyp155.inactive,.hstyp155.inactive:hover { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); transform: translate(0,0); cursor: no-drop;} .hstyp155.inactive::before, .hstyp155.inactive:hover::before {background-position: -544px -1145px; opacity:0.1; cursor: no-drop;} .hstyp155.hotspotStatusImage0{} .hstyp16 { position: absolute; width:24px; height:24px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 14px;border-radius: var(--hotspotsContent-radius); box-shadow: 0 0 0 6px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-shadow); outline:none; display: none; /*animation: attention 8s ease infinite;*/ } .hstyp16::before { } .hstyp16:hover, .hstyp16:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp16::before:hover { } .hstyp16 .text{ color: #ffffff; color: var(--fontColor-onHotspots); display: block; text-align: center; font-size: 15px; line-height: 22px; } .hstyp16.hotspotStatusImage0{background-position: -342px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp16.hotspotStatusImage1{background-position: -342px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp16.hotspotStatusImage3{background-position: -342px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp16.hotspotStatusImage4{background-position: -342px -163px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp16.hotspotStatusImage5{background-position: -342px -191px; background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor); opacity: 1 !important;} .hstyp16.visitedGlobal{ background-position: -342px -163px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp17 { position: absolute; width:24px; height:24px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 14px;border-radius: var(--hotspotsContent-radius); box-shadow: 0 0 0 6px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-shadow); outline:none; display: none; } .hstyp17::before { content: ''; display: inline; position: absolute; background-position: -315px -108px; width: 24px; height: 24px; } .hstyp17:hover, .hstyp17:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp17::before:hover { background-position: -315px -135px; display: table-cell; cursor: pointer; } .hstyp17.hotspotStatusImage0{background-position: -315px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp17.hotspotStatusImage1{background-position: -315px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp17.hotspotStatusImage3{background-position: -315px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp17.hotspotStatusImage4{background-position: -315px -163px; background-color: rgba(31, 118, 148, 0.55);} .hstyp17.hotspotStatusImage5{background-position: -315px -191px; background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor); } .hstyp17.visitedGlobal{ background-position: -315px -163px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp18 { position: absolute; width:24px; height:24px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 14px;border-radius: var(--hotspotsContent-radius); box-shadow: 0 0 0 6px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-shadow); outline:none; display: none; } .hstyp18::before { content: ''; display: inline; position: absolute;background-position: -288px -109px; width: 24px; height: 24px; } .hstyp18:hover, .hstyp18:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp18::before:hover { background-position: -288px -136px; display: table-cell; cursor: pointer; } .hstyp18.hotspotStatusImage0{background-position: -288px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp18.hotspotStatusImage1{background-position: -288px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp18.hotspotStatusImage3{background-position: -288px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp18.hotspotStatusImage4{background-position: -288px -163px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp18.hotspotStatusImage5{background-position: -288px -191px; background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor);} .hstyp18.visitedGlobal{ background-position: -288px -163px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp19 { position: absolute; width:24px; height:24px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 14px;border-radius: var(--hotspotsContent-radius); box-shadow: 0 0 0 6px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-shadow); outline:none; display: none; } .hstyp19::before { content: ''; display: inline; position: absolute; background-position: -261px -108px; width: 24px; height: 24px; } .hstyp19:hover, .hstyp19:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp19::before:hover { background-position: -261px -135px; display: table-cell; cursor: pointer; } .hstyp19.hotspotStatusImage0{background-position: -261px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp19.hotspotStatusImage1{background-position: -261px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp19.hotspotStatusImage3{background-position: -261px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp19.hotspotStatusImage4{background-position: -261px -163px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp19.hotspotStatusImage5{background-position: -261px -191px; background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor);} .hstyp19.visitedGlobal{ background-position: -261px -163px; background-color: rgba(69, 21, 68, 1); background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp20 { position: absolute; width:24px; height:24px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 14px;border-radius: var(--hotspotsContent-radius); box-shadow: 0 0 0 6px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-shadow); outline:none; display: none; } .hstyp20::before { content: ''; display: inline; position: absolute; background-position: -235px -108px; width: 24px; height: 24px; } .hstyp20:hover, .hstyp20:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp20::before:hover { background-position: -235px -135px; display: table-cell; cursor: pointer; } .hstyp20.hotspotStatusImage0{background-position: -234px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp20.hotspotStatusImage1{background-position: -234px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp20.hotspotStatusImage3{background-position: -234px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp20.hotspotStatusImage4{background-position: -234px -163px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp20.hotspotStatusImage5{background-position: -234px -191px; background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor);} .hstyp20.visitedGlobal{ background-position: -234px -163px; background-color: rgba(69, 21, 68, 1); background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp21 { position: absolute; width:24px; height:24px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 14px;border-radius: var(--hotspotsContent-radius); box-shadow: 0 0 0 6px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-shadow); outline:none; display: none; } .hstyp21::before { content: ''; display: inline; position: absolute; background-position: -207px -108px; width: 24px; height: 24px; } .hstyp21:hover, .hstyp21:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp21::before:hover { background-position: -207px -135px; display: table-cell; cursor: pointer; } .hstyp21.hotspotStatusImage0{background-position: -207px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp21.hotspotStatusImage1{background-position: -207px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp21.hotspotStatusImage3{background-position: -207px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp21.hotspotStatusImage4{background-position: -207px -163px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp21.hotspotStatusImage5{background-position: -207px -191px; background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor);} .hstyp21.visitedGlobal{ background-position: -207px -163px; background-color: rgba(69, 21, 68, 1); background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp22 { display: none; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); background-image: url("../images/1by1.gif"); padding:6px 18px 8px 18px; text-align: center; border: none; border-radius: 18px; border-radius: var(--FW-textButtons-radius); box-sizing: border-box;} .hstyp22 > .text{ color:#ffffff; color: var(--fontColor-onHotspots); } .hstyp22:hover > .text{ } .hstyp22:hover, .hstyp22:focus { background: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); } .hstyp22.selection { } .hstyp22.selection > .text { } .hstyp22.selection:hover > .text{ } .hstyp22.visited > .text { } .hstyp22.visited:hover > .text{ } .hstyp23{ opacity:0; background-color:rgba(255, 255, 255, 0); background-image: url("../images/1by1.gif"); display: none; } .hstyp23 .text{ color: #ffffff;} .hstyp23:hover { cursor: help !important;} .hstyp23:hover > .text{ color: rgba(0, 0, 0, 1);cursor: help !important;} .hstyp23.hotspotStatusImage{} .hstyp24 { display: none; position: relative; width: 395px !important; min-height: 86px !important; max-height: 86px !important; height: 86px !important; margin-right: 4px; margin-bottom: 4px; background-color: rgba(255, 255, 255, 0.75) !important; overflow: hidden; box-sizing:border-box; } .hstyp24:hover, .hstyp24:focus { background-color: rgba(255, 255, 255, 0.91) !important; } .hstyp24.sprite{ background-repeat: no-repeat;} .hstyp24 b { display: block; margin: 22px 0 2px 0; font-size: 13px; font-weight:normal; line-height: 16px; } .hstyp24 .text { display: inline-block; padding: 0 6px 0 66px; height: 81px; overflow: hidden; font-size: 10px; line-height: 12.5px; } .hstyp24 sub, .hstyp24 sup { position: absolute; margin-top: 8px; font-size: 9px !important; line-height: 12.5px; width: 324px; } .hstyp24 sup { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } .hstyp24 sub { text-align: right; color: rgba(255, 82, 0, 1); color: var(--accentColor); bottom: 2px;} .hstyp24::before { content: ' '; background-position: -234px -0px; width: 37px; height: 37px; position: absolute; margin: 0 0 0 358px; } .hstyp24.visitedGlobal{ } .hstyp24.inactiveByActionPrereq{ background: rgba(227, 227, 227, 1) !important; cursor: no-drop; } .hstyp24.inactiveByActionPrereq:hover > .text{ cursor: default; } .hstyp25 { display: none; position: relative; width: 395px !important; min-height: 86px !important; max-height: 86px !important; height: 86px !important; margin-right: 4px; margin-bottom: 4px; background-color: rgba(255, 255, 255, 0.75) !important; overflow: hidden; box-sizing:border-box; } .hstyp25:hover, .hstyp25:focus { background-color: rgba(255, 255, 255, 0.91) !important; } .hstyp25.sprite{ background-repeat: no-repeat;} .hstyp25 b { display: block; margin: 22px 0 2px 0; font-size: 13px; font-weight:normal; line-height: 16px; } .hstyp25 .text { display: inline-block; padding: 0 6px 0 66px; height: 81px; overflow: hidden; font-size: 10px; line-height: 12.5px; } .hstyp25 sub, .hstyp25 sup { position: absolute; margin-top: 8px; font-size: 9px !important; line-height: 12.5px; width: 324px; } .hstyp25 sup { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } .hstyp25 sub { text-align: right; color: rgba(255, 82, 0, 1); color: var(--accentColor); bottom: 2px;} .hstyp25.visitedGlobal{ } .hstyp25.inactiveByActionPrereq{ opacity: 0.8; cursor: no-drop; } .hstyp25.inactiveByActionPrereq:hover > .text{ color:#ccc; cursor: default; } .hstyp26 { position: absolute; width:24px; height:24px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 14px;border-radius: var(--hotspotsContent-radius); box-shadow: 0 0 0 6px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-shadow); outline:none; display: none; } .hstyp26::before { content: ''; display: inline; position: absolute; background-position: -369px -109px; width: 24px; height: 24px; } .hstyp26:hover, .hstyp26:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp26::before:hover { background-position: -369px -136px; display: table-cell; cursor: pointer; } .hstyp26.hotspotStatusImage0{background-position: -369px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp26.hotspotStatusImage1{background-position: -369px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp26.hotspotStatusImage3{background-position: -369px -109px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp26.hotspotStatusImage4{background-position: -369px -163px; background-color: rgba(31, 118, 148, 0.55);} .hstyp26.hotspotStatusImage5{background-position: -369px -191px; background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor);} .hstyp26.visitedGlobal{ background-position: -369px -163px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp27a{ position: absolute; width:39px; height:39px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 22px;border-radius: var(--hotspotsContent-BIGradius); box-shadow: 0 0 0 12px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-BIGshadow); outline:none; display: none; } .hstyp27a::before { content: ''; display: inline; position: absolute; background-position: -949px -0px; width:39px; height: 39px; } .hstyp27a:hover, .hstyp27a:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp27a::before:hover { background-position: -949px -48px; display: table-cell; cursor: pointer;} .hstyp27a.hotspotStatusImage0{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp27a.hotspotStatusImage1{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp27a.hotspotStatusImage3{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp27a.hotspotStatusImage4{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp27a.hotspotStatusImage5{background: rgba(227, 227, 227, 1) !important; } .hstyp27a.visitedGlobal{ background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp28 { position: absolute; width:39px; height:39px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 22px;border-radius: var(--hotspotsContent-BIGradius); box-shadow: 0 0 0 12px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-BIGshadow); outline:none; display: none; } .hstyp28::before { content: ''; display: inline; position: absolute; background-position: -1014px -0px;width:39px; height: 39px; } .hstyp28:hover, .hstyp28:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp28::before:hover { background-position: -1014px -48px; display: table-cell; cursor: pointer;} .hstyp28.hotspotStatusImage0{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp28.hotspotStatusImage1{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp28.hotspotStatusImage3{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp28.hotspotStatusImage4{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp28.hotspotStatusImage5{background: rgba(227, 227, 227, 1) !important; } .hstyp28.visitedGlobal{ background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp27 { position: absolute; width:39px; height:39px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 22px;border-radius: var(--hotspotsContent-BIGradius); box-shadow: 0 0 0 12px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-BIGshadow); outline:none; display: none; /*animation: attention 8s ease infinite;*/ } .hstyp27::before { } .hstyp27:hover, .hstyp27:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp27::before:hover { } .hstyp27 .text{ color: #ffffff; color: var(--fontColor-onHotspots); display: block; text-align: center; font-size: 24px; line-height: 36px; } .hstyp27.hotspotStatusImage0{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp27.hotspotStatusImage1{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp27.hotspotStatusImage3{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp27.hotspotStatusImage4{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp27.hotspotStatusImage5{background: rgba(227, 227, 227, 1) !important; opacity: 1 !important;} .hstyp27.visitedGlobal{ background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp29 { position: absolute; top: 107px; right: -1px; width:78px; height:39px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 22px 0 0 22px;border-radius: var(--hotspotsNav-radius); outline:none; display: none; } .hstyp29::before { content: ''; display: inline; position: absolute; background-position: -1014px -0px; width:39px; height: 39px; } .hstyp29:hover, .hstyp29:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp29::before:hover { background-position: -1014px -48px; display: table-cell; cursor: pointer;} .hstyp29.hotspotStatusImage0{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp29.hotspotStatusImage1{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp29.hotspotStatusImage3{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp29.hotspotStatusImage4{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp29.hotspotStatusImage5{background: rgba(227, 227, 227, 1) !important; } .hstyp29.visitedGlobal{ } .hstyp30 { position: absolute; top: 199px; right: -1px; width:78px; height:39px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 22px 0 0 22px;border-radius: var(--hotspotsNav-radius); outline:none; display: none; } .hstyp30::before { content: ''; display: inline; position: absolute; background-position: -1014px -0px; width:39px; height: 39px; } .hstyp30:hover, .hstyp30:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp30::before:hover { background-position: -1014px -48px; display: table-cell; cursor: pointer;} .hstyp30.hotspotStatusImage0{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp30.hotspotStatusImage1{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp30.hotspotStatusImage3{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp30.hotspotStatusImage4{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp30.hotspotStatusImage5{background: rgba(227, 227, 227, 1) !important; } .hstyp30.visitedGlobal{ } .hstyp31 { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left:438px;bottom: 10px; width: 45px; height: 35px; background-color: rgba(255, 255, 255, 1); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius);} .hstyp31::before { content: ''; background-position: -617px -825px; width:45px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} .hstyp31:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } .hstyp31:hover::before { background-position: -619px -915px; cursor: pointer;} .hstyp31.inactive, .hstyp31.inactive:hover { background-color: rgba(255, 255, 255, 0 );cursor: no-drop; } .hstyp31.inactive::before, .hstyp31.inactive:hover::before { background-position: -619px -985px;opacity:0; cursor: no-drop;} .hstyp31.hotspotStatusImage0{} .hstyp32{ display: none !important; background-image: url("../images/1by1.gif") } .hstyp32 span { display: none !important; } .hstyp32 .text{ display: none !important; } .hstyp32 .text sub { display: none !important; } .hstyp32:hover >.text{ display: none !important; } .hstyp32:hover >.text sub{ display: none !important; } .hstyp32.visitedGlobal{ } .hstyp33{ opacity:0; background-color:rgba(255, 255, 255, 0); background-image: url("../images/1by1.gif"); border: none; transform: scale(0.9417); transition: transform .2s ease-in; text-align:center; } .hstyp33 .text { padding: 3px ; text-align:center; } .hstyp33:hover, .hstyp33:focus { background-color:rgba(255, 255, 255, 0); transform: scale(1.0); } .hstyp33.visitedGlobal, .hstyp33.visitedLocal { display:none;opacity:0;} .hstyp34{ opacity:0; background-color:rgba(255, 255, 255, 0); background-image: url("../images/1by1.gif"); border: 2px solid rgba(255, 255, 255, 0); box-sizing:border-box; transform: scale(0.9417); transition: transform .2s ease-in; -webkit-animation: blinkBorder 1s infinite; -moz-animation: blinkBorder 1s infinite; -o-animation: blinkBorder 1s infinite; -ms-animation: blinkBorder 1s infinite; animation: blinkBorder 1s infinite; text-align:center; } .hstyp33 .text { padding: 3px ; text-align:center; } .hstyp34:hover, .hstyp34:focus { background-color:rgba(255, 255, 255, 0); transform: scale(1.0); -webkit-animation: blinkBorder 1s infinite; -moz-animation: blinkBorder 1s infinite; -o-animation: blinkBorder 1s infinite; -ms-animation: blinkBorder 1s infinite; animation: blinkBorder 1s infinite; } .hstyp35{ opacity:0; background-color:rgba(255, 255, 255, 0); background-image: url("../images/1by1.gif"); border: none; transform: scale(0.80); transition: transform .2s ease-in; text-align:center; } .hstyp33 .text { padding: 3px ; text-align:center; } .hstyp35:hover, .hstyp35:focus { background-color:rgba(255, 255, 255, 0); transform: scale(1.0); } .hstyp35.visitedGlobal, .hstyp35.visitedLocal { display:none;opacity:0;} .hstyp36{ background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); background-image: url("../images/1by1.gif"); display: none; padding:6px 18px 8px 18px; margin:1px; text-align: center; box-sizing: border-box; } .hstyp36 .text{ color: #ffffff; color: var(--fontColor-onHotspots); display: inline-block;} .hstyp36:hover > .text{ } .hstyp36:hover, .hstyp36:focus { background: rgba(255, 11, 55, 1); background: var(--secondaryColor); } .hstyp36.hotspotStatusImage5{ background: rgba(227, 227, 227, 1) !important; cursor: no-drop; } .hstyp36.hotspotStatusImage5:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: default; } .hstyp36.visitedGlobal{ background-color: rgba(69, 21, 68, 1); background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp36.inactiveByActionPrereq{ background: rgba(227, 227, 227, 1) !important; cursor: no-drop; opacity: 1 !important; } .hstyp36.inactiveByActionPrereq:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: no-drop; } .hstyp37{ background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); background-image: url("../images/1by1.gif"); display: none; padding: 6px 18px 8px 18px; text-align: center; box-sizing: border-box; } .hstyp37 .text{ color: #ffffff; color: var(--fontColor-onHotspots); display: inline-block;font-size: 25px;line-height: 28px; } .hstyp37:hover > .text{ } .hstyp37:hover, .hstyp37:focus { background: rgba(255, 11, 55, 1); background: var(--secondaryColor); font-size: 25px;line-height: 28px;} .hstyp37.hotspotStatusImage5{ background: rgba(227, 227, 227, 1) !important; cursor: no-drop; } .hstyp37.hotspotStatusImage5:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: default; } .hstyp37.visitedGlobal{ background-color: rgba(69, 21, 68, 1); background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp37.inactiveByActionPrereq{ background: rgba(227, 227, 227, 1) !important; cursor: no-drop; opacity: 1 !important; } .hstyp37.inactiveByActionPrereq:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: no-drop; } .hstyp38 { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; right:15px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); } .hstyp38::before { content: ''; background-position: -276px -1372px; width:35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} .hstyp38:hover, .hstyp38:focus { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } .hstyp38::before:hover {background-position: -276px -1443px; cursor: pointer;} .hstyp38.hotspotStatusImage0{} .hstyp39{ position: relative; display: inline-block; margin-left: 6px; background-color: rgba(255, 247, 198, 1); background-color: var(--CertificateTest-hotspot); border: 1px none #fff; padding: 5px; min-width: 394px; max-width: 100%; box-sizing: border-box; } .hstyp39 span { display: block; position: relative; text-align: center; vertical-align: middle; } .hstyp39 > .text{ font-size: 15.3px; line-height:18px; margin: 16px 0; } .hstyp39:hover, .hstyp39:focus { background: rgba(152, 203, 236, 1); background: var(--CertificateTest-hotspot-hover); } .hstyp39.inactiveByActionPrereq .text, .hstyp39.inactiveByActionPrereq:hover .text, .hstyp39.hotspotStatusImage5 .text, .hstyp39.hotspotStatusImage5:hover .text { color: rgba(0, 0, 0, 1); cursor: no-drop;} .hstyp39:nth-child(1) { margin:0; } .hstyp39.hotspotStatusImage0{ background-color: rgba(255, 247, 198, 1); background-color: var(--CertificateTest-hotspot); } .hstyp39.hotspotStatusImage0:hover { background-color: rgba(152, 203, 236, 1); background-color: var(--CertificateTest-hotspot-hover); } .hstyp39.hotspotStatusImage0:focus{ background-color: rgba(152, 203, 236, 1); background-color: var(--CertificateTest-hotspot-hover); } .hstyp39.hotspotStatusImage0::after { content: ' '; background-position: -39px -0px; width: 37px; height: 37px; position: absolute; margin: 0; right: 0; top: 0; z-index: 99; } .hstyp39.hotspotStatusImage1{ background-color: rgba(255, 247, 198, 1); background-color: var(--CertificateTest-hotspot); } .hstyp39.hotspotStatusImage1:hover { background-color: rgba(152, 203, 236, 1); background-color: var(--CertificateTest-hotspot-hover); } .hstyp39.hotspotStatusImage1:focus{ background-color: rgba(152, 203, 236, 1); background-color: var(--CertificateTest-hotspot-hover); } .hstyp39.hotspotStatusImage1::after { content: ' '; background-position: -39px -0px; width: 37px; height: 37px; position: absolute; margin: 0; right: 0; top: 0; z-index: 99; } .hstyp39.hotspotStatusImage2{ background-color: rgba(255, 247, 198, 1); background-color: var(--CertificateTest-hotspot); } .hstyp39.hotspotStatusImage2:hover { background-color: rgba(152, 203, 236, 1); background-color: var(--CertificateTest-hotspot-hover); } .hstyp39.hotspotStatusImage2:focus{ background-color: rgba(152, 203, 236, 1); background-color: var(--CertificateTest-hotspot-hover); } .hstyp39.hotspotStatusImage2::after { content: ' '; background-position: -78px -0px; width: 37px; height: 37px; position: absolute; margin: 0; right: 0; top: 0; z-index: 99; } .hstyp39.hotspotStatusImage3{ background-color: rgba(255, 247, 198, 1); background-color: var(--CertificateTest-hotspot); } .hstyp39.hotspotStatusImage3:hover { background-color: rgba(152, 203, 236, 1); background-color: var(--CertificateTest-hotspot-hover); } .hstyp39.hotspotStatusImage3:focus{ background-color: rgba(152, 203, 236, 1); background-color: var(--CertificateTest-hotspot-hover); } .hstyp39.hotspotStatusImage3::after { content: ' '; background-position: -195px -0px; width: 37px; height: 37px; position: absolute; margin: 0; right: 0; top: 0; z-index: 99; } .hstyp39.hotspotStatusImage4{ background-color: #339900;background-color: var(--correctColor); } .hstyp39.hotspotStatusImage4:hover { background-color: hsl(100, 50%, 60%); background-color: var(--correctColor-hover); } .hstyp39.hotspotStatusImage4:focus{ background-color: hsl(100, 50%, 60%); background-color: var(--correctColor-hover); } .hstyp39.hotspotStatusImage4::after { content: ' '; background-position: -78px -0px; width: 37px; height: 37px; position: absolute; margin: 0; right: 0; top: 0; z-index: 99; } .hstyp39.hotspotStatusImage5{ background-color: rgba(255, 255, 255, 0.55); cursor: no-drop; } .hstyp39.hotspotStatusImage5:hover { background-color: rgba(255, 255, 255, 0.55); cursor: no-drop;} .hstyp39.hotspotStatusImage5:focus { background-color: rgba(255, 255, 255, 0.55); cursor: no-drop;} .hstyp39.hotspotStatusImage5::after { content: ' '; background-position: -117px -0px; width: 37px; height: 37px; position: absolute; margin: 0; right: 0; top: 0; z-index: 99; } .hstyp39.selection{ /* aktive Einstellung*/ color: #000;} .hstyp39.visitedGlobal{ } .hstyp39.inactiveByActionPrereq{ background-color: rgba(255, 255, 255, 0.25); cursor: no-drop; } .hstyp39.inactiveByActionPrereq:hover { background-color: rgba(255, 255, 255, 0.55); cursor: no-drop;} .hstyp39.inactiveByActionPrereq:focus { background-color: rgba(255, 255, 255, 0.55); cursor: no-drop;} .hstyp39.inactiveByActionPrereq::after { content: ' '; background-position: -117px -0px; width: 37px; height: 37px; position: absolute; margin: 0; right: 0; top: 0; z-index: 99; } .hstyp40{ width: calc(100% - 30px); height:0px; cursor: default; border: none; background-color: rgba(255,255,255,0)} .hstyp40:hover{ cursor: default;} .hstyp41 { background-position: -1005px -461px; width: 16px; height: 17px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); } .hstyp41:hover, .hstyp41:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer;} .hstyp41:visited { background-position: -1005px -461px } .hstyp41:visited.over { background-position: -1005px -501px; } .hstyp42 { width: 24px; height: 24px; background-position: -48px -61px; } .hstyp42:hover, .hstyp42:focus { cursor: pointer; background-position: -48px -100px; } .hstyp43{ background-color: rgba(255, 255, 255, 1);background-color: var(--exercisesMulitlineText-BG); border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); display: none; padding:6px 18px 8px 18px; margin:1px; text-align: center; box-sizing: border-box; } .hstyp43 .text{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); display: inline-block;} .hstyp43:hover .text{ color: #ffffff; color: var(--fontColor-onHotspots);} .hstyp43:hover, .hstyp43:focus { background:rgba(69, 21, 68, 1);background: var(--primaryColor); } .hstyp43.hotspotStatusImage5{ background: rgba(227, 227, 227, 1) !important; border: 1px solid rgba(227, 227, 227, 1) !important; cursor: no-drop; } .hstyp43.hotspotStatusImage5:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: default; } .hstyp43.visitedGlobal{ opacity: 0.45; } .hstyp43.inactiveByActionPrereq{ background: rgba(227, 227, 227, 1) !important; border: 1px solid rgba(227, 227, 227, 1) !important; cursor: no-drop; opacity: 1 !important; } .hstyp43.inactiveByActionPrereq:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: no-drop; } .hstyp44 { position: absolute; right: -5px;top: 377px;width: 60px; height: 46px; background-color: rgba(236, 236, 236, 1); background-color: var(--FW-PageNavigation-BG); border-radius: 40px 0 0 40px;border-radius: var(--FW-PageNavigation-Next-radius);display:none; } .hstyp44::before { content: ''; background-position:-883px -1060px; width:35px; height: 35px; position: absolute; margin: 5.5px 0 0 12.5px;} .hstyp44:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; transform: translate(-5px,0);} .hstyp44:hover::before {background-position: -883px -1145px; cursor: pointer; } .hstyp44.active:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; } .hstyp44.active:hover::before {background-position: -883px -1145px; cursor: pointer; } .hstyp44.inactive, .hstyp44.inactive:hover { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); transform: translate(0,0); cursor: no-drop; } .hstyp44.inactive::before, .hstyp44.inactive:hover::before {background-position: -883px -1145px; opacity:0.1; cursor: no-drop;} .hstyp44.hotspotStatusImage0{} .hstyp45 { position: absolute; display: none; left: -5px;top: 377px; width: 60px; height: 46px; background-color: rgba(236, 236, 236, 1); background-color: var(--FW-PageNavigation-BG); border-radius: 0 40px 40px 0; border-radius: var(--FW-PageNavigation-Back-radius);} .hstyp45::before { content: ''; background-position: -652px -1060px; width:35px; height: 35px; position: absolute; margin: 5.5px 0 0 12.5px; } .hstyp45:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; transform: translate(5px,0);} .hstyp45:hover::before {background-position: -652px -1145px; cursor: pointer; } .hstyp45.active:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; } .hstyp45.active:hover::before {background-position: -652px -1145px; cursor: pointer; } .hstyp45.inactive,.hstyp45.inactive:hover { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); transform: translate(0,0); cursor: no-drop;} .hstyp45.inactive::before, .hstyp45.inactive:hover::before {background-position: -652px -1145px; opacity:0.1; cursor: no-drop;} .hstyp45.hotspotStatusImage0{} .hstyp46{ opacity:0; background-color:rgba(255, 255, 255, 0); background-image: url("../images/1by1.gif"); display: none; box-sizing: border-box; } .hstyp46 .text{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); display: inline-block; } .hstyp46:hover > .text, .hstyp46:focus > .text{ color: rgba(255, 11, 55, 1); color: var(--secondaryColor); } .hstyp46.hotspotStatusImage{} .hstyp47 { position: absolute; top: 500px; right: -1px; height:39px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: none; border-radius: 22px 0 0 22px;border-radius: var(--hotspotsNav-radius); outline:none; display: none; } .hstyp47:hover, .hstyp47:focus { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .hstyp47 .text { padding: 5px 22px 5px 12px; line-height: 39px; box-sizing: border-box; color: #ffffff; color: var(--fontColor-onHotspots); } .hstyp47.hotspotStatusImage0{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp47.hotspotStatusImage1{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp47.hotspotStatusImage3{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp47.hotspotStatusImage4{background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} .hstyp47.hotspotStatusImage5{background: rgba(227, 227, 227, 1) !important; opacity: 1 !important; } .hstyp47.visitedGlobal{ background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp48{ background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); background-image: url("../images/1by1.gif"); display: none; padding: 6px 18px 8px 18px; margin:1px; text-align: left; box-sizing: border-box; border-radius: 16px;} .hstyp48:last-child{margin-bottom:18px; } .hstyp48 > .text{ color:#ffffff; color: var(--fontColor-onHotspots);} .hstyp48:hover > .text{ } .hstyp48:hover, .hstyp48:focus { background: rgba(255, 11, 55, 1); background: var(--secondaryColor); } .hstyp48.selection { } .hstyp48.selection > .text { } .hstyp48.selection:hover > .text{ } .hstyp48.visited > .text { } .hstyp48.visited:hover > .text{ } .hstyp48::before {content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 12px solid transparent; border-top-color: transparent; border-top-style: solid; border-top-width: 12px; border-bottom-color: transparent; border-bottom-color: rgba(69, 21, 68, 1); border-bottom-color: var(--primaryColor); border-top: 0; margin-left: -12px; margin-top: -12px;} .hstyp48:hover::before {border-bottom-color: rgba(255, 11, 55, 1); border-bottom-color: var(--secondaryColor);} .hstyp48.visitedGlobal::before {border-bottom-color: rgba(69, 21, 68, 0.45); border-bottom-color: var(--primaryColorOpacity);} .hstyp48.hotspotStatusImage5{ background: rgba(227, 227, 227, 1) !important; cursor: no-drop; } .hstyp48.hotspotStatusImage5:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: default; } .hstyp48.visitedGlobal{ background-color: rgba(69, 21, 68, 1); background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp48.inactiveByActionPrereq{ background: rgba(227, 227, 227, 1) !important; cursor: no-drop; opacity: 1 !important; } .hstyp48.inactiveByActionPrereq:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: default; } Button { background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); background-image: url("../images/1by1.gif"); padding:8.75px 18px 8.75px 18px; text-align: initial; width: 100%; border: none; border-radius: 22px;border-radius: var(--hotspotsContent-BIGradius); } Button { color:#ffffff; color: var(--fontColor-onHotspots); } Button:hover > .text{ } Button:hover, Button:focus { cursor: pointer; background: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); } Button.visitedGlobal { background-color: rgba(69, 21, 68, 1); background-color: var(--primaryColor); opacity: 0.45 !important; } .hstyp49{ position: absolute; bottom: 0; left:50%; transform: translatex(-50%); width: 100%; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); background-image: url("../images/1by1.gif"); display: none; padding:6px 18px 8px 18px; text-align: center; box-sizing: border-box; } .hstyp49 .text{ color: #ffffff; color: var(--fontColor-onHotspots); display: inline-block;} .hstyp49:hover, .hstyp36:focus { background: rgba(255, 11, 55, 1); background: var(--secondaryColor); } .hstyp49.hotspotStatusImage5{ background: rgba(227, 227, 227, 1) !important; cursor: no-drop; } .hstyp49.hotspotStatusImage5:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: default; } .hstyp49.visitedGlobal{ background-color: rgba(69, 21, 68, 1); background-color:var(--primaryColor); opacity: 0.45 !important;} .hstyp49.inactiveByActionPrereq{ background: rgba(227, 227, 227, 1) !important; cursor: no-drop; opacity: 1 !important; } .hstyp49.inactiveByActionPrereq:hover > .text{ color:#ffffff; color: var(--fontColor-onHotspots); cursor: no-drop; } .includeClose{width: 25px;height: 25px;background-position: -31px -57px;position: absolute;right: 0px;top: 0px;} .exis { position: relative; height: 100% !important; width: 100%; } .EXDC .exis, .EXDS .exis, .EXDDS .exis, .EXDD .exis { height: calc(100% - 32px) !important; width: 100%; } .EXDC .ex > .image { position: initial; margin-bottom: -22px; } .EXDDS .ex > .image { position: initial; margin-bottom: -22px; } .EXSCWCE .ct span.ct , .EXMCWCE .ct span.ct { display:inline-block; } /*Background color for exicises ordered by page layout*/ #MAIN38_1 .EXSC, #MAIN38_1 .EXSCWCE,#MAIN38_1 .EXMC, #MAIN38_1 .EXMCWCE ,#MAIN38_1 .EXTF,#MAIN38_1 .EXTD,#MAIN38_1 .EXPW,#MAIN38_1 .EXTE,#MAIN38_1 .EXSCALE,#MAIN38_1 .EXCC,#MAIN38_1 .EXCD, #MAIN39_1 .EXSC, #MAIN39_1 .EXSCWCE,#MAIN39_1 .EXMC, #MAIN39_1 .EXMCWCE ,#MAIN39_1 .EXTF,#MAIN39_1 .EXTD,#MAIN39_1 .EXPW,#MAIN39_1 .EXTE,#MAIN39_1 .EXSCALE,#MAIN39_1 .EXCC,#MAIN39_1 .EXCD, #MAIN40_1 .EXSC, #MAIN40_1 .EXSCWCE,#MAIN40_1 .EXMC, #MAIN40_1 .EXMCWCE ,#MAIN40_1 .EXTF,#MAIN40_1 .EXTD,#MAIN40_1 .EXPW,#MAIN40_1 .EXTE,#MAIN40_1 .EXSCALE,#MAIN40_1 .EXCC,#MAIN40_1 .EXCD, #MAIN41_1 .EXSC, #MAIN41_1 .EXSCWCE,#MAIN41_1 .EXMC, #MAIN41_1 .EXMCWCE ,#MAIN41_1 .EXTF,#MAIN41_1 .EXTD,#MAIN41_1 .EXPW,#MAIN41_1 .EXTE,#MAIN41_1 .EXSCALE,#MAIN41_1 .EXCC,#MAIN41_1 .EXCD, #MAIN42_1 .EXSC, #MAIN42_1 .EXSCWCE,#MAIN42_1 .EXMC, #MAIN42_1 .EXMCWCE ,#MAIN42_1 .EXTF,#MAIN42_1 .EXTD,#MAIN42_1 .EXPW,#MAIN42_1 .EXTE,#MAIN42_1 .EXSCALE,#MAIN42_1 .EXCC,#MAIN42_1 .EXCD, #MAIN43_1 .EXSC, #MAIN43_1 .EXSCWCE,#MAIN43_1 .EXMC, #MAIN43_1 .EXMCWCE ,#MAIN43_1 .EXTF,#MAIN43_1 .EXTD,#MAIN43_1 .EXPW,#MAIN43_1 .EXTE,#MAIN43_1 .EXSCALE,#MAIN43_1 .EXCC,#MAIN43_1 .EXCD, #MAIN44_1 .EXSC, #MAIN44_1 .EXSCWCE,#MAIN44_1 .EXMC, #MAIN44_1 .EXMCWCE ,#MAIN44_1 .EXTF,#MAIN44_1 .EXTD,#MAIN44_1 .EXPW,#MAIN44_1 .EXTE,#MAIN44_1 .EXSCALE,#MAIN44_1 .EXCC,#MAIN44_1 .EXCD, #MAIN45_1 .EXSC, #MAIN45_1 .EXSCWCE,#MAIN45_1 .EXMC, #MAIN45_1 .EXMCWCE ,#MAIN45_1 .EXTF,#MAIN45_1 .EXTD,#MAIN45_1 .EXPW,#MAIN45_1 .EXTE,#MAIN45_1 .EXSCALE,#MAIN45_1 .EXCC,#MAIN45_1 .EXCD, #MAIN46_1 .EXSC, #MAIN46_1 .EXSCWCE,#MAIN46_1 .EXMC, #MAIN46_1 .EXMCWCE ,#MAIN46_1 .EXTF,#MAIN46_1 .EXTD,#MAIN46_1 .EXPW,#MAIN46_1 .EXTE,#MAIN46_1 .EXSCALE,#MAIN46_1 .EXCC,#MAIN46_1 .EXCD, #MAIN47_1 .EXSC, #MAIN47_1 .EXSCWCE,#MAIN47_1 .EXMC, #MAIN47_1 .EXMCWCE ,#MAIN47_1 .EXTF,#MAIN47_1 .EXTD,#MAIN47_1 .EXPW,#MAIN47_1 .EXTE,#MAIN47_1 .EXSCALE,#MAIN47_1 .EXCC,#MAIN47_1 .EXCD, #MAIN48_1 .EXSC, #MAIN48_1 .EXSCWCE,#MAIN48_1 .EXMC, #MAIN48_1 .EXMCWCE ,#MAIN48_1 .EXTF,#MAIN48_1 .EXTD,#MAIN48_1 .EXPW,#MAIN48_1 .EXTE,#MAIN48_1 .EXSCALE,#MAIN48_1 .EXCC,#MAIN48_1 .EXCD, #MAIN49_1 .EXSC, #MAIN49_1 .EXSCWCE,#MAIN49_1 .EXMC, #MAIN49_1 .EXMCWCE ,#MAIN49_1 .EXTF,#MAIN49_1 .EXTD,#MAIN49_1 .EXPW,#MAIN49_1 .EXTE,#MAIN49_1 .EXSCALE,#MAIN49_1 .EXCC,#MAIN49_1 .EXCD, #MAIN50_1 .EXSC, #MAIN50_1 .EXSCWCE,#MAIN50_1 .EXMC, #MAIN50_1 .EXMCWCE ,#MAIN50_1 .EXTF,#MAIN50_1 .EXTD,#MAIN50_1 .EXPW,#MAIN50_1 .EXTE,#MAIN50_1 .EXSCALE,#MAIN50_1 .EXCC,#MAIN50_1 .EXCD, #MAIN51_1 .EXSC, #MAIN51_1 .EXSCWCE,#MAIN51_1 .EXMC, #MAIN51_1 .EXMCWCE ,#MAIN51_1 .EXTF,#MAIN51_1 .EXTD,#MAIN51_1 .EXPW,#MAIN51_1 .EXTE,#MAIN51_1 .EXSCALE,#MAIN51_1 .EXCC,#MAIN51_1 .EXCD, #MAIN52_1 .EXSC, #MAIN52_1 .EXSCWCE,#MAIN52_1 .EXMC, #MAIN52_1 .EXMCWCE ,#MAIN52_1 .EXTF,#MAIN52_1 .EXTD,#MAIN52_1 .EXPW,#MAIN52_1 .EXTE,#MAIN52_1 .EXSCALE,#MAIN52_1 .EXCC,#MAIN52_1 .EXCD, #MAIN53_1 .EXSC, #MAIN53_1 .EXSCWCE,#MAIN53_1 .EXMC, #MAIN53_1 .EXMCWCE ,#MAIN53_1 .EXTF,#MAIN53_1 .EXTD,#MAIN53_1 .EXPW,#MAIN53_1 .EXTE,#MAIN53_1 .EXSCALE,#MAIN53_1 .EXCC,#MAIN53_1 .EXCD, #MAIN54_1 .EXSC, #MAIN54_1 .EXSCWCE,#MAIN54_1 .EXMC, #MAIN54_1 .EXMCWCE ,#MAIN54_1 .EXTF,#MAIN54_1 .EXTD,#MAIN54_1 .EXPW,#MAIN54_1 .EXTE,#MAIN54_1 .EXSCALE,#MAIN54_1 .EXCC,#MAIN54_1 .EXCD, #MAIN55_1 .EXSC, #MAIN55_1 .EXSCWCE,#MAIN55_1 .EXMC, #MAIN55_1 .EXMCWCE ,#MAIN55_1 .EXTF,#MAIN55_1 .EXTD,#MAIN55_1 .EXPW,#MAIN55_1 .EXTE,#MAIN55_1 .EXSCALE,#MAIN55_1 .EXCC,#MAIN55_1 .EXCD, #MAIN56_1 .EXSC, #MAIN56_1 .EXSCWCE,#MAIN56_1 .EXMC, #MAIN56_1 .EXMCWCE ,#MAIN56_1 .EXTF,#MAIN56_1 .EXTD,#MAIN56_1 .EXPW,#MAIN56_1 .EXTE,#MAIN56_1 .EXSCALE,#MAIN56_1 .EXCC,#MAIN56_1 .EXCD, #MAIN57_1 .EXSC, #MAIN57_1 .EXSCWCE,#MAIN57_1 .EXMC, #MAIN57_1 .EXMCWCE ,#MAIN57_1 .EXTF,#MAIN57_1 .EXTD,#MAIN57_1 .EXPW,#MAIN57_1 .EXTE,#MAIN57_1 .EXSCALE,#MAIN57_1 .EXCC,#MAIN57_1 .EXCD, #MAIN58_1 .EXSC, #MAIN58_1 .EXSCWCE,#MAIN58_1 .EXMC, #MAIN58_1 .EXMCWCE ,#MAIN58_1 .EXTF,#MAIN58_1 .EXTD,#MAIN58_1 .EXPW,#MAIN58_1 .EXTE,#MAIN58_1 .EXSCALE,#MAIN58_1 .EXCC,#MAIN58_1 .EXCD, #MAIN59_1 .EXSC, #MAIN59_1 .EXSCWCE,#MAIN59_1 .EXMC, #MAIN59_1 .EXMCWCE ,#MAIN59_1 .EXTF,#MAIN59_1 .EXTD,#MAIN59_1 .EXPW,#MAIN59_1 .EXTE,#MAIN59_1 .EXSCALE,#MAIN59_1 .EXCC,#MAIN59_1 .EXCD, #MAIN60_1 .EXSC, #MAIN60_1 .EXSCWCE,#MAIN60_1 .EXMC, #MAIN60_1 .EXMCWCE ,#MAIN60_1 .EXTF,#MAIN60_1 .EXTD,#MAIN60_1 .EXPW,#MAIN60_1 .EXTE,#MAIN60_1 .EXSCALE,#MAIN60_1 .EXCC,#MAIN60_1 .EXCD, #MAIN61_1 .EXSC, #MAIN61_1 .EXSCWCE,#MAIN61_1 .EXMC, #MAIN61_1 .EXMCWCE ,#MAIN61_1 .EXTF,#MAIN61_1 .EXTD,#MAIN61_1 .EXPW,#MAIN61_1 .EXTE,#MAIN61_1 .EXSCALE,#MAIN61_1 .EXCC,#MAIN61_1 .EXCD, #MAIN62_1 .EXSC, #MAIN62_1 .EXSCWCE,#MAIN62_1 .EXMC, #MAIN62_1 .EXMCWCE ,#MAIN62_1 .EXTF,#MAIN62_1 .EXTD,#MAIN62_1 .EXPW,#MAIN62_1 .EXTE,#MAIN62_1 .EXSCALE,#MAIN62_1 .EXCC,#MAIN62_1 .EXCD, #MAIN63_1 .EXSC, #MAIN63_1 .EXSCWCE,#MAIN63_1 .EXMC, #MAIN63_1 .EXMCWCE ,#MAIN63_1 .EXTF,#MAIN63_1 .EXTD,#MAIN63_1 .EXPW,#MAIN63_1 .EXTE,#MAIN63_1 .EXSCALE,#MAIN63_1 .EXCC,#MAIN63_1 .EXCD, #MAIN64_1 .EXSC, #MAIN64_1 .EXSCWCE,#MAIN64_1 .EXMC, #MAIN64_1 .EXMCWCE ,#MAIN64_1 .EXTF,#MAIN64_1 .EXTD,#MAIN64_1 .EXPW,#MAIN64_1 .EXTE,#MAIN64_1 .EXSCALE,#MAIN64_1 .EXCC,#MAIN64_1 .EXCD, #MAIN65_1 .EXSC, #MAIN65_1 .EXSCWCE,#MAIN65_1 .EXMC, #MAIN65_1 .EXMCWCE ,#MAIN65_1 .EXTF,#MAIN65_1 .EXTD,#MAIN65_1 .EXPW,#MAIN65_1 .EXTE,#MAIN65_1 .EXSCALE,#MAIN65_1 .EXCC,#MAIN65_1 .EXCD, #MAIN38_2 .EXSC, #MAIN38_2 .EXSCWCE,#MAIN38_2 .EXMC, #MAIN38_2 .EXMCWCE ,#MAIN38_2 .EXTF,#MAIN38_2 .EXTD,#MAIN38_2 .EXPW,#MAIN38_2 .EXTE,#MAIN38_2 .EXSCALE,#MAIN38_2 .EXCC,#MAIN38_2 .EXCD, #MAIN39_2 .EXSC, #MAIN39_2 .EXSCWCE,#MAIN39_2 .EXMC, #MAIN39_2 .EXMCWCE ,#MAIN39_2 .EXTF,#MAIN39_2 .EXTD,#MAIN39_2 .EXPW,#MAIN39_2 .EXTE,#MAIN39_2 .EXSCALE,#MAIN39_2 .EXCC,#MAIN39_2 .EXCD, #MAIN40_2 .EXSC, #MAIN40_2 .EXSCWCE,#MAIN40_2 .EXMC, #MAIN40_2 .EXMCWCE ,#MAIN40_2 .EXTF,#MAIN40_2 .EXTD,#MAIN40_2 .EXPW,#MAIN40_2 .EXTE,#MAIN40_2 .EXSCALE,#MAIN40_2 .EXCC,#MAIN40_2 .EXCD, #MAIN41_2 .EXSC, #MAIN41_2 .EXSCWCE,#MAIN41_2 .EXMC, #MAIN41_2 .EXMCWCE ,#MAIN41_2 .EXTF,#MAIN41_2 .EXTD,#MAIN41_2 .EXPW,#MAIN41_2 .EXTE,#MAIN41_2 .EXSCALE,#MAIN41_2 .EXCC,#MAIN41_2 .EXCD, #MAIN42_2 .EXSC, #MAIN42_2 .EXSCWCE,#MAIN42_2 .EXMC, #MAIN42_2 .EXMCWCE ,#MAIN42_2 .EXTF,#MAIN42_2 .EXTD,#MAIN42_2 .EXPW,#MAIN42_2 .EXTE,#MAIN42_2 .EXSCALE,#MAIN42_2 .EXCC,#MAIN42_2 .EXCD, #MAIN43_2 .EXSC, #MAIN43_2 .EXSCWCE,#MAIN43_2 .EXMC, #MAIN43_2 .EXMCWCE ,#MAIN43_2 .EXTF,#MAIN43_2 .EXTD,#MAIN43_2 .EXPW,#MAIN43_2 .EXTE,#MAIN43_2 .EXSCALE,#MAIN43_2 .EXCC,#MAIN43_2 .EXCD, #MAIN44_2 .EXSC, #MAIN44_2 .EXSCWCE,#MAIN44_2 .EXMC, #MAIN44_2 .EXMCWCE ,#MAIN44_2 .EXTF,#MAIN44_2 .EXTD,#MAIN44_2 .EXPW,#MAIN44_2 .EXTE,#MAIN44_2 .EXSCALE,#MAIN44_2 .EXCC,#MAIN44_2 .EXCD, #MAIN45_2 .EXSC, #MAIN45_2 .EXSCWCE,#MAIN45_2 .EXMC, #MAIN45_2 .EXMCWCE ,#MAIN45_2 .EXTF,#MAIN45_2 .EXTD,#MAIN45_2 .EXPW,#MAIN45_2 .EXTE,#MAIN45_2 .EXSCALE,#MAIN45_2 .EXCC,#MAIN45_2 .EXCD, #MAIN46_2 .EXSC, #MAIN46_2 .EXSCWCE,#MAIN46_2 .EXMC, #MAIN46_2 .EXMCWCE ,#MAIN46_2 .EXTF,#MAIN46_2 .EXTD,#MAIN46_2 .EXPW,#MAIN46_2 .EXTE,#MAIN46_2 .EXSCALE,#MAIN46_2 .EXCC,#MAIN46_2 .EXCD, #MAIN47_2 .EXSC, #MAIN47_2 .EXSCWCE,#MAIN47_2 .EXMC, #MAIN47_2 .EXMCWCE ,#MAIN47_2 .EXTF,#MAIN47_2 .EXTD,#MAIN47_2 .EXPW,#MAIN47_2 .EXTE,#MAIN47_2 .EXSCALE,#MAIN47_2 .EXCC,#MAIN47_2 .EXCD, #MAIN48_2 .EXSC, #MAIN48_2 .EXSCWCE,#MAIN48_2 .EXMC, #MAIN48_2 .EXMCWCE ,#MAIN48_2 .EXTF,#MAIN48_2 .EXTD,#MAIN48_2 .EXPW,#MAIN48_2 .EXTE,#MAIN48_2 .EXSCALE,#MAIN48_2 .EXCC,#MAIN48_2 .EXCD, #MAIN49_2 .EXSC, #MAIN49_2 .EXSCWCE,#MAIN49_2 .EXMC, #MAIN49_2 .EXMCWCE ,#MAIN49_2 .EXTF,#MAIN49_2 .EXTD,#MAIN49_2 .EXPW,#MAIN49_2 .EXTE,#MAIN49_2 .EXSCALE,#MAIN49_2 .EXCC,#MAIN49_2 .EXCD, #MAIN50_2 .EXSC, #MAIN50_2 .EXSCWCE,#MAIN50_2 .EXMC, #MAIN50_2 .EXMCWCE ,#MAIN50_2 .EXTF,#MAIN50_2 .EXTD,#MAIN50_2 .EXPW,#MAIN50_2 .EXTE,#MAIN50_2 .EXSCALE,#MAIN50_2 .EXCC,#MAIN50_2 .EXCD, #MAIN51_2 .EXSC, #MAIN51_2 .EXSCWCE,#MAIN51_2 .EXMC, #MAIN51_2 .EXMCWCE ,#MAIN51_2 .EXTF,#MAIN51_2 .EXTD,#MAIN51_2 .EXPW,#MAIN51_2 .EXTE,#MAIN51_2 .EXSCALE,#MAIN51_2 .EXCC,#MAIN51_2 .EXCD, #MAIN52_2 .EXSC, #MAIN52_2 .EXSCWCE,#MAIN52_2 .EXMC, #MAIN52_2 .EXMCWCE ,#MAIN52_2 .EXTF,#MAIN52_2 .EXTD,#MAIN52_2 .EXPW,#MAIN52_2 .EXTE,#MAIN52_2 .EXSCALE,#MAIN52_2 .EXCC,#MAIN52_2 .EXCD, #MAIN53_2 .EXSC, #MAIN53_2 .EXSCWCE,#MAIN53_2 .EXMC, #MAIN53_2 .EXMCWCE ,#MAIN53_2 .EXTF,#MAIN53_2 .EXTD,#MAIN53_2 .EXPW,#MAIN53_2 .EXTE,#MAIN53_2 .EXSCALE,#MAIN53_2 .EXCC,#MAIN53_2 .EXCD, #MAIN54_2 .EXSC, #MAIN54_2 .EXSCWCE,#MAIN54_2 .EXMC, #MAIN54_2 .EXMCWCE ,#MAIN54_2 .EXTF,#MAIN54_2 .EXTD,#MAIN54_2 .EXPW,#MAIN54_2 .EXTE,#MAIN54_2 .EXSCALE,#MAIN54_2 .EXCC,#MAIN54_2 .EXCD, #MAIN55_2 .EXSC, #MAIN55_2 .EXSCWCE,#MAIN55_2 .EXMC, #MAIN55_2 .EXMCWCE ,#MAIN55_2 .EXTF,#MAIN55_2 .EXTD,#MAIN55_2 .EXPW,#MAIN55_2 .EXTE,#MAIN55_2 .EXSCALE,#MAIN55_2 .EXCC,#MAIN55_2 .EXCD, #MAIN56_2 .EXSC, #MAIN56_2 .EXSCWCE,#MAIN56_2 .EXMC, #MAIN56_2 .EXMCWCE ,#MAIN56_2 .EXTF,#MAIN56_2 .EXTD,#MAIN56_2 .EXPW,#MAIN56_2 .EXTE,#MAIN56_2 .EXSCALE,#MAIN56_2 .EXCC,#MAIN56_2 .EXCD, #MAIN57_2 .EXSC, #MAIN57_2 .EXSCWCE,#MAIN57_2 .EXMC, #MAIN57_2 .EXMCWCE ,#MAIN57_2 .EXTF,#MAIN57_2 .EXTD,#MAIN57_2 .EXPW,#MAIN57_2 .EXTE,#MAIN57_2 .EXSCALE,#MAIN57_2 .EXCC,#MAIN57_2 .EXCD, #MAIN58_2 .EXSC, #MAIN58_2 .EXSCWCE,#MAIN58_2 .EXMC, #MAIN58_2 .EXMCWCE ,#MAIN58_2 .EXTF,#MAIN58_2 .EXTD,#MAIN58_2 .EXPW,#MAIN58_2 .EXTE,#MAIN58_2 .EXSCALE,#MAIN58_2 .EXCC,#MAIN58_2 .EXCD, #MAIN59_2 .EXSC, #MAIN59_2 .EXSCWCE,#MAIN59_2 .EXMC, #MAIN59_2 .EXMCWCE ,#MAIN59_2 .EXTF,#MAIN59_2 .EXTD,#MAIN59_2 .EXPW,#MAIN59_2 .EXTE,#MAIN59_2 .EXSCALE,#MAIN59_2 .EXCC,#MAIN59_2 .EXCD, #MAIN60_2 .EXSC, #MAIN60_2 .EXSCWCE,#MAIN60_2 .EXMC, #MAIN60_2 .EXMCWCE ,#MAIN60_2 .EXTF,#MAIN60_2 .EXTD,#MAIN60_2 .EXPW,#MAIN60_2 .EXTE,#MAIN60_2 .EXSCALE,#MAIN60_2 .EXCC,#MAIN60_2 .EXCD, #MAIN61_2 .EXSC, #MAIN61_2 .EXSCWCE,#MAIN61_2 .EXMC, #MAIN61_2 .EXMCWCE ,#MAIN61_2 .EXTF,#MAIN61_2 .EXTD,#MAIN61_2 .EXPW,#MAIN61_2 .EXTE,#MAIN61_2 .EXSCALE,#MAIN61_2 .EXCC,#MAIN61_2 .EXCD, #MAIN62_2 .EXSC, #MAIN62_2 .EXSCWCE,#MAIN62_2 .EXMC, #MAIN62_2 .EXMCWCE ,#MAIN62_2 .EXTF,#MAIN62_2 .EXTD,#MAIN62_2 .EXPW,#MAIN62_2 .EXTE,#MAIN62_2 .EXSCALE,#MAIN62_2 .EXCC,#MAIN62_2 .EXCD, #MAIN63_2 .EXSC, #MAIN63_2 .EXSCWCE,#MAIN63_2 .EXMC, #MAIN63_2 .EXMCWCE ,#MAIN63_2 .EXTF,#MAIN63_2 .EXTD,#MAIN63_2 .EXPW,#MAIN63_2 .EXTE,#MAIN63_2 .EXSCALE,#MAIN63_2 .EXCC,#MAIN63_2 .EXCD, #MAIN64_2 .EXSC, #MAIN64_2 .EXSCWCE,#MAIN64_2 .EXMC, #MAIN64_2 .EXMCWCE ,#MAIN64_2 .EXTF,#MAIN64_2 .EXTD,#MAIN64_2 .EXPW,#MAIN64_2 .EXTE,#MAIN64_2 .EXSCALE,#MAIN64_2 .EXCC,#MAIN64_2 .EXCD, #MAIN65_2 .EXSC, #MAIN65_2 .EXSCWCE,#MAIN65_2 .EXMC, #MAIN65_2 .EXMCWCE ,#MAIN65_2 .EXTF,#MAIN65_2 .EXTD,#MAIN65_2 .EXPW,#MAIN65_2 .EXTE,#MAIN65_2 .EXSCALE,#MAIN65_2 .EXCC,#MAIN65_2 .EXCD, #MAIN38_3 .EXSC, #MAIN38_3 .EXSCWCE,#MAIN38_3 .EXMC, #MAIN38_3 .EXMCWCE ,#MAIN38_3 .EXTF,#MAIN38_3 .EXTD,#MAIN38_3 .EXPW,#MAIN38_3 .EXTE,#MAIN38_3 .EXSCALE,#MAIN38_3 .EXCC,#MAIN38_3 .EXCD, #MAIN39_3 .EXSC, #MAIN39_3 .EXSCWCE,#MAIN39_3 .EXMC, #MAIN39_3 .EXMCWCE ,#MAIN39_3 .EXTF,#MAIN39_3 .EXTD,#MAIN39_3 .EXPW,#MAIN39_3 .EXTE,#MAIN39_3 .EXSCALE,#MAIN39_3 .EXCC,#MAIN39_3 .EXCD, #MAIN40_3 .EXSC, #MAIN40_3 .EXSCWCE,#MAIN40_3 .EXMC, #MAIN40_3 .EXMCWCE ,#MAIN40_3 .EXTF,#MAIN40_3 .EXTD,#MAIN40_3 .EXPW,#MAIN40_3 .EXTE,#MAIN40_3 .EXSCALE,#MAIN40_3 .EXCC,#MAIN40_3 .EXCD, #MAIN41_3 .EXSC, #MAIN41_3 .EXSCWCE,#MAIN41_3 .EXMC, #MAIN41_3 .EXMCWCE ,#MAIN41_3 .EXTF,#MAIN41_3 .EXTD,#MAIN41_3 .EXPW,#MAIN41_3 .EXTE,#MAIN41_3 .EXSCALE,#MAIN41_3 .EXCC,#MAIN41_3 .EXCD, #MAIN42_3 .EXSC, #MAIN42_3 .EXSCWCE,#MAIN42_3 .EXMC, #MAIN42_3 .EXMCWCE ,#MAIN42_3 .EXTF,#MAIN42_3 .EXTD,#MAIN42_3 .EXPW,#MAIN42_3 .EXTE,#MAIN42_3 .EXSCALE,#MAIN42_3 .EXCC,#MAIN42_3 .EXCD, #MAIN43_3 .EXSC, #MAIN43_3 .EXSCWCE,#MAIN43_3 .EXMC, #MAIN43_3 .EXMCWCE ,#MAIN43_3 .EXTF,#MAIN43_3 .EXTD,#MAIN43_3 .EXPW,#MAIN43_3 .EXTE,#MAIN43_3 .EXSCALE,#MAIN43_3 .EXCC,#MAIN43_3 .EXCD, #MAIN44_3 .EXSC, #MAIN44_3 .EXSCWCE,#MAIN44_3 .EXMC, #MAIN44_3 .EXMCWCE ,#MAIN44_3 .EXTF,#MAIN44_3 .EXTD,#MAIN44_3 .EXPW,#MAIN44_3 .EXTE,#MAIN44_3 .EXSCALE,#MAIN44_3 .EXCC,#MAIN44_3 .EXCD, #MAIN45_3 .EXSC, #MAIN45_3 .EXSCWCE,#MAIN45_3 .EXMC, #MAIN45_3 .EXMCWCE ,#MAIN45_3 .EXTF,#MAIN45_3 .EXTD,#MAIN45_3 .EXPW,#MAIN45_3 .EXTE,#MAIN45_3 .EXSCALE,#MAIN45_3 .EXCC,#MAIN45_3 .EXCD, #MAIN46_3 .EXSC, #MAIN46_3 .EXSCWCE,#MAIN46_3 .EXMC, #MAIN46_3 .EXMCWCE ,#MAIN46_3 .EXTF,#MAIN46_3 .EXTD,#MAIN46_3 .EXPW,#MAIN46_3 .EXTE,#MAIN46_3 .EXSCALE,#MAIN46_3 .EXCC,#MAIN46_3 .EXCD, #MAIN47_3 .EXSC, #MAIN47_3 .EXSCWCE,#MAIN47_3 .EXMC, #MAIN47_3 .EXMCWCE ,#MAIN47_3 .EXTF,#MAIN47_3 .EXTD,#MAIN47_3 .EXPW,#MAIN47_3 .EXTE,#MAIN47_3 .EXSCALE,#MAIN47_3 .EXCC,#MAIN47_3 .EXCD, #MAIN48_3 .EXSC, #MAIN48_3 .EXSCWCE,#MAIN48_3 .EXMC, #MAIN48_3 .EXMCWCE ,#MAIN48_3 .EXTF,#MAIN48_3 .EXTD,#MAIN48_3 .EXPW,#MAIN48_3 .EXTE,#MAIN48_3 .EXSCALE,#MAIN48_3 .EXCC,#MAIN48_3 .EXCD, #MAIN49_3 .EXSC, #MAIN49_3 .EXSCWCE,#MAIN49_3 .EXMC, #MAIN49_3 .EXMCWCE ,#MAIN49_3 .EXTF,#MAIN49_3 .EXTD,#MAIN49_3 .EXPW,#MAIN49_3 .EXTE,#MAIN49_3 .EXSCALE,#MAIN49_3 .EXCC,#MAIN49_3 .EXCD, #MAIN50_3 .EXSC, #MAIN50_3 .EXSCWCE,#MAIN50_3 .EXMC, #MAIN50_3 .EXMCWCE ,#MAIN50_3 .EXTF,#MAIN50_3 .EXTD,#MAIN50_3 .EXPW,#MAIN50_3 .EXTE,#MAIN50_3 .EXSCALE,#MAIN50_3 .EXCC,#MAIN50_3 .EXCD, #MAIN51_3 .EXSC, #MAIN51_3 .EXSCWCE,#MAIN51_3 .EXMC, #MAIN51_3 .EXMCWCE ,#MAIN51_3 .EXTF,#MAIN51_3 .EXTD,#MAIN51_3 .EXPW,#MAIN51_3 .EXTE,#MAIN51_3 .EXSCALE,#MAIN51_3 .EXCC,#MAIN51_3 .EXCD, #MAIN52_3 .EXSC, #MAIN52_3 .EXSCWCE,#MAIN52_3 .EXMC, #MAIN52_3 .EXMCWCE ,#MAIN52_3 .EXTF,#MAIN52_3 .EXTD,#MAIN52_3 .EXPW,#MAIN52_3 .EXTE,#MAIN52_3 .EXSCALE,#MAIN52_3 .EXCC,#MAIN52_3 .EXCD, #MAIN53_3 .EXSC, #MAIN53_3 .EXSCWCE,#MAIN53_3 .EXMC, #MAIN53_3 .EXMCWCE ,#MAIN53_3 .EXTF,#MAIN53_3 .EXTD,#MAIN53_3 .EXPW,#MAIN53_3 .EXTE,#MAIN53_3 .EXSCALE,#MAIN53_3 .EXCC,#MAIN53_3 .EXCD, #MAIN54_3 .EXSC, #MAIN54_3 .EXSCWCE,#MAIN54_3 .EXMC, #MAIN54_3 .EXMCWCE ,#MAIN54_3 .EXTF,#MAIN54_3 .EXTD,#MAIN54_3 .EXPW,#MAIN54_3 .EXTE,#MAIN54_3 .EXSCALE,#MAIN54_3 .EXCC,#MAIN54_3 .EXCD, #MAIN55_3 .EXSC, #MAIN55_3 .EXSCWCE,#MAIN55_3 .EXMC, #MAIN55_3 .EXMCWCE ,#MAIN55_3 .EXTF,#MAIN55_3 .EXTD,#MAIN55_3 .EXPW,#MAIN55_3 .EXTE,#MAIN55_3 .EXSCALE,#MAIN55_3 .EXCC,#MAIN55_3 .EXCD, #MAIN56_3 .EXSC, #MAIN56_3 .EXSCWCE,#MAIN56_3 .EXMC, #MAIN56_3 .EXMCWCE ,#MAIN56_3 .EXTF,#MAIN56_3 .EXTD,#MAIN56_3 .EXPW,#MAIN56_3 .EXTE,#MAIN56_3 .EXSCALE,#MAIN56_3 .EXCC,#MAIN56_3 .EXCD, #MAIN57_3 .EXSC, #MAIN57_3 .EXSCWCE,#MAIN57_3 .EXMC, #MAIN57_3 .EXMCWCE ,#MAIN57_3 .EXTF,#MAIN57_3 .EXTD,#MAIN57_3 .EXPW,#MAIN57_3 .EXTE,#MAIN57_3 .EXSCALE,#MAIN57_3 .EXCC,#MAIN57_3 .EXCD, #MAIN58_3 .EXSC, #MAIN58_3 .EXSCWCE,#MAIN58_3 .EXMC, #MAIN58_3 .EXMCWCE ,#MAIN58_3 .EXTF,#MAIN58_3 .EXTD,#MAIN58_3 .EXPW,#MAIN58_3 .EXTE,#MAIN58_3 .EXSCALE,#MAIN58_3 .EXCC,#MAIN58_3 .EXCD, #MAIN59_3 .EXSC, #MAIN59_3 .EXSCWCE,#MAIN59_3 .EXMC, #MAIN59_3 .EXMCWCE ,#MAIN59_3 .EXTF,#MAIN59_3 .EXTD,#MAIN59_3 .EXPW,#MAIN59_3 .EXTE,#MAIN59_3 .EXSCALE,#MAIN59_3 .EXCC,#MAIN59_3 .EXCD, #MAIN60_3 .EXSC, #MAIN60_3 .EXSCWCE,#MAIN60_3 .EXMC, #MAIN60_3 .EXMCWCE ,#MAIN60_3 .EXTF,#MAIN60_3 .EXTD,#MAIN60_3 .EXPW,#MAIN60_3 .EXTE,#MAIN60_3 .EXSCALE,#MAIN60_3 .EXCC,#MAIN60_3 .EXCD, #MAIN61_3 .EXSC, #MAIN61_3 .EXSCWCE,#MAIN61_3 .EXMC, #MAIN61_3 .EXMCWCE ,#MAIN61_3 .EXTF,#MAIN61_3 .EXTD,#MAIN61_3 .EXPW,#MAIN61_3 .EXTE,#MAIN61_3 .EXSCALE,#MAIN61_3 .EXCC,#MAIN61_3 .EXCD, #MAIN62_3 .EXSC, #MAIN62_3 .EXSCWCE,#MAIN62_3 .EXMC, #MAIN62_3 .EXMCWCE ,#MAIN62_3 .EXTF,#MAIN62_3 .EXTD,#MAIN62_3 .EXPW,#MAIN62_3 .EXTE,#MAIN62_3 .EXSCALE,#MAIN62_3 .EXCC,#MAIN62_3 .EXCD, #MAIN63_3 .EXSC, #MAIN63_3 .EXSCWCE,#MAIN63_3 .EXMC, #MAIN63_3 .EXMCWCE ,#MAIN63_3 .EXTF,#MAIN63_3 .EXTD,#MAIN63_3 .EXPW,#MAIN63_3 .EXTE,#MAIN63_3 .EXSCALE,#MAIN63_3 .EXCC,#MAIN63_3 .EXCD, #MAIN64_3 .EXSC, #MAIN64_3 .EXSCWCE,#MAIN64_3 .EXMC, #MAIN64_3 .EXMCWCE ,#MAIN64_3 .EXTF,#MAIN64_3 .EXTD,#MAIN64_3 .EXPW,#MAIN64_3 .EXTE,#MAIN64_3 .EXSCALE,#MAIN64_3 .EXCC,#MAIN64_3 .EXCD, #MAIN65_3 .EXSC, #MAIN65_3 .EXSCWCE,#MAIN65_3 .EXMC, #MAIN65_3 .EXMCWCE ,#MAIN65_3 .EXTF,#MAIN65_3 .EXTD,#MAIN65_3 .EXPW,#MAIN65_3 .EXTE,#MAIN65_3 .EXSCALE,#MAIN65_3 .EXCC,#MAIN65_3 .EXCD, #MAIN38_4 .EXSC, #MAIN38_4 .EXSCWCE,#MAIN38_4 .EXMC, #MAIN38_4 .EXMCWCE ,#MAIN38_4 .EXTF,#MAIN38_4 .EXTD,#MAIN38_4 .EXPW,#MAIN38_4 .EXTE,#MAIN38_4 .EXSCALE,#MAIN38_4 .EXCC,#MAIN38_4 .EXCD, #MAIN39_4 .EXSC, #MAIN39_4 .EXSCWCE,#MAIN39_4 .EXMC, #MAIN39_4 .EXMCWCE ,#MAIN39_4 .EXTF,#MAIN39_4 .EXTD,#MAIN39_4 .EXPW,#MAIN39_4 .EXTE,#MAIN39_4 .EXSCALE,#MAIN39_4 .EXCC,#MAIN39_4 .EXCD, #MAIN40_4 .EXSC, #MAIN40_4 .EXSCWCE,#MAIN40_4 .EXMC, #MAIN40_4 .EXMCWCE ,#MAIN40_4 .EXTF,#MAIN40_4 .EXTD,#MAIN40_4 .EXPW,#MAIN40_4 .EXTE,#MAIN40_4 .EXSCALE,#MAIN40_4 .EXCC,#MAIN40_4 .EXCD, #MAIN41_4 .EXSC, #MAIN41_4 .EXSCWCE,#MAIN41_4 .EXMC, #MAIN41_4 .EXMCWCE ,#MAIN41_4 .EXTF,#MAIN41_4 .EXTD,#MAIN41_4 .EXPW,#MAIN41_4 .EXTE,#MAIN41_4 .EXSCALE,#MAIN41_4 .EXCC,#MAIN41_4 .EXCD, #MAIN42_4 .EXSC, #MAIN42_4 .EXSCWCE,#MAIN42_4 .EXMC, #MAIN42_4 .EXMCWCE ,#MAIN42_4 .EXTF,#MAIN42_4 .EXTD,#MAIN42_4 .EXPW,#MAIN42_4 .EXTE,#MAIN42_4 .EXSCALE,#MAIN42_4 .EXCC,#MAIN42_4 .EXCD, #MAIN43_4 .EXSC, #MAIN43_4 .EXSCWCE,#MAIN43_4 .EXMC, #MAIN43_4 .EXMCWCE ,#MAIN43_4 .EXTF,#MAIN43_4 .EXTD,#MAIN43_4 .EXPW,#MAIN43_4 .EXTE,#MAIN43_4 .EXSCALE,#MAIN43_4 .EXCC,#MAIN43_4 .EXCD, #MAIN44_4 .EXSC, #MAIN44_4 .EXSCWCE,#MAIN44_4 .EXMC, #MAIN44_4 .EXMCWCE ,#MAIN44_4 .EXTF,#MAIN44_4 .EXTD,#MAIN44_4 .EXPW,#MAIN44_4 .EXTE,#MAIN44_4 .EXSCALE,#MAIN44_4 .EXCC,#MAIN44_4 .EXCD, #MAIN45_4 .EXSC, #MAIN45_4 .EXSCWCE,#MAIN45_4 .EXMC, #MAIN45_4 .EXMCWCE ,#MAIN45_4 .EXTF,#MAIN45_4 .EXTD,#MAIN45_4 .EXPW,#MAIN45_4 .EXTE,#MAIN45_4 .EXSCALE,#MAIN45_4 .EXCC,#MAIN45_4 .EXCD, #MAIN46_4 .EXSC, #MAIN46_4 .EXSCWCE,#MAIN46_4 .EXMC, #MAIN46_4 .EXMCWCE ,#MAIN46_4 .EXTF,#MAIN46_4 .EXTD,#MAIN46_4 .EXPW,#MAIN46_4 .EXTE,#MAIN46_4 .EXSCALE,#MAIN46_4 .EXCC,#MAIN46_4 .EXCD, #MAIN47_4 .EXSC, #MAIN47_4 .EXSCWCE,#MAIN47_4 .EXMC, #MAIN47_4 .EXMCWCE ,#MAIN47_4 .EXTF,#MAIN47_4 .EXTD,#MAIN47_4 .EXPW,#MAIN47_4 .EXTE,#MAIN47_4 .EXSCALE,#MAIN47_4 .EXCC,#MAIN47_4 .EXCD, #MAIN48_4 .EXSC, #MAIN48_4 .EXSCWCE,#MAIN48_4 .EXMC, #MAIN48_4 .EXMCWCE ,#MAIN48_4 .EXTF,#MAIN48_4 .EXTD,#MAIN48_4 .EXPW,#MAIN48_4 .EXTE,#MAIN48_4 .EXSCALE,#MAIN48_4 .EXCC,#MAIN48_4 .EXCD, #MAIN49_4 .EXSC, #MAIN49_4 .EXSCWCE,#MAIN49_4 .EXMC, #MAIN49_4 .EXMCWCE ,#MAIN49_4 .EXTF,#MAIN49_4 .EXTD,#MAIN49_4 .EXPW,#MAIN49_4 .EXTE,#MAIN49_4 .EXSCALE,#MAIN49_4 .EXCC,#MAIN49_4 .EXCD, #MAIN50_4 .EXSC, #MAIN50_4 .EXSCWCE,#MAIN50_4 .EXMC, #MAIN50_4 .EXMCWCE ,#MAIN50_4 .EXTF,#MAIN50_4 .EXTD,#MAIN50_4 .EXPW,#MAIN50_4 .EXTE,#MAIN50_4 .EXSCALE,#MAIN50_4 .EXCC,#MAIN50_4 .EXCD, #MAIN51_4 .EXSC, #MAIN51_4 .EXSCWCE,#MAIN51_4 .EXMC, #MAIN51_4 .EXMCWCE ,#MAIN51_4 .EXTF,#MAIN51_4 .EXTD,#MAIN51_4 .EXPW,#MAIN51_4 .EXTE,#MAIN51_4 .EXSCALE,#MAIN51_4 .EXCC,#MAIN51_4 .EXCD, #MAIN52_4 .EXSC, #MAIN52_4 .EXSCWCE,#MAIN52_4 .EXMC, #MAIN52_4 .EXMCWCE ,#MAIN52_4 .EXTF,#MAIN52_4 .EXTD,#MAIN52_4 .EXPW,#MAIN52_4 .EXTE,#MAIN52_4 .EXSCALE,#MAIN52_4 .EXCC,#MAIN52_4 .EXCD, #MAIN53_4 .EXSC, #MAIN53_4 .EXSCWCE,#MAIN53_4 .EXMC, #MAIN53_4 .EXMCWCE ,#MAIN53_4 .EXTF,#MAIN53_4 .EXTD,#MAIN53_4 .EXPW,#MAIN53_4 .EXTE,#MAIN53_4 .EXSCALE,#MAIN53_4 .EXCC,#MAIN53_4 .EXCD, #MAIN54_4 .EXSC, #MAIN54_4 .EXSCWCE,#MAIN54_4 .EXMC, #MAIN54_4 .EXMCWCE ,#MAIN54_4 .EXTF,#MAIN54_4 .EXTD,#MAIN54_4 .EXPW,#MAIN54_4 .EXTE,#MAIN54_4 .EXSCALE,#MAIN54_4 .EXCC,#MAIN54_4 .EXCD, #MAIN55_4 .EXSC, #MAIN55_4 .EXSCWCE,#MAIN55_4 .EXMC, #MAIN55_4 .EXMCWCE ,#MAIN55_4 .EXTF,#MAIN55_4 .EXTD,#MAIN55_4 .EXPW,#MAIN55_4 .EXTE,#MAIN55_4 .EXSCALE,#MAIN55_4 .EXCC,#MAIN55_4 .EXCD, #MAIN56_4 .EXSC, #MAIN56_4 .EXSCWCE,#MAIN56_4 .EXMC, #MAIN56_4 .EXMCWCE ,#MAIN56_4 .EXTF,#MAIN56_4 .EXTD,#MAIN56_4 .EXPW,#MAIN56_4 .EXTE,#MAIN56_4 .EXSCALE,#MAIN56_4 .EXCC,#MAIN56_4 .EXCD, #MAIN57_4 .EXSC, #MAIN57_4 .EXSCWCE,#MAIN57_4 .EXMC, #MAIN57_4 .EXMCWCE ,#MAIN57_4 .EXTF,#MAIN57_4 .EXTD,#MAIN57_4 .EXPW,#MAIN57_4 .EXTE,#MAIN57_4 .EXSCALE,#MAIN57_4 .EXCC,#MAIN57_4 .EXCD, #MAIN58_4 .EXSC, #MAIN58_4 .EXSCWCE,#MAIN58_4 .EXMC, #MAIN58_4 .EXMCWCE ,#MAIN58_4 .EXTF,#MAIN58_4 .EXTD,#MAIN58_4 .EXPW,#MAIN58_4 .EXTE,#MAIN58_4 .EXSCALE,#MAIN58_4 .EXCC,#MAIN58_4 .EXCD, #MAIN59_4 .EXSC, #MAIN59_4 .EXSCWCE,#MAIN59_4 .EXMC, #MAIN59_4 .EXMCWCE ,#MAIN59_4 .EXTF,#MAIN59_4 .EXTD,#MAIN59_4 .EXPW,#MAIN59_4 .EXTE,#MAIN59_4 .EXSCALE,#MAIN59_4 .EXCC,#MAIN59_4 .EXCD, #MAIN60_4 .EXSC, #MAIN60_4 .EXSCWCE,#MAIN60_4 .EXMC, #MAIN60_4 .EXMCWCE ,#MAIN60_4 .EXTF,#MAIN60_4 .EXTD,#MAIN60_4 .EXPW,#MAIN60_4 .EXTE,#MAIN60_4 .EXSCALE,#MAIN60_4 .EXCC,#MAIN60_4 .EXCD, #MAIN61_4 .EXSC, #MAIN61_4 .EXSCWCE,#MAIN61_4 .EXMC, #MAIN61_4 .EXMCWCE ,#MAIN61_4 .EXTF,#MAIN61_4 .EXTD,#MAIN61_4 .EXPW,#MAIN61_4 .EXTE,#MAIN61_4 .EXSCALE,#MAIN61_4 .EXCC,#MAIN61_4 .EXCD, #MAIN62_4 .EXSC, #MAIN62_4 .EXSCWCE,#MAIN62_4 .EXMC, #MAIN62_4 .EXMCWCE ,#MAIN62_4 .EXTF,#MAIN62_4 .EXTD,#MAIN62_4 .EXPW,#MAIN62_4 .EXTE,#MAIN62_4 .EXSCALE,#MAIN62_4 .EXCC,#MAIN62_4 .EXCD, #MAIN63_4 .EXSC, #MAIN63_4 .EXSCWCE,#MAIN63_4 .EXMC, #MAIN63_4 .EXMCWCE ,#MAIN63_4 .EXTF,#MAIN63_4 .EXTD,#MAIN63_4 .EXPW,#MAIN63_4 .EXTE,#MAIN63_4 .EXSCALE,#MAIN63_4 .EXCC,#MAIN63_4 .EXCD, #MAIN64_4 .EXSC, #MAIN64_4 .EXSCWCE,#MAIN64_4 .EXMC, #MAIN64_4 .EXMCWCE ,#MAIN64_4 .EXTF,#MAIN64_4 .EXTD,#MAIN64_4 .EXPW,#MAIN64_4 .EXTE,#MAIN64_4 .EXSCALE,#MAIN64_4 .EXCC,#MAIN64_4 .EXCD, #MAIN65_4 .EXSC, #MAIN65_4 .EXSCWCE,#MAIN65_4 .EXMC, #MAIN65_4 .EXMCWCE ,#MAIN65_4 .EXTF,#MAIN65_4 .EXTD,#MAIN65_4 .EXPW,#MAIN65_4 .EXTE,#MAIN65_4 .EXSCALE,#MAIN65_4 .EXCC,#MAIN65_4 .EXCD {background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG);padding:16px;box-sizing:border-box; overflow: visible; } /* #MAIN38_1 .EXDS,#MAIN38_1 .EXDC,#MAIN38_1 .EXDD,#MAIN38_1 .EXDDS, #MAIN39_1 .EXDS,#MAIN39_1 .EXDC,#MAIN39_1 .EXDD,#MAIN39_1 .EXDDS, #MAIN40_1 .EXDS,#MAIN40_1 .EXDC,#MAIN40_1 .EXDD,#MAIN40_1 .EXDDS, #MAIN41_1 .EXDS,#MAIN41_1 .EXDC,#MAIN41_1 .EXDD,#MAIN41_1 .EXDDS, #MAIN42_1 .EXDS,#MAIN42_1 .EXDC,#MAIN42_1 .EXDD,#MAIN42_1 .EXDDS, #MAIN43_1 .EXDS,#MAIN43_1 .EXDC,#MAIN43_1 .EXDD,#MAIN43_1 .EXDDS, #MAIN44_1 .EXDS,#MAIN44_1 .EXDC,#MAIN44_1 .EXDD,#MAIN44_1 .EXDDS, #MAIN45_1 .EXDS,#MAIN45_1 .EXDC,#MAIN45_1 .EXDD,#MAIN45_1 .EXDDS, #MAIN46_1 .EXDS,#MAIN46_1 .EXDC,#MAIN46_1 .EXDD,#MAIN46_1 .EXDDS, #MAIN47_1 .EXDS,#MAIN47_1 .EXDC,#MAIN47_1 .EXDD,#MAIN47_1 .EXDDS, #MAIN48_1 .EXDS,#MAIN48_1 .EXDC,#MAIN48_1 .EXDD,#MAIN48_1 .EXDDS, #MAIN49_1 .EXDS,#MAIN49_1 .EXDC,#MAIN49_1 .EXDD,#MAIN49_1 .EXDDS, #MAIN50_1 .EXDS,#MAIN50_1 .EXDC,#MAIN50_1 .EXDD,#MAIN50_1 .EXDDS, #MAIN51_1 .EXDS,#MAIN51_1 .EXDC,#MAIN51_1 .EXDD,#MAIN51_1 .EXDDS, #MAIN52_1 .EXDS,#MAIN52_1 .EXDC,#MAIN52_1 .EXDD,#MAIN52_1 .EXDDS, #MAIN53_1 .EXDS,#MAIN53_1 .EXDC,#MAIN53_1 .EXDD,#MAIN53_1 .EXDDS, #MAIN54_1 .EXDS,#MAIN54_1 .EXDC,#MAIN54_1 .EXDD,#MAIN54_1 .EXDDS, #MAIN55_1 .EXDS,#MAIN55_1 .EXDC,#MAIN55_1 .EXDD,#MAIN55_1 .EXDDS, #MAIN56_1 .EXDS,#MAIN56_1 .EXDC,#MAIN56_1 .EXDD,#MAIN56_1 .EXDDS, #MAIN57_1 .EXDS,#MAIN57_1 .EXDC,#MAIN57_1 .EXDD,#MAIN57_1 .EXDDS, #MAIN58_1 .EXDS,#MAIN58_1 .EXDC,#MAIN58_1 .EXDD,#MAIN58_1 .EXDDS, #MAIN59_1 .EXDS,#MAIN59_1 .EXDC,#MAIN59_1 .EXDD,#MAIN59_1 .EXDDS, #MAIN60_1 .EXDS,#MAIN60_1 .EXDC,#MAIN60_1 .EXDD,#MAIN60_1 .EXDDS, #MAIN61_1 .EXDS,#MAIN61_1 .EXDC,#MAIN61_1 .EXDD,#MAIN61_1 .EXDDS, #MAIN62_1 .EXDS,#MAIN62_1 .EXDC,#MAIN62_1 .EXDD,#MAIN62_1 .EXDDS, #MAIN63_1 .EXDS,#MAIN63_1 .EXDC,#MAIN63_1 .EXDD,#MAIN63_1 .EXDDS, #MAIN64_1 .EXDS,#MAIN64_1 .EXDC,#MAIN64_1 .EXDD,#MAIN64_1 .EXDDS, #MAIN65_1 .EXDS,#MAIN65_1 .EXDC,#MAIN65_1 .EXDD,#MAIN65_1 .EXDDS, #MAIN38_2 .EXDS,#MAIN38_2 .EXDC,#MAIN38_2 .EXDD,#MAIN38_2 .EXDDS, #MAIN39_2 .EXDS,#MAIN39_2 .EXDC,#MAIN39_2 .EXDD,#MAIN39_2 .EXDDS, #MAIN40_2 .EXDS,#MAIN40_2 .EXDC,#MAIN40_2 .EXDD,#MAIN40_2 .EXDDS, #MAIN41_2 .EXDS,#MAIN41_2 .EXDC,#MAIN41_2 .EXDD,#MAIN41_2 .EXDDS, #MAIN42_2 .EXDS,#MAIN42_2 .EXDC,#MAIN42_2 .EXDD,#MAIN42_2 .EXDDS, #MAIN43_2 .EXDS,#MAIN43_2 .EXDC,#MAIN43_2 .EXDD,#MAIN43_2 .EXDDS, #MAIN44_2 .EXDS,#MAIN44_2 .EXDC,#MAIN44_2 .EXDD,#MAIN44_2 .EXDDS, #MAIN45_2 .EXDS,#MAIN45_2 .EXDC,#MAIN45_2 .EXDD,#MAIN45_2 .EXDDS, #MAIN46_2 .EXDS,#MAIN46_2 .EXDC,#MAIN46_2 .EXDD,#MAIN46_2 .EXDDS, #MAIN47_2 .EXDS,#MAIN47_2 .EXDC,#MAIN47_2 .EXDD,#MAIN47_2 .EXDDS, #MAIN48_2 .EXDS,#MAIN48_2 .EXDC,#MAIN48_2 .EXDD,#MAIN48_2 .EXDDS, #MAIN49_2 .EXDS,#MAIN49_2 .EXDC,#MAIN49_2 .EXDD,#MAIN49_2 .EXDDS, #MAIN50_2 .EXDS,#MAIN50_2 .EXDC,#MAIN50_2 .EXDD,#MAIN50_2 .EXDDS, #MAIN51_2 .EXDS,#MAIN51_2 .EXDC,#MAIN51_2 .EXDD,#MAIN51_2 .EXDDS, #MAIN52_2 .EXDS,#MAIN52_2 .EXDC,#MAIN52_2 .EXDD,#MAIN52_2 .EXDDS, #MAIN53_2 .EXDS,#MAIN53_2 .EXDC,#MAIN53_2 .EXDD,#MAIN53_2 .EXDDS, #MAIN54_2 .EXDS,#MAIN54_2 .EXDC,#MAIN54_2 .EXDD,#MAIN54_2 .EXDDS, #MAIN55_2 .EXDS,#MAIN55_2 .EXDC,#MAIN55_2 .EXDD,#MAIN55_2 .EXDDS, #MAIN56_2 .EXDS,#MAIN56_2 .EXDC,#MAIN56_2 .EXDD,#MAIN56_2 .EXDDS, #MAIN57_2 .EXDS,#MAIN57_2 .EXDC,#MAIN57_2 .EXDD,#MAIN57_2 .EXDDS, #MAIN58_2 .EXDS,#MAIN58_2 .EXDC,#MAIN58_2 .EXDD,#MAIN58_2 .EXDDS, #MAIN59_2 .EXDS,#MAIN59_2 .EXDC,#MAIN59_2 .EXDD,#MAIN59_2 .EXDDS, #MAIN60_2 .EXDS,#MAIN60_2 .EXDC,#MAIN60_2 .EXDD,#MAIN60_2 .EXDDS, #MAIN61_2 .EXDS,#MAIN61_2 .EXDC,#MAIN61_2 .EXDD,#MAIN61_2 .EXDDS, #MAIN62_2 .EXDS,#MAIN62_2 .EXDC,#MAIN62_2 .EXDD,#MAIN62_2 .EXDDS, #MAIN63_2 .EXDS,#MAIN63_2 .EXDC,#MAIN63_2 .EXDD,#MAIN63_2 .EXDDS, #MAIN64_2 .EXDS,#MAIN64_2 .EXDC,#MAIN64_2 .EXDD,#MAIN64_2 .EXDDS, #MAIN65_2 .EXDS,#MAIN65_2 .EXDC,#MAIN65_2 .EXDD,#MAIN65_2 .EXDDS, #MAIN38_3 .EXDS,#MAIN38_3 .EXDC,#MAIN38_3 .EXDD,#MAIN38_3 .EXDDS, #MAIN39_3 .EXDS,#MAIN39_3 .EXDC,#MAIN39_3 .EXDD,#MAIN39_3 .EXDDS, #MAIN40_3 .EXDS,#MAIN40_3 .EXDC,#MAIN40_3 .EXDD,#MAIN40_3 .EXDDS, #MAIN41_3 .EXDS,#MAIN41_3 .EXDC,#MAIN41_3 .EXDD,#MAIN41_3 .EXDDS, #MAIN42_3 .EXDS,#MAIN42_3 .EXDC,#MAIN42_3 .EXDD,#MAIN42_3 .EXDDS, #MAIN43_3 .EXDS,#MAIN43_3 .EXDC,#MAIN43_3 .EXDD,#MAIN43_3 .EXDDS, #MAIN44_3 .EXDS,#MAIN44_3 .EXDC,#MAIN44_3 .EXDD,#MAIN44_3 .EXDDS, #MAIN45_3 .EXDS,#MAIN45_3 .EXDC,#MAIN45_3 .EXDD,#MAIN45_3 .EXDDS, #MAIN46_3 .EXDS,#MAIN46_3 .EXDC,#MAIN46_3 .EXDD,#MAIN46_3 .EXDDS, #MAIN47_3 .EXDS,#MAIN47_3 .EXDC,#MAIN47_3 .EXDD,#MAIN47_3 .EXDDS, #MAIN48_3 .EXDS,#MAIN48_3 .EXDC,#MAIN48_3 .EXDD,#MAIN48_3 .EXDDS, #MAIN49_3 .EXDS,#MAIN49_3 .EXDC,#MAIN49_3 .EXDD,#MAIN49_3 .EXDDS, #MAIN50_3 .EXDS,#MAIN50_3 .EXDC,#MAIN50_3 .EXDD,#MAIN50_3 .EXDDS, #MAIN51_3 .EXDS,#MAIN51_3 .EXDC,#MAIN51_3 .EXDD,#MAIN51_3 .EXDDS, #MAIN52_3 .EXDS,#MAIN52_3 .EXDC,#MAIN52_3 .EXDD,#MAIN52_3 .EXDDS, #MAIN53_3 .EXDS,#MAIN53_3 .EXDC,#MAIN53_3 .EXDD,#MAIN53_3 .EXDDS, #MAIN54_3 .EXDS,#MAIN54_3 .EXDC,#MAIN54_3 .EXDD,#MAIN54_3 .EXDDS, #MAIN55_3 .EXDS,#MAIN55_3 .EXDC,#MAIN55_3 .EXDD,#MAIN55_3 .EXDDS, #MAIN56_3 .EXDS,#MAIN56_3 .EXDC,#MAIN56_3 .EXDD,#MAIN56_3 .EXDDS, #MAIN57_3 .EXDS,#MAIN57_3 .EXDC,#MAIN57_3 .EXDD,#MAIN57_3 .EXDDS, #MAIN58_3 .EXDS,#MAIN58_3 .EXDC,#MAIN58_3 .EXDD,#MAIN58_3 .EXDDS, #MAIN59_3 .EXDS,#MAIN59_3 .EXDC,#MAIN59_3 .EXDD,#MAIN59_3 .EXDDS, #MAIN60_3 .EXDS,#MAIN60_3 .EXDC,#MAIN60_3 .EXDD,#MAIN60_3 .EXDDS, #MAIN61_3 .EXDS,#MAIN61_3 .EXDC,#MAIN61_3 .EXDD,#MAIN61_3 .EXDDS, #MAIN62_3 .EXDS,#MAIN62_3 .EXDC,#MAIN62_3 .EXDD,#MAIN62_3 .EXDDS, #MAIN63_3 .EXDS,#MAIN63_3 .EXDC,#MAIN63_3 .EXDD,#MAIN63_3 .EXDDS, #MAIN64_3 .EXDS,#MAIN64_3 .EXDC,#MAIN64_3 .EXDD,#MAIN64_3 .EXDDS, #MAIN65_3 .EXDS,#MAIN65_3 .EXDC,#MAIN65_3 .EXDD,#MAIN65_3 .EXDDS, #MAIN38_4 .EXDS,#MAIN38_4 .EXDC,#MAIN38_4 .EXDD,#MAIN38_4 .EXDDS, #MAIN39_4 .EXDS,#MAIN39_4 .EXDC,#MAIN39_4 .EXDD,#MAIN39_4 .EXDDS, #MAIN40_4 .EXDS,#MAIN40_4 .EXDC,#MAIN40_4 .EXDD,#MAIN40_4 .EXDDS, #MAIN41_4 .EXDS,#MAIN41_4 .EXDC,#MAIN41_4 .EXDD,#MAIN41_4 .EXDDS, #MAIN42_4 .EXDS,#MAIN42_4 .EXDC,#MAIN42_4 .EXDD,#MAIN42_4 .EXDDS, #MAIN43_4 .EXDS,#MAIN43_4 .EXDC,#MAIN43_4 .EXDD,#MAIN43_4 .EXDDS, #MAIN44_4 .EXDS,#MAIN44_4 .EXDC,#MAIN44_4 .EXDD,#MAIN44_4 .EXDDS, #MAIN45_4 .EXDS,#MAIN45_4 .EXDC,#MAIN45_4 .EXDD,#MAIN45_4 .EXDDS, #MAIN46_4 .EXDS,#MAIN46_4 .EXDC,#MAIN46_4 .EXDD,#MAIN46_4 .EXDDS, #MAIN47_4 .EXDS,#MAIN47_4 .EXDC,#MAIN47_4 .EXDD,#MAIN47_4 .EXDDS, #MAIN48_4 .EXDS,#MAIN48_4 .EXDC,#MAIN48_4 .EXDD,#MAIN48_4 .EXDDS, #MAIN49_4 .EXDS,#MAIN49_4 .EXDC,#MAIN49_4 .EXDD,#MAIN49_4 .EXDDS, #MAIN50_4 .EXDS,#MAIN50_4 .EXDC,#MAIN50_4 .EXDD,#MAIN50_4 .EXDDS, #MAIN51_4 .EXDS,#MAIN51_4 .EXDC,#MAIN51_4 .EXDD,#MAIN51_4 .EXDDS, #MAIN52_4 .EXDS,#MAIN52_4 .EXDC,#MAIN52_4 .EXDD,#MAIN52_4 .EXDDS, #MAIN53_4 .EXDS,#MAIN53_4 .EXDC,#MAIN53_4 .EXDD,#MAIN53_4 .EXDDS, #MAIN54_4 .EXDS,#MAIN54_4 .EXDC,#MAIN54_4 .EXDD,#MAIN54_4 .EXDDS, #MAIN55_4 .EXDS,#MAIN55_4 .EXDC,#MAIN55_4 .EXDD,#MAIN55_4 .EXDDS, #MAIN56_4 .EXDS,#MAIN56_4 .EXDC,#MAIN56_4 .EXDD,#MAIN56_4 .EXDDS, #MAIN57_4 .EXDS,#MAIN57_4 .EXDC,#MAIN57_4 .EXDD,#MAIN57_4 .EXDDS, #MAIN58_4 .EXDS,#MAIN58_4 .EXDC,#MAIN58_4 .EXDD,#MAIN58_4 .EXDDS, #MAIN59_4 .EXDS,#MAIN59_4 .EXDC,#MAIN59_4 .EXDD,#MAIN59_4 .EXDDS, #MAIN60_4 .EXDS,#MAIN60_4 .EXDC,#MAIN60_4 .EXDD,#MAIN60_4 .EXDDS, #MAIN61_4 .EXDS,#MAIN61_4 .EXDC,#MAIN61_4 .EXDD,#MAIN61_4 .EXDDS, #MAIN62_4 .EXDS,#MAIN62_4 .EXDC,#MAIN62_4 .EXDD,#MAIN62_4 .EXDDS, #MAIN63_4 .EXDS,#MAIN63_4 .EXDC,#MAIN63_4 .EXDD,#MAIN63_4 .EXDDS, #MAIN64_4 .EXDS,#MAIN64_4 .EXDC,#MAIN64_4 .EXDD,#MAIN64_4 .EXDDS, #MAIN65_4 .EXDS,#MAIN65_4 .EXDC,#MAIN65_4 .EXDD,#MAIN65_4 .EXDDS { }*/.ex .sc { background-image: url('../images/co_sc.png'); background-repeat: no-repeat; background-size: 33px 30px; width:30px; height: 30px; margin-top:-4px; cursor: pointer; z-index:2; position: relative; } .ex.selected .sc { background-image: url('../images/co_sc_sel.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .EXTF .ex.selected > .sc { background-image: url('../images/co_sc_sel_TF.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .ex.selWrong .sc { background-image: url('../images/co_sc_sel_w.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .ex.selCorrect .sc { background-image: url('../images/co_sc_sel_r.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .ex.correct .sc { background-image: url('../images/co_sc_r.png'); background-repeat: no-repeat; background-size: 33px 30px; width:30px; height: 30px;} .EXTF .ex_x.selected > .sc { background-image: url('../images/co_sc_sel_TF.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .ex_x .sc { background-image: url('../images/co_sc.png'); background-repeat: no-repeat; background-size: 33px 30px; width:30px; height: 30px; margin-top: -4px; cursor: pointer; position: relative;} .ex_x.selected .sc { background-image: url('../images/co_sc_sel.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .ex_x.selWrong .sc { background-image: url('../images/co_sc_sel_w.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .ex_x.selCorrect .sc { background-image: url('../images/co_sc_sel_r.png');background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .ex_x.correct .sc { background-image: url('../images/co_sc_r.png'); background-repeat: no-repeat; background-size: 33px 30px; width:30px; height: 30px;}.ex .mc { background-image: url('../images/co_mc.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px; margin-top:-4px; cursor: pointer; z-index:2; position: relative; } .ex.selected .mc { background-image: url('../images/co_mc_sel.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .ex.selWrong .mc { background-image: url('../images/co_mc_sel_w.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .ex.selCorrect .mc { background-image: url('../images/co_mc_sel_r.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .ex.correct .mc { background-image: url('../images/co_mc_r.png'); background-repeat: no-repeat; background-size: 33px 30px; width: 30px; height: 30px;} .ex .fb { position: absolute; right: -10px;bottom:-25px; z-index: 40; pointer-events: none;} .ex.selWrong .fb { background-position: -433px -110px;width: 19px; height: 19px; } .ex.selCorrect .fb { background-position: -433px -138px;width: 19px; height: 19px; } .ex.correct .fb { background-position: -433px -167px;width: 19px; height: 19px; } .ex.selected .fb { background-position: -433px -167px;width: 19px; height: 19px; opacity:0;} .EXTD div.exi div.ex.selCorrect, .EXTD div.exi div.ex.selWrong { margin-right: -19px; } .EXTD div.exi div.ex.selected { margin-right: -19px; } .EXSCALE .fb { right: -8px; } .ex .fbodBtn, .exi .fbodBtn { background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 16px; border: 1px solid rgba(255, 255, 255,0); box-shadow: 0 0 0 1px rgb(255, 255, 255, 1);} .ex .fbodBtn.over, .exi .fbodBtn.over { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer;} .ex .fbodBtn.selected, .exi .fbodBtn.selected { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); } .ex .fbodBtn.selected.over, .exi .fbodBtn.selected.over { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor);} .ex .fbodBtn.visited, .exi .fbodBtn.visited { background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); opacity: 0.45 !important; } .ex .fbodBtn.visited.over, .exi .fbodBtn.visited.over { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); } /* feedback on demand button */ .ex .fbodBtn { position: relative; top: -3px; left: -1px; z-index: 1; padding: 1px 0 1px 0; border-radius: 20px; } .ex .fbodBtn::before { content: ''; display: block; margin: 1px 20px 2px 0px; background-position: -637px -158px;width: 15px;height: 20px; } .ex .fbodBtn.over::before { background-position: -637px -198px;} .ex .fbodBtn.selected::before { background-position: -637px -198px; } .ex .fbodBtn.selected.over::before { background-position: -637px -198px; } .ex .fbodBtn.visited::before { background-position: -637px -238px; } .ex .fbodBtn.visited.over::before { background-position: -637px -238px; } /* feedback on demand button */ .exi .fbodBtn::before { content: ''; display: block; margin: 20px 2px 1px 2px; background-position: -637px -158px;width: 15px;height: 20px; } .exi .fbodBtn.over::before { background-position: -637px -198px;} .exi .fbodBtn.selected::before { background-position: -637px -198px; } .exi .fbodBtn.selected.over::before { background-position: -637px -198px; } .exi .fbodBtn.visited::before { background-position: -637px -238px; } .exi .fbodBtn.visited.over::before { background-position: -637px -238px; } /* feedback on demand button Single Choice:Ohne Icon*/ .EXSCWCE .ex .fbodBtn { padding: 0 20px 0 0 ;} .EXSCWCE .ex .fbodBtn::before { content: ''; display: block; margin:0; background-position: -635px -158px;width: 15px;height: 18px; } .EXSCWCE .ex .fbodBtn.over::before { background-position: -635px -198px;} .EXSCWCE .ex .fbodBtn.inactive::before { background-position: -635px -238px; } .EXSCWCE .ex .fbodBtn.selected::before, .EXSCWCE .ex .fbodBtn.selected.over::before { background-position: -635px -198px; } .EXSCWCE .ex .fbodBtn.visited::before { background-position: -635px -238px; } .EXSCWCE .ex .fbodBtn.visited.over::before { background-position: -635px -238px; } /* feedback on demand button Multiple Choice:Ohne Icon*/ .EXMCWCE .ex .fbodBtn { padding: 0 20px 0 0 ; } .EXMCWCE .ex .fbodBtn::before { content: ''; display: block; margin:0; background-position: -635px -158px;width: 15px;height: 18px; } .EXMCWCE .ex .fbodBtn.over::before { background-position: -635px -198px;} .EXMCWCE .ex .fbodBtn.inactive::before { background-position: -635px -238px; } .EXMCWCE .ex .fbodBtn.selected::before, .EXMCWCE .ex .fbodBtn.selected.over::before { background-position: -635px -198px;} .EXMCWCE .ex .fbodBtn.visited::before { background-position: -635px -238px; } .EXMCWCE .ex .fbodBtn.visited.over::before { background-position: -635px -238px; } /* feedback on demand button DropDown Icon*/ .EXTD .exi .fbodBtn { padding: 0 20px 0 0; } .EXTD .exi .fbodBtn::before { content: ''; display: block; margin:0; background-position: -637px -159px;width: 15px;height: 17px; } .EXTD .exi .fbodBtn.over::before { background-position: -637px -199px;} .EXTD .exi .fbodBtn.inactive::before { background-position: -637px -239px;} .EXTD .exi .fbodBtn.selected::before, .EXTD .ex .fbodBtn.selected.over::before { background-position: -637px -199px;} .EXTD .exi .fbodBtn.visited::before { background-position: -637px -239px;} .EXTD .exi .fbodBtn.visited.over::before { background-position: -637px -239px;} .EXTD .exi .ex .fb + .fbodBtn { margin-right: -15px; } .EXTD .exi .ex.selected .fb + .fbodBtn { right: 8px; } /* feedback on demand button TrueFalse Icon*/ .EXTF .exi .fbodBtn { padding: 2px 103px 7px 0; } .EXTF .exi .fbodBtn::before { content: ''; display: block; margin:0; background-position: -635px -156px;width: 15px;height: 17px; } .EXTF .exi .fbodBtn.over::before { background-position: -635px -196px;} .EXTF .exi .fbodBtn.inactive::before { background-position: -635px -236px;} .EXTF .exi .fbodBtn.selected::before, .EXTF .ex .fbodBtn.selected.over::before { background-position: -635px -196px;} .EXTF .exi .fbodBtn.visited::before { background-position: -635px -236px;} .EXTF .exi .fbodBtn.visited.over::before { background-position: -635px -236px;} .EXDC .ex > .fb, .EXDS .ex > .fb, .EXDD .ex > .fb,.EXDDS .ex > .fb,.EXCD .ex > .fb,.EXCC .ex > .fb { width:19px; height:19px; } /* feedback on demand button Drag&Drop*/ .EXDC .exis .ex .fbodBtn { padding: 0 20px 0 0 ; z-index: 10;} .EXDC .exis .fbodBtn::before { content: ''; display: block; margin:0; background-position: -635px -158px;width: 15px;height: 18px; } .EXDC .exis .fbodBtn.over::before { background-position: -635px -198px;} .EXDC .exis .fbodBtn.inactive::before { background-position: -635px -238px; } .EXDC .exis .fbodBtn.selected::before, .EXDC .ex .fbodBtn.selected.over::before { background-position: -635px -198px;} .EXDC .exis .fbodBtn.visited::before { background-position: -635px -238px; } .EXDC .exis .fbodBtn.visited.over::before { background-position: -635px -238px; } .EXDS .exis .ex .fbodBtn { padding: 0 20px 0 0 ; z-index: 10;} .EXDS .exis .fbodBtn::before { content: ''; display: block; margin:0; background-position: -635px -158px;width: 15px;height: 18px; } .EXDS .exis .fbodBtn.over::before { background-position: -635px -198px;} .EXDS .exis .fbodBtn.inactive::before { background-position: -635px -238px; } .EXDS .exis .fbodBtn.selected::before, .EXDS .ex .fbodBtn.selected.over::before { background-position: -635px -198px;} .EXDS .exis .fbodBtn.visited::before { background-position: -635px -238px; } .EXDS .exis .fbodBtn.visited.over::before { background-position: -635px -238px; } .EXDD .exis .ex .fbodBtn { padding: 0 20px 0 0 ; z-index: 10;} .EXDD .exis .fbodBtn::before { content: ''; display: block; margin:0; background-position: -635px -158px;width: 15px;height: 18px; } .EXDD .exis .fbodBtn.over::before { background-position: -635px -198px;} .EXDD .exis .fbodBtn.inactive::before { background-position: -635px -238px; } .EXDD .exis .fbodBtn.selected::before, .EXDD .ex .fbodBtn.selected.over::before { background-position: -635px -198px;} .EXDD .exis .fbodBtn.visited::before { background-position: -635px -238px; } .EXDD .exis .fbodBtn.visited.over::before { background-position: -635px -238px; } .EXDDS .exis .ex .fbodBtn { padding: 0 20px 0 0 ; z-index: 10;} .EXDDS .exis .fbodBtn::before { content: ''; display: block; margin:0; background-position: -635px -158px;width: 15px;height: 18px; } .EXDDS .exis .fbodBtn.over::before { background-position: -635px -198px;} .EXDDS .exis .fbodBtn.inactive::before { background-position: -635px -238px; } .EXDDS .exis .fbodBtn.selected::before, .EXDDS .ex .fbodBtn.selected.over::before { background-position: -635px -198px;} .EXDDS .exis .fbodBtn.visited::before { background-position: -635px -238px; } .EXDDS .exis .fbodBtn.visited.over::before { background-position: -635px -238px; } .EXCD .exis .ex .fbodBtn { padding: 0 20px 0 0 ;} .EXCD .exis .fbodBtn::before { content: ''; display: block; margin:0; background-position: -635px -158px;width: 15px;height: 18px; } .EXCD .exis .fbodBtn.over::before { background-position: -635px -198px;} .EXCD .exis .fbodBtn.inactive::before { background-position: -635px -238px; } .EXCD .exis .fbodBtn.selected::before, .EXCD .ex .fbodBtn.selected.over::before { background-position: -635px -198px;} .EXCD .exis .fbodBtn.visited::before { background-position: -635px -238px; } .EXCD .exis .fbodBtn.visited.over::before { background-position: -635px -238px; } .EXCC .exis .ex .fbodBtn { padding: 0 20px 0 0 ;} .EXCC .exis .fbodBtn::before { content: ''; display: block; margin:0; background-position: -635px -158px;width: 15px;height: 18px; } .EXCC .exis .fbodBtn.over::before { background-position: -635px -198px;} .EXCC .exis .fbodBtn.inactive::before { background-position: -635px -238px; } .EXCC .exis .fbodBtn.selected::before, .EXCC .ex .fbodBtn.selected.over::before { background-position: -635px -198px;} .EXCC .exis .fbodBtn.visited::before { background-position: -635px -238px; } .EXCC .exis .fbodBtn.visited.over::before { background-position: -635px -238px; }.exis ul { margin-left: 0px; } .exis li::before , .ex li::before { display: none; } .EXDC .exis li , .EXDC .ex li, .EXCC .exis li , .EXCC .ex li, .EXDDS .exis li , .EXDDS .ex li, .EXDS .exis li , .EXDS .ex li { position: relative; } .EXDC .exis .markDrop li.markDrag, .EXDC .ex .markDrop li.markDrag { margin-bottom:2px; } .markDrag { list-style-type: none; } .markDrag .ct, .markDragCC .ct{ display: block; padding:5px 6px 4px 12px; width:auto; height:100%; border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); background-color: rgba(255, 255, 255, 1);background-color: var(--exercisesMulitlineText-BG); color:rgba(69, 21, 68, 1);color: var(--primaryColor); line-height: 16.5px; box-sizing:border-box; cursor: -webkit-grab; cursor: grab; } .markDrag .ct::before, .EXCD .markDragCC::before, .markDragSort .ct::before { content: ""; background-image: url('../images/icon-please_drag.png'); background-position: center center; background-repeat: no-repeat; background-size: 9px 11px; position: absolute; margin: 0; left:0; top:0; width: 10px; height: 100%; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); border-right: none; box-sizing:border-box; } .markDrag.dragging .ct::before, .EXCD .markDragCC.dragging::before, .markDragSort.dragging .ct::before { background-image: url('../images/icon-please_drag-hover.png'); width: 11px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor);} .markDrop .markDrag.selCorrect .ct::before, .EXCD .markDrop .markDragCC.selCorrect::before,.markDrop .markDrag.selWrong .ct::before, .EXCD .markDrop .markDragCC.selWrong::before,.markDrag.selCorrect .ct::before, .EXCD .markDragCC.selCorrect::before, .markDrag.selWrong .ct::before, .EXCD .markDragCC.selWrong::before, .markDragSort.selCorrect .ct::before, .markDragSort.selWrong .ct::before, .selCorrect .markDrag .ct::before, .selWrong .markDrag .ct::before, .ct.image::before { display: none; } .markDrag.dragging .ct, .markDragCC.dragging .ct { color:rgba(255, 255,255, 1); border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); box-sizing:border-box; cursor: -webkit-grabbing; cursor: grabbing;} .markDrag.dragging.over .ct {box-sizing:border-box;} li:hover .markDrag .ct { color:rgba(255, 255,255, 1); border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); cursor: -webkit-grab; cursor: grab; box-sizing:border-box; } .markDrag.selWrong .ct, .markDrag.selCorrect .ct { color:rgba(0, 0,0, 1); border:1px solid rgba(227, 227, 227, 1); border:1px solid var(--inactiveColor); background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor); cursor: -webkit-grab; cursor: default; box-sizing:border-box; } .markDrag .ct.image, .markDrag:hover .ct.image { border: none; background-color: rgba(255, 255, 255, 0); box-shadow: none; } /*Drag Elemente spezial*/ .EXDC .ex > .image {position: initial; margin-bottom: -22px;} .EXDDS .ex > .image {position: initial; margin-bottom: -22px;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { } /* Drag&Drop special text and image*/ .addDragTextImage .ui-draggable li .image { border: none; display: block; } .addDragTextImage .ui-droppable li span { border: none !important; display: flex !important; height: 42px; !important; align-items: center; justify-content: center; text-align: center; } .addDragTextImage .ui-droppable li .ct::before { border: none; } .addDragTextImage .ui-droppable li .ct { height: 42px; !important; } .addDragTextImage .markDrag { background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(69, 21, 68, 1) !important;border: 1px solid var(--primaryColor) !important; width: 172px !important; height: 160px !important; } .addDragTextImage .markDrag.dragging { background-color: rgba(69, 21, 68, 1) !important;background-color: var(--primaryColor) !important; } .addDragTextImage .ui-droppable li .image { margin: 7px; margin-left: 12px; background-color: transparent !important; } .addDragTextImage .markDrag.selWrong, .addDragTextImage .markDragSort.selCorrect { margin-right: 0px; } .addDragTextImage .markDrag.selWrong .ct, .addDragTextImage .markDragSor.selCorrect .ct { border: none; background-color: rgba(255, 255, 255, 1); color: rgba(69, 21, 68, 1) !important;color: var(--primaryColor) !important; } .addDragTextImage .ex .fb { left: 7px !important; top: -8px !important; }.ui-slider .fb { display: none; } .ui-slider .ui-slider-handle { position: absolute !important; z-index: 2 !important; width: 16px !important; height: 16px !important; cursor: default !important; border: 1px solid rgba(255, 255, 255, 1) !important; background-color:rgba(69, 21, 68, 1) !important;background-color: var(--primaryColor) !important; -webkit-transform: rotate(45deg) !important; -moz-transform: rotate(45deg) !important; -ms-transform: rotate(45deg) !important; -o-transform: rotate(45deg) !important; transform: rotate(45deg) !important; box-sizing: border-box !important; border-radius: 12px 12px 0 12px !important; box-shadow: 0 0 0 6px rgba(225,225,225, 0.35) !important; box-shadow: var(--hotspotsContent-shadow) !important;} a.ui-slider-handle:hover, a.ui-slider-handle:focus, a.ui-slider-handle:active { border: 1px solid rgba(255, 255, 255, 1) !important; background: rgba(255, 11, 55, 1) !important; background-color: var(--secondaryColor) !important; overflow: hidden !important; cursor: pointer !important; outline: none; box-shadow: 0 0 0 6px rgba(225,225,225, 0.35) !important;box-shadow: var(--hotspotsContent-shadow) !important;} .ui-slider.selWrong .ui-slider-handle { background: #da0b37 !important; background: var(--wrongColor) !important; } .ui-slider.selWrong .ui-slider-handle::before { content: "";background-position: -437px -115px;width: 10px;height: 9px;display: inline-block;position: absolute;top: 2px;left: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .ui-slider-vertical.selWrong .ui-slider-handle::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .ui-slider.selCorrect .ui-slider-handle { background: #339900 !important; background: var(--correctColor) !important; } .ui-slider.selCorrect .ui-slider-handle::before { content:""; background-position: -438px -143px; width: 10px;height: 9px;display: inline-block;position: absolute;top: 2px;left: 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .ui-slider-vertical.selCorrect .ui-slider-handle::before { background-position: -438px -143px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 2.5px;left: 2.5px; } .ui-slider-horizontal .ui-slider-handle {top: -2px !important;margin-left:0 !important; } .ui-slider-vertical .ui-slider-handle { -webkit-transform: rotate(-45deg) !important; -moz-transform: rotate(-45deg) !important; -ms-transform: rotate(-45deg) !important; -o-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; margin-left: -16px !important; margin-bottom: -8px !important; } .ui-slider { position: relative !important; text-align: left !important; border: 1px solid rgba(69, 21, 68, 1) !important;border: 1px solid var(--primaryColor) !important; background-color:rgba(69, 21, 68, 1) !important;background-color: var(--primaryColor) !important; border-radius: 3px !important; box-sizing: border-box !important; } .ui-slider-vertical { position: absolute !important; margin-left:20px; margin-top:5px; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 1 !important; background-image: none !important; } .scaleLabels.horizontal { height: calc(100% - 50px); margin-bottom:18px; } .scaleLabel { width: 100% !important; border: 1px solid rgb(255, 255, 255); border-radius: 12px; margin: -2px -2px 18px -3px; padding: 2px; } .scaleLabels.vertical { margin:0 0 18px 30px; } .scaleLabels.vertical .scaleLabel { clear: both; } .scaleLabel:nth-last-child(n+2), .scaleLabel:nth-last-child(n+2) ~ .scaleLabel { border: none; width: auto !important; }.markDragSort { display: inline-block; list-style-type: none; margin-left:4px; margin-bottom:12px; width: auto !important; height: auto !important;} .markDragSort .ct { display: inline-block; padding: 4px 6px 4px 12px; border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); line-height: 16.5px; background-color: rgba(255, 255, 255, 1);background-color: var(--exercisesMulitlineText-BG); color:rgba(69, 21, 68, 1);color: var(--primaryColor); box-sizing:border-box; cursor: -webkit-grab; cursor: grab;} .markDragSort .image.sprite { background-color: #f6f6f6; padding:4px; border:1px solid rgba(255, 255, 255, 1); } .markDragSort .image.sprite div {box-sizing: content-box !important;} .markDragSort.dragging .ct {color:rgba(255, 255,255, 1); border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); box-sizing:border-box;cursor: -webkit-grabbing; cursor: grabbing; } .markDragSort.dragging .ct:first-child {} .markDragSort.dragging .ct:nth-child(2) {border-top:none;} .markDragSort.dragging .ct:last-child {color:rgba(255, 255,255, 1); border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); box-shadow: 2px 2px 0px 0px rgba(0,0,0,0);} .markDragSort.selWrong, .markDragSort.selCorrect { margin-right: -20px; } .markDragSort.selWrong .ct, .markDragSort.selCorrect .ct { color:rgba(0, 0,0, 1); border:1px solid rgba(227, 227, 227, 1); border:1px solid var(--inactiveColor); background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor); box-shadow: 2px 2px 0px 0px rgba(0,0,0,0); cursor: -webkit-grab; cursor: default; box-sizing:border-box; }.markDrop { cursor: default; list-style-type: none; z-index: 5; border: 1px solid #e2e2e2; background-color: rgba(255, 255, 255, 0.55); padding:0px;} .markDrop.dragOver { border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); background-color: rgba(255, 255, 255, 0.91);} /* Drop in Fliesstext */ .DropTE{display: inline-block; min-height : 19px !important;} .EXDT > .exis ul{margin: 0 6px -6px 8px;} .EXDTS > .exis ul{margin: 0 6px -6px 8px;} .addDropBorder .markDrop { border: 1px solid rgba(69, 21, 68, 1) !important; border: 1px solid var(--primaryColor) !important; }.markDragCC { opacity: 1.0; list-style-type: none; z-index: 5; min-height: 20px; cursor: -webkit-grab; cursor: grab; } .markDragCC.selected { cursor: -webkit-grabbing; cursor: grabbing; opacity: 1.0; list-style-type: none; z-index: 5;background-color: #e8e8e8; min-height: 20px;} .markDragCC.selected .ct { background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); color: rgba(255, 255, 255, 1)} .markDropCB { cursor: pointer; opacity: 1.0; list-style-type: none; min-height: 20px; border: 1px solid #e2e2e2; background-color: rgba(255, 255, 255, 0.55); } .markDropCB.ui-droppable { cursor: default; } .EXCC .markDragCC:hover { cursor: pointer; } .EXCC .markDragCC::after { content: ''; position: absolute;background-position: -556px -1px; width: 5px; height: 16px; right: -6px; bottom: calc(50% - 8px); }.markDropCC { padding: 2px 5px 2px 5px; cursor: default; opacity: 1.0; list-style-type: none; z-index: 5; min-height: 20px;border: 1px solid #e2e2e2; background-color: rgba(255, 255, 255, 0.55); } .markDropCC.dragOver, .markDropCC.ui-state-active {padding: 2px 5px 2px 5px; cursor: pointer; opacity: 1.0; list-style-type: none; border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); background-color: rgba(255, 255, 255, 0.91); min-height: 20px;} .markDropCC.selected {padding: 2px 5px 2px 5px; cursor: pointer; opacity: 1.0; list-style-type: none; z-index: 5; border: 1px solid rgba(69, 21, 68, 1);border: 1px solid var(--primaryColor); background-color: rgba(255, 255, 255, 0.91); min-height: 20px;} .EXCC .markDropCC::before { content: ''; position: absolute;background-position: -556px -1px; width: 5px; height: 16px; left: 0px; top: calc(50% - 8px); } .EXCC .markDropCC:hover { cursor: pointer; } input{ display: inline-block; box-sizing:border-box; padding: 0 2px 0 2px; border-radius : 0px; border: 1px solid #e8e8e8; border-left-color: #ccc; border-top-color: #ccc; background-color: #f3f3f3; } .EXTE div.exi div.ex.selCorrect, .EXTE div.exi div.ex.selWrong { margin-right: -19px; } .EXTE .exi .ex .fb + .fbodBtn { margin-right: -15px; } .EXTE .exi .ex.selected .fb + .fbodBtn { right: 8px; } /*Textentry DropDown Plugin DDSlick */ .dd-select{ /* original plugin */ /* border-radius:2px; border:solid 1px #ccc; position:relative; cursor:pointer;*/ position:relative; cursor:pointer; display: inline-block; border: 1px solid #e2e2e2; background-color: #e2e2e2; padding:0px; bottom:-5px; } .dd-desc { color:#aaa; display:block; overflow: hidden; font-weight:normal; line-height: 1.4em; } .dd-selected{ overflow:hidden; display:block; } .dd-pointer{ width:0; height:0; position:absolute; right:5px; top:50%; margin-top:-3px;} .dd-pointer-down{ border:solid 5px transparent; border-top:solid 5px #000; } .dd-pointer-up{border:solid 5px transparent !important; border-bottom:solid 5px #000 !important; margin-top:-8px;} .dd-options{ border:solid 1px #ccc; border-top:none; list-style:none; box-shadow:0px 1px 5px #ddd; display:none; position:absolute; z-index:2000; margin:0; padding:0;background:#fff; overflow:auto;} .dd-option{ display:block; border-bottom:solid 1px #ddd; overflow:hidden; text-decoration:none; color:#333; cursor:pointer;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out; } .dd-options > li:last-child > .dd-option{ border-bottom:none;} .dd-option:hover{ background:#f3f3f3; color:#000;} .dd-selected-description-truncated { text-overflow: ellipsis; white-space:nowrap; } .dd-option-selected { background:#f6f6f6; } .dd-option-image, .dd-selected-image { vertical-align:middle; float:left; margin-right:5px; max-width:64px;} .dd-image-right { } .dd-container{ /*position:relative;*/ display:inline-block}​ .dd-selected-text { font-weight:bold}​ select { display: inline-block; box-sizing:border-box; border: 1px solid #e8e8e8; border-right-color: #dadada; border-bottom-color: #dadada; background-color: #f3f3f3; padding:0px;} /*Textentry DropDown Plugin DDSlick */ .dd-select{ position:relative; cursor:pointer; display: inline-block; box-sizing : border-box; border: 1px solid #dadada; background: #f3f3f3; padding:0px; bottom:-5px;} .dd-desc { color:#aaa; display:block; overflow: hidden; font-weight:normal; line-height: 1.4em; } .dd-selected{ overflow:hidden; display:block; padding-right: 20px;} .dd-selected-text{ } .dd-pointer{ width:0; height:0; position:absolute; right:3px; top:50%; margin-top:-3px;} .dd-pointer-down{ border:solid 5px transparent; border-top:solid 5px #010101; } .dd-pointer-up { border:solid 5px transparent !important; border-bottom:solid 5px #000 !important; margin-top:-8px;} .dd-options{ border:solid 1px #ccc; border-top:none; list-style:none; box-shadow:0px 1px 5px #ddd; display:none; position:absolute; z-index:2000; margin:4px 0 0 0; padding:0;background:#fff; max-height:210px; overflow:auto; box-sizing: border-box;} .dd-option{ display:block; border-bottom:solid 1px #ddd; overflow:hidden; text-decoration:none; color: #000000; color: var(--fontColor); cursor:pointer;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out; } .dd-options > li {list-style-type:none;} .dd-options > li:last-child > .dd-option{ border-bottom:none;} .dd-option:hover{ background:#f3f3f3; color: #000000; color: var(--fontColor);} .dd-selected-description-truncated { text-overflow: ellipsis; white-space:nowrap; } .dd-option-selected { background:#f6f6f6; } .dd-option-image, .dd-selected-image { vertical-align:middle; float:left; margin-right:5px; max-width:64px;} .dd-image-right { } .dd-container{ display:inline-block;}​ .dd-selected-text { font-weight:bold;}​ /* for central settings */ .BTNZEN{ position: absolute; bottom: 60px; right: 20px; min-width: 40px; max-width: 400px; height: 30px; z-index: 10; } .BTNZEN .okBtn{ clear: none; float: right; margin-left: 3px;margin-top: 18px;} .BTNZEN .saBtn{ clear: none; float: right; margin-left: 3px;margin-top: 18px;} .BTNZEN .fbBtn{ clear: none; float: right; margin-left: 3px;margin-top: 18px;} /* for exercise settings */ .BTNEX{ height: 30px; z-index: 10;position: sticky; top: 0; clear: both; } .BTNEX .okBtn{ clear: none; float: right; margin-left: 3px; } .BTNEX .saBtn{ clear: none; float: right; margin-left: 3px; } .BTNEX .fbBtn{ clear: none; float: right; margin-left: 3px; } /* for exercise settings */ .BTNCON{ position: absolute; bottom: 16px; right: 16px; min-width: 40px; max-width: 400px; height: 30px; z-index: 10; } .BTNCON .okBtn{ clear: none; float: right; margin-left: 3px; } .BTNCON .saBtn{ clear: none; float: right; margin-left: 3px; } .BTNCON .fbBtn{ clear: none; float: right; margin-left: 3px; }.okBtn { float:right; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); } .okBtn::before { content: ''; display: block; margin: 6px 10px 4px 10px; background-position: -0px -428px;width: 24px;height: 20px; } .okBtn:hover{ background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .okBtn::before:hover {background-position: -0px -468px; cursor: pointer;} .okBtn.inactive{ background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor); cursor: no-drop; } .okBtn.inactive::before {background-position: -0px -508px; cursor: no-drop; } .okBtn.hidden {display: none;} .okBtn:lang(zh-cn)::before { width: 32px; } .okBtn:lang(lv)::before { width: 31px; }.saBtn { display: none; float: right; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); } .saBtn::before { content: ''; display: block; margin: 6px 10px 4px 10px; background-position: -800px -554px;width: 109px;height: 20px; } .saBtn:hover{ background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .saBtn::before:hover {background-position: -800px -594px; cursor: pointer;} .saBtn.inactive{ background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor); cursor: no-drop; } .saBtn.inactive::before {background-position: -800px -634px; cursor: no-drop; } .saBtn.hidden {display: none;} .saBtn:lang(cs)::before { width: 98px; } .saBtn:lang(da)::before { width: 70px; } .saBtn:lang(en)::before { width:93px; } .saBtn:lang(es)::before { width: 95px; } .saBtn:lang(fr)::before { width:121px; } .saBtn:lang(hu)::before { width: 154px; } .saBtn:lang(it)::before { width: 128px; } .saBtn:lang(ja)::before { width: 68px; } .saBtn:lang(ko)::before { width: 32px; } .saBtn:lang(nl)::before { width: 109px; } .saBtn:lang(no)::before { width: 72px; } .saBtn:lang(pl)::before { width: 119px; } .saBtn:lang(pt-br)::before { width: 106px; } .saBtn:lang(ro)::before { width: 93px; } .saBtn:lang(ru)::before { width: 104px; } .saBtn:lang(sk)::before { width: 109px; } .saBtn:lang(sr)::before { width: 96px; } .saBtn:lang(sv)::before { width: 60px; } .saBtn:lang(tr)::before { width: 101px; } .saBtn:lang(lv)::before { width: 143px; } .saBtn:lang(et)::before { width: 138px; } .saBtn:lang(zh-cn)::before { width: 59px; } .saBtn.USER { display: none; float: right; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 18px; border-radius: var(--FW-textButtons-radius); } .saBtn.USER::before { content: ''; display: block; margin: 6px 10px 4px 10px; background-position: -390px -428px;width: 97px;height: 20px; } .saBtn.USER:hover{ background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .saBtn.USER::before:hover {background-position: -390px -468px; cursor: pointer;} .saBtn.USER.inactive{ background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor); cursor: no-drop; } .saBtn.USER.inactive::before {background-position: -390px -508px; cursor: no-drop; } .saBtn.USER.hidden {display: none;} .saBtn.USER:lang(cs)::before { width: 84px; } .saBtn.USER:lang(da)::before { width: 54px; } .saBtn.USER:lang(en)::before { width:73px; } .saBtn.USER:lang(es)::before { width: 79px; } .saBtn.USER:lang(fr)::before { width:78px; } .saBtn.USER:lang(hu)::before { width: 109px; } .saBtn.USER:lang(it)::before { width: 100px; } .saBtn.USER:lang(ja)::before { width: 57px; } .saBtn.USER:lang(ko)::before { width: 49px; } .saBtn.USER:lang(nl)::before { width: 97px; } .saBtn.USER:lang(no)::before { width: 58px; } .saBtn.USER:lang(pl)::before { width: 107px; } .saBtn.USER:lang(pt-br)::before { width: 102px; } .saBtn.USER:lang(ro)::before { width: 102px; } .saBtn.USER:lang(ru)::before { width: 74px; } .saBtn.USER:lang(sk)::before { width: 97px; } .saBtn.USER:lang(sr)::before { width: 65px; } .saBtn.USER:lang(sv)::before { width: 59px; } .saBtn.USER:lang(tr)::before { width: 50px; } .saBtn.USER:lang(zh-cn)::before { width: 58px; } .saBtn.USER:lang(et)::before { width: 90px; } .saBtn.USER:lang(lv)::before { width: 86px; } .fbBtn { display: none; float: right; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); } .fbBtn::before { content: ''; display: block; margin: 6px 10px 4px 10px; background-position: -829px -158px;width: 15px;height: 20px; } .fbBtn:hover{ background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .fbBtn::before:hover {background-position: -829px -198px; cursor: pointer;} .fbBtn.inactive{ background-color: rgba(227, 227, 227, 1); background-color: var(--inactiveColor); cursor: default; } .fbBtn.inactive::before {background-position: -829px -238px; cursor: default; }.ui-tabs .ui-tabs-panel { padding: 0 !important; } .FAILED { display: none; overflow-y: auto;overflow-x:hidden;overflow-y:hidden; } .RANGE { display: none; overflow-y: auto;overflow-x:hidden; } .PASSED { display: none; overflow-y: auto;overflow-x:hidden; } .COMPLETE { display: none; overflow-y: auto;overflow-x:hidden; } .INCOMPLETE { display: none; overflow-y: auto;overflow-x:hidden; } .RETRY { display: none; overflow-y: auto;overflow-x:hidden; } .LASTTESTTRY { display: none; overflow-y: auto;overflow-x:hidden; } .text.FAILED, .text.RANGE, .text.PASSED, .text.COMPLETE, .text.INCOMPLETE, .text.RETRY, .text.LASTTESTTRY { overflow-y: visible !important; margin: 16px;} .FINISHED { position: absolute; display: inherit; width: 100%; } .FAILED .LINK, .SRESULT .LINK, .PASSED .LINK, .COMPLETE .LINK, .INCOMPLETE .LINK, .RETRY .LINK, .LASTTESTTRY .LINK, .FINISHED .LINK { display: inline-block !important; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); color: #ffffff; color: var(--fontColor-onHotspots); text-decoration: none; padding: 8px 14px; } .FAILED .LINK:hover, .SRESULT .LINK:hover, .PASSED .LINK:hover, .COMPLETE .LINK:hover, .INCOMPLETE .LINK:hover, .RETRY .LINK:hover, .LASTTESTTRY .LINK:hover, .FINISHED .LINK:hover { background: rgba(255, 11, 55, 1); background: var(--secondaryColor); text-decoration: none; } .SRESULT { position: absolute; display: block; top: 180px; margin: 16px; width: calc(100% - 32px); } .SRESULT ul { list-style-type: none; padding-left: 0px; margin-left: 0px; } .SRESULT ul li {list-style-type: none;padding: 0 0 0 3px; } .SRESULT .percentBarTotal { width: 250px; height: 20px; background-color: red;} .SRESULT .percentBar { height: 20px; background-color: green;} .ERESULT { } .ERESULT ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; /*! -moz-box-direction: normal; */ -webkit-box-orient: horizontal; /*! -moz-box-orient: horizontal; */ -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-left: -40px; /*! font-size: 13px; */} .ERESULT ul li { list-style-type: none; } #ERESULT.ERESULT ul li::before { display: none; } #ERESULT.ERESULT ul li ul li::before { display: none; } .ERESULT ul li::before { display:none; } .ERESULT ul li.cp { display:none;} /*Spaltenüberschrift*/ ul li.cp.c1 { display: none; } .ERESULT ul li.c1 { width: 480px; min-width: 480px; /*width: min-content; min-height: 105px; */margin: 14px -14px 14px 14px; } .ERESULT ul li.c1.passed { } .ERESULT ul li.c1.failed { } .ERESULT ul li.c2 { width: 108px; min-width: 108px; width: min-content; min-height: 105px;margin: 9px -12px 9px 12px; } .ERESULT ul li.c3 { width: 108px; min-width: 108px; width: min-content; min-height: 105px;margin: 9px -12px 9px 12px; } .ERESULT ul ul { margin-left: 0px;padding: 0;border: none;} .ERESULT ul li.r { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; margin: 1px 3px 2px 0;background-color: rgba(255, 255, 255, 0.85); border: 1px solid rgba(255, 255, 255, 1); box-sizing:border-box; } .ERESULT ul li.r:nth-child(2n) { } .ERESULT ul li.r.passed:hover { background-color: rgba(255, 255, 255, 1); cursor: pointer;} .ERESULT ul li.r.passed { background-color: rgba(255, 255, 255, 0.85); } .ERESULT ul li.r.passed::after { position: relative; content: ' '; background-position: -78px -0px;width: 37px;height: 37px; float: left; } .ERESULT ul li.r.failed:hover {background-color: rgba(255, 255, 255, 1); cursor: pointer; } .ERESULT ul li.r.failed { background-color: rgba(255, 255, 255, 0.85); } .ERESULT ul li.r.failed::after { position: relative; content: ' '; background-position: -156px -0px;width: 37px;height: 37px; float: right;} .TRESULT {position:relative; width:90%; left: 16px;} .TRESULT ul { width: 210px; list-style-type: none; padding-left: 0px;} .TRESULT ul li { float:left;list-style-type: none;} .TRESULT ul li::before {display:none;} .TRESULT ul li.cp { display:none;} .TRESULT ul li.c1 { display:none; width: 0px; text-align: center; line-height: 20px;} .TRESULT ul li.c2 { display:none; width: 0px; text-align: center; line-height: 20px;} .TRESULT ul li.c3 { display:none; width: 0px; text-align: center; line-height: 20px;} .TRESULT ul li.r { width: 500px; background-color: #f2f2f2;} .TRESULT ul li.r:nth-child(2n) { background-color: #fff; } .TRESULT ul li.passed { color: #339900; color: var(--correctColor); padding-left: 14px; } .TRESULT ul li.r.passed::before { background-position: -435px -228px; width:10px; height:10px; margin: 5px 0 0 -12px;} .TRESULT ul li.r.passed:hover { } .TRESULT ul li.r.failed:hover { } .TRESULT ul li.r.failed { color: #da0b37; color: var(--wrongColor); padding-left: 14px; } .TRESULT ul li.r.failed::before { background-position: -435px -203px; width:10px; height:10px; margin: 5px 0 0 -12px;} .resultRow { cursor: pointer;} .resultImage{ } .resultCompletedContainer { padding-top: 18px; } .resultCompletedList { margin-top: 5px;} .resultCompletedList li { background-color: #f2f2f2; width:100%; } .resultCompletedList li:nth-child(2n){ background-color: #fff; } .resultCompletedIcon { background-position: -421px -136px; width:45px; height:20px; float:left; } .resultCompletedText { margin-left: 40px; } .resultIncompleteContainer { padding-top: 18px;} .resultIncompleteList { margin-top: 5px;} .resultIncompleteList li { background-color: #f2f2f2; width:100%; } .resultIncompleteList li:nth-child(2n){ background-color: #fff; } .resultIncompleteIcon { background-position: -421px -108px; width:45px; height:20px; float:left; } .resultIncompleteText { margin-left: 40px;} /* pie chart */ .pieContainer{ position:absolute; top:0px; left:390px; } .pie{ position:absolute; top:0px; left:0px; z-index:999; width:140px; height:190px;} .jqplot-table-legend-label { font-size: 20px; color:#339900; color: var(--correctColor);} .circle-wrap { margin: 32px auto 0 auto; width: 150px; height: 150px; background: rgba(227, 227, 227, 1); background: var(--inactiveColor); border-radius: 50%; } .circle-wrap .circle .mask, .circle-wrap .circle .fill { width: 150px; height: 150px; position: absolute; border-radius: 50%; } .circle-wrap .circle .mask { clip: rect(0px, 150px, 150px, 75px); } .circle-wrap .circle .mask .fill { clip: rect(0px, 75px, 150px, 0px); background-color:rgba(69, 21, 68, 1);background-color: var(--primaryColor) ; } .circle-wrap .circle .mask.full, .circle-wrap .circle .fill { animation: fill ease-in-out 2s; } .circle-wrap .inside-circle { width: 130px; height: 130px; border-radius: 50%; background: #fff; line-height: 130px; text-align: center; margin-top: 10px; margin-left: 10px; position: absolute; z-index: 100; font-weight: 700; }.zoomMark { background-position: -143px -67px; position: relative; right:0px; bottom:0px; width:24px; height:20px; } .zoomMark:hover { background-position: -143px -107px; cursor: pointer;}.systemcheck {width:864px;height:522px; background-color: rgba(43, 43, 43, 1); border: 1px solid rgba(43, 43, 43, 1); background-repeat: no-repeat; background-position: 50% 50%;background-attachment:fixed; font-size: 14px;} table.checkresulttable{ left: 25px;position:absolute; top: 117px;width: 400px; margin:0; padding:0; display:table; box-sizing:border-box; border-spacing:0px; } .checkresulttable td { vertical-align: top; color: #fff;} .checkresulttable tbody tr:nth-child(even) { background:transparent; background-color: rgba(255, 255, 255, 0); } .checkresulttable tbody tr:nth-child(odd) { background: transparent; background-color: rgba(255, 255, 255, 0.07); } .systemcheck { } .systemcheckok { background-position: -433px -138px; width: 19px; height: 18px; } .systemchecknotok { background-position: -433px -110px; width: 19px; height: 18px; } .systemcheckTDFailed { visibility:hidden; } .glossarMainDiv { position:absolute; left:100px; top:50px; width:400px; height:0px; z-index:199; } /* Glossar */ .glossarMainDiv { left:0px; top:0px;} .glossarBG { position: absolute; left:0px; top:0px; z-index:1; visibility: visible; } .glossarTitle { position: absolute; font-size:16px; font-size:0px; font-style:normal; font-weight:normal; text-decoration:none; text-transform: none; color:#425462; left:0px; top:0px; width:0px; height:0px; z-index:5; visibility: hidden; } .glossarClose { position: absolute; right:-15px; top:-15px; width:12px; height:12px; z-index:1; background-image:url(../lib/html/images/close_simple.gif);background-repeat: no-repeat; cursor: pointer; visibility: visible; } .glossarMenu { position: absolute; left:0px; top:0px; width:640px; z-index:100; visibility: visible; } .glossarMenuContentActive { font-size:14px; font-style:normal; font-weight:bold; text-decoration:none; text-transform: none; color:#FFF; background: #2bb3ce; background: linear-gradient(to bottom, #2bb3ce 1%,#1f7694 100%); padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 8px; } .glossarMenuContentPassive { font-size:14px; font-style:normal; font-weight:normal; text-decoration:none; text-transform: none; color:#a6a6a6; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 8px; } .glossarContent { position: absolute; font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; text-transform: none; color: #000000; color: var(--fontColor); left:0px; top:55px; width:640px; height:336px; z-index:2; visibility: visible; overflow: auto; } .glossarHeadline {visibility: visible;font-size:16px;font-weight:bold;} .certificateDIV { position:absolute; } .certificateNamefield { font-size:18px; font-weight:300; text-align:left; } .certificateNamefieldINPUT { width:90%; font-size:18px; font-weight:300; background-color:transparent; border:1px dashed blue; text-align:left; } .certificateEntryINPUT { width:90%; line-height:25px; background-color:transparent; border:1px dashed blue; text-align:right; height: 28px !important; } .certificateEntry { line-height:50px; border:none; } .certificateDate { font-size:14px; font-weight:bold; /* background-color:#FAC4EF; border:1px solid blue; */ } .certificateScorefield { background-color:#FAE1A3; border:1px solid black; } .printCertificateBtn { position:absolute; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 18px; border-radius: var(--FW-textButtons-radius); } .printCertificateBtn::before { content: ''; display: block; margin: 7px 10px 4px 10px; background-position: -774px -158px; width: 32px;height: 20px; } .printCertificateBtn:hover { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .printCertificateBtn::before:hover { background-position: -774px -198px; cursor: pointer;} .printCertificateBtn.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } .printCertificateBtn.inactive::before:hover { background-position: -774px -238px;cursor: no-drop;} .certificateCover { position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:#cccccc; z-index:9999; }#quizAccount{ /*#quizAccount*/ position: absolute; left: 320px; box-sizing:border-box; width: 423px; max-height: 50px; min-height: 30px; padding: 0px 16px 10px; text-align: center; top: 221px;}:root { --headerLogo: url("data:image/svg+xml,%3Csvg id='title3' xmlns='http://www.w3.org/2000/svg' width='205' height='97' viewBox='0 0 205 97'%3E%3Crect id='Rechteck_1366' data-name='Rechteck 1366' width='205' height='97' fill='rgba(255,255,255,0)'/%3E%3Cg id='logo' transform='translate(30 37)'%3E%3Cg id='Sponge_Red_RGB'%3E%3Cg id='Gruppe_777' data-name='Gruppe 777'%3E%3Cg id='Gruppe_776' data-name='Gruppe 776' transform='translate(0 0)'%3E%3Cg id='Gruppe_775' data-name='Gruppe 775'%3E%3Cpath id='Pfad_4346' data-name='Pfad 4346' d='M456.938,116.99a3.483,3.483,0,0,0-3.528,3.49,3.548,3.548,0,0,0,7.094,0,3.518,3.518,0,0,0-3.566-3.49Z' transform='translate(-316.934 -97.216)' fill='%23ff0b37'/%3E%3Cpath id='Pfad_4347' data-name='Pfad 4347' d='M74.754,71.157l-5.388-1.2c-1.627-.35-2.092-1.124-2.092-2.172,0-1.474,1.356-2.637,3.49-2.637a4.467,4.467,0,0,1,4.27,2.734c.156.385.278.652.666.711.066.014.354.021.427.021l4.156.01c1.329,0,1.308-.35,1.214-1.259a4.176,4.176,0,0,0-.26-1.1c-1.388-3.972-5.252-6.279-10.4-6.279-6.085,0-10.272,3.14-10.272,8.18,0,4.728,3.258,6.668,6.976,7.521l5.426,1.162c1.859.389,2.4,1.124,2.4,2.286,0,1.589-1.433,2.675-3.837,2.675a4.692,4.692,0,0,1-4.673-2.675c-.007-.014-.014-.031-.021-.045a1.7,1.7,0,0,1-.073-.16c-.132-.357-.538-.4-.933-.389h0l-4.9.007c-.624,0-.93.056-.93,1.089a3.192,3.192,0,0,0,.073.812c.867,4.406,5.731,6.668,11.1,6.668,5.776,0,10.7-2.869,10.7-8.413,0-4.111-2.637-6.55-7.133-7.559Z' transform='translate(-60.01 -59.99)' fill='%23ff0b37'/%3E%3Cpath id='Pfad_4348' data-name='Pfad 4348' d='M271.92,78.77a8.027,8.027,0,0,0-5.97,2.442V79.918a.566.566,0,0,0-.566-.565h-5.068a.566.566,0,0,0-.565.565V98.246a.566.566,0,0,0,.565.565h5.068a.566.566,0,0,0,.566-.565V89.781c0-3.761,1.589-5.429,4.031-5.429,1.977,0,3.334,1.551,3.334,3.837V98.242a.566.566,0,0,0,.566.565h5.03a.566.566,0,0,0,.565-.565V86.87c0-4.885-3.025-8.1-7.559-8.1Z' transform='translate(-190.458 -72.255)' fill='%23ff0b37'/%3E%3Cpath id='Pfad_4349' data-name='Pfad 4349' d='M204.494,79.38a10.173,10.173,0,1,0,10.113,10.234A10.171,10.171,0,0,0,204.494,79.38Zm-.09,15.046a4.872,4.872,0,1,1,4.9-4.843A4.871,4.871,0,0,1,204.4,94.425Z' transform='translate(-147.687 -72.653)' fill='%23ff0b37'/%3E%3C/g%3E%3Cpath id='Pfad_4350' data-name='Pfad 4350' d='M139.271,79.38a7.256,7.256,0,0,0-4.982,1.981v-.722c0-.184-.007-.239-.007-.427,0-.26-.059-.565-.76-.565H129.6a.566.566,0,0,0-.565.565v24.974a.566.566,0,0,0,.565.565h4.142a.566.566,0,0,0,.565-.565V98.21a8.08,8.08,0,0,0,4.846,1.516,10.173,10.173,0,0,0,.121-20.346Zm-.09,15.046a4.872,4.872,0,1,1,4.9-4.843A4.871,4.871,0,0,1,139.181,94.425Z' transform='translate(-105.086 -72.653)' fill='%23ff0b37'/%3E%3Cpath id='Pfad_4351' data-name='Pfad 4351' d='M343.174,79.653H339.6c-.441,0-1.117-.076-1.117.565,0,.153,0,.271,0,.43h0v.715A7.233,7.233,0,0,0,333.5,79.39a10.173,10.173,0,1,0,.121,20.346,8.052,8.052,0,0,0,4.836-1.509v.565c-.021,3.14-1.644,4.864-4.34,4.864a3.356,3.356,0,0,1-3.327-1.794.563.563,0,0,0-.517-.337h-5.721a.57.57,0,0,0-.552.711c1.048,3.931,4.725,6.421,9.922,6.421a9.436,9.436,0,0,0,8.139-3.82,8.585,8.585,0,0,0,1.669-5.6h0V80.229a.566.566,0,0,0-.566-.565ZM333.6,94.432a4.872,4.872,0,1,1,4.843-4.9A4.869,4.869,0,0,1,333.6,94.432Z' transform='translate(-232.02 -72.66)' fill='%23ff0b37'/%3E%3C/g%3E%3Cpath id='Pfad_4352' data-name='Pfad 4352' d='M408.673,90.181a10.423,10.423,0,0,0-.017-1.471,10.177,10.177,0,1,0-.86,5.034.519.519,0,0,0-.475-.729h-4.538a2.451,2.451,0,0,0-1.436.52,4.868,4.868,0,0,1-7.445-2.4l13.766-.021a1,1,0,0,0,1.01-.93Zm-10.158-5.5a4.875,4.875,0,0,1,4.541,3.108h-9.082A4.875,4.875,0,0,1,398.515,84.686Z' transform='translate(-274.435 -72.658)' fill='%23ff0b37'/%3E%3C/g%3E%3Cpath id='Pfad_4353' data-name='Pfad 4353' d='M449.161,79.37a1.815,1.815,0,0,1,.683.69,2.01,2.01,0,0,1,.246.989,2.046,2.046,0,0,1-.246,1,1.762,1.762,0,0,1-.683.7,1.944,1.944,0,0,1-.985.25,1.983,1.983,0,0,1-1-.25,1.786,1.786,0,0,1-.683-.7,2.037,2.037,0,0,1-.246-1,1.991,1.991,0,0,1,.246-.989,1.767,1.767,0,0,1,.683-.69,1.965,1.965,0,0,1,1-.25A1.926,1.926,0,0,1,449.161,79.37Zm.118,2.81a1.724,1.724,0,0,0,0-2.255,1.611,1.611,0,0,0-2.206,0,1.746,1.746,0,0,0,0,2.255,1.611,1.611,0,0,0,2.206,0Zm-.371-1.141a.648.648,0,0,1-.326.222l.531.787-.6.01-.454-.756h-.16v.756h-.493V80.022h.909a.749.749,0,0,1,.517.17.589.589,0,0,1,.194.465.613.613,0,0,1-.118.385Zm-1.01-.146h.389a.277.277,0,0,0,.177-.056.214.214,0,0,0,0-.316.289.289,0,0,0-.177-.052H447.9V80.9Z' transform='translate(-312.258 -72.484)' fill='%23ff0b37'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); --clientLogo-fontColor: rgba(255, 255, 255, 0); --clientLogoVisibility: inline-block; --clientLogoHeight: 97px; --clientLogoWidth: 205px; --bodyBG: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 14%, rgba(246,246,246,1) 100%); --programmeBG: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 14%, rgba(245,245,245,1) 100%); --brandColor: rgba(69, 21, 68, 1); --primaryColor: rgba(69, 21, 68, 1); --primaryColorOpacity: rgba(69, 21, 68, .45); --secondaryColor: rgba(255, 11, 55, 1); --inactiveColor: rgba(227, 227, 227, 1); --accentColor: rgba(255, 82, 0, 1); /* in menu page for sales only */ --bodyFont: 'Open Sans', Arial, Helvetica, sans-serif; --brandFont: "quincy-cf",serif; --brandFont-style: italic; --fontColor: #000000; --fontColor-onHotspots: #ffffff; --linkColor: rgba(69, 21, 68, 1); --linkColor-hover: rgba(255, 11, 55, 1); --linkColor-visited: rgba(69, 21, 68, 1); --exercisesMulitlineText-BG: rgba(255, 255, 255, 1); --CertificateTest-hotspot: rgba(255, 247, 198, 1); --CertificateTest-hotspot-hover: rgba(227, 227, 227, 1); --hotspotsContent-BIGshadow: 0 0 0 12px rgba(225,225,225, 0.35); --hotspotsContent-shadow: 0 0 0 6px rgba(225,225,225, 0.35); --hotspotsContent-BIGradius: 22px; --hotspotsContent-radius: 14px; --hotspotsNav-radius: 22px 0 0 22px; --instructionText-BG: rgba(237, 237, 237, 0.92); --instructionText-Border: 1px solid rgba(255, 255, 255, 0.6); --instructionTextColor: #000000; --contentText-BG: rgba(255, 255, 255, 0.9); --correctColor: #339900; --correctColor-hover: hsl(100, 50%, 60%); --wrongColor: #da0b37; --FW-navContainer-BG: rgba(255, 255, 255, 1.0); --FW-audioText-BG: rgba(255,255,255,0.95); --FW-audioTextColor: #000000; --FW-navButtons: rgba(255, 255, 255, 1.0); --FW-navButtons-hover: rgba(218, 236, 248, 1); --FW-navButtons-inactive: rgba(255, 255, 255, 0.5); --FW-navButtons-radius: 35px; --FW-textButtons-radius: 18px; --FW-PageNavigation-BG: rgba(236, 236, 236, 1); --FW-PageNavigation-BG-hover: rgba(218, 236, 248, 1); --FW-PageNavigation-Back-radius: 0 40px 40px 0; --FW-PageNavigation-Next-radius: 40px 0 0 40px ; --progressBars: rgba(20, 20, 20 , 1); --pageBackgroundGradient-START: rgba(147, 169, 176, 1.0); --pageBackgroundGradient-END: rgba(147, 169, 176, .75); --font-size: 13.5px; --line-height: 18.5px; --positionLeftUI: 50%; --positionTopUI: 50%; --positionUI: -50%, -50%, 0; --breadcrumbLeft: auto ; /*23px*/ --breadcrumbRight: 63px; /*auto*/ --headlinePageLeft: auto; /*24px*/ --headlinePageRight: 63px; /* auto*/ --textTranform: uppercase; } /******Web Fonts******/ /* open-sans-300 - vietnamese_latin_greek_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../images/fonts/osv17_300.eot'); src: local('Open Sans Light'), local('OpenSans-Light'), url('../images/fonts/osv17_300.eot?#iefix') format('embedded-opentype'), url('../images/fonts/osv17_300.woff2') format('woff2'), url('../images/fonts/osv17_300.woff') format('woff'), url('../images/fonts/osv17_300.ttf') format('truetype'), url('../images/fonts/osv17_300.svg#OpenSans') format('svg'); } /* open-sans-300italic - vietnamese_latin_greek_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../images/fonts/osv17_300italic.eot'); src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../images/fonts/osv17_300italic.eot?#iefix') format('embedded-opentype'), url('../images/fonts/osv17_300italic.woff2') format('woff2'), url('../images/fonts/osv17_300italic.woff') format('woff'), url('../images/fonts/osv17_300italic.ttf') format('truetype'), url('../images/fonts/osv17_300italic.svg#OpenSans') format('svg'); } /* open-sans-regular - vietnamese_latin_greek_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../images/fonts/osv17_regular.eot'); src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../images/fonts/osv17_regular.eot?#iefix') format('embedded-opentype'), url('../images/fonts/osv17_regular.woff2') format('woff2'), url('../images/fonts/osv17_regular.woff') format('woff'), url('../images/fonts/osv17_regular.ttf') format('truetype'), url('../images/fonts/osv17_regular.svg#OpenSans') format('svg'); } /* open-sans-italic - vietnamese_latin_greek_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../images/fonts/osv17_italic.eot'); src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../images/fonts/osv17_italic.eot?#iefix') format('embedded-opentype'), url('../images/fonts/osv17_italic.woff2') format('woff2'), url('../images/fonts/osv17_italic.woff') format('woff'), url('../images/fonts/osv17_italic.ttf') format('truetype'), url('../images/fonts/osv17_italic.svg#OpenSans') format('svg'); } /* open-sans-700 - vietnamese_latin_greek_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../images/fonts/osv17_700.eot'); src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../images/fonts/osv17_700.eot?#iefix') format('embedded-opentype'), url('../images/fonts/osv17_700.woff2') format('woff2'), url('../images/fonts/osv17_700.woff') format('woff'), url('../images/fonts/osv17_700.ttf') format('truetype'), url('../images/fonts/osv17_700.svg#OpenSans') format('svg'); } /* open-sans-700italic - vietnamese_latin_greek_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../images/fonts/osv17_700italic.eot'); src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../images/fonts/osv17_700italic.eot?#iefix') format('embedded-opentype'), url('../images/fonts/osv17_700italic.woff2') format('woff2'), url('../images/fonts/osv17_700italic.woff') format('woff'), url('../images/fonts/osv17_700italic.ttf') format('truetype'), url('../images/fonts/osv17_700italic.svg#OpenSans') format('svg'); } /* open-sans-800italic - vietnamese_latin_greek_cyrillic-ext_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../images/fonts/osv17_800italic.eot'); src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../images/fonts/osv17_800italic.eot?#iefix') format('embedded-opentype'), url('../images/fonts/osv17_800italic.woff2') format('woff2'), url('../images/fonts/osv17_800italic.woff') format('woff'), url('../images/fonts/osv17_800italic.ttf') format('truetype'), url('../images/fonts/osv17_800italic.svg#OpenSans') format('svg'); } /* * The Typekit service used to deliver this font or fonts for use on websites * is provided by Adobe and is subject to these Terms of Use * http://www.adobe.com/products/eulas/tou_typekit. For font license * information, see the list below. * * quincy-cf: * - http://typekit.com/eulas/00000000000000007735fcf4 * - http://typekit.com/eulas/00000000000000007735fcfa * - http://typekit.com/eulas/00000000000000007736879f * - http://typekit.com/eulas/00000000000000007736879e * * © 2009-2023 Adobe Systems Incorporated. All Rights Reserved. */ /*{"last_published":"2022-11-24 12:40:36 UTC"}*/ @font-face { font-family: "quincy-cf"; src: url("https://use.typekit.net/af/e6e282/00000000000000007735fcfa/30/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e6e282/00000000000000007735fcfa/30/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e6e282/00000000000000007735fcfa/30/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; font-stretch: normal; } @font-face { font-family: "quincy-cf"; src: url("https://use.typekit.net/af/afcd2a/00000000000000007736879f/30/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/afcd2a/00000000000000007736879f/30/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/afcd2a/00000000000000007736879f/30/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; font-stretch: normal; } html { min-height: 100%; } html, body {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; } /******masterprite background image******/ .navigationContainer::before, #fw-pin, #fw-menueshow1::before, #fw-globalmenueshow1::before,#fw-audiostextshow::before,#fw-audioactive::before,#fw-audioplaypause::before,#fw-reload::before, #fw-page::before,#fw-pageBack::before,#fw-pageNext::before,#fw-back::before,#fw-next::before,#fw-back2::before,#fw-next2::before, #EFINISH::before, #RFINISH::before, #META::before, #EEXIT::before, #REXIT::before, .SETCOMPLETED::before, .SETINCOMPLETE::before, .EXITOK::before, .CANCEL::before, .BOOKMARKYES::before, .BOOKMARKNO::before, .UNITBOOKMARKYES::before, .UNITBOOKMARKNO::before, .AUDIOSILENTYES::before, .AUDIOSILENTNO::before, .CFBSHOW::before, .CFBSEND::before, .fb, .fb::before, .fbodBtn::before, .ui-slider.selWrong .ui-slider-handle::before, .ui-slider.selCorrect .ui-slider-handle::before, .close, .infoClose, .fw_close_small, .fw_close_big, .startBtn, .okBtn::before, .saBtn::before, .saBtn.USER::before, .fbBtn::before, .ERESULT ul li.r.passed::after,.ERESULT ul li.r.failed::after,.TRESULT ul li.passed::before,.TRESULT ul li.r.failed::before, .resultCompletedIcon, .resultIncompleteIcon, .zoomMark, .fw_close_small, .fw_close_big, .hstyp1::before, .hstyp2::before, .hstyp3::before, .hstyp4::before, .hstyp5::before, .hstyp6::before, .hstyp8::before,.hstyp11::before, .hstyp14::before, .hstyp15::before, .hstyp155::before, .hstyp17::before, .hstyp18::before, .hstyp19::before, .hstyp20::before, .hstyp21::before, .hstyp24::before, .hstyp26::before, .hstyp27a::before, .hstyp28::before, .hstyp29::before, .hstyp30::before, .hstyp31::before, .hstyp31::before, .hstyp38::before, .hstyp39::after, .hstyp41, .hstyp42,.hstyp44::before, .hstyp45::before, .printCertificateBtn::before, #menuGM1 li.typ1,#menuGM1 li.typ2,#menuGM1 li.typ3,#menuGM1 li.typ4,#menuGM1 li.typ5,#menuGM1 li.typ6, #menu2 .prev,#menu2 .next,.state,.itemState, .markDragCC::after, .markDropCC::before, .systemcheckok, .systemchecknotok { background-image: url('../images/mastersprite.png'); background-size: 1194px 1775px; background-repeat: no-repeat; } /******Transitions CSS Animation******/ /*Example für Erfassung inside class: -webkit-animation: fadeIn 3s 1;-moz-animation:fadeIn 3s 1;-o-animation: fadeIn 3s 1;-ms-animation: fadeIn 3s 1;animation: fadeIn 3s 1; -webkit-animation: blinkBorder 1s infinite; -moz-animation: blinkBorder 1s infinite; -o-animation: blinkBorder 1s infinite; -ms-animation: blinkBorder 1s infinite; animation: blinkBorder 1s infinite;*/ @-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @-moz-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @-o-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @-ms-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @-webkit-keyframes fadeIn1 {0% {opacity: 1;} 20% {opacity: 1;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-moz-keyframes fadeIn1 {0% {opacity: 1;} 20% {opacity: 1;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-o-keyframes fadeIn1 {0% {opacity: 1;} 20% {opacity: 1;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-ms-keyframes fadeIn1 {0% {opacity: 1;} 20% {opacity: 1;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @keyframes fadeIn1 {0% {opacity: 1;} 20% {opacity: 1;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-webkit-keyframes fadeIn2 {0% {opacity: 0;} 20% {opacity: 1;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-moz-keyframes fadeIn2 {0% {opacity: 0;} 20% {opacity: 1;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-o-keyframes fadeIn2 {0% {opacity: 0;} 20% {opacity: 1;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-ms-keyframes fadeIn2 {0% {opacity: 0;} 20% {opacity: 1;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @keyframes fadeIn2 {0% {opacity: 0;} 20% {opacity: 1;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-webkit-keyframes fadeIn3 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-moz-keyframes fadeIn3 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-o-keyframes fadeIn3 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-ms-keyframes fadeIn3 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @keyframes fadeIn3 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 1;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-webkit-keyframes fadeIn4 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-moz-keyframes fadeIn4 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-o-keyframes fadeIn4 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-ms-keyframes fadeIn4 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @keyframes fadeIn4 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 1;} 80% {opacity: 1;} 100% {opacity: 1;}} @-webkit-keyframes fadeIn5 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 1;} 100% {opacity: 1;}} @-moz-keyframes fadeIn5 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 1;} 100% {opacity: 1;}} @-o-keyframes fadeIn5 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 1;} 100% {opacity: 1;}} @-ms-keyframes fadeIn5 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 1;} 100% {opacity: 1;}} @keyframes fadeIn5 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 1;} 100% {opacity: 1;}} @-webkit-keyframes fadeIn6 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;}} @-moz-keyframes fadeIn6 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;}} @-o-keyframes fadeIn6 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;}} @-ms-keyframes fadeIn6 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;}} @keyframes fadeIn6 {0% {opacity: 0;} 20% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;}} @-webkit-keyframes fadeInToTop {from {opacity: 0;transform: translateY(5px); } to {opacity: 1;transform: translateY(0px); }} @-moz-keyframes fadeInToTop {from {opacity: 0;transform: translateY(5px); } to {opacity: 1;transform: translateY(0px); }} @-o-keyframes fadeInToTop {from {opacity: 0;transform: translateY(5px); } to {opacity: 1;transform: translateY(0px); }} @-ms-keyframes fadeInToTop {from {opacity: 0;transform: translateY(5px); } to {opacity: 1;transform: translateY(0px); }} @keyframes fadeInToTop {from {opacity: 0;transform: translateY(5px); } to {opacity: 1;transform: translateY(0px); }} @-webkit-keyframes fadeInToBottom {from {opacity: 0;transform: translateY(-5px); } to {opacity: 1;transform: translateY(0px); }} @-moz-keyframes fadeInToBottom {from {opacity: 0;transform: translateY(-5px); } to {opacity: 1;transform: translateY(0px); }} @-o-keyframes fadeInToBottom {from {opacity: 0;transform: translateY(-5px); } to {opacity: 1;transform: translateY(0px); }} @-ms-keyframes fadeInToBottom {from {opacity: 0;transform: translateY(-5px); } to {opacity: 1;transform: translateY(0px); }} @keyframes fadeInToBottom {from {opacity: 0;transform: translateY(-5px); } to {opacity: 1;transform: translateY(0px); }} @-webkit-keyframes fadeInToRight {from {opacity: 0;transform: translateX(-5px); } to {opacity: 1;transform: translateY(0px); }} @-moz-keyframes fadeInToRight {from {opacity: 0;transform: translateX(-5px); } to {opacity: 1;transform: translateY(0px); }} @-o-keyframes fadeInToRight {from {opacity: 0;transform: translateX(-5px); } to {opacity: 1;transform: translateY(0px); }} @-ms-keyframes fadeInToRight {from {opacity: 0;transform: translateX(-5px); } to {opacity: 1;transform: translateY(0px); }} @keyframes fadeInToRight {from {opacity: 0;transform: translateX(-5px); } to {opacity: 1;transform: translateY(0px); }} @-webkit-keyframes fadeInToLeft {from {opacity: 0;transform: translateX(5px); } to {opacity: 1;transform: translateY(0px); }} @-moz-keyframes fadeInToLeft {from {opacity: 0;transform: translateX(5px); } to {opacity: 1;transform: translateY(0px); }} @-o-keyframes fadeInToLeft {from {opacity: 0;transform: translateX(5px); } to {opacity: 1;transform: translateY(0px); }} @-ms-keyframes fadeInToLeft {from {opacity: 0;transform: translateX(5px); } to {opacity: 1;transform: translateY(0px); }} @keyframes fadeInToLeft {from {opacity: 0;transform: translateX(5px); } to {opacity: 1;transform: translateY(0px); }} @-webkit-keyframes blinkBorder { 0%, 49% { border-color: rgba(51, 153, 0, 0); } 50%, 100% { border: 2px solid rgba(51, 153, 0, 1);}} @-o-keyframes blinkBorder { 0%, 49% { border-color: rgba(51, 153, 0, 0); } 50%, 100% { border: 2px solid rgba(51, 153, 0, 1);}} @-ms-keyframes blinkBorder { 0%, 49% { border-color: rgba(51, 153, 0, 0); } 50%, 100% { border: 2px solid rgba(51, 153, 0, 1);}} @keyframes blinkBorder { 0%, 49% { border-color: rgba(51, 153, 0, 0); } 50%, 100% { border: 2px solid rgba(51, 153, 0, 1);}} @-webkit-keyframes expandHeight {from {height: 0px;} to {height: 100%;}} @-moz-keyframes expandHeight {from {height: 0px;} to {height: 100%;}} @-o-keyframes expandHeight {from {height: 0px;} to {height: 100%;}} @-ms-keyframes expandHeight {from {height: 0px;} to {height: 100%;}} @keyframes expandHeight {from {max-height: 0%;} to {max-height: 100%;}} @-webkit-keyframes expandWidth {from {width: 0px;} to {width: 100%;}} @-moz-keyframes expandWidth {from {width: 0px;} to {width: 100%;}} @-o-keyframes expandWidth {from {width: 0px;} to {width: 100%;}} @-ms-keyframes expandWidth {from {width: 0px;} to {width: 100%;}} @keyframes expandWidth {from {max-width: 0%;} to {max-width: 100%;}} @keyframes attention { 9% { transform: none; } 12% { transform: scale(1.05); } 16% { transform: scale(0.95); } 20% { transform: scale(1.03); } 24% { transform: scale(1); }}/*Size Animation*/ /* image quality */ img[src$=".jpg"], img[src$=".png"] { image-rendering:optimizeQuality; } img[src$=".png"], div {image-rendering:optimizeQuality;image-rendering:-webkit-optimize-contrast;image-rendering: optimizequality;-ms-interpolation-mode: bicubic;} .sc, .mc {image-rendering:optimizeQuality;image-rendering:-webkit-optimize-contrast;image-rendering: auto;-ms-interpolation-mode: bicubic;} .sprite, .sprite img[src$=".png"] {image-rendering:optimizeQuality;image-rendering:-webkit-optimize-contrast;image-rendering:auto;-ms-interpolation-mode: bicubic;} /****** Print background-images ******/ * {-webkit-print-color-adjust: exact !important; color-adjust: exact !important;} @media print { @page { size: A4; /*landscape*/ -webkit-print-color-adjust: exact !important; color-adjust: exact !important;margin:1.8cm;} body {-webkit-print-color-adjust: exact !important; color-adjust: exact !important; width: 100% !important; margin: 0 !important; padding: 0 !important;} body::before { content:url('../images/zertifikat_logo.png'); display:none;} body::after { content:url('imagesprite.jpg'); display:none;} #MAIN19_2::after { content:url('../images/zertifikat_logo.png'); } } /* Tables general*/ table { margin:0; padding:0; display:table;box-sizing:border-box; border-spacing:1px;} table tr td { vertical-align: top; padding: 2px 4px; } table .ct, table .text { width: max-content !important; } table tr:nth-child(2n+2) td { background-color: rgba(0,0,0,0.05);} /* Button Style generell*/ /***** framework navi buttons .BTN *****/ .hstyp2, .hstyp3, .hstyp4,.hstyp6, .hstyp8, .hstyp38, #fw-menueshow1,#fw-globalmenueshow1,#fw-audiostextshow,#fw-audioactive,#fw-audiostopp,#fw-audiopause,#fw-audioplaypause,#fw-audiominus,#fw-audiovolume,#fw-audioplus,#fw-page,#fw-pageBack,#fw-pageNext,#fw-next, #fw-back, #fw-reload { -webkit-transition-duration: 0.25s;transition-duration: 0.25s;-webkit-transition-property: color, background-color;transition-property: color, background-color;} .hstyp2:hover, .hstyp3:hover, .hstyp4:hover,.hstyp6:hover, .hstyp8:hover, #fw-menueshow1:hover,#fw-globalmenueshow1:hover,#fw-audiostextshow:hover,#fw-audioactive:hover,#fw-audiostopp:hover,#fw-audiopause:hover, #fw-audioplaypause:hover,#fw-audiominus:hover,#fw-audiovolume:hover,#fw-audioplus:hover,#fw-page:hover,#fw-pageBack:hover,#fw-pageNext:hover,#fw-next:hover, #fw-back:hover { } /***** Dialog buttons *****/ .CICON, .hstyp31, .fbodBtn, .BTN { border-radius: 18px; border-radius: var(--FW-textButtons-radius); -webkit-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-property: color, background-color;transition-property: color, background-color;} #EFINISH, #RFINISH, #META, #EEXIT, #REXIT, .ERESULT ul li.r.failed, .ERESULT ul li.r.passed, .ERESULT ul li.r { -webkit-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-property: color, background-color;transition-property: color, background-color;} /****** Action buttons + Menu Hotspots + Start Button *****/ .hstyp1, .hstyp7, .hstyp10, .hstyp11, .hstyp13, .hstyp16, .hstyp17, .hstyp18, .hstyp19, .hstyp20, .hstyp21, .hstyp22, .hstyp24, .hstyp25, .hstyp26, .hstyp27, .hstyp27a, .hstyp28, .hstyp29, .hstyp30, .hstyp39 { -webkit-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-property: color, background-color;transition-property: color, background-color; } /****** SC,MC text buttons no icon, text hotspot *****/ .EXSCWCE .ex > .ct, .EXSCWCE .ex > .ct, .hstyp7, .hstyp36, .hstyp37, .hstyp43, .hstyp49, .FAILED .LINK, .SRESULT .LINK, .PASSED .LINK, .COMPLETE .LINK, .INCOMPLETE .LINK, .RETRY .LINK, .LASTTESTTRY .LINK, .FINISHED .LINK { border-radius: 18px; border-radius: var(--FW-textButtons-radius); -webkit-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-property: color, background-color;transition-property: color, background-color;} .ICON{display: none;} .CICON{display: inline-block; cursor: pointer;} .hotspot{} .hotspot.mark{border: 1px dashed #da0b37; border: 1px dashed var(--wrongColor);} .litag{display: none;} .hidden{display: none!important;} #infoLayerDiv { min-height: 0px !important;} /* Tastatursteuerung - keyboard control*/ :focus { outline: 2px dotted var(--secondaryColor); } :focus:not(:focus-visible) { outline: none; } :focus-visible { outline: 2px dotted var(--secondaryColor); } /* bildunterschrift fuer image_without position */.pu{ font-size: 11px;} /* zoomupLayer */.zoomup{border: 1px dotted grey;} /* splash div while loading page */ /* raus und in die pictureframe verschoben, da jetzt CSS loader #splash { display: block; position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; z-index: 9999; font-size: 20pt; color: darkgray; background: url('../images/splash-bg.png'); background-color:transparent; padding: 0px; }*/ /* CSS Loader */ .loader { border-collapse: separate; font-size: 10px; /* Changes the size/radius */ width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load5 1.1s infinite ease; animation: load5 1.1s infinite ease; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } @-webkit-keyframes load5 { 0%, 100% { box-shadow: 0em -2.6em 0em 0em #293133, 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2), 2.5em 0em 0 0em rgba(41, 49, 51, 0.2), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.2), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.2), -2.6em 0em 0 0em rgba(41, 49, 51, 0.5), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.7), 1.8em -1.8em 0 0em #293133, 2.5em 0em 0 0em rgba(41, 49, 51, 0.2), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.2), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.2), -2.6em 0em 0 0em rgba(41, 49, 51, 0.2), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.5), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.7), 2.5em 0em 0 0em #293133, 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.2), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.2), -2.6em 0em 0 0em rgba(41, 49, 51, 0.2), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.2), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.5), 2.5em 0em 0 0em rgba(41, 49, 51, 0.7), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.2), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.2), -2.6em 0em 0 0em rgba(41, 49, 51, 0.2), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.2), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2), 2.5em 0em 0 0em rgba(41, 49, 51, 0.5), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.7), 0em 2.5em 0 0em #293133, -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.2), -2.6em 0em 0 0em rgba(41, 49, 51, 0.2), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.2), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2), 2.5em 0em 0 0em rgba(41, 49, 51, 0.2), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.5), 0em 2.5em 0 0em rgba(41, 49, 51, 0.7), -1.8em 1.8em 0 0em #293133, -2.6em 0em 0 0em rgba(41, 49, 51, 0.2), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.2), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2), 2.5em 0em 0 0em rgba(41, 49, 51, 0.2), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.5), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.7), -2.6em 0em 0 0em #293133, -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.2), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2), 2.5em 0em 0 0em rgba(41, 49, 51, 0.2), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.2), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.5), -2.6em 0em 0 0em rgba(41, 49, 51, 0.7), -1.8em -1.8em 0 0em #293133; } } @keyframes load5 { 0%, 100% { box-shadow: 0em -2.6em 0em 0em #293133, 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2), 2.5em 0em 0 0em rgba(41, 49, 51, 0.2), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.2), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.2), -2.6em 0em 0 0em rgba(41, 49, 51, 0.5), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.7), 1.8em -1.8em 0 0em #293133, 2.5em 0em 0 0em rgba(41, 49, 51, 0.2), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.2), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.2), -2.6em 0em 0 0em rgba(41, 49, 51, 0.2), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.5), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.7), 2.5em 0em 0 0em #293133, 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.2), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.2), -2.6em 0em 0 0em rgba(41, 49, 51, 0.2), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.2), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.5), 2.5em 0em 0 0em rgba(41, 49, 51, 0.7), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.2), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.2), -2.6em 0em 0 0em rgba(41, 49, 51, 0.2), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.2), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2), 2.5em 0em 0 0em rgba(41, 49, 51, 0.5), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.7), 0em 2.5em 0 0em #293133, -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.2), -2.6em 0em 0 0em rgba(41, 49, 51, 0.2), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.2), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2), 2.5em 0em 0 0em rgba(41, 49, 51, 0.2), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.5), 0em 2.5em 0 0em rgba(41, 49, 51, 0.7), -1.8em 1.8em 0 0em #293133, -2.6em 0em 0 0em rgba(41, 49, 51, 0.2), -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.2), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2), 2.5em 0em 0 0em rgba(41, 49, 51, 0.2), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.5), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.7), -2.6em 0em 0 0em #293133, -1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(41, 49, 51, 0.2), 1.8em -1.8em 0 0em rgba(41, 49, 51, 0.2), 2.5em 0em 0 0em rgba(41, 49, 51, 0.2), 1.75em 1.75em 0 0em rgba(41, 49, 51, 0.2), 0em 2.5em 0 0em rgba(41, 49, 51, 0.2), -1.8em 1.8em 0 0em rgba(41, 49, 51, 0.5), -2.6em 0em 0 0em rgba(41, 49, 51, 0.7), -1.8em -1.8em 0 0em #293133; } } /* ############################# JP-Player-Settings Start ############################# */ .jp-interface{ background: url("jplayer/jplayer.jpg") repeat-x scroll 0 -375px rgba(0, 0, 0, 0); position: fixed; bottom: 33px; } .jp-interface *{ display: block; } .jp-controls > *{ float: left; height: 23px; width: 23px; text-indent: -9999px; } .jp-play{ background: url("jplayer/jplayer.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .jp-play:hover { background: url("jplayer/jplayer.jpg") -41px 0 no-repeat; } .jp-stop{ background: url("jplayer/jplayer.jpg") no-repeat scroll 0 -83px rgba(0, 0, 0, 0); } .jp-stop:hover { background: url("jplayer/jplayer.jpg") -29px -83px no-repeat; } .jp-pause{ background: url("jplayer/jplayer.jpg") no-repeat scroll 0 -42px rgba(0, 0, 0, 0); } .jp-pause:hover { background: url("jplayer/jplayer.jpg") -41px -42px no-repeat; } .jp-current-time, .jp-duration{ background: url("jplayer/jplayer.jpg") repeat-x scroll 0 -375px rgba(0, 0, 0, 0); float: left; font-size: 11px; height: 17px; width: 34px; line-height: 16px; padding: 3px; text-align: center; } .jp-progress{ background: url("jplayer/jplayer.jpg") repeat-x scroll 0 -375px #FFFF00; float: left; height: 23px; width:11px; overflow: hidden; } .jp-seek-bar { background: #666; width: 0px; height: 3px; cursor: pointer; margin: 10px 10px 10px 10px; width: 95% !important; } .jp-play-bar { background: url("jplayer/jplayer.jpg") 0 -218px repeat-x ; width: 0px; height:100%; } .jp-mute { background: url("jplayer/jplayer.jpg") no-repeat scroll 0 -170px rgba(0, 0, 0, 0); width: 14px; } .jp-mute:hover { background: url("jplayer/jplayer.jpg") -19px -170px no-repeat; } .jp-unmute { background: url("jplayer/jplayer.jpg") no-repeat scroll -60px -170px rgba(0, 0, 0, 0); width: 14px; } .jp-unmute:hover { background: url("jplayer/jplayer.jpg") -79px -170px no-repeat; } .jp-volume-max { background: url("jplayer/jplayer.jpg") 0 -186px no-repeat; } .jp-volume-max:hover { background: url("jplayer/jplayer.jpg") -19px -186px no-repeat; } .jp-volume-bar { float: left; cursor: pointer; width: 26px; } .jp-volume-bar-value { background: url("jplayer/jplayer.jpg") repeat-x scroll -150px -175px rgba(0, 0, 0, 0); height: 23px; } .jp-toggles a { height: 23px; width: 23px; text-indent: -9999px; } .jp-toggles { overflow: hidden; } .jp-full-screen { background: url("jplayer/jplayer.jpg") no-repeat scroll 0 -310px rgba(0, 0, 0, 0); display:block !important; } .jp-full-screen:hover { background: url("jplayer/jplayer.jpg") -30px -310px no-repeat; } .jp-video-play { display: none; } .jp-video-play:hover a.jp-video-play-icon { background: url("jplayer/jplayer.video.play.png") 0 -100px no-repeat; } /* ############################# JP-Player-Settings End ############################# */ #MAIN1_1 {position: absolute; left:72px; top:114px; width:880px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC1_1 {padding: 16px 16px 0 16px; } .TB1_1{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box; } .IM1_1 {border: 1px solid #fff;} .FL1_1 {border: 1px solid #fff;} .SMA1_1 {border: 1px solid #fff;} .V1_1 {border: 1px solid #fff;} .EX1_1 {background-color: rgba(255, 255, 255, 0.8); right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN1_2 {position: absolute; left:72px; top:114px; width:880px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC1_2 {padding: 16px 16px 0 16px; } .TB1_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM1_2 {border: 1px solid #fff;} .FL1_2 {border: 1px solid #fff;} .SMA1_2 {border: 1px solid #fff;} .V1_2 {border: 1px solid #fff;} .EX1_2 {background-color: rgba(255, 255, 255, 0.8); right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} /*#MAIN1*/ #MAIN2_1 {position: absolute; left:72px; top:114px; min-width:880px; min-height:464px; max-height:465px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC2_1 {padding: 16px 16px 0 16px; } .TB2_1{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM2_1 {} .FL2_1 {} .SMA2_1 {} .V2_1 {} .EX2_1 {background-color: rgba(255, 255, 255, 0.8); right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN3_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB3_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text3_1 {color: #000000; color: var(--instructionTextColor);} #MAIN3_2 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box; } .HLC3_2 {padding: 16px 16px 0 16px; } .TB3_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box; } .IM3_2 {border: 1px solid #fff;} .FL3_2 {border: 1px solid #fff;} .SMA3_2 {border: 1px solid #fff;} .V3_2 {border: 1px solid #fff;} .EX3_2 {background-color: rgba(255, 255, 255, 0.8); width: 879px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN3_3 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 3; overflow-y:hidden; overflow-x:hidden;} .HLC3_3 {padding: 16px 16px 0 16px; } .TB3_3{ background-color: rgba(255, 255, 255, 0.8); padding: 16px 16px 0 16px;} .IM3_3 {border: 1px solid #fff;} .FL3_3 {border: 1px solid #fff;} .SMA3_3 {border: 1px solid #fff;} .V3_3 {border: 1px solid #fff;} .EX3_3 {background-color: rgba(255, 255, 255, 0.8); width: 879px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN3_4 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 3; overflow-y:hidden; overflow-x:hidden;} .HLC3_4 {padding: 16px 16px 0 16px; } .TB3_4{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } .IM3_4 {border: 1px solid #fff;} .FL3_4 {border: 1px solid #fff;} .SMA3_4 {border: 1px solid #fff;} .V3_4 {border: 1px solid #fff;} .EX3_4 {background-color: rgba(255, 255, 255, 0.8); width: 879px; right: 10px; padding:16px; line-height: 100%; box-sizing:border-box; } #MAIN4_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB4_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text4_1 {color: #000000; color: var(--instructionTextColor);} #MAIN4_2 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); border: 1px solid #fff !important; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC4_2 {padding: 16px 16px 0 16px; } .TB4_2{ background-color: rgba(255, 255, 255, 0.8); width: 879px; height: 100%; padding:16px 16px 0 16px; box-sizing:border-box; } .EX4_2 {background-color: rgba(255, 255, 255, 0.8); width: 879px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN4_3 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box; } #MAIN5_1 {position: absolute; left:72px; top:114px; width:336px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC5_1 {padding: 16px 16px 0 16px; } .TB5_1{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;; } .IM5_1 {border: 1px solid #fff;} .FL5_1 {border: 1px solid #fff;} .SMA5_1 {border: 1px solid #fff;} .V5_1 {border: 1px solid #fff;} .EX5_1 {background-color: rgba(255, 255, 255, 0.8); width:336px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN5_2 {position: absolute; right:72px; top:114px; width:540px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC5_2 {padding: 16px 16px 0 16px; } .TB5_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box; } .IM5_2 {border: 1px solid #fff;} .FL5_2 {border: 1px solid #fff;} .SMA5_2 {border: 1px solid #fff;} .V5_2 {border: 1px solid #fff;} .EX5_2 {background-color: rgba(255, 255, 255, 0.8); width:535px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN6_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB6_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text6_1 {color: #000000; color: var(--instructionTextColor);} #MAIN6_2 {position: absolute; left:72px; top:203px; width:336px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC6_2 {padding: 16px 16px 0 16px; } .TB6_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM6_2 {border: 1px solid #fff;} .FL6_2 {border: 1px solid #fff;} .SMA6_2 {border: 1px solid #fff;} .V6_2 {border: 1px solid #fff;} .EX6_2 {background-color: rgba(255, 255, 255, 0.8); width: 334px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN6_3 {position: absolute; right:72px; top:203px; width:540px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC6_3 {padding: 16px 16px 0 16px;} .TB6_3{ float:right; background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box; } .IM6_3 {border: 1px solid #fff;} .FL6_3 {border: 1px solid #fff;} .SMA6_3 {border: 1px solid #fff;} .V6_3 {border: 1px solid #fff;} .EX6_3 {background-color: rgba(255, 255, 255, 0.8); width: 537px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN7_1 {position: absolute; left:72px; top:114px; width:540px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC7_1 {padding: 16px 16px 0 16px; } .TB7_1{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM7_1 {border: 1px solid #fff;} .FL7_1 {border: 1px solid #fff;} .SMA7_1 {border: 1px solid #fff;} .V7_1 {border: 1px solid #fff;} .EX7_1 {background-color: rgba(255, 255, 255, 0.8); width:537px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN7_2 {position: absolute; right:72px; top:114px; width:336px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC7_2 {padding: 16px 16px 0 16px; } .TB7_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM7_2 {border: 1px solid #fff;} .FL7_2 {border: 1px solid #fff;} .SMA7_2 {border: 1px solid #fff;} .V7_2 {border: 1px solid #fff;} .EX7_2 {background-color: rgba(255, 255, 255, 0.8); width:336px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN8_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB8_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text8_1 {color: #000000; color: var(--instructionTextColor);} #MAIN8_2 {position: absolute; left:72px; top:203px; width:540px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC8_2 {padding: 16px 16px 0 16px; } .TB8_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM8_2 {border: 1px solid #fff;} .FL8_2 {border: 1px solid #fff;} .SMA8_2 {border: 1px solid #fff;} .V8_2 {border: 1px solid #fff;} .EX8_2 {background-color: rgba(255, 255, 255, 0.8); width: 537px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN8_3 {position: absolute; right:72px; top:203px; width:336px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC8_3 {padding: 16px 16px 0 16px; } .TB8_3{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box; } .IM8_3 {border: 1px solid #fff;} .FL8_3 {border: 1px solid #fff;} .SMA8_3 {border: 1px solid #fff;} .V8_3 {border: 1px solid #fff;} .EX8_3 {background-color: rgba(255, 255, 255, 0.8); width: 334px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN9_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB9_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text9_1 {color: #000000; color: var(--instructionTextColor);} #MAIN9_2 {position: absolute; left:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC9_2 {padding: 16px 16px 0 16px; } .TB9_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM9_2 {border: 1px solid #fff;} .FL9_2 {border: 1px solid #fff;} .SMA9_2 {border: 1px solid #fff;} .V9_2 {border: 1px solid #fff;} .EX9_2 {background-color: rgba(255, 255, 255, 0.8); width: 159px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN9_3 {position: absolute; right:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC9_3 {padding: 16px 16px 0 16px; } .TB9_3{ float:right; background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM9_3 {border: 1px solid #fff;} .FL9_3 {border: 1px solid #fff;} .SMA9_3 {border: 1px solid #fff;} .V9_3 {border: 1px solid #fff;} .EX9_3 {background-color: rgba(255, 255, 255, 0.8); width:712px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN9_4 {position: absolute; right:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC9_4 {padding: 16px 16px 0 16px; } .TB9_4{ float:right; background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box; } .IM9_4 {border: 1px solid #fff;} .FL9_4 {border: 1px solid #fff;} .SMA9_4 {border: 1px solid #fff;} .V9_4 {border: 1px solid #fff;} .EX9_4 {background-color: rgba(255, 255, 255, 0.8); width:712px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN10_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB10_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text10_1 {color: #000000; color: var(--instructionTextColor);} #MAIN10_2 {position: absolute; left:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box; opacity:0;} .HLC10_2 {padding: 16px 16px 0 16px; } .TB10_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM10_2 {border: 1px solid #fff;} .FL10_2 {border: 1px solid #fff;} .SMA10_2 {border: 1px solid #fff;} .V10_2 {border: 1px solid #fff;} .EX10_2 {background-color: rgba(255, 255, 255, 0.8); width:159px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN10_3 {position: absolute; right:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255,0.75); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box; opacity:0;} .HLC10_3 {padding: 16px 16px 0 16px; } .TB10_3{ float:right; background-color: rgba(255, 255, 255, 0.8); width:706px; max-height:373px; min-height:10px; padding:16px 16px 0 16px; box-sizing:border-box; } .EX10_3 {border: 1px solid #da0b37;border: 1px solid var(--wrongColor); background-color: rgba(255, 255, 255, 0.8); width:706px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN10_4 {position: absolute; right:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); border: 1px solid #fff; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box; opacity:0;} .HLC10_4 {padding: 16px 16px 0 16px; } .TB10_4{ float:right; background-color: rgba(255, 255, 255, 0.8); width:706px; max-height:373px; min-height:10px; padding:16px 16px 0 16px; box-sizing:border-box; } .IM10_4 {} .FL10_4 {} .SMA10_4 {} .V10_4 {} .EX10_4 {background-color: rgba(255, 255, 255, 0.8); width:706px; padding:16px 16px 0 16px; line-height: 100%; right: 10px;} /*#MAIN10*/ #MAIN11_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB11_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text11_1 {color: #000000; color: var(--instructionTextColor);} #MAIN11_2 {position: absolute; left:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC11_2 {padding: 16px 16px 0 16px; } .TB11_2{ float:right; background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box; } .IM11_2 {border: 1px solid #fff;} .FL11_2 {border: 1px solid #fff;} .SMA11_2 {border: 1px solid #fff;} .V11_2 {border: 1px solid #fff;} .EX11_2 {background-color: rgba(255, 255, 255, 0.8); width:706px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN11_3 {position: absolute; right:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC11_3 {padding: 16px 16px 0 16px; } .TB11_3{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM11_3 {border: 1px solid #fff;} .FL11_3 {border: 1px solid #fff;} .SMA11_3 {border: 1px solid #fff;} .V11_3 {border: 1px solid #fff;} .EX11_3 {background-color: rgba(255, 255, 255, 0.8); width: 159px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN11_4 {position: absolute; left:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC11_4 {padding: 16px 16px 0 16px; } .TB11_4{ float:right; background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM11_4 {border: 1px solid #fff;} .FL11_4 {border: 1px solid #fff;} .SMA11_4 {border: 1px solid #fff;} .V11_4 {border: 1px solid #fff;} .EX11_4 {background-color: rgba(255, 255, 255, 0.8); width:706px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN12_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB12_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text12_1 {color: #000000; color: var(--instructionTextColor);} #MAIN12_2 {position: absolute; left:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC12_2 {padding: 16px 16px 0 16px; } .TB12_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM12_2 {border: 1px solid #fff;} .FL12_2 {border: 1px solid #fff;} .SMA12_2 {border: 1px solid #fff;} .V12_2 {border: 1px solid #fff;} .EX12_2 {background-color: rgba(255, 255, 255, 0.8); width:159px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN12_3 {position: absolute; right:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); border: 1px solid #fff; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC12_3 {padding: 16px 16px 0 16px; } .TB12_3{ float:right; background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM12_3 {} .FL12_3 {} .SMA12_3 {} .V12_3 {} .EX12_3 {background-color: rgba(255, 255, 255, 0.8); width:706px; padding:16px 16px 0 16px; line-height: 100%; right: 10px;} #MAIN12_4 {position: absolute; right:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255,0.75); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC12_4 {padding: 16px 16px 0 16px; } .TB12_4{ float:right; background-color: rgba(255, 255, 255, 0.8); width:706px; max-height:373px; min-height:10px; padding:16px 16px 0 16px; box-sizing:border-box;} .EX12_4 {border: 1px solid #da0b37;border: 1px solid var(--wrongColor); background-color: rgba(255, 255, 255, 0.8); width:706px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN13_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; background: rgba(255, 255, 255, 0); /*BG Image Page*/ background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); z-index:1;} #MAIN13_2 {position: absolute; padding: 0; left:62px; top:107px; width:900px; height: 565px; z-index: 2; background-color: rgba(255, 255, 255, 1); border-top: 31px solid rgba(255, 255, 255, 1); border-left: 45px solid rgba(255, 255, 255, 1); border-right: 45px solid rgba(255, 255, 255, 1); border-bottom: 15px solid rgba(255, 255, 255, 1); border-radius: 4px 4px 0 0; overflow-y:auto; overflow-x:hidden; box-sizing:border-box; } .TB13_2{ width: auto;} .HLT13_2{ font-size:16px; font-weight:bold; color: #373737; margin-bottom:18px; line-height: 18px;} .EX13_2 {background-color: rgba(255, 255, 255, 0.8); max-height: 90%; right: 10px;} #MAIN14_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); /*BG Image Page*/ background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB14_1{ } .HLT14_1{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-size: 20px; margin-bottom: 4px;} #MAIN14_2 {width:30px; height:30px; background:rgba(69, 21, 68, 1);background: var(--primaryColor); background: -moz-radial-gradient(center, ellipse cover, var(--primaryColor) 64%, rgba(255,255,255,1) 71%); background: -webkit-radial-gradient(center, ellipse cover, var(--primaryColor) 64%,rgba(255,255,255,1) 71%); background: radial-gradient(ellipse at center, var(--primaryColor) 64%,rgba(255,255,255,1) 71%); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ffffff; border-radius: 100px; box-shadow: 0px 2px 2px rgba(0,0,0,0.2); overflow: hidden !important; z-index:3;} #MAIN14_3 {position: absolute; left:80px; top:80px; width:864px; height:522px; overflow-y:hidden; overflow-x:hidden; /*z-index: 4;*/} .TB14_3{ } .HLT14_3{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-size: 20px; margin-bottom: 4px;} .text14_3 {color: #fff;} #MAIN14_3 iframe { /*margin-top: -310px;*/ margin-left: -1px; height: 522px; z-index: 999; } #MAIN15_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; background: rgba(255, 255, 255, 0); /*BG Image Page*/ background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); z-index:1;} #MAIN15_2 {position: relative; top: 97px; padding: 15px 0 0 113px; min-height: 0; max-height: 442px; min-width: 100%; overflow: auto; z-index: 2; box-sizing:border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;} #MAIN15_3 {position: absolute; display: block; margin: 106px 0 0 0; bottom: 59px; min-height: 0; max-height: 63px; min-width: 100%; text-align: center; overflow: auto; z-index: 2; box-sizing:border-box; } #MAIN15_4 {position: absolute; bottom: 0; left: 0; width: 100%; height:45px; overflow:hidden; text-align:center; z-index:2;} #MAIN15_5 {position: absolute; left:0px; top:0px; width:1024px; height:672px; background: rgba(255, 255, 255, 0.5); z-index:5;} .TB15_5{ position: relative !important; margin: 25% auto; min-width: 10px; max-width: 350px; padding: 32px; background: rgba(255, 255, 255, 1); } .HLT15_5{ font-size: 24px; line-height: 32px; font-weight: 300; color:rgba(69, 21, 68, 1);color: var(--primaryColor); border-bottom: 1px solid #ccc; padding-bottom: 16px; } .text15_5 {} #MAIN16_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 1; background: rgba(255, 255, 255, 0); /*BG Image Page*/ background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } #MAIN16_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB16_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);} #MAIN16_3 {position: absolute; left:72px; top:203px; width:316px; height:412px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .TB16_3{ background-color: rgba(255, 255, 255, 0.8); /*width: 311px;height:408px;*/ padding:16px 16px 0 16px; box-sizing:border-box;} .IM16_3 {border: 1px solid #fff;} .FL16_3 {border: 1px solid #fff;} .SMA16_3 {border: 1px solid #fff;} .V16_3 {border: 1px solid #fff;} .EX16_3 {background-color: rgba(255, 255, 255, 0.8); width: 311px; height: 100%; right: 10px; padding:0px 16px 0 16px; box-sizing:border-box;} #MAIN16_4 {position: absolute; right:72px; top:203px; width:560px; height:238px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .TB16_4{ background-color: rgba(255, 255, 255, 0.8); width: 557px; height:234px; padding:16px 16px 0 16px; box-sizing:border-box; } .IM16_4 {border: 1px solid #fff;} .FL16_4 {border: 1px solid #fff;} .SMA16_4 {border: 1px solid #fff;} .V16_4 {border: 1px solid #fff;} .EX16_4 {background-color: rgba(255, 255, 255, 0.8); width: 557px; height: 100%; right: 10px; padding:0px 16px 0 16px; box-sizing:border-box;} #MAIN16_5 {position: absolute; right:72px; top:448px; width:560px; height:168px; text-align:right; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .TB16_5{ background-color: rgba(255, 255, 255, 0.8); width: 557px;height:166px; padding:16px 16px 0 16px; box-sizing:border-box;} .EX16_5 {background-color: rgba(255, 255, 255, 0.8); width: 557px; height: 100%; right: 10px; padding:0px 16px 0 16px; box-sizing:border-box; } #MAIN17_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 1; background: rgba(255, 255, 255, 0); /*BG Image Page*/ background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } #MAIN17_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB17_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);} #MAIN17_3 {position: absolute; left:72px; top:203px; width:560px; height:238px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .TB17_3{ background-color: rgba(255, 255, 255, 0.8); width: 557px; height:234px; padding:16px 16px 0 16px; box-sizing:border-box;} .IM17_3 {border: 1px solid #fff;} .FL17_3 {border: 1px solid #fff;} .SMA17_3 {border: 1px solid #fff;} .V17_3 {border: 1px solid #fff;} .EX17_3 {background-color: rgba(255, 255, 255, 0.8); width: 557px; height: 100%; right: 10px; padding:0px 16px 0 16px; box-sizing:border-box;} #MAIN17_4 {position: absolute; right:72px; top:203px; width:316px; height:412px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .TB17_4{ background-color: rgba(255, 255, 255, 0.8); /*width: 313px;height:408px;*/ padding:16px 16px 0 16px; box-sizing:border-box;} .IM17_4 {border: 1px solid #fff;} .FL17_4 {border: 1px solid #fff;} .SMA17_4 {border: 1px solid #fff;} .V17_4 {border: 1px solid #fff;} .EX17_4 {background-color: rgba(255, 255, 255, 0.8); width: 313px; height: 100%; right: 10px; padding:0px 16px 0 16px; box-sizing:border-box;} #MAIN17_5 {position: absolute; left:72px; top:448px; width:560px; height:168px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .TB17_5{ background-color: rgba(255, 255, 255, 0.8); width: 557px; height:166px; padding:16px 16px 0 16px; box-sizing:border-box;} .EX17_5 {background-color: rgba(255, 255, 255, 0.8); width: 557px; height: 100%; right: 10px; padding:0px 16px 0 16px; box-sizing:border-box; } .HL18{display: none !important; font-size: 0px; font-weight:normal; color:#373737; } #MAIN18_1 {width:572px; min-height:10px; max-height:388px; z-index: 10; overflow-y:auto; overflow-x:hidden;} .HLC18_1 {font-size: 16px; font-weight:normal; color:rgba(69, 21, 68, 1);color: var(--primaryColor);} .TB18_1{ max-width:630px;} .HLT18_1{ color:rgba(69, 21, 68, 1);color: var(--primaryColor);} .HL19{display: none !important; font-size: 0px; font-weight:normal; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #MAIN19_1 {width:572px; min-height:10px; max-height:388px; z-index: 10; overflow-y:auto; overflow-x:hidden;} .HLC19_1 {color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-size: 20px; } .TB19_1{ } .HLT19_1{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-size: 18px; } #MAIN19_2 {position: absolute; background-repeat: no-repeat; background-size:600px 220px; padding:0; top:0; left:0; width:600px; height:220px; z-index:5; }#MAIN19_1 .TB19_1:first-child span { font-family: var(--brandFont); line-height: 10px; font-size: 55px; color: #2C2C2C; font-weight: 300; font-style: var(--brandFont-style); } #MAIN19_1 .IM { width:600px; height: 950px; } #MAIN20_1 {}/*#MAIN20*/ #MAIN21_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:846px; min-height:0px; max-height:65px; z-index: 12; margin: 0px; padding: 0px; font-size:15px; line-height:18px; overflow-y:hidden; overflow-x:hidden; } .TB21_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text21_1 {color: #000000; color: var(--instructionTextColor);} #MAIN21_2 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 2; background: rgba(255, 255, 255, 1); border: 1px solid #fff; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .TB21_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM21_2 {} .FL21_2 {} .SMA21_2 {} .V21_2 {} .EX21_2 {background-color: rgba(255, 255, 255, 0.8); width: 879px; height: 100%; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN21_3 {position: absolute; left:72px; top:203px; width:880px; height:374px; z-index: 3; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC21_3 {padding: 16px 16px 0 16px; } .IM21_3 {border: 1px solid #fff;} .FL21_3 {border: 1px solid #fff;} .SMA21_3 {border: 1px solid #fff;} .V21_3 {border: 1px solid #fff;} .EX21_3 {width: 879px; height: 100%; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN21_4 {position: absolute; left:923px; top:203px; width:880px; height:374px; z-index: 3; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC21_4 {padding: 16px 16px 0 16px; } .IM21_4 {border: 1px solid #fff;} .FL21_4 {border: 1px solid #fff;} .SMA21_4 {border: 1px solid #fff;} .V21_4 {border: 1px solid #fff;} .EX21_4 {width: 879px; height: 100%; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN21_5 {position: absolute; left:-848px; top:480px; width:880px; height:374px; z-index: 3; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC21_5 {padding: 16px 16px 0 16px; } .IM21_5 {border: 1px solid #fff;} .FL21_5 {border: 1px solid #fff;} .SMA21_5 {border: 1px solid #fff;} .V21_5 {border: 1px solid #fff;} .EX21_5 {width: 879px; height: 100%; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN21_6 {position: absolute; left:923px; top:203px; width:880px; height:374px; z-index: 3; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC21_6 {padding: 16px 16px 0 16px; } .IM21_6 {border: 1px solid #fff;} .FL21_6 {border: 1px solid #fff;} .SMA21_6 {border: 1px solid #fff;} .V21_6 {border: 1px solid #fff;} .EX21_6 {width: 879px; height: 100%; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN21_7 {position: absolute; left:0px; top:0px; width:1010px; height:106px; z-index: 10; overflow-y:hidden; overflow-x:hidden;} #MAIN21_8 {position: absolute; left:0px; top:203px; width:63px; height:374px; z-index: 10; overflow-y:hidden; overflow-x:hidden;} #MAIN21_9 {position: absolute; left:945px; top:203px; width:65px; height:374px; z-index: 10; overflow-y:hidden; overflow-x:hidden;} #MAIN22_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB22_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text22_1 {color: #000000; color: var(--instructionTextColor);} #MAIN22_2 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC22_2 {padding: 16px 16px 0 16px; } .TB22_2{ padding:16px 16px 0 16px; box-sizing:border-box;} .IM22_2 {border: 1px solid #fff;} .FL22_2 {border: 1px solid #fff;} .SMA22_2 {border: 1px solid #fff;} .V22_2 {border: 1px solid #fff;} .EX22_2 {width: 879px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN22_3 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 3; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC22_3 {padding: 16px 16px 0 16px; } .TB22_3{ width: 879px; height:373px;} .IM22_3 {border: 1px solid #fff;} .FL22_3 {border: 1px solid #fff;} .SMA22_3 {border: 1px solid #fff;} .V22_3 {border: 1px solid #fff;} .EX22_3 {width: 879px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN22_4 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 3; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC22_4 {padding: 16px 16px 0 16px; } .TB22_4{ width: 879px; height:373px; padding:16px 16px 0 16px; box-sizing:border-box;} .IM22_4 {border: 1px solid #fff;} .FL22_4 {border: 1px solid #fff;} .SMA22_4 {border: 1px solid #fff;} .V22_4 {border: 1px solid #fff;} .EX22_4 {width: 879px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN23_1 {position: absolute; left:72px; top:16px; width:880px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC23_1 {padding: 16px 16px 0 16px; } .TB23_1{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM23_1 {border: 1px solid #fff;} .FL23_1 {border: 1px solid #fff;} .SMA23_1 {border: 1px solid #fff;} .V23_1 {border: 1px solid #fff;} .EX23_1 {background-color: rgba(255, 255, 255, 0.8); right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN24_1 {position: absolute; left:72px; top:114px; width:540px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box; } .HLC24_1 {padding: 16px 16px 0 16px; } .TB24_1{ background: transparent; max-width:537px; max-height:462px; min-height:80px; padding:16px 16px 0 16px; box-sizing:border-box; text-align:right; }.text24_1 {} .IM24_1 {border: 1px solid #fff;} .FL24_1 {border: 1px solid #fff;} .SMA24_1 {border: 1px solid #fff;} .V24_1 {border: 1px solid #fff;} .EX24_1 {background-color: rgba(255, 255, 255, 0.8); width:537px; height: 100%; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN24_2 {position: absolute; right:72px; top:114px; width:336px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC24_2 {padding: 16px 16px 0 16px; } .TB24_2{ background-color: rgba(255, 255, 255, 0.8); width:336px; max-height:464px; min-height:0px; padding:16px 16px 0 16px; box-sizing:border-box; } .TB24_2:first-child { padding:16px 16px 0 16px; } .IM24_2 {border: 1px solid #fff;} .FL24_2 {border: 1px solid #fff;} .SMA24_2 {border: 1px solid #fff;} .V24_2 {border: 1px solid #fff;} .EX24_2 { background-color: rgba(255, 255, 255, 0.8); width:336px; height: 100%; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } .EX24_2:first-child { padding:16px 16px 0 16px; } .HL25{ font-size: 22px; font-weight:normal; color:#373737; } #MAIN25_1 {width:864px; min-height:0px; max-height:522px; z-index: 10; overflow-y:auto; overflow-x:hidden; } .HLC25_1 {font-size: 16px; font-weight:normal; color:#373737;} .TB25_1{ position:absolute; min-width:0px; max-width: 380px; min-height:0px; max-height: 480px; top:117px; left:450px; color:#fff; }.text25_1 {color:#fff;} /*#MAIN25*/ #MAIN25_1 div.TB + div.hstyp22 { top: auto; bottom: 40px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); display: none; padding:0px 18px; margin:1px; text-align: center; left: calc(50% + 20px); margin-left: -50px; } #MAIN25_1 div.TB + div.hstyp22:hover { background: rgba(255, 11, 55, 1); background: var(--secondaryColor); } #MAIN26_1 {position: absolute; top:0px; left:0px; z-index:1; background: rgba(255, 255, 255, 0); /*BG Image Page*/ background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } #MAIN26_2 {position: absolute; top:40px; right:20px; width:448px; overflow:auto; height:460px; z-index:2;} .TB26_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} #MAIN26_3 {position: absolute; top:40px; left:20px; width:528px; overflow:auto; height:460px; z-index:2; background: rgba(255, 255, 255, 1);} .TB26_3{ float:right; background-color: rgba(255, 255, 255, 0); /*width:706px;*/ max-height:373px; min-height:10px; padding:16px 16px 0 16px; box-sizing:border-box; } .IM26_3 {border: 1px solid #fff;} .FL26_3 {border: 1px solid #fff;} .SMA26_3 {border: 1px solid #fff;} .V26_3 {border: 1px solid #fff;} #MAIN27_1 {position: absolute; left:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC27_1 {padding: 16px 16px 0 16px; } .TB27_1{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM27_1 {border: 1px solid #fff;} .FL27_1 {border: 1px solid #fff;} .SMA27_1 {border: 1px solid #fff;} .V27_1 {border: 1px solid #fff;} .EX27_1 {background-color: rgba(255, 255, 255, 0.8); width: 159px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN27_2 {position: absolute; right:72px; top:114px; width:708px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC27_2 {padding: 16px 16px 0 16px; } .TB27_2{ float:right; background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM27_2 {border: 1px solid #fff;} .FL27_2 {border: 1px solid #fff;} .SMA27_2 {border: 1px solid #fff;} .V27_2 {border: 1px solid #fff;} .EX27_2 {background-color: rgba(255, 255, 255, 0.8); width:706px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN28_1 {position: absolute; left:72px; top:114px; width:708px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC28_1 {padding: 16px 16px 0 16px; } .TB28_1{ float:right; background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM28_1 {border: 1px solid #fff;} .FL28_1 {border: 1px solid #fff;} .SMA28_1 {border: 1px solid #fff;} .V28_1 {border: 1px solid #fff;} .EX28_1 {background-color: rgba(255, 255, 255, 0.8); width:706px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN28_2 {position: absolute; right:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC28_2 {padding: 16px 16px 0 16px; } .TB28_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM28_2 {border: 1px solid #fff;} .FL28_2 {border: 1px solid #fff;} .SMA28_2 {border: 1px solid #fff;} .V28_2 {border: 1px solid #fff;} .EX28_2 {background-color: rgba(255, 255, 255, 0.8); width: 159px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN29_1 {position: absolute; left:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC29_1 {padding: 16px 16px 0 16px; } .TB29_1{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box; } .IM29_1 {border: 1px solid #fff;} .FL29_1 {border: 1px solid #fff;} .SMA29_1 {border: 1px solid #fff;} .V29_1 {border: 1px solid #fff;} .EX29_1 {background-color: rgba(255, 255, 255, 0.8); width: 159px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN29_2 {position: absolute; left:245px; top:114px; width:534px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC29_2 {padding: 16px 16px 0 16px; } .TB29_2{ float:right; background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM29_2 {border: 1px solid #fff;} .FL29_2 {border: 1px solid #fff;} .SMA29_2 {border: 1px solid #fff;} .V29_2 {border: 1px solid #fff;} .EX29_2 {background-color: rgba(255, 255, 255, 0.8); width:531px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN29_3 {position: absolute; right:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC29_3 {padding: 16px 16px 0 16px; } .TB29_3{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM29_3 {border: 1px solid #fff;} .FL29_3 {border: 1px solid #fff;} .SMA29_3 {border: 1px solid #fff;} .V29_3 {border: 1px solid #fff;} .EX29_3 {background-color: rgba(255, 255, 255, 0.8); width: 159px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN30_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB30_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text30_1 {color: #000000; color: var(--instructionTextColor);} #MAIN30_2 {position: absolute; left:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC30_2 {padding: 16px 16px 0 16px; } .TB30_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM30_2 {border: 1px solid #fff;} .FL30_2 {border: 1px solid #fff;} .SMA30_2 {border: 1px solid #fff;} .V30_2 {border: 1px solid #fff;} .EX30_2 {background-color: rgba(255, 255, 255, 0.8); width: 159px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN30_3 {position: absolute; left:245px; top:203px; width:534px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC30_3 {padding: 16px 16px 0 16px; } .TB30_3{ float:right; background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM30_3 {border: 1px solid #fff;} .FL30_3 {border: 1px solid #fff;} .SMA30_3 {border: 1px solid #fff;} .V30_3 {border: 1px solid #fff;} .EX30_3 {background-color: rgba(255, 255, 255, 0.8); width:531px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN30_4 {position: absolute; right:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC30_4 {padding: 16px 16px 0 16px; } .TB30_4{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM30_4 {border: 1px solid #fff;} .FL30_4 {border: 1px solid #fff;} .SMA30_4 {border: 1px solid #fff;} .V30_4 {border: 1px solid #fff;} .EX30_4 {background-color: rgba(255, 255, 255, 0.8); width: 159px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } /*#MAIN30*/ #MAIN31_1 {position: absolute; left:0px; top:97px; width:1024px; height:524px; background: rgba(255, 255, 255, 0); /*BG Image Page*/ background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } #MAIN31_2 {position: relative; top: 97px; padding: 0 0 0 113px; min-height: 0; max-height: 575px; min-width: 100%; overflow: auto; z-index: 2; box-sizing:border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .TB31_2{ } .HLT31_2{ font-size: 26px; font-weight: 300; color: #fff; margin: var(--line-height) 0 9.25px 0;} #MAIN32_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB32_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text32_1 {color: #000000; color: var(--instructionTextColor);} #MAIN32_2 {position: absolute; left:72px; top:203px; width:540px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); border: 1px solid #fff; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC32_2 {padding: 16px 16px 0 16px; } .TB32_2{ float:right; background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box; } .IM32_2 {border: 1px solid #fff;} .FL32_2 {border: 1px solid #fff;} .SMA32_2 {border: 1px solid #fff;} .V32_2 {border: 1px solid #fff;} .EX32_2 {background-color: rgba(255, 255, 255, 0.8); width: 537px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN32_3 {position: absolute; right:72px; top:203px; width:336px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC32_3 {padding: 16px 16px 0 16px; } .TB32_3{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM32_3 {border: 1px solid #fff;} .FL32_3 {border: 1px solid #fff;} .SMA32_3 {border: 1px solid #fff;} .V32_3 {border: 1px solid #fff;} .EX32_3 {background-color: rgba(255, 255, 255, 0.8); width: 334px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN33_1 {position: absolute; left:72px; top:114px; width:540px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); border: 1px solid #fff; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box; } .HLC33_1 {padding: 16px 16px 0 16px; } .TB33_1{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box; } .IM33_1 {border: 1px solid #fff;} .FL33_1 {border: 1px solid #fff;} .SMA33_1 {border: 1px solid #fff;} .V33_1 {border: 1px solid #fff;} .EX33_1 {background-color: rgba(255, 255, 255, 0.8); width:537px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN33_2 {position: absolute; right:72px; top:114px; width:336px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC33_2 {padding: 16px 16px 0 16px; } .TB33_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM33_2 {border: 1px solid #fff;} .FL33_2 {border: 1px solid #fff;} .SMA33_2 {border: 1px solid #fff;} .V33_2 {border: 1px solid #fff;} .EX33_2 {background-color: rgba(255, 255, 255, 0.8); width:336px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN34_1 {position: absolute; left:0px; top:97px; width:1024px; height:524px; background: rgba(255, 255, 255, 0); /*BG Image Page*/ background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } #MAIN34_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB34_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text34_2 {color: #000000; color: var(--instructionTextColor);} #MAIN34_3 {position: absolute; left:72px; top:203px; width:276px; height:238px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .TB34_3{ background-color: rgba(255, 255, 255, 0.8); width: 273px; height:234px; padding:16px 16px 0 16px; box-sizing:border-box;} .IM34_3 {border: 1px solid #fff;} .FL34_3 {border: 1px solid #fff;} .SMA34_3 {border: 1px solid #fff;} .V34_3 {border: 1px solid #fff;} .EX34_3 {background-color: rgba(255, 255, 255, 0.8); width: 273px; right: 10px; padding:0px 16px 0 16px; box-sizing:border-box;} #MAIN34_4 {position: absolute; right:72px; top:203px; width:597px; height:412px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .TB34_4{ background-color: rgba(255, 255, 255, 0.8); /*width: 313px;height:408px;*/ padding:16px 16px 0 16px; box-sizing:border-box;} .IM34_4 {border: 1px solid #fff;} .FL34_4 {border: 1px solid #fff;} .SMA34_4 {border: 1px solid #fff;} .V34_4 {border: 1px solid #fff;} .EX34_4 {background-color: rgba(255, 255, 255, 0.8); width: 594px; right: 10px; padding:0px 16px 0 16px; box-sizing:border-box; } #MAIN34_5 {position: absolute; left:72px; top:448px; width:278px; height:168px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .TB34_5{ background-color: rgba(255, 255, 255, 0.8); width: 275px; height:166px; padding:16px 16px 0 16px; box-sizing:border-box;} .EX34_5 {background-color: rgba(255, 255, 255, 0.8); width:275px; right: 10px; padding:0px 16px 0 16px; box-sizing:border-box;} #MAIN35_1 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB35_1{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text35_1 {color: #000000; color: var(--instructionTextColor);} #MAIN35_2 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 1); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box; } .HLC35_2 {padding: 16px 16px 0 16px; } .TB35_2{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM35_2 {border: 1px solid #fff;} .FL35_2 {border: 1px solid #fff;} .SMA35_2 {border: 1px solid #fff;} .V35_2 {border: 1px solid #fff;} .EX35_2 {background: rgba(255, 255, 255, 0.0); width: 879px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN35_3 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 3; overflow-y:hidden; overflow-x:hidden;} .HLC35_3 {padding: 16px 16px 0 16px; } .TB35_3{ background-color: rgba(255, 255, 255, 0.8);} .IM35_3 {border: 1px solid #fff;} .FL35_3 {border: 1px solid #fff;} .SMA35_3 {border: 1px solid #fff;} .V35_3 {border: 1px solid #fff;} .EX35_3 {background: rgba(255, 255, 255, 0.0); width: 879px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box;} #MAIN35_4 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 3; overflow-y:hidden; overflow-x:hidden;} .HLC35_4 {padding: 16px 16px 0 16px; } .TB35_4{ background-color: rgba(255, 255, 255, 0.8); padding:16px 16px 0 16px; box-sizing:border-box;} .IM35_4 {border: 1px solid #fff;} .FL35_4 {border: 1px solid #fff;} .SMA35_4 {border: 1px solid #fff;} .V35_4 {border: 1px solid #fff;} .EX35_4 {background: rgba(255, 255, 255, 0.0); width: 879px; right: 10px; padding:16px 16px 0 16px; line-height: 100%; box-sizing:border-box; } #MAIN36_1 {} #MAIN37_1 {}/*#MAIN37*/ #MAIN38_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 1; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%);} .TB38_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN38_2 {position: absolute; left:72px; top:114px; width:880px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC38_2 {padding: 16px 16px 0 16px; } .TB38_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM38_2 {margin: 1px;} .FL38_2 {margin: 1px;} .SMA38_2 {margin: 1px;} .V38_2 {margin: 1px;} #MAIN39_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px;; overflow-y:hidden; overflow-x:hidden; z-index: 1; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB39_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN39_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB39_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text39_2 {color: #000000; color: var(--instructionTextColor);} #MAIN39_3 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box; } .HLC39_3 {padding: 16px 16px 0 16px; } .TB39_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM39_3 {margin: 1px;} .FL39_3 {margin: 1px;} .SMA39_3 {margin: 1px;} .V39_3 {margin: 1px;} #MAIN39_4 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 3; overflow-y:hidden; overflow-x:hidden;} .HLC39_4 {padding: 16px 16px 0 16px; } .TB39_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px;} .IM39_4 {margin: 1px;} .FL39_4 {margin: 1px;} .SMA39_4 {margin: 1px;} .V39_4 {margin: 1px;} #MAIN39_5 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 3; overflow-y:hidden; overflow-x:hidden;} .HLC39_5 {padding: 16px 16px 0 16px; } .TB39_5{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM39_5 {margin: 1px;} .FL39_5 {margin: 1px;} .SMA39_5 {margin: 1px;} .V39_5 {margin: 1px;} #MAIN40_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB40_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN40_2 {position: absolute; left:72px; top:114px; width:336px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC40_2 {padding: 16px 16px 0 16px; } .TB40_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM40_2 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL40_2 {margin: 1px;} .SMA40_2 {margin: 1px;} .V40_2 {margin: 1px;} #MAIN40_3 {position: absolute; right:72px; top:114px; width:540px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:auto; overflow-x:hidden; box-sizing:border-box;} .HLC40_3 {padding: 16px 16px 0 16px; } .TB40_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM40_3 {margin: 1px;} .FL40_3 {margin: 1px;} .SMA40_3 {margin: 1px;} .V40_3 {margin: 1px;} /*#MAIN40*/ #MAIN41_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB41_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN41_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB41_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text41_2 {color: #000000; color: var(--instructionTextColor);} #MAIN41_3 {position: absolute; left:72px; top:203px; width:336px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC41_3 {padding: 16px 16px 0 16px; } .TB41_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM41_3 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL41_3 {margin: 1px;} .SMA41_3 {margin: 1px;} .V41_3 {margin: 1px;} #MAIN41_4 {position: absolute; right:72px; top:203px; width:540px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC41_4 {padding: 16px 16px 0 16px;} .TB41_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM41_4 {margin: 1px;} .FL41_4 {margin: 1px;} .SMA41_4 {margin: 1px;} .V41_4 {margin: 1px;} #MAIN42_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB42_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN42_2 {position: absolute; left:72px; top:114px; width:540px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC42_2 {padding: 16px 16px 0 16px; } .TB42_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM42_2 {margin: 1px;} .FL42_2 {margin: 1px;} .SMA42_2 {margin: 1px;} .V42_2 {margin: 1px;} #MAIN42_3 {position: absolute; right:72px; top:114px; width:336px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC42_3 {padding: 16px 16px 0 16px; } .TB42_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM42_3 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL42_3 {margin: 1px;} .SMA42_3 {margin: 1px;} .V42_3 {margin: 1px;} #MAIN43_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB43_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN43_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB43_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text43_2 {color: #000000; color: var(--instructionTextColor);} #MAIN43_3 {position: absolute; left:72px; top:203px; width:540px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC43_3 {padding: 16px 16px 0 16px; } .TB43_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM43_3 {margin: 1px;} .FL43_3 {margin: 1px;} .SMA43_3 {margin: 1px;} .V43_3 {margin: 1px;} #MAIN43_4 {position: absolute; right:72px; top:203px; width:336px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC43_4 {padding: 16px 16px 0 16px; } .TB43_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM43_4 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL43_4 {margin: 1px;} .SMA43_4 {margin: 1px;} .V43_4 {margin: 1px;} #MAIN44_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB44_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN44_2 {position: absolute; left:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC44_2 {padding: 16px 16px 0 16px; } .TB44_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM44_2 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL44_2 {margin: 1px;} .SMA44_2 {margin: 1px;} .V44_2 {margin: 1px;} #MAIN44_3 {position: absolute; right:72px; top:114px; width:708px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC44_3 {padding: 16px 16px 0 16px; } .TB44_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM44_3 {margin: 1px;} .FL44_3 {margin: 1px;} .SMA44_3 {margin: 1px;} .V44_3 {margin: 1px;} #MAIN45_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB45_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN45_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB45_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text45_2 {color: #000000; color: var(--instructionTextColor);} #MAIN45_3 {position: absolute; left:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC45_3 {padding: 16px 16px 0 16px; } .TB45_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM45_3 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL45_3 {margin: 1px;} .SMA45_3 {margin: 1px;} .V45_3 {margin: 1px;} #MAIN45_4 {position: absolute; right:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC45_4 {padding: 16px 16px 0 16px; } .TB45_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM45_4 {margin: 1px;} .FL45_4 {margin: 1px;} .SMA45_4 {margin: 1px;} .V45_4 {margin: 1px;} #MAIN45_5 {position: absolute; right:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC45_5 {padding: 16px 16px 0 16px; } .TB45_5{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM45_5 {margin: 1px;} .FL45_5 {margin: 1px;} .SMA45_5 {margin: 1px;} .V45_5 {margin: 1px;} #MAIN46_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB46_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN46_2 {position: absolute; left:72px; top:114px; width:708px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC46_2 {padding: 16px 16px 0 16px; } .TB46_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM46_2 {margin: 1px;} .FL46_2 {margin: 1px;} .SMA46_2 {margin: 1px;} .V46_2 {margin: 1px;} #MAIN46_3 {position: absolute; right:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC46_3 {padding: 16px 16px 0 16px; } .TB46_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM46_3 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL46_3 {margin: 1px;} .SMA46_3 {margin: 1px;} .V46_3 {margin: 1px;} #MAIN47_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB47_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN47_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB47_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text47_2 {color: #000000; color: var(--instructionTextColor);} #MAIN47_3 {position: absolute; left:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC47_3 {padding: 16px 16px 0 16px; } .TB47_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM47_3 {margin: 1px;} .FL47_3 {margin: 1px;} .SMA47_3 {margin: 1px;} .V47_3 {margin: 1px;} #MAIN47_4 {position: absolute; right:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC47_4 {padding: 16px 16px 0 16px; } .TB47_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM47_4 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL47_4 {margin: 1px;} .SMA47_4 {margin: 1px;} .V47_4 {margin: 1px;} #MAIN47_5 {position: absolute; left:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC47_5 {padding: 16px 16px 0 16px; } .TB47_5{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM47_5 {border: 1px solid #fff;} .FL47_5 {border: 1px solid #fff;} .SMA47_5 {border: 1px solid #fff;} .V47_5 {border: 1px solid #fff;} #MAIN48_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB48_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); box-sizing:border-box;} #MAIN48_2 {position: absolute; left:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC48_2 {padding: 16px 16px 0 16px; } .TB48_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM48_2 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL48_2 {margin: 1px;} .SMA48_2 {margin: 1px;} .V48_2 {margin: 1px;} #MAIN48_3 {position: absolute; left:245px; top:114px; width:534px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC48_3 {padding: 16px 16px 0 16px; } .TB48_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM48_3 {margin: 1px;} .FL48_3 {margin: 1px;} .SMA48_3 {margin: 1px;} .V48_3 {margin: 1px;} #MAIN48_4 {position: absolute; right:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC48_4 {padding: 16px 16px 0 16px; } .TB48_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM48_4 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL48_4 {margin: 1px;} .SMA48_4 {margin: 1px;} .V48_4 {margin: 1px;} #MAIN49_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB49_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN49_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB49_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text49_2 {color: #000000; color: var(--instructionTextColor);} #MAIN49_3 {position: absolute; left:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC49_3 {padding: 16px 16px 0 16px; } .TB49_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM49_3 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL49_3 {margin: 1px;} .SMA49_3 {margin: 1px;} .V49_3 {margin: 1px;} #MAIN49_4 {position: absolute; left:245px; top:203px; width:534px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC49_4 {padding: 16px 16px 0 16px; } .TB49_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM49_4 {border: 1px solid #fff;} .FL49_4 {border: 1px solid #fff;} .SMA49_4 {border: 1px solid #fff;} .V49_4 {border: 1px solid #fff;} #MAIN49_5 {position: absolute; right:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC49_5 {padding: 16px 16px 0 16px; } .TB49_5{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM49_5 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL49_5 {margin: 1px;} .SMA49_5 {margin: 1px;} .V49_5 {margin: 1px;} #MAIN50_1 {}/*#MAIN50*/ #MAIN51_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } #MAIN51_2 {position: absolute; left: 51px; top: 365px; width: 681px; height: 307px; overflow-y:hidden; overflow-x:hidden; z-index: 3;} .TB51_2{ } .HLT51_2{ font-family: var(--brandFont); color: #fff; font-size: 58px; line-height: 62px; font-weight: 400; font-style: var(--brandFont-style); padding: 8px 0 0 0;} .text51_2 {color: #fff;} #MAIN51_3 {position: absolute; left:80px; top:80px; width:864px; height:522px; overflow-y:hidden; overflow-x:hidden; } .TB51_3{ } .HLT51_3{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-size: 20px; margin-bottom: 4px;} /*#MAIN51*/ #MAIN51_3 iframe { margin:0px; z-index: 999; } .TB51_2 .ICON.sprite { display: inline-block !important; } #MAIN51_2 .hstyp22 { position: absolute; margin-top: 15px; } #MAIN52_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB52_1{ } .HLT52_1{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-size: 20px; margin-bottom: 4px;} #MAIN52_2 {}#Ex_1_c, #Ex_2_c, #Ex_3_c, #Ex_4_c, #Ex_5_c, #Ex_6_c, #Ex_7_c, #Ex_8_c, #Ex_9_c { background: #2cb24b; background: linear-gradient(to bottom, #2cb24b 0%,#2cb24b 100%); } .TB52_3 .sprite, .sprite img[src$='.png'] { -ms-interpolation-mode: nearest-neighbor !important; } .TB52_3 .sprite { position: absolute; margin-top:-1px; left: 0;} #MAIN52_1 img[src$=".png"] { width:1424px; height: 1072px; } #MAIN53_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB53_1{ } .HLT53_1{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-size: 20px; margin-bottom: 4px;} #MAIN53_2 {position: absolute; padding-left: 80px; padding-top: 0px; padding-right: 0px; left:72px; top:114px; width:880px; height: 497px; z-index: 2; background-color: rgba(255, 255, 255, 1); border-top: 50px solid rgba(255, 255, 255, 1); border-left: 20px solid rgba(255, 255, 255, 1); border-right: 100px solid rgba(255, 255, 255, 1); overflow-y:auto; overflow-x:hidden; box-sizing:border-box;} .HLC53_2 {font-size:18px; font-weight:normal; color:rgba(69, 21, 68, 1);color: var(--primaryColor); margin-bottom:18px; line-height: 18px; padding: 0px 16px 0 0;} .TB53_2{ max-height: 90%;} .HLT53_2{ font-size:16px; font-weight:bold; color: #373737; margin-bottom:18px; line-height: 18px;} #MAIN54_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 1; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB54_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN54_2 {position: absolute; left:72px; top:114px; width:880px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC54_2 {padding: 16px 16px 0 16px; } .TB54_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM54_2 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL54_2 {margin: 1px;} .SMA54_2 {margin: 1px;} .V54_2 {margin: 1px;} /*#MAIN54*/ #MAIN55_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 1; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB55_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN55_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB55_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text55_2 {color: #000000; color: var(--instructionTextColor);} #MAIN55_3 {position: absolute; left:72px; top:205px; width:880px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC55_3 {padding: 16px 16px 0 16px; } .TB55_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM55_3 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL55_3 {margin: 1px;} .SMA55_3 {margin: 1px;} .V55_3 {margin: 1px;} #MAIN55_4 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 3; overflow-y:hidden; overflow-x:hidden;} .HLC55_4 {padding: 16px 16px 0 16px; } .TB55_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px;} .IM55_4 {margin: 1px;} .FL55_4 {margin: 1px;} .SMA55_4 {margin: 1px;} .V55_4 {margin: 1px;} #MAIN55_5 {position: absolute; left:72px; top:203px; width:880px; height:376px; z-index: 3; overflow-y:hidden; overflow-x:hidden;} .HLC55_5 {padding: 16px 16px 0 16px; } .TB55_5{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM55_5 {margin: 1px;} .FL55_5 {margin: 1px;} .SMA55_5 {margin: 1px;} .V55_5 {margin: 1px;} #MAIN56_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB56_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN56_2 {position: absolute; left:72px; top:114px; width:336px; height:464px; z-index: 2; background: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC56_2 {padding: 16px 16px 0 16px; } .TB56_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM56_2 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL56_2 {margin: 1px;} .SMA56_2 {margin: 1px;} .V56_2 {margin: 1px;} #MAIN56_3 {position: absolute; right:72px; top:114px; width:540px; height:464px; z-index: 2; background: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC56_3 {padding: 16px 16px 0 16px; } .TB56_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM56_3 {margin: 1px;} .FL56_3 {margin: 1px;} .SMA56_3 {margin: 1px;} .V56_3 {margin: 1px;} #MAIN57_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB57_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN57_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB57_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text57_2 {color: #000000; color: var(--instructionTextColor);} #MAIN57_3 {position: absolute; left:72px; top:203px; width:336px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC57_3 {padding: 16px 16px 0 16px; } .TB57_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM57_3 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL57_3 {margin: 1px;} .SMA57_3 {margin: 1px;} .V57_3 {margin: 1px;} #MAIN57_4 {position: absolute; right:72px; top:203px; width:540px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC57_4 {padding: 16px 16px 0 16px;} .TB57_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM57_4 {margin: 1px;} .FL57_4 {margin: 1px;} .SMA57_4 {margin: 1px;} .V57_4 {margin: 1px;} #MAIN58_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB58_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN58_2 {position: absolute; left:72px; top:114px; width:540px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC58_2 {padding: 16px 16px 0 16px; } .TB58_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM58_2 {margin: 1px;} .FL58_2 {margin: 1px;} .SMA58_2 {margin: 1px;} .V58_2 {margin: 1px;} #MAIN58_3 {position: absolute; right:72px; top:114px; width:336px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC58_3 {padding: 16px 16px 0 16px; } .TB58_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM58_3 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL58_3 {margin: 1px;} .SMA58_3 {margin: 1px;} .V58_3 {margin: 1px;} #MAIN59_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB59_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN59_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB59_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text59_2 {color: #000000; color: var(--instructionTextColor);} #MAIN59_3 {position: absolute; left:72px; top:203px; width:540px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC59_3 {padding: 16px 16px 0 16px; } .TB59_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM59_3 {margin: 1px;} .FL59_3 {margin: 1px;} .SMA59_3 {margin: 1px;} .V59_3 {margin: 1px;} #MAIN59_4 {position: absolute; right:72px; top:203px; width:336px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC59_4 {padding: 16px 16px 0 16px; } .TB59_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM59_4 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL59_4 {margin: 1px;} .SMA59_4 {margin: 1px;} .V59_4 {margin: 1px;} #MAIN60_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB60_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN60_2 {position: absolute; left:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC60_2 {padding: 16px 16px 0 16px; } .TB60_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM60_2 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL60_2 {margin: 1px;} .SMA60_2 {margin: 1px;} .V60_2 {margin: 1px;} #MAIN60_3 {position: absolute; right:72px; top:114px; width:708px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC60_3 {padding: 16px 16px 0 16px; } .TB60_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM60_3 {margin: 1px;} .FL60_3 {margin: 1px;} .SMA60_3 {margin: 1px;} .V60_3 {margin: 1px;} /*#MAIN60*/ #MAIN61_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB61_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN61_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB61_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text61_2 {color: #000000; color: var(--instructionTextColor);} #MAIN61_3 {position: absolute; left:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC61_3 {padding: 16px 16px 0 16px; } .TB61_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM61_3 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL61_3 {margin: 1px;} .SMA61_3 {margin: 1px;} .V61_3 {margin: 1px;} #MAIN61_4 {position: absolute; right:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC61_4 {padding: 16px 16px 0 16px; } .TB61_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM61_4 {margin: 1px;} .FL61_4 {margin: 1px;} .SMA61_4 {margin: 1px;} .V61_4 {margin: 1px;} #MAIN61_5 {position: absolute; right:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC61_5 {padding: 16px 16px 0 16px; } .TB61_5{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM61_5 {margin: 1px;} .FL61_5 {margin: 1px;} .SMA61_5 {margin: 1px;} .V61_5 {margin: 1px;} #MAIN62_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB62_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN62_2 {position: absolute; left:72px; top:114px; width:708px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC62_2 {padding: 16px 16px 0 16px; } .TB62_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM62_2 {margin: 1px;} .FL62_2 {margin: 1px;} .SMA62_2 {margin: 1px;} .V62_2 {margin: 1px;} #MAIN62_3 {position: absolute; right:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC62_3 {padding: 16px 16px 0 16px; } .TB62_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM62_3 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL62_3 {margin: 1px;} .SMA62_3 {margin: 1px;} .V62_3 {margin: 1px;} #MAIN63_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB63_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN63_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB63_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text63_2 {color: #000000; color: var(--instructionTextColor);} #MAIN63_3 {position: absolute; left:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC63_3 {padding: 16px 16px 0 16px; } .TB63_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM63_3 {margin: 1px;} .FL63_3 {margin: 1px;} .SMA63_3 {margin: 1px;} .V63_3 {margin: 1px;} #MAIN63_4 {position: absolute; right:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC63_4 {padding: 16px 16px 0 16px; } .TB63_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM63_4 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL63_4 {margin: 1px;} .SMA63_4 {margin: 1px;} .V63_4 {margin: 1px;} #MAIN63_5 {position: absolute; left:72px; top:203px; width:708px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC63_5 {padding: 16px 16px 0 16px; } .TB63_5{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM63_5 {border: 1px solid #fff;} .FL63_5 {border: 1px solid #fff;} .SMA63_5 {border: 1px solid #fff;} .V63_5 {border: 1px solid #fff;} #MAIN64_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB64_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN64_2 {position: absolute; left:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC64_2 {padding: 16px 16px 0 16px; } .TB64_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM64_2 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL64_2 {margin: 1px;} .SMA64_2 {margin: 1px;} .V64_2 {margin: 1px;} #MAIN64_3 {position: absolute; left:245px; top:114px; width:534px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC64_3 {padding: 16px 16px 0 16px; } .TB64_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM64_3 {margin: 1px;} .FL64_3 {margin: 1px;} .SMA64_3 {margin: 1px;} .V64_3 {margin: 1px;} #MAIN64_4 {position: absolute; right:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC64_4 {padding: 16px 16px 0 16px; } .TB64_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM64_4 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL64_4 {margin: 1px;} .SMA64_4 {margin: 1px;} .V64_4 {margin: 1px;} #MAIN65_1 {position: absolute; left:0px; top:0px; width:1024px; height:672px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB65_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} #MAIN65_2 {position: absolute; left:72px; top:114px; min-width:0px; max-width:880px; min-height:0px; max-height:90px; margin: 0; padding: 0; overflow-y:hidden; overflow-x:hidden; z-index: 2;} .TB65_2{ padding: 13px 16px 13px 16px; width: auto; background-color: rgba(237, 237, 237, 0.92);background-color: var(--instructionText-BG); border: 1px solid white;border: var(--instructionText-Border);}.text65_2 {color: #000000; color: var(--instructionTextColor);} #MAIN65_3 {position: absolute; left:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC65_3 {padding: 16px 16px 0 16px; } .TB65_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM65_3 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL65_3 {margin: 1px;} .SMA65_3 {margin: 1px;} .V65_3 {margin: 1px;} #MAIN65_4 {position: absolute; left:245px; top:203px; width:534px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC65_4 {padding: 16px 16px 0 16px; } .TB65_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM65_4 {border: 1px solid #fff;} .FL65_4 {border: 1px solid #fff;} .SMA65_4 {border: 1px solid #fff;} .V65_4 {border: 1px solid #fff;} #MAIN65_5 {position: absolute; right:72px; top:203px; width:162px; height:376px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC65_5 {padding: 16px 16px 0 16px; } .TB65_5{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM65_5 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL65_5 {margin: 1px;} .SMA65_5 {margin: 1px;} .V65_5 {margin: 1px;} #MAIN66_1 {} #MAIN67_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB67_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); box-sizing:border-box;} #MAIN67_2 {position: absolute; left:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC67_2 {padding: 16px 16px 0 16px; } .TB67_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM67_2 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL67_2 {margin: 1px;} .SMA67_2 {margin: 1px;} .V67_2 {margin: 1px;} #MAIN67_3 {position: absolute; display: table; left:245px; top:114px; width:534px; height:464px; z-index: 4; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.10); max-height: 438px; overflow-y: auto; overflow-x: visible; box-sizing:border-box;} .HLC67_3 {padding: 16px 16px 0 16px; } .TB67_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM67_3 {margin: 1px; } .FL67_3 {margin: 1px;} .SMA67_3 {margin: 1px;} .V67_3 {margin: 1px;} .EX67_3 {display: table-cell !important; vertical-align: middle; position: initial !important;} #MAIN67_4 {position: absolute; right:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC67_4 {padding: 16px 16px 0 16px; } .TB67_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM67_4 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL67_4 {margin: 1px;} .SMA67_4 {margin: 1px;} .V67_4 {margin: 1px;} /*#MAIN67*/ #MAIN67_3 .exis { position:absolute; top: 0; } #MAIN67_3 .EXSCWCE > .TB { padding: 0 62px; width: auto; text-align:center;} #MAIN67_3 .EXSCWCE > .TB sup { font-size:1rem;} #MAIN67_3 .EXSCWCE .ex { width: auto; } #MAIN67_3 .EXSCWCE .ex:first-child > .ct, #MAIN67_3 .EXSCWCE .ex:nth-child(2) > .ct {cursor: pointer;padding: 16px;margin-bottom: 2px; color: rgb(255, 255, 255); min-width: 50px;min-height: 50px;text-align: center;line-height: 50px; background-color:rgba(69, 21, 68, 1) !important;background-color: var(--primaryColor) !important; border: none; border-radius: 50px; box-shadow: 0 0 0 12px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-BIGshadow); outline:none; } #MAIN67_3 .EXSCWCE .ex.over > .ct { background-color: rgba(255, 11, 55, 1) !important; background-color: var(--secondaryColor) !important; } #MAIN67_3 .EXSCWCE .ex:nth-child(3) > .ct, #MAIN67_3 .EXSCWCE .ex.selWrong:nth-child(3) > .ct, #MAIN67_3 .EXSCWCE .ex.selCorrect:nth-child(3) > .ct { color:rgba(69, 21, 68, 1) !important; color: var(--primaryColor) !important; position:absolute; width: 97%; border:none; background-color:rgba(255,255,255,0) !important;text-align: center; bottom:20px; } #MAIN67_3 .EXSCWCE .ex:nth-child(3).over > .ct { background-color: rgba(255,255,255, 0) !important;} #MAIN67_3 .EXSCWCE .ex:nth-child(3) > .ct span { text-decoration: underline; } #MAIN67_3 .EXSCWCE .ex:nth-child(3).over > .ct span { color: rgba(255, 11, 55, 1) !important; color:var(--secondaryColor) !important; } #MAIN67_3 .EXSCWCE .ex .ct.image { left: 50%; top: 50%; margin: -25.5%; } #MAIN67_3 .EXSCWCE .ex > .fb { display: none !important; } #MAIN67_3 .SRESULT { top: 0; text-align: initial; max-height: 100%; overflow-y: auto; overflow-x: hidden; position: relative;} #MAIN67_3 .SRESULT ul li { padding: 5px; } #MAIN67_1 .IM { -webkit-animation: fadeIn 0s 1;-moz-animation:fadeIn 0s 1;-o-animation: fadeIn 0s 1;-ms-animation: fadeIn 0s 1;animation: fadeIn 0s 1;} #MAIN68_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB68_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); box-sizing:border-box;} #MAIN68_2 {position: absolute; left:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC68_2 {padding: 16px 16px 0 16px; } .TB68_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM68_2 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL68_2 {margin: 1px;} .SMA68_2 {margin: 1px;} .V68_2 {margin: 1px;} #MAIN68_3 {position: absolute; left:245px; top:114px; width:534px; min-height: 462px; z-index: 4; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.10); max-height: 490px; overflow-y: auto; box-sizing:border-box;} .HLC68_3 {padding: 16px 16px 0 16px; } .TB68_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; overflow: hidden; } .IM68_3 {margin: 1px; } .FL68_3 {margin: 1px;} .SMA68_3 {margin: 1px;} .V68_3 {margin: 1px;} #MAIN68_4 {position: absolute; right:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC68_4 {padding: 16px 16px 0 16px; } .TB68_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM68_4 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL68_4 {margin: 1px;} .SMA68_4 {margin: 1px;} .V68_4 {margin: 1px;} /*#MAIN68*/ #MAIN68_3 .exis { position:absolute; top: 0; } #MAIN68_3 .EXSCWCE > .TB { padding: 0 62px; width: auto;} #MAIN68_3 .EXSCWCE .ex { width: auto; } #MAIN68_3 .EXSCWCE .ex > .ct {cursor: pointer;padding: 16px;margin-bottom: 2px; color: rgb(255, 255, 255); min-width: 50px;min-height: 50px;text-align: center;line-height: 50px; background-color:rgba(69, 21, 68, 1) !important;background-color: var(--primaryColor) !important; border: none; border-radius: 50px; box-shadow: 0 0 0 12px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-BIGshadow); outline:none; } #MAIN68_3 .EXSCWCE .ex.over > .ct { background-color: rgba(255, 11, 55, 1) !important; background-color: var(--secondaryColor) !important; } #MAIN68_3 .EXSCWCE .ex .ct.image { left: 50%; top: 50%; margin: -25.5%; } #MAIN68_3 .EXSCWCE .ex > .fb { display: none !important; } #MAIN68_3 .SRESULT { top: 0; text-align: initial; max-height: 100%; overflow-y: auto; overflow-x: hidden; position: relative;} #MAIN68_3 .SRESULT ul li { padding: 5px; } #MAIN67_1 .IM { -webkit-animation: fadeIn 0s 1;-moz-animation:fadeIn 0s 1;-o-animation: fadeIn 0s 1;-ms-animation: fadeIn 0s 1;animation: fadeIn 0s 1;} #MAIN69_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB69_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); box-sizing:border-box;} #MAIN69_2 {position: absolute; left:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC69_2 {padding: 16px 16px 0 16px; } .TB69_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM69_2 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL69_2 {margin: 1px;} .SMA69_2 {margin: 1px;} .V69_2 {margin: 1px;} #MAIN69_3 {position: absolute; display: table; left:245px; top:114px; width:708px; height:464px; z-index: 4; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.10); max-height: 438px; overflow-y: auto; overflow-x: visible; box-sizing:border-box;} .HLC69_3 {padding: 16px 16px 0 16px; } .TB69_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM69_3 {margin: 1px; } .FL69_3 {margin: 1px;} .SMA69_3 {margin: 1px;} .V69_3 {margin: 1px;} .EX69_3 {display: table-cell !important; vertical-align: middle; position: initial !important;} /*#MAIN69*/ #MAIN69_3 .exis { position:absolute; top: 0; } #MAIN69_3 .EXSCWCE > .TB { padding: 0 62px; width: auto;} #MAIN69_3 .EXSCWCE .ex { width: auto; } #MAIN69_3 .EXSCWCE .ex > .ct {cursor: pointer;padding: 16px;margin-bottom: 2px; color: rgb(255, 255, 255); min-width: 50px;min-height: 50px;text-align: center;line-height: 50px; background-color:rgba(69, 21, 68, 1) !important;background-color: var(--primaryColor) !important; border: none; border-radius: 50px; box-shadow: 0 0 0 12px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-BIGshadow); outline:none; } #MAIN69_3 .EXSCWCE .ex.over > .ct { background-color: rgba(255, 11, 55, 1) !important; background-color: var(--secondaryColor) !important; } #MAIN69_3 .EXSCWCE .ex .ct.image { left: 50%; top: 50%; margin: -25.5%; } #MAIN69_3 .EXSCWCE .ex > .fb { display: none !important; } #MAIN69_3 .SRESULT { top: 0; text-align: initial; max-height: 100%; overflow-y: auto; overflow-x: hidden; position: relative;} #MAIN69_3 .SRESULT ul li { padding: 5px; } #MAIN68_1 .IM { -webkit-animation: fadeIn 0s 1;-moz-animation:fadeIn 0s 1;-o-animation: fadeIn 0s 1;-ms-animation: fadeIn 0s 1;animation: fadeIn 0s 1;} #MAIN70_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; background: rgba(255, 255, 255, 0); /*BG Image Page*/ background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); z-index:1;} #MAIN70_2 {position: relative; margin: auto; margin-top: 25%; min-height: 0; max-height: 442px; min-width: 10px; max-width: 100%; overflow: auto; z-index: 2; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: center; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #MAIN70_3 {position: relative; min-height: 0; min-width: 0; overflow: auto; z-index: 2; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: center; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; max-width: 395px; margin: 10px auto; text-align: center;} #MAIN70_4 {position: absolute; bottom: 0; left: 0; width: 100%; height:45px; overflow:hidden; text-align:center; z-index:2;} #MAIN70_5 {position: absolute; left:0px; top:0px; width:1024px; height:672px; background: rgba(255, 255, 255, 0.5); z-index:5;} .TB70_5{ position: relative !important; margin: 25% auto; min-width: 10px; max-width: 350px; padding: 32px; background: rgba(255, 255, 255, 1); } .HLT70_5{ font-size: 24px; line-height: 32px; font-weight: 300; color:rgba(69, 21, 68, 1);color: var(--primaryColor); border-bottom: 1px solid #ccc; padding-bottom: 16px; } .text70_5 {} /*#MAIN70*/ #MAIN70_3 .hstyp39:nth-child(2) { margin: 0; } #MAIN70_3 .hstyp39 { margin: 0 0 10px 0; } #MAIN70_2 .hstyp1:last-child { margin-right:0; } #MAIN71_1 {position: absolute; left:0px; top:97px; width:1024px; height:575px; overflow-y:hidden; overflow-x:hidden; z-index: 2; background: rgba(255, 255, 255, 0); background: linear-gradient(45deg, rgba(147, 169, 176, 1.0) 6%, rgba(147, 169, 176, .75) 73%); background: linear-gradient(45deg, var(--pageBackgroundGradient-START) 6%, var(--pageBackgroundGradient-END) 73%); } .TB71_1{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); box-sizing:border-box;} #MAIN71_2 {position: absolute; left:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC71_2 {padding: 16px 16px 0 16px; } .TB71_2{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM71_2 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL71_2 {margin: 1px;} .SMA71_2 {margin: 1px;} .V71_2 {margin: 1px;} #MAIN71_3 {position: absolute; display: table; left:245px; top:114px; width:534px; height:464px; z-index: 4; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.10); max-height: 438px; overflow-y: auto; overflow-x: visible; box-sizing:border-box;} .HLC71_3 {padding: 16px 16px 0 16px; } .TB71_3{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box; } .IM71_3 {margin: 1px; } .FL71_3 {margin: 1px;} .SMA71_3 {margin: 1px;} .V71_3 {margin: 1px;} .EX71_3 {display: table-cell !important; vertical-align: middle; position: initial !important;} #MAIN71_4 {position: absolute; right:72px; top:114px; width:162px; height:464px; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;} .HLC71_4 {padding: 16px 16px 0 16px; } .TB71_4{ background-color: rgba(255, 255, 255, 0.9);background-color: var(--contentText-BG); padding:16px 16px 16px 16px; box-sizing:border-box;} .IM71_4 {margin: 1px; background: rgba(255, 255, 255, 1); background: linear-gradient(180deg, rgba(255,255,255,.4) 6%, rgba(255,255,255,1) 100%);} .FL71_4 {margin: 1px;} .SMA71_4 {margin: 1px;} .V71_4 {margin: 1px;} /*#MAIN71*/ #MAIN71_3 .exis { position:absolute; top: 0; } #MAIN71_3 .EXSCWCE > .TB { padding: 0 62px; width: auto;} #MAIN71_3 .EXSCWCE .ex { width: auto; } #MAIN71_3 .EXSCWCE .ex > .ct {cursor: pointer;padding: 16px;margin-bottom: 2px; color: rgb(255, 255, 255); min-width: 50px;min-height: 50px;text-align: center;line-height: 50px; background-color:rgba(69, 21, 68, 1) !important;background-color: var(--primaryColor) !important; border: none; border-radius: 50px; box-shadow: 0 0 0 12px rgba(225,225,225, 0.35);box-shadow: var(--hotspotsContent-BIGshadow); outline:none; } #MAIN71_3 .EXSCWCE .ex.over > .ct { background-color: rgba(255, 11, 55, 1) !important; background-color: var(--secondaryColor) !important; } #MAIN71_3 .EXSCWCE .ex .ct.image { left: 50%; top: 50%; margin: -25.5%; } #MAIN71_3 .EXSCWCE .ex > .fb { display: none !important; } #MAIN71_3 .SRESULT { top: 0; text-align: initial; max-height: 100%; overflow-y: auto; overflow-x: hidden; position: relative;} #MAIN71_3 .SRESULT ul li { padding: 5px; } #MAIN71_1 .IM { -webkit-animation: fadeIn 0s 1;-moz-animation:fadeIn 0s 1;-o-animation: fadeIn 0s 1;-ms-animation: fadeIn 0s 1;animation: fadeIn 0s 1;} .ui-dialog { width: 650px !important; width: -webkit-fill-available; width: max-content !important; max-height: 100vh !important;} .ui-dialog-content { min-height: 32px !important; max-height: 95vh !important;} .ui-dialog-content .ct .text { display: inline; } @media (min-height: 840px) and (max-height: 1050.99px) { .ui-dialog {max-height: 60vh !important;} .ui-dialog-content { max-height: 55vh !important;}} @media (min-height: 1051px) { .ui-dialog {max-height: 60vh !important;} .ui-dialog-content { max-height: 55vh !important;}} @media (min-device-width : 0px) and (max-device-width : 319.99px) and (orientation: portrait) { :root { --vwcustom: 319;}} @media (min-device-width : 320px) and (max-device-width : 339.99px) and (orientation: portrait) { :root { --vwcustom: 320;}} @media (min-device-width : 340px) and (max-device-width : 359.99px) and (orientation: portrait) { :root { --vwcustom: 340;}} @media (min-device-width : 360px) and (max-device-width : 379.99px) and (orientation: portrait) { :root { --vwcustom: 360;}} @media (min-device-width : 380px) and (max-device-width : 399.99px) and (orientation: portrait) { :root { --vwcustom: 380;}} @media (min-device-width : 400px) and (max-device-width : 419.99px) and (orientation: portrait) { :root { --vwcustom: 400;}} @media (min-device-width : 420px) and (max-device-width : 459.99px) and (orientation: portrait) { :root { --vwcustom: 420;}} @media (min-device-width : 440px) and (max-device-width : 459.99px) and (orientation: portrait) { :root { --vwcustom: 440;}} @media (min-device-width : 460px) and (max-device-width : 479.99px) and (orientation: portrait) { :root { --vwcustom: 460;}} @media (min-device-width : 480px) and (max-device-width : 499.99px) and (orientation: portrait) { :root { --vwcustom: 480;}} @media (min-device-width : 500px) and (max-device-width : 519.99px) and (orientation: portrait) { :root { --vwcustom: 500;}} @media (min-device-width : 520px) and (max-device-width : 539.99px) and (orientation: portrait) { :root { --vwcustom: 520;}} @media (min-device-width : 540px) and (max-device-width : 539.99px) and (orientation: portrait) { :root { --vwcustom: 540;}} @media (min-device-width : 560px) and (max-device-width : 579.99px) and (orientation: portrait) { :root { --vwcustom: 560;}} @media (min-device-width : 580px) and (max-device-width : 599.99px) and (orientation: portrait) { :root { --vwcustom: 580;}} @media (min-device-width : 600px) and (max-device-width : 619.99px) and (orientation: portrait) { :root { --vwcustom: 600;}} @media (min-device-width : 620px) and (max-device-width : 639.99px) and (orientation: portrait) { :root { --vwcustom: 620;}} @media (min-device-width : 640px) and (max-device-width : 659.99px) and (orientation: portrait) { :root { --vwcustom: 640;}} @media (min-device-width : 660px) and (max-device-width : 679.99px) and (orientation: portrait) { :root { --vwcustom: 660;}} @media (min-device-width : 680px) and (max-device-width : 699.99px) and (orientation: portrait) { :root { --vwcustom: 680;}} @media (min-device-width : 700px) and (max-device-width : 719.99px) and (orientation: portrait) { :root { --vwcustom: 700;}} @media (min-device-width : 720px) and (max-device-width : 739.99px) and (orientation: portrait) { :root { --vwcustom: 750;}} @media (min-device-width : 740px) and (max-device-width : 759.99px) and (orientation: portrait) { :root { --vwcustom: 740;}} @media (min-device-width : 760px) and (max-device-width : 779.99px) and (orientation: portrait) { :root { --vwcustom: 760;}} @media (min-device-width : 780px) and (max-device-width : 799.99px) and (orientation: portrait) { :root { --vwcustom: 780;}} @media (min-device-width : 800px) and (max-device-width : 819.99px) and (orientation: portrait) { :root { --vwcustom: 800;}} @media (min-device-width : 820px) and (max-device-width : 839.99px) and (orientation: portrait) { :root { --vwcustom: 820;}} @media (min-device-width : 840px) and (max-device-width : 859.99px) and (orientation: portrait) { :root { --vwcustom: 840;}} @media (min-device-width : 860px) and (max-device-width : 879.99px) and (orientation: portrait) { :root { --vwcustom: 860;}} @media (min-device-width : 880px) and (max-device-width : 899.99px) and (orientation: portrait) { :root { --vwcustom: 880;}} @media (min-device-width : 1000px) and (max-device-width : 1013.99px) and (orientation: portrait) { :root { --vwcustom: 1000;}} @media (min-device-width : 1014px) and (max-device-width : 1024px) and (orientation: portrait) { :root { --vwcustom: 1024;}} @media (orientation: portrait) and (hover: none) and (pointer: coarse) { body { background:#fff; } #pageFrameDiv{ -o-transform: scale(calc(var(--vwcustom) / var(--wcustom))); -moz-transform: scale(calc(var(--vwcustom) / var(--wcustom))); -webkit-transform: scale(calc(var(--vwcustom) / var(--wcustom))); transform: scale(calc(var(--vwcustom) / var(--wcustom)));} .innerErrorAlert { transform: translate(-500px,-250px) scale(calc(var(--vwcustom) / var(--wcustom)));} .navigationContainer { transform: translateY(0%) translateY(0px) translateZ(0); transition: none; transition-delay: unset; } .navigationContainer::before { display:none } #fw-pin { display:none;}}:root { --headerLogo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='350' height='97' viewBox='0 0 350 97'%3E%3Cdefs%3E%3CclipPath id='clip-Logo'%3E%3Crect width='350' height='97'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Logo' clip-path='url(%23clip-Logo)'%3E%3Crect width='350' height='97' fill='rgba(255,255,255,0)'/%3E%3Cg id='title2'%3E%3Crect id='Rechteck_1366' data-name='Rechteck 1366' width='205' height='97' fill='rgba(255,255,255,0)'/%3E%3Cg id='logo-2' data-name='logo' transform='translate(31.684 37)'%3E%3Cg id='layer1'%3E%3Cpath id='path6290' d='M217.668,278.619v19.553h-4.762v-8.549h-9.712v8.549h-4.776V278.619h4.776v7.415h9.712v-7.415Zm-39.96,3.541h6.169v16.012h4.762V282.16h6.182v-3.541H177.708v3.541Zm-31.541,8.215c0,3.4-1.9,4.7-4.682,4.7s-4.669-1.3-4.669-4.674v-6.608H131.98v6.639c0,4.59,2.873,8.191,9.5,8.191,6.665,0,9.5-3.6,9.5-8.161v-6.669h-4.823v6.584ZM131.98,282.16h4.836v-3.541H131.98Zm14.186,0h4.823v-3.541h-4.823Zm-35.084-3.541-4.461,14.072-3.912-14.072H98.042l5.921,19.553h4.863l4.669-14.6,4.675,14.6h4.923l5.928-19.553h-4.615l-3.9,14.072-4.468-14.072Zm45.1,0H166.73c6.015,0,8.466,3.1,8.466,6.421,0,2.237-1.474,4.4-4.22,5.523l4.856,7.609H170.42l-4.153-6.718h-5.439v6.718h-4.642V278.619ZM160.829,282v6.051h5.405c3.027,0,4.314-1.213,4.314-3.007S169.262,282,166.234,282h-5.405Zm0,0' transform='translate(-98.042 -272.441)'/%3E%3Cpath id='path6292' d='M401.043,278.535h-9.806v19.553H396v-6.275h5.044c6.631,0,9.13-3.1,9.13-6.639s-2.5-6.639-9.13-6.639m4.367,6.693c0,2.019-1.279,3.213-4.856,3.213H396v-6.421h4.555c3.577,0,4.856,1.188,4.856,3.207M351.3,278.1c-6.966,0-11.186,4.7-11.186,10.228,0,5.505,4.22,10.21,11.186,10.21s11.186-4.7,11.186-10.21c0-5.529-4.22-10.228-11.186-10.228m6.417,10.228c0,4.074-2.472,6.663-6.417,6.663s-6.41-2.589-6.41-6.663c0-4.092,2.472-6.693,6.41-6.693s6.417,2.6,6.417,6.693m23.785-9.792h4.648v11.841c0,4.559-2.927,8.161-9.685,8.161-6.725,0-9.692-3.6-9.692-8.191v-11.81h4.648v11.786c0,3.371,2.076,4.668,5.044,4.668s5.037-1.3,5.037-4.7V278.535Zm-84.75,9.792c0,4.117,2.478,6.724,6.718,6.724a8.7,8.7,0,0,0,4.709-1.17v-3.068h-5.01v-3.371h9.772V295.1c-1.132,1.073-3.932,3.432-9.772,3.432-6.966,0-11.186-4.674-11.186-10.21s4.22-10.228,11.487-10.228c5.472,0,7.736,2.316,8.768,3.286l-3.081,2.734a7.324,7.324,0,0,0-5.687-2.486c-4.24,0-6.718,2.6-6.718,6.693m21.012,9.761h4.648V291.37h5.432L332,298.087h5.412l-4.849-7.6c2.746-1.134,4.206-3.292,4.206-5.529,0-3.322-2.438-6.421-8.46-6.421H317.767v19.553Zm10.054-16.176c3.028,0,4.307,1.237,4.307,3.044s-1.279,3.019-4.307,3.019h-5.405v-6.063h5.405Zm0,0' transform='translate(-112.473 -272.357)'/%3E%3Cpath id='path6294' d='M275.047,283.3H244.1V271.245h12.88v4.723h5.184v-4.723h12.887ZM262.16,297.546v4.7c7.4-1.255,12.887-7.1,12.887-13.66v-.594H244.1v.594c0,6.56,5.452,12.4,12.867,13.66v-4.7h5.2Zm0,0' transform='translate(-108.909 -271.245)' fill='%23c00'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); --clientLogo-fontColor: rgba(255, 255, 255, 0); --clientLogoVisibility: inline-block; --clientLogoHeight: 97px; --clientLogoWidth: 331px; --bodyBG: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 14%, rgba(246,246,246,1) 100%); --programmeBG: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 14%, rgba(245,245,245,1) 100%); --brandColor: rgba(204, 0, 0, 1); --primaryColor: rgba(204, 0, 0, 1); --primaryColorOpacity: rgba(204, 0, 0, .45); --secondaryColor: rgba(55, 55, 55, 1); --inactiveColor: rgba(227, 227, 227, 1); --accentColor: rgba(255, 82, 0, 1); /* in menu page for sales only */ --bodyFont: 'Open Sans', Arial, Helvetica, sans-serif; --brandFont: 'Open Sans', Arial, Helvetica, sans-serif; --brandFont-style: normal; --fontColor: #000000; --fontColor-onHotspots: #ffffff; --linkColor: rgba(204, 0, 0, 1); --linkColor-hover: rgba(55, 55, 55, 1); --linkColor-visited: rgba(204, 0, 0, 1); --exercisesMulitlineText-BG: rgba(255, 255, 255, 1); --CertificateTest-hotspot: rgba(255, 247, 198, 1); --CertificateTest-hotspot-hover: rgba(152, 203, 236, 1); --hotspotsContent-BIGshadow: 0 0 0 12px rgba(225,225,225, 0.35); --hotspotsContent-shadow: 0 0 0 6px rgba(225,225,225, 0.35); --hotspotsContent-BIGradius: 22px; --hotspotsContent-radius: 14px; --hotspotsNav-radius: 22px 0 0 22px; --instructionText-BG: rgba(237, 237, 237, 0.92); --instructionText-Border: 1px solid rgba(255, 255, 255, 0.6); --instructionTextColor: #000000; --contentText-BG: rgba(255, 255, 255, 0.9); --correctColor: #339900; --correctColor-hover: hsl(100, 50%, 60%); --wrongColor: #da0b37; --FW-navContainer-BG: rgba(255, 255, 255, 1.0); --FW-audioText-BG: rgba(255,255,255,0.95); --FW-audioTextColor: #000000; --FW-navButtons: rgba(255, 255, 255, 1.0); --FW-navButtons-hover: rgba(218, 236, 248, 1); --FW-navButtons-inactive: rgba(255, 255, 255, 0.5); --FW-navButtons-radius: 35px; --FW-textButtons-radius: 18px; --FW-PageNavigation-BG: rgba(236, 236, 236, 1); --FW-PageNavigation-BG-hover: rgba(218, 236, 248, 1); --FW-PageNavigation-Back-radius: 0 40px 40px 0; --FW-PageNavigation-Next-radius: 40px 0 0 40px ; --progressBars: rgba(55, 55, 55, 1); --pageBackgroundGradient-START: rgba(147, 169, 176, 1.0); --pageBackgroundGradient-END: rgba(147, 169, 176, .75); --font-size: 13.5px; --line-height: 18.5px; --positionLeftUI: 50%; --positionTopUI: 50%; --positionUI: -50%, -50%, 0; --breadcrumbLeft: auto ; /*23px*/ --breadcrumbRight: 63px; /*auto*/ --headlinePageLeft: auto; /*24px*/ --headlinePageRight: 63px; /* auto*/ --textTranform: uppercase; } /* Keys */ #fw-pageNext::after, #fw-pageBack::after, #fw-next::after, #fw-back::after, #fw-audioactive::after, #fw-audiostextshow.Taste::after, #fw-audioplaypause.Taste::after, #fw-pin.Taste::after, .hstyp2.Taste::after, .hstyp6.Taste::after, .hstyp8.Taste::after, .hstyp15.Taste::after, .hstyp22.Taste::after, .hstyp29.Taste::after, .hstyp36.Taste::after, .hstyp38.Taste::after, .hstyp43.TasteJ::after, .hstyp43.TasteN::after, .hstyp47.Taste::after, #EEXIT.Taste::after, .EXITOK.Taste::after, .CANCEL.Taste::after, .BOOKMARKRESET.Taste::after, .UNITBOOKMARKYES.Taste::after, .UNITBOOKMARKNO.Taste::after, .okBtn.Taste::after, .fbBtn.Taste::after, .saBtn.Taste::after, .STARTALL.Taste::after, .mc.Taste0::after, .sc.Taste0::after, .dd-container.Taste0::after, .dd-option.Taste0::after, .ex > .ct.Taste0::after, .ex_x.Taste0::after, .textselect.Taste0::after, .mc.Taste1::after, .sc.Taste1::after, .dd-container.Taste1::after, .dd-option.Taste1::after, .ex > .ct.Taste1::after, .ex_x.Taste1::after, .textselect.Taste1::after, .mc.Taste2::after, .sc.Taste2::after, .dd-container.Taste2::after, .dd-option.Taste2::after, .ex > .ct.Taste2::after, .ex_x.Taste2::after, .textselect.Taste2::after, .mc.Taste3::after, .sc.Taste3::after, .dd-container.Taste3::after, .dd-option.Taste3::after, .ex > .ct.Taste3::after, .ex_x.Taste3::after, .textselect.Taste3::after, .mc.Taste4::after, .sc.Taste4::after, .dd-container.Taste4::after, .dd-option.Taste4::after, .ex > .ct.Taste4::after, .ex_x.Taste4::after, .textselect.Taste4::after, .mc.Taste5::after, .sc.Taste5::after, .dd-container.Taste5::after, .dd-option.Taste5::after, .ex > .ct.Taste5::after, .ex_x.Taste5::after, .textselect.Taste5::after, .mc.Taste6::after, .sc.Taste6::after, .dd-container.Taste6::after, .dd-option.Taste6::after, .ex > .ct.Taste6::after, .ex_x.Taste6::after, .textselect.Taste6::after, .mc.Taste7::after, .sc.Taste7::after, .dd-container.Taste7::after, .dd-option.Taste7::after, .ex > .ct.Taste7::after, .ex_x.Taste7::after, .textselect.Taste7::after, .mc.Taste8::after, .sc.Taste8::after, .dd-container.Taste8::after, .dd-option.Taste8::after, .ex > .ct.Taste8::after, .ex_x.Taste8::after, .textselect.Taste8::after, .mc.Taste9::after, .sc.Taste9::after, .dd-container.Taste9::after, .dd-option.Taste9::after, .ex > .ct.Taste9::after, .ex_x.Taste9::after, .textselect.Taste9::after { content: ""; position: absolute; background: rgba(0,0,0,0.5); border: 1px solid #FFF; color: #fff; text-align: center; padding: 4px 4px; border-radius: 3px; width: 12px; height: 12px; font-size: 75%; line-height: 1; opacity: 0; pointer-events: none; } .ex > .ct.Taste0::after, .textselect.Taste0::after, .ex > .ct.Taste1::after, .textselect.Taste1::after, .ex > .ct.Taste2::after, .textselect.Taste2::after, .ex > .ct.Taste3::after, .textselect.Taste3::after, .ex > .ct.Taste4::after, .textselect.Taste4::after, .ex > .ct.Taste5::after, .textselect.Taste5::after, .ex > .ct.Taste6::after, .textselect.Taste6::after, .ex > .ct.Taste7::after, .textselect.Taste7::after, .ex > .ct.Taste8::after, .textselect.Taste8::after, .ex > .ct.Taste9::after, .textselect.Taste9::after { right: 0px; opacity: 1; } .dd-option.Taste0::after, .dd-option.Taste1::after, .dd-option.Taste2::after, .dd-option.Taste3::after, .dd-option.Taste4::after, .dd-option.Taste5::after, .dd-option.Taste6::after, .dd-option.Taste7::after, .dd-option.Taste8::after, .dd-option.Taste9::after { padding: 2px 2px; left: 80%; opacity: 1; } #fw-pageNext.Taste::after, #fw-pageNext.Taste::after, .hstyp6.Taste::after, .hstyp15.Taste::after, .hstyp22.Taste::after, .hstyp36.Taste::after, .hstyp29.Taste::after, .hstyp43.TasteJ::after, .hstyp43.TasteN::after, .hstyp47.Taste::after, .saBtn.Taste::after { top: 110%; opacity: 1;} #fw-next.Taste::after, #fw-back.Taste::after, #fw-audioactive.Taste::after, #fw-audiostextshow.Taste::after, #fw-audioplaypause.Taste::after, #fw-pin.Taste::after, .hstyp2.Taste::after, .hstyp8.Taste::after, .hstyp38.Taste::after { top: -33px; opacity: 1;} #fw-pageNext.Taste::after, .hstyp15.Taste::after { right: 10px;} #fw-pageBack.Taste::after { left: 10px;} #fw-next.Taste::after, #fw-pageNext.Taste::after, .hstyp15.Taste::after { content: ">";} #fw-back.Taste::after, #fw-pageBack.Taste::after { content: "<";} #fw-audioactive.Taste::after { content: "A";} #fw-audiostextshow.Taste::after { content: "T";} #fw-audioplaypause.Taste::after { content: "Space"; left: -13px; width: 50px;} #fw-pin.Taste::after { content: "L";} .hstyp2.Taste::after, .hstyp38.Taste::after { content: "H";} .hstyp6.Taste::after, .hstyp22.Taste::after, .hstyp36.Taste::after { content: "Tab Enter"; width: 58px; left: 6px;} .hstyp8.Taste::after { content: "M";} .hstyp29.Taste::after { content: "ESCAPE"; width: 42px;} .hstyp43.TasteJ::after { content: "J"; left: 10px;} .hstyp43.TasteN::after { content: "N"; left: 10px;} .hstyp47.Taste::after { content: "down"; width: 36px; left: 10px;} #EEXIT.Taste::after { content: "E"; top: 90%;opacity: 1;} .EXITOK.Taste::after, .UNITBOOKMARKYES.Taste::after { content: "J"; top: 50%; opacity: 1; } .UNITBOOKMARKNO.Taste::after, .CANCEL.Taste::after { content: "N"; top: 50%; opacity: 1;} .BOOKMARKRESET.Taste::after { content: "R";top: 50%; opacity: 1;} .okBtn.Taste::after, .fbBtn.Taste::after { content: "Enter"; top: 110%; width: 35px; opacity: 1;} .saBtn.Taste::after { content: "U";} .exis.Taste::after { content: "Nummer"; opacity: 1;} .dd-container.Taste0::after, .dd-container.Taste1::after, .dd-container.Taste2::after, .dd-container.Taste3::after, .dd-container.Taste4::after, .dd-container.Taste5::after, .dd-container.Taste6::after, .dd-container.Taste7::after, .dd-container.Taste8::after, .dd-container.Taste9::after { opacity: 1; padding: 9px 5px; } .mc.Taste0::after, .sc.Taste0::after, .mc.Taste1::after, .sc.Taste1::after, .mc.Taste2::after, .sc.Taste2::after, .mc.Taste3::after, .sc.Taste3::after, .mc.Taste4::after, .sc.Taste4::after, .mc.Taste5::after, .sc.Taste5::after, .mc.Taste6::after, .sc.Taste6::after, .mc.Taste7::after, .sc.Taste7::after, .mc.Taste8::after, .sc.Taste8::after, .mc.Taste9::after, .sc.Taste9::after { left: 25px; top: 10%; opacity: 1; } .markDrag.Taste0::after, .markDrop.Taste0::after, .markDrag.Taste1::after, .markDrop.Taste1::after, .markDrag.Taste2::after, .markDrop.Taste2::after, .markDrag.Taste3::after, .markDrop.Taste3::after, .markDrag.Taste4::after, .markDrop.Taste4::after, .markDrag.Taste5::after, .markDrop.Taste5::after, .markDrag.Taste6::after, .markDrop.Taste6::after, .markDrag.Taste7::after, .markDrop.Taste7::after, .markDrag.Taste8::after, .markDrop.Taste8::after, .mc.Taste9::after, .sc.Taste9::after { left: 2px; top: 2%; opacity: 1; } .textselect.Taste0::after, .dd-container.Taste0::after, .mc.Taste0::after, .sc.Taste0::after, .dd-option.Taste0::after, .ex > .ct.Taste0::after{ content: "0"; } .textselect.Taste1::after, .dd-container.Taste1::after, .mc.Taste1::after, .sc.Taste1::after, .dd-option.Taste1::after, .ex > .ct.Taste1::after, .ex_x > .sc.Taste1::after{ content: "1"; } .textselect.Taste2::after, .dd-container.Taste2::after, .mc.Taste2::after, .sc.Taste2::after, .dd-option.Taste2::after, .ex > .ct.Taste2::after, .ex_x > .sc.Taste2::after{ content: "2"; } .textselect.Taste3::after, .dd-container.Taste3::after, .mc.Taste3::after, .sc.Taste3::after, .dd-option.Taste3::after, .ex > .ct.Taste3::after, .ex_x > .sc.Taste3::after{ content: "3"; } .textselect.Taste4::after, .dd-container.Taste4::after, .mc.Taste4::after, .sc.Taste4::after, .dd-option.Taste4::after, .ex > .ct.Taste4::after, .ex_x > .sc.Taste4::after{ content: "4"; } .textselect.Taste5::after, .dd-container.Taste5::after, .mc.Taste5::after, .sc.Taste5::after, .dd-option.Taste5::after, .ex > .ct.Taste5::after, .ex_x > .sc.Taste5::after{ content: "5"; } .textselect.Taste6::after, .dd-container.Taste6::after, .mc.Taste6::after, .sc.Taste6::after, .dd-option.Taste6::after, .ex > .ct.Taste6::after { content: "6"; } .textselect.Taste7::after, .dd-container.Taste7::after, .mc.Taste7::after, .sc.Taste7::after, .dd-option.Taste7::after, .ex > .ct.Taste7::after { content: "7"; } .textselect.Taste8::after, .dd-container.Taste8::after, .mc.Taste8::after, .sc.Taste8::after, .dd-option.Taste8::after, .ex > .ct.Taste8::after { content: "8"; } .textselect.Taste9::after, .dd-container.Taste9::after, .mc.Taste9::after, .sc.Taste9::after, .dd-option.Taste9::after, .ex > .ct.Taste9::after { content: "9"; }