@charset "utf-8";
html{min-height:97vh;}
body{min-height: 97vh;text-align:center;font-size:13px;}
body, th, td, p, input, select, textarea, button{line-height:130%;font-size:13px;font-weight:normal;}
#bodypage{min-height:97vh;padding:2px 0;}
#bodypage.dark-theme{width:100%;background-color: #303030;}
body.dark-theme{text-align:center;background-color: #131313;}
a:link, a:visited, a:active {text-decoration:none; color:#466C8A;}
a:hover {text-decoration:none;}
img {border:0px;}
.title img {border: 2px solid transparent;}
.title.dark-theme img{
 background-color: #F1F1F1;
}
input[type=button] {margin:0 auto;outline:none;border: 1px solid #ACACAC; background: #EEEEEE;}
input[type=button]:hover {margin:0 auto;outline:none;border: 1px solid #7EB4EA; background: #E8F2FC;}
input[type=radio], input[type=checkbox]:not([data-name]){
 cursor:pointer;vertical-align:-1px;outline:none;
 -ms-transform: scale(1.15);
 -moz-transform: scale(1.15);
 -webkit-transform: scale(1.15);
 -o-transform: scale(1.15);
}
input[type=text] {vertical-align:middle;margin:0 auto;outline:none;font-size:13px;}
input[type=text]::-ms-clear {display: none;}
input[type=password]{outline:none;}
textarea {vertical-align:middle;margin:0 auto;outline:none;font-size:13px;}
select {height:25px;}
 .select2-selection__rendered{text-align:center;}
 select[readonly].select2-hidden-accessible + .select2-container{
  pointer-events: none;
  touch-action: none;
 }
 select[readonly].select2-hidden-accessible + .select2-container .select2-selection{
  background: #eee !important;
  box-shadow: none;
 }
 select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
 select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear{
  display: none;
 }
 .select2-results__group{
  text-align: left;
  background-color:#F3F3F3;
  color:#141414;
 }

/*
label {selector-dummy: expression(this.hideFocus=true);}
input {selector-dummy: expression(this.hideFocus=true);}
*/
.ms-choice:focus {outline: none}
.select2-container *:focus {outline: none}
.mouseover{background-color:#FFF7EE;}
.mouseover.dark-theme{background-color:#4A3726;}

.rvs{display:inline-block;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;}

u{text-decoration:underline;text-underline-position:under;}
.B         {font-weight:700;}
.S         {font-size:16px;}
.U         {text-decoration:underline;text-underline-position:under;}
.BU        {font-weight:700;text-decoration:underline;text-underline-position:under;}
.BS        {font-weight:700;font-size:16px;}
.BSU       {font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.VBS       {font-weight:700;font-size:18px;}
.VVBS      {font-weight:700;font-size:23px;}
.VBSU      {font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
.white     {color:#F3F3F3;font-weight:normal;}
.whiteB    {color:#F3F3F3;font-weight:700;}
.whiteU    {color:#F3F3F3;text-decoration:underline;text-underline-position:under;}
.whiteBU   {color:#F3F3F3;font-weight:700;text-decoration:underline;text-underline-position:under;}
.whiteBS   {color:#F3F3F3;font-weight:700;font-size:16px;}
.whiteBSU  {color:#F3F3F3;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.whiteVBS  {color:#F3F3F3;font-weight:700;font-size:18px;}
.whiteVVBS {color:#F3F3F3;font-weight:700;font-size:23px;}
.whiteVBSU {color:#F3F3F3;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
.black     {color:#141414;font-weight:normal;}
.blackBox  {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #141414; padding: 0 3px 1px 3px;}
.blackB    {color:#141414;font-weight:700;}
.blackU    {color:#141414;text-decoration:underline;text-underline-position:under;}
.blackBU   {color:#141414;font-weight:700;text-decoration:underline;text-underline-position:under;}
.blackBS   {color:#141414;font-weight:700;font-size:16px;}
.blackBSU  {color:#141414;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.blackVBS  {color:#141414;font-weight:700;font-size:18px;}
.blackVVBS {color:#141414;font-weight:700;font-size:23px;}
.blackVBSU {color:#141414;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
  .blackB.dark-theme
 ,.blackU.dark-theme
 ,.blackBU.dark-theme
 ,.blackBS.dark-theme
 ,.blackBSU.dark-theme
 ,.blackVBS.dark-theme
 ,.blackVVBS.dark-theme
 ,.blackVBSU.dark-theme
 {color:#F5F5F5}
.blackgray     {color:#303234;font-weight:normal;}
.blackgrayBox  {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #303234; padding: 0 3px 1px 3px;}
.blackgrayB    {color:#303234;font-weight:700;}
.blackgrayU    {color:#303234;text-decoration:underline;text-underline-position:under;}
.blackgrayBU   {color:#303234;font-weight:700;text-decoration:underline;text-underline-position:under;}
.blackgrayBS   {color:#303234;font-weight:700;font-size:16px;}
.blackgrayBSU  {color:#303234;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.blackgrayVBS  {color:#303234;font-weight:700;font-size:18px;}
.blackgrayVVBS {color:#303234;font-weight:700;font-size:23px;}
.blackgrayVBSU {color:#303234;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
  .blackgrayB.dark-theme
 ,.blackgrayU.dark-theme
 ,.blackgrayBU.dark-theme
 ,.blackgrayBS.dark-theme
 ,.blackgrayBSU.dark-theme
 ,.blackgrayVBS.dark-theme
 ,.blackgrayVVBS.dark-theme
 ,.blackgrayVBSU.dark-theme
 {color:#303234}
.blue      {color:#0054C6;font-weight:normal;}
.blueBox   {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #0054C6; padding: 0 3px 1px 3px;}
.blueB     {color:#0054C6;font-weight:700;}
.blueU     {color:#0054C6;text-decoration:underline;text-underline-position:under;}
.blueBU    {color:#0054C6;font-weight:700;text-decoration:underline;text-underline-position:under;}
.blueBS    {color:#0054C6;font-weight:700;font-size:16px;}
.blueBSU   {color:#0054C6;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.blueVBS   {color:#0054C6;font-weight:700;font-size:18px;}
.blueVVBS  {color:#0054C6;font-weight:700;font-size:23px;}
.blueVBSU  {color:#0054C6;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
  .blueB.dark-theme
 ,.blueU.dark-theme
 ,.blueBU.dark-theme
 ,.blueBS.dark-theme
 ,.blueBSU.dark-theme
 ,.blueVBS.dark-theme
 ,.blueVVBS.dark-theme
 ,.blueVBSU.dark-theme
 {color:#0082F5}
.orange    {color:#e65d0c;font-weight:normal;}
.orangeBox {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #e65d0c; padding: 0 3px 1px 3px;}
.orangeB   {color:#e65d0c;font-weight:700;}
.orangeU   {color:#e65d0c;text-decoration:underline;text-underline-position:under;}
.orangeBU  {color:#e65d0c;font-weight:700;text-decoration:underline;text-underline-position:under;}
.orangeBS  {color:#e65d0c;font-weight:700;font-size:16px;}
.orangeBSU {color:#e65d0c;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.orangeVBS {color:#e65d0c;font-weight:700;font-size:18px;}
.orangeVVBS{color:#e65d0c;font-weight:700;font-size:23px;}
.orangeVBSU{color:#e65d0c;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
.red       {color:#DF0000;font-weight:normal;}
.redBox    {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #EC131D; padding: 0 3px 1px 3px;}
.redB      {color:#DF0000;font-weight:700;}
.redU      {color:#DF0000;text-decoration:underline;text-underline-position:under;}
.redBU     {color:#DF0000;font-weight:700;text-decoration:underline;text-underline-position:under;}
.redBS     {color:#DF0000;font-weight:700;font-size:16px;}
.redBSU    {color:#DF0000;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.redVBS    {color:#DF0000;font-weight:700;font-size:18px;}
.redVVBS   {color:#DF0000;font-weight:700;font-size:23px;}
.redVBSU   {color:#DF0000;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
  .redB.dark-theme
 ,.redU.dark-theme
 ,.redBU.dark-theme
 ,.redBS.dark-theme
 ,.redBSU.dark-theme
 ,.redVBS.dark-theme
 ,.redVVBS.dark-theme
 ,.redVBSU.dark-theme
 {color:#C8111B}
.pink       {color:#E94092;font-weight:normal;}
.pinkBox    {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #E94092; padding: 0 3px 1px 3px;}
.pinkB      {color:#E94092;font-weight:700;}
.pinkU      {color:#E94092;text-decoration:underline;text-underline-position:under;}
.pinkBU     {color:#E94092;font-weight:700;text-decoration:underline;text-underline-position:under;}
.pinkBS     {color:#E94092;font-weight:700;font-size:16px;}
.pinkBSU    {color:#E94092;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.pinkVBS    {color:#E94092;font-weight:700;font-size:18px;}
.pinkVVBS   {color:#E94092;font-weight:700;font-size:23px;}
.pinkVBSU   {color:#E94092;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
  .pinkB.dark-theme
 ,.pinkU.dark-theme
 ,.pinkBU.dark-theme
 ,.pinkBS.dark-theme
 ,.pinkBSU.dark-theme
 ,.pinkVBS.dark-theme
 ,.pinkVVBS.dark-theme
 ,.pinkVBSU.dark-theme
 {color:#E94092}
.green     {color:#008000;font-weight:normal;}
.greenBox  {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #008000; padding: 0 3px 1px 3px;}
.greenB    {color:#008000;font-weight:700;}
.greenU    {color:#008000;text-decoration:underline;text-underline-position:under;}
.greenBU   {color:#008000;font-weight:700;text-decoration:underline;text-underline-position:under;}
.greenBS   {color:#008000;font-weight:700;font-size:16px;}
.greenBSU  {color:#008000;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.greenVBS  {color:#008000;font-weight:700;font-size:18px;}
.greenVVBS {color:#008000;font-weight:700;font-size:23px;}
.greenVBSU {color:#008000;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
  .greenB.dark-theme
 ,.greenU.dark-theme
 ,.greenBU.dark-theme
 ,.greenBS.dark-theme
 ,.greenBSU.dark-theme
 ,.greenVBS.dark-theme
 ,.greenVVBS.dark-theme
 ,.greenVBSU.dark-theme
 {color:#52A762}
.lightgray      {color:#AAAAAA;font-weight:normal;}
.lightgrayBox   {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #AAAAAA; padding: 0 3px 1px 3px;}
.lightgrayB     {color:#AAAAAA;font-weight:700;}
.lightgrayU     {color:#AAAAAA;text-decoration:underline;text-underline-position:under;}
.lightgrayBU    {color:#AAAAAA;font-weight:700;text-decoration:underline;text-underline-position:under;}
.lightgrayBS    {color:#AAAAAA;font-weight:700;font-size:16px;}
.lightgrayBSU   {color:#AAAAAA;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.lightgrayVBS   {color:#AAAAAA;font-weight:700;font-size:18px;}
.lightgrayVVBS  {color:#AAAAAA;font-weight:700;font-size:23px;}
.lightgrayVBSU  {color:#AAAAAA;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
.gray      {color:#808080;font-weight:normal;}
.grayBox   {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #808080; padding: 0 3px 1px 3px;}
.grayB     {color:#808080;font-weight:700;}
.grayU     {color:#808080;text-decoration:underline;text-underline-position:under;}
.grayBU    {color:#808080;font-weight:700;text-decoration:underline;text-underline-position:under;}
.grayBS    {color:#808080;font-weight:700;font-size:16px;}
.grayBSU   {color:#808080;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.grayVBS   {color:#808080;font-weight:700;font-size:18px;}
.grayVVBS  {color:#808080;font-weight:700;font-size:23px;}
.grayVBSU  {color:#808080;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
.darkgray      {color:#262626;font-weight:normal;}
.darkgrayBox   {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #808080; padding: 0 3px 1px 3px;}
.darkgrayB     {color:#262626;font-weight:700;}
.darkgrayU     {color:#262626;text-decoration:underline;text-underline-position:under;}
.darkgrayBU    {color:#262626;font-weight:700;text-decoration:underline;text-underline-position:under;}
.darkgrayBS    {color:#262626;font-weight:700;font-size:16px;}
.darkgrayBSU   {color:#262626;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.darkgrayVBS   {color:#262626;font-weight:700;font-size:18px;}
.darkgrayVVBS  {color:#262626;font-weight:700;font-size:23px;}
.darkgrayVBSU  {color:#262626;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
.brown     {color:#5C3317;font-weight:normal;}
.brownBox  {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #5C3317; padding: 0 3px 1px 3px;}
.brownB    {color:#5C3317;font-weight:700;}
.brownU    {color:#5C3317;text-decoration:underline;text-underline-position:under;}
.brownBU   {color:#5C3317;font-weight:700;text-decoration:underline;text-underline-position:under;}
.brownBS   {color:#5C3317;font-weight:700;font-size:16px;}
.brownBSU  {color:#5C3317;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.brownVBS  {color:#5C3317;font-weight:700;font-size:18px;}
.brownVVBS {color:#5C3317;font-weight:700;font-size:23px;}
.brownVBSU {color:#5C3317;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
  .brownB.dark-theme
 ,.brownU.dark-theme
 ,.brownBU.dark-theme
 ,.brownBS.dark-theme
 ,.brownBSU.dark-theme
 ,.brownVBS.dark-theme
 ,.brownVVBS.dark-theme
 ,.brownVBSU.dark-theme
 {color:#a55233}
.purple     {color:#800080;font-weight:normal;}
.purpleBox  {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #800080; padding: 0 3px 1px 3px;}
.purpleB    {color:#800080;font-weight:700;}
.purpleU    {color:#800080;text-decoration:underline;text-underline-position:under;}
.purpleBU   {color:#800080;font-weight:700;text-decoration:underline;text-underline-position:under;}
.purpleBS   {color:#800080;font-weight:700;font-size:16px;}
.purpleBSU  {color:#800080;font-weight:700;font-size:16px;text-decoration:underline;text-underline-position:under;}
.purpleVBS  {color:#800080;font-weight:700;font-size:18px;}
.purpleVVBS {color:#800080;font-weight:700;font-size:23px;}
.purpleVBSU {color:#800080;font-weight:700;font-size:18px;text-decoration:underline;text-underline-position:under;}
  .purpleB.dark-theme
 ,.purpleU.dark-theme
 ,.purpleBU.dark-theme
 ,.purpleBS.dark-theme
 ,.purpleBSU.dark-theme
 ,.purpleVBS.dark-theme
 ,.purpleVVBS.dark-theme
 ,.purpleVBSU.dark-theme
 {color:#9932CC}
.qtnNumberBox  {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #686A6C; padding: 1px 5px 2px 5px; font-weight:700;}
.QuestionTDNumber .qtnNumberBox  {border:2px solid #C0C0C0;}

.strBox    {margin:0;padding:2px 3px;}
.logic     {color:#E65D0C;font-weight:normal;font-family:'dotum','돋움',sans-serif;}

.divqtnguide{
 margin-top:-8px;
 margin-bottom:-10px;
 text-align:right;
}
.ExampleTableCube .divqtnguide, .mixQnATable .divqtnguide{
 margin-top:0;
}
.qtnguide{
 display:inline-block;
 font-size:11px;
 color: #808080;
}
.qtnguide i.axi{
 vertical-align:-3px;
}

 .blackBox.title01
,.blueBox.title01
,.orangeBox.title01
,.redBox.title01
,.greenBox.title01
,.grayBox.title01
,.brownBox.title01
,.purpleBox.title01{
 font-weight:700;
 padding:0.325em 1.825em;
 white-space: nowrap;
}

.B.title01{
 padding:0.325em 0.625em;
}
.BS.title01{
 padding:0.425em 0.825em;
}

.blueHT, .orangeHT, .redHT, .greenHT, .yellowHT{
 -webkit-border-radius: 0 6px;
 -moz-border-radius: 0 6px;
 border-radius: 0 6px;
 padding: 1px 3px;
}

.blueHT                   {font-weight:700;background:linear-gradient(135deg,#D0E8FF,90%,#F7F7F7);}
.blueHT::selection        {font-weight:700;background:linear-gradient(135deg,#D0E8FF,90%,#F7F7F7);}
.blueHT::-moz-selection   {font-weight:700;background:linear-gradient(135deg,#D0E8FF,90%,#F7F7F7);}
.blueHT.dark-theme                 {font-weight:700;background:linear-gradient(135deg,#004488,90%,#C8C8C8);}
.blueHT.dark-theme::selection      {font-weight:700;background:linear-gradient(135deg,#004488,90%,#C8C8C8);}
.blueHT.dark-theme::-moz-selection {font-weight:700;background:linear-gradient(135deg,#004488,90%,#C8C8C8);}
.orangeHT                 {font-weight:700;background:linear-gradient(135deg,#FEE9DC,90%,#F7F7F7);}
.orangeHT::selection      {font-weight:700;background:linear-gradient(135deg,#FEE9DC,90%,#F7F7F7);}
.orangeHT::-moz-selection {font-weight:700;background:linear-gradient(135deg,#FEE9DC,90%,#F7F7F7);}
.orangeHT.dark-theme                 {font-weight:700;background:linear-gradient(135deg,#9D3E04,90%,#C8C8C8);}
.orangeHT.dark-theme::selection      {font-weight:700;background:linear-gradient(135deg,#9D3E04,90%,#C8C8C8);}
.orangeHT.dark-theme::-moz-selection {font-weight:700;background:linear-gradient(135deg,#9D3E04,90%,#C8C8C8);}
.redHT                    {font-weight:700;background:linear-gradient(135deg,#FFEAEB,90%,#F7F7F7);}
.redHT::selection         {font-weight:700;background:linear-gradient(135deg,#FFEAEB,90%,#F7F7F7);}
.redHT::-moz-selection    {font-weight:700;background:linear-gradient(135deg,#FFEAEB,90%,#F7F7F7);}
.redHT.dark-theme                 {font-weight:700;background:linear-gradient(135deg,#8E0007,90%,#C8C8C8);}
.redHT.dark-theme::selection      {font-weight:700;background:linear-gradient(135deg,#8E0007,90%,#C8C8C8);}
.redHT.dark-theme::-moz-selection {font-weight:700;background:linear-gradient(135deg,#8E0007,90%,#C8C8C8);}
.greenHT                  {font-weight:700;background:linear-gradient(135deg,#DBFFDB,90%,#F7F7F7);}
.greenHT::selection       {font-weight:700;background:linear-gradient(135deg,#DBFFDB,90%,#F7F7F7);}
.greenHT::-moz-selection  {font-weight:700;background:linear-gradient(135deg,#DBFFDB,90%,#F7F7F7);}
.greenHT.dark-theme                 {font-weight:700;background:linear-gradient(135deg,#006C00,90%,#C8C8C8);}
.greenHT.dark-theme::selection      {font-weight:700;background:linear-gradient(135deg,#006C00,90%,#C8C8C8);}
.greenHT.dark-theme::-moz-selection {font-weight:700;background:linear-gradient(135deg,#006C00,90%,#C8C8C8);}
.yellowHT                 {font-weight:700;background:linear-gradient(135deg,#FFFFB7,90%,#F7F7F7);}
.yellowHT::selection      {font-weight:700;background:linear-gradient(135deg,#FFFFB7,90%,#F7F7F7);}
.yellowHT::-moz-selection {font-weight:700;background:linear-gradient(135deg,#FFFFB7,90%,#F7F7F7);}
.yellowHT.dark-theme                 {font-weight:700;background:linear-gradient(135deg,#AAAA00,90%,#C8C8C8);}
.yellowHT.dark-theme::selection      {font-weight:700;background:linear-gradient(135deg,#AAAA00,90%,#C8C8C8);}
.yellowHT.dark-theme::-moz-selection {font-weight:700;background:linear-gradient(135deg,#AAAA00,90%,#C8C8C8);}

/*
.blueHFHT   {background: linear-gradient(to top,#D0E8FF 50%,transparent 50%);}
.blueHFHT.dark-theme   {background: linear-gradient(to top,#004488 50%,transparent 50%);}
.orangeHFHT {background: linear-gradient(to top,#FDE2D2 50%,transparent 50%);}
.orangeHFHT.dark-theme {background: linear-gradient(to top,#9D3E04 50%,transparent 50%);}
.redHFHT    {background: linear-gradient(to top,#FFEAEB 50%,transparent 50%);}
.redHFHT.dark-theme    {background: linear-gradient(to top,#8E0007 50%,transparent 50%);}
.greenHFHT  {background: linear-gradient(to top,#CCFFCC 50%,transparent 50%);}
.greenHFHT.dark-theme  {background: linear-gradient(to top,#006C00 50%,transparent 50%);}
.yellowHFHT {background: linear-gradient(to top,#FFFF99 50%,transparent 50%);}
.yellowHFHT.dark-theme {background: linear-gradient(to top,#AAAA00 50%,transparent 50%);}
*/

.blueHFHT {
 background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 100% 100%;transition: background-size 0.3s;
 background-image: linear-gradient(transparent 60%, #D0E8FF 50%);

 animation: anima-show 0.9s cubic-bezier(0.01, 0.15, 0.50, 0.99) both;
 -moz-animation-delay: 0.2s;
 -webkit-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.blueHFHT.dark-theme {
 background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 100% 100%;transition: background-size 0.3s;
 background-image: linear-gradient(transparent 60%, #004488 50%);
}
.orangeHFHT {
 background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 100% 100%;transition: background-size 0.3s;
 background-image: linear-gradient(transparent 60%, #FDE2D2 50%);

 animation: anima-show 0.9s cubic-bezier(0.01, 0.15, 0.50, 0.99) both;
 -moz-animation-delay: 0.2s;
 -webkit-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.orangeHFHT.dark-theme {
 background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 100% 100%;transition: background-size 0.3s;
 background-image: linear-gradient(transparent 60%, #9D3E04 50%);
}
.redHFHT {
 background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 100% 100%;transition: background-size 0.3s;
 background-image: linear-gradient(transparent 60%, #FFEAEB 50%);

 animation: anima-show 0.9s cubic-bezier(0.01, 0.15, 0.50, 0.99) both;
 -moz-animation-delay: 0.2s;
 -webkit-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.redHFHT.dark-theme {
 background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 100% 100%;transition: background-size 0.3s;
 background-image: linear-gradient(transparent 60%, #8E0007 50%);
}
.greenHFHT {
 background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 100% 100%;transition: background-size 0.3s;
 background-image: linear-gradient(transparent 60%, #CCFFCC 50%);

 animation: anima-show 0.9s cubic-bezier(0.01, 0.15, 0.50, 0.99) both;
 -moz-animation-delay: 0.2s;
 -webkit-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.greenHFHT.dark-theme {
 background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 100% 100%;transition: background-size 0.3s;
 background-image: linear-gradient(transparent 60%, #006C00 50%);
}
.yellowHFHT {
 background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 100% 100%;transition: background-size 0.3s;
 background-image: linear-gradient(transparent 60%, #FFFF99 50%);

 animation: anima-show 0.9s cubic-bezier(0.01, 0.15, 0.50, 0.99) both;
 -moz-animation-delay: 0.2s;
 -webkit-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.yellowHFHT.dark-theme {
 background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 100% 100%;transition: background-size 0.3s;
 background-image: linear-gradient(transparent 60%, #AAAA00 50%);
}

.anima-show{
 animation: anima-show 0.9s cubic-bezier(0.01, 0.15, 0.50, 0.99) both;
 -moz-animation-delay: 0.2s;
 -webkit-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
@keyframes anima-show {
 0% {background-size: 0% 100%;}
 100% {background-size: 100% 100%;}
}

.title{font-size:23px; color:#5E5E5E; letter-spacing:-1px; padding:0; font-weight:bold;}
.notice{text-align:left;vertical-align:middle;font-size:13px; line-height:160%;}
.noticeimg{-webkit-transition-property: width;-webkit-transition-duration: .3s;}
.ITR_blueVBS{color:#44546A; font-weight:bold;font-size:23px;line-height:160%;}
.ITR_blackVBS{color:#505050; font-weight:bold;font-size:23px;line-height:160%;}

  .title.dark-theme
 ,.notice.dark-theme
 ,.ITR_blackVBS.dark-theme
 {color:#E0E0E0}

td p{text-indent: 10px;}

/*
br[id^=br]:not(:last-of-type){
 line-height:280%;
}
*/
br[id^=br]{
 line-height:280%;
}

.QnATable{
 width:100%;
 border-spacing:0;
}
.QnATable table:not(#ExampleTableITR) td.dark-theme{
 color: #E0E0E0;
}
.mixQnATable table:not(#ExampleTableITR) td.dark-theme{
 color: #E0E0E0;
}
.mixQnATable .qtnNumberBox {
 -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #828486; padding: 1px 5px 2px 5px;
}
.QuestionTable{
 width:100%;
 border-collapse:collapse;
 border-bottom:1px dotte #E0E0E0;
 }
.QuestionTDNumber{
 width:30px;
 text-align:left;
 vertical-align:top;
 color:#2d2d2d;
 letter-spacing:0;
 line-height:170%;
 padding:10px 3px 8px 6px;
 font-size:13px;
 font-weight:700;
 background-color:#fafafa;
 border-top:1px solid #E0E0E0;
 border-bottom:1px solid #E6E6E6;
 }
.QuestionTDNumber.dark-theme{
 color: #F1F1F1;
 background-color: #222222;
 border-top:1px solid #C0C0C0;
 border-bottom:1px solid #C0C0C0;
}
.QuestionTD{
 width:100%;
 text-align:left;
 vertical-align:top;
 color:#2d2d2d;
 letter-spacing:0px;
 line-height:165%;
 padding: 10px 5px 8px 5px;
 word-break:keep-all;
 font-size:14px;
 background-color:#fafafa;
 border-top:1px solid #E0E0E0;
 border-bottom:1px solid #E6E6E6;
 }
.QuestionTD.dark-theme{
 color: #F1F1F1;
 background-color: #222222;
 border-top:1px solid #C0C0C0;
 border-bottom:1px solid #C0C0C0;
}
.mixQuestionTD{
 color:#2d2d2d;
 letter-spacing:0;
 border:1px solid #E0E0E0;
 background-color:#F5F5F5;
 font-weight:bold;
 word-break:keep-all;
 font-size:13px;
 padding:0 5px;
 text-align:center;
}
.mixQuestionTD.dark-theme{
 background-color: #222222;
 color: #fff;
 border:1px solid #B5B9BE;
}
.TD_mbox2{
 padding:8px;
 text-align:left;
 line-height:160%;
/* background-color:#fffff4;*/
}
.TD_mbox2 li{
 line-height:180%;
}
.TD_mbox2.dark-theme{
 background-color:#303030;
}
.TD_mbox3{
 padding:8px;
 text-align:left;
 line-height:160%;
/* background-color:#fffff4;*/
}
.TD_mbox3 li{
 line-height:180%;
}
.TD_mbox3.dark-theme{
 background-color:#303030;
}
.QuestionEditor{
 text-align:left;
 vertical-align:top;
 color:#2d2d2d;
 letter-spacing:0px;
 line-height:160%;
 padding:0;
 word-break:keep-all;
 font-size:14px;
 }
.QnATable .exmTablePrev{
 height:2px;
}
.ExampleTableT10{
 width:100%;
 border-collapse:collapse;
 border:5px solid #C0C0C0;
 font-size:13px;
 }
.ExampleTableT10:not(#ExampleTableITR).dark-theme{
 background-color: #303030;
 color: #F1F1F1;
}
.ExampleTableT11, .ExampleTableT13, .ExampleTableT14, .ExampleTableT15,
.ExampleTableT18,
.ExampleTableT21, .ExampleTableT24,
.ExampleTableT31,
.ExampleTableT41, .ExampleTableT42, .ExampleTableT43, .ExampleTableT95,
.ExampleTableT51, .ExampleTableT52, .ExampleTableT54,
.ExampleTableT61, .ExampleTableT62, .ExampleTableT63, .ExampleTableT64, .ExampleTableT65, .ExampleTableT66, .ExampleTableT67, .ExampleTableT68, .ExampleTableT69,
.ExampleTableT71, .ExampleTableT75, .ExampleTableT76,
.ExampleTableT81, .ExampleTableT82, .ExampleTableT83,
.ExampleTableT93, .ExampleTableT96{
 width:100%;
 border-collapse:collapse;
 border:1px solid #E0E0E0;
 margin-bottom: 3px;
 font-size:13px;
}
.ExampleTableT61 td{
 border:1px solid #E0E0E0;
}
.ExampleTableT61 td.ExampleTDMatrixScale{
 border-left:1px dotted #E0E0E0;
 border-right:1px dotted #E0E0E0;
}
.ExampleTableT61 .ExampleTDMatrix{
 border-left:1px dotted #E0E0E0;
 border-right:1px dotted #E0E0E0;
}
.ExampleTableT61 td.ExampleTDMatrixScaleNumber{
 border-top:0;
}
.ExampleTableT62 td{
 border:1px solid #E0E0E0;
}
.ExampleTableT62 .ExampleTDMatrix{
 border-left:1px dotted #E0E0E0;
 border-right:1px dotted #E0E0E0;
}
.ExampleTableT62 td.ExampleTDMatrixScaleNumber{
 border-top:0;
}
.ExampleTableT63 td{
 border:1px solid #E0E0E0;
}
.ExampleTableT63 td.ExampleTDMatrixScale{
 border-left:1px dotted #E0E0E0;
 border-right:1px dotted #E0E0E0;
}
.ExampleTableT63 .ExampleTDMatrixLF{
 border-left:1px dotted #E0E0E0;
 border-right:1px dotted #E0E0E0;
}
.ExampleTableT63 td.ExampleTDMatrixScaleNumber{
 border-top:0;
}
.ExampleTableT65 td{
 border:1px solid #E0E0E0;
}
.ExampleTableT65 .ExampleTDMatrixClassify{
 border-bottom:1px solid #E0E0E0;
}
.ExampleTableT65 .ExampleTDMatrixTpScale{
 border-top:1px dotted #E0E0E0;
 border-bottom:1px dotted #E0E0E0;
}
.ExampleTableT65 .nonScale{
}
/*
.ExampleTableT65 .ExampleTDMatrixTpitem{
 border-top:1px dotted #E0E0E0;
 border-bottom:1px dotted #E0E0E0;
}
*/
.ExampleTableT65 .ExampleTDMatrixTp{
 border-top:1px dotted #E0E0E0;
 border-bottom:1px dotted #E0E0E0;
}
.ExampleTableT65 td.ExampleTDMatrixTpScaleNumber{
 border-top:0;
}

.ExampleTableT66 td{
 border:1px solid #E0E0E0;
}
.ExampleTableT66 .ExampleTDMatrixClassify{
 border-bottom:1px solid #E0E0E0;
}
.ExampleTableT66 .ExampleTDMatrixTpScale{
 border-top:1px dotted #E0E0E0;
 border-bottom:1px dotted #E0E0E0;
}
.ExampleTableT66 .nonScale{
}
/*
.ExampleTableT66 .ExampleTDMatrixTpitem{
 border-top:1px dotted #E0E0E0;
 border-bottom:1px dotted #E0E0E0;
}
*/
.ExampleTableT66 .ExampleTDMatrixTp{
 border-top:1px dotted #E0E0E0;
 border-bottom:1px dotted #E0E0E0;
}
.ExampleTableT66 td.ExampleTDMatrixTpScaleNumber{
 border-top:0;
}
.ExampleTableT67 td{
 border:1px solid #E0E0E0;
}
.ExampleTableT67 td.ExampleTDMatrixScale{
 border-left:1px dotted #E0E0E0;
 border-right:1px dotted #E0E0E0;
}
.ExampleTableT67 .ExampleTDMatrix{
 border-left:1px dotted #E0E0E0;
 border-right:1px dotted #E0E0E0;
}
.ExampleTableT67 td.ExampleTDMatrixScaleNumber{
 border-top:0;
}
.ExampleTableT68 td{
 border:1px solid #E0E0E0;
}
.ExampleTableT68 td.ExampleTDMatrixScale{
 border-left:1px dotted #E0E0E0;
 border-right:1px dotted #E0E0E0;
}
.ExampleTableT68 .ExampleTDMatrix{
 border-left:1px dotted #E0E0E0;
 border-right:1px dotted #E0E0E0;
}
.ExampleTableT68 td.ExampleTDMatrixScaleNumber{
 border-top:0;
}
.ExampleTableT72{
 width:100%;
 border-collapse:collapse;
 font-size:13px;
 }
.ExampleTableT75 th, .ExampleTableT75 td{
 border:1px solid #E0E0E0;
}
.ExampleTableT76 th, .ExampleTableT76 td{
 border:1px solid #E0E0E0;
}

.ExampleTableT76 .ExampleTDMatrixClassify{
 background-color: #FFFFFF;
}
.ExampleTableT76 .ExampleTDMatrixClassify.dark-theme{
 background-color: #303030;
 color: #F1F1F1;
}
.ExampleTableT76 .ExampleTDMatrixTpScale.dark-theme{
 background-color: #303030;
 color: #F1F1F1;
}

.ExampleTableT77 td{
 border:1px solid #E0E0E0;
}
.ExampleTableT77 td.ExampleTDMatrixScale{
 border-left:1px dotted #E0E0E0;
 border-right:1px dotted #E0E0E0;
}
.ExampleTableT77 .ExampleTDMatrix{
 border-left:1px dotted #E0E0E0;
 border-right:1px dotted #E0E0E0;
}
.ExampleTableT77 td.ExampleTDMatrixScaleNumber{
 border-top:0;
}

.ExampleTableT95{
 width:100%;
 border-collapse:collapse;
 font-size:13px;
 }
.CategoryTable{
 width:100%;
 border-collapse:collapse;
 background-color:#F3F3F3;
 border:1px solid #E0E0E0;
 border-bottom:0;
 font-size:13px;
 }
.CategoryTD{
 width:100%;
 text-align:left;
 vertical-align:bottom;
 background-color:#F3F3F3;
 color:#141414;
 padding: 8px 5px 5px 10px;
 border: 0;
 font-size:13px;
 font-weight:bold;
 }
.CategoryTD.dark-theme{
 background-color: #3C3C3C;
 }
.CategoryTD_Vertical{
  border:1px solid #E0E0E0 !important;
  background-color:#F5F5F5;
  font-weight:bold;
 }
.CategoryTD_Vertical.dark-theme{
 background-color: #3C3C3C;
}

.ExampleTD_Non{
 text-align:center;
 vertical-align:middle;
 border: 1px solid #C0C0C0;
 padding: 5px 0px;
 word-break:keep-all;
 }
.ExampleText{
 vertical-align:top;
 display: inline-block;
 word-break:keep-all;
 }
.colcase{
 border-left: 3px double #C0C0C0;
 border-right: 3px double #C0C0C0;
 }
.rowcase{
 border-bottom: 3px double #C0C0C0;
 }
.coltotal, .colmean, .coltopn{
 border-top: 3px double #C0C0C0;
 }
.rowtotal, .rowmean, .rowtopn{
 border-left: 3px double #C0C0C0;
 }
.RowTotalMean{
 border-top: 3px double #C0C0C0;
 border-left: 3px double #C0C0C0;
 }
.ExampleTD_T10{
 text-align:left;
 vertical-align:top;
 font-size:14px;
 color:#2d2d2d;
 letter-spacing:0;
 line-height:180%;
 padding: 15px 18px;
 word-break:keep-all;
 }
.ExampleTD_T10.dark-theme{
 background-color: #2A2A2A;
 color: #fff;
}
.ExampleTableT10 td li:not(.multiple):not(.li-mailtip){
 list-style-position: inside;
 text-indent: -1.4em;
 padding-left: 1.4em;
}
.ExampleTableT10 td li:not(.multiple):not(.li-mailtip):last-child{
 padding-bottom: 0.2em;
}

 .ExampleTableT10_Sub3{
  border:0px;
 }
 .ExampleTD_T10_Sub3{
  margin: 1em auto;
  padding:1.0em 1.2em;
  border-left:solid 4px #C0C0C0;
  border-color:#C0C0C080;
  background-color:#FBFBFB;
  box-shadow:2px 1px 4px rgba(0, 0, 0, 0.2);
 }
 .ExampleTableT10_Sub4{
  border:0px;
 }
 .ExampleTD_T10_Sub4{
  margin: 1em auto;
  padding:1.2em 1.2em 1.0em 1.2em;
  border: 2px solid #eee;
  background-color:#ffffff;
  position: relative;
  z-index: 0;
 }
 .ExampleTD_T10_Sub4:before{
  border-top:4px solid #C0C0C080;
  border-left:4px solid #C0C0C080;
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  width: 20px;
  height: 20px;
  z-index: 1;
 }
 .ExampleTD_T10_Sub4:after{
  border-bottom:4px solid #C0C0C080;
  border-right:4px solid #C0C0C080;
  content: '';
  display: block;
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 20px;
  height: 20px;
  z-index: 1;
 }

.ExampleTD_T11, .ExampleTD_T15, .ExampleTD_T21{
 text-align:left;
 vertical-align:top;
 padding:7px 0px 7px 10px;
 cursor:pointer;
 }
.ExampleTableT11 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T11 .ExampleText{
 padding-top: 2px;
}
.ExampleTableT15 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T15 .ExampleText{
 padding-top: 2px;
}
.ExampleTD_T21 .ExampleText{
 padding-top: 2px;
}
.ExampleTD_T11 em, .ExampleTD_T15 em, .ExampleTD_T21 em {
 padding-left: 24px;
 }
.ExampleTD_T13{
 text-align:center;
 vertical-align:middle;
 padding: 9px 0px;
 cursor:pointer;
 }
.ExampleTableT13 td{
 border:1px solid #E0E0E0;
}
.ExampleTableT13 td.ExampleTDMatrixScaleNumber{
 border-top:0;
}
.ExampleTD_T14{
 text-align:left;
 padding: 7px 0px 7px 10px;
 }
.ExampleTableT14 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T18_Scale{
  border:1px solid #E0E0E0;
  background-color:#F5F5F5;
  font-weight:bold;
 }
.ExampleTD_T18{
 padding: 5px 0px;
 border: 1px solid #E0E0E0;
 cursor:pointer;
 }
.ExampleTableT21 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T24{
 text-align:left;
 padding: 7px 0px 7px 10px;
 }
.ExampleTableT24 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T31{
 text-align:left;
 vertical-align:top;
 padding: 7px 0px 7px 10px;
 cursor:pointer;
 }
.ExampleTableT31 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T31 .ExampleText{
 padding-top: 2px;
}
.ExampleTD_T31 em{
 padding-left: 28px;
}
.objT31{
 text-align:center;
 width:16px;
 font-weight:bold;
 border:1px solid #C0C0C0;
 cursor:pointer;
 }
.objT31:disabled, .objT31[disabled], .objT31:disabled, .objT31[disabled=disabled]{
 text-align:center;
 -webkit-text-stroke-width:.03em;
 border: 1px solid #C0C0C0;
 background-color:#E2E2E2;
 cursor:pointer;
 }
.ExampleTDRank li{
  list-style-position: inside;
  text-indent: -1.4em;
  padding-left: 1.4em;
  padding-top: 0.6em;
  margin-left : 2em !important;
}
.ExampleTD_T41{
 text-align:left;
 vertical-align:middle;
 padding: 7px 0px 7px 10px;
 }
.ExampleTableT41 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T41 > span{
 vertical-align:-2px;
}
.ExampleTD_T41 > span span{
 vertical-align:top;
}
.ExampleTD_T42{
 text-align:left;
 vertical-align:middle;
 padding: 7px 0px 7px 10px;
 }
.ExampleTableT42 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T42 > span{
 vertical-align:-2px;
}
.ExampleTD_T42 > span span{
 vertical-align:top;
}
.ExampleTD_T43{
 text-align:left;
 vertical-align:middle;
 padding: 7px 0px 7px 10px;
 }
.ExampleTableT43 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T43 > span{
 vertical-align:-2px;
}
.ExampleTD_T43 > span span{
 vertical-align:top;
}
.ExampleTD_T51{
 text-align:left;
 vertical-align:middle;
 padding: 7px 0px 7px 10px;
 }
.ExampleTableT51 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T52{
 text-align:center;
 vertical-align:middle;
 padding: 0;
 border: 0;
 }
.ExampleTD_T54{
 text-align:left;
 vertical-align:middle;
 padding: 7px 0px 7px 10px;
 }
.ExampleTableT54 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T93{
 text-align:left;
 vertical-align:middle;
 padding: 7px 0px 7px 10px;
 }
.ExampleTableT93 td{
 border:1px dotted #E5E5E5;
}
.ExampleTableT95{
 width:100%;
 border-collapse:collapse;
 font-size:13px;
 }
.ExampleTD_T96{
 text-align:left;
 vertical-align:middle;
 padding: 7px 10px 5px 10px;
 }
.ExampleTableT96 td{
 border:1px dotted #E5E5E5;
}
.ExampleTD_T96 > span{
 vertical-align:-2px;
}

.ExampleTDMatrixClassify{
 height: 24px;
 text-align:center;
 vertical-align:middle;
 border-collapse:collapse;
 border: 1px solid #C0C0C0;
 background-color:#FAFAFA;
 color:#2d2d2d;
 padding: 5px 0px;
 letter-spacing:0px;
 }
.ExampleTDMatrixClassify.dark-theme{
 background-color: #3C3C3C;
}
.ExampleTDMatrixScale{
 text-align:center;
 vertical-align:middle;
 border-collapse:collapse;
 color:#2d2d2d;
 padding: 5px 0px 2px 0px;
 letter-spacing:0px;
 line-height:130%;
 font-size:13px;
 }
.ExampleTDMatrixScale.notScale.dark-theme{
 background-image: linear-gradient(to top, rgba(255,255,255,0) 0%, #3C3C3C 0%);
}
.ExampleTDMatrixScale:not(.ExampleTDMatrixScaleNumber):not(.notScale).gradationTD.dark-theme{
 padding-bottom:20px;
 background-image: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 18px, #3C3C3C 18px);
/* background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #3C3C3C 50%, #3C3C3C 100%); */
}
.ExampleTDMatrixScale:not(.ExampleTDMatrixScaleNumber):not(.notScale).gradationNonTD.dark-theme{
 background-image: linear-gradient(to top, rgba(255,255,255,0) 0%, #3C3C3C 0%);
}
.ExampleTDMatrixScale.ExampleTDMatrixScaleNumber.gradationTD.dark-theme{
 color:#2d2d2d !important;
}
.matrixCategoryTD{
 width:100%;
 text-align:left;
 vertical-align:bottom;
 font-size:13px;
 border: 1px solid #e0e0e0 !important;
 background-color:#F3F3F3;
 border:0;
 color:#141414;
 padding: 8px 5px 5px 10px;
 font-weight:bold;
 }
.matrixCategoryTD.dark-theme{
 background-color:#3C3C3C;
 }
.ExampleTDMatrixitem{
 text-align:left;
 vertical-align:middle;
 border: 1px solid #C0C0C0;
 color:#2d2d2d;
 padding: 7px 0px 7px 10px;
 letter-spacing:0;
 line-height:160%;
 word-break: keep-all;
 word-wrap: break-word;
 }

.ExampleTDMatrixitem em{
 margin: 0px 24px 0px 0px;
 }
.ExampleTDMatrix{
 text-align:center;
 vertical-align:middle;
 color:#2d2d2d;
 padding: 7px 0px;
 cursor:pointer;
 }
.ExampleTDBoxMatrix{
 text-align:center;
 vertical-align:middle;
 border: 1px solid #C0C0C0;
 color:#2d2d2d;
 padding: 7px 0px;
 }
.ExampleTDBoxMatrix input[type=text].dark-theme{
 color: #E0E0E0;
}
.ExampleTDMatrixLFScale{
 text-align:center;
 vertical-align:middle;
 border-collapse:collapse;
 border: 1px solid #C0C0C0;
 color:#2d2d2d;
 padding: 5px 0px 2px 0px;
 letter-spacing:0px;
 }
.ExampleTDMatrixLFitem{
 height:24px;
 text-align:left;
 vertical-align:middle;
 border: 1px solid #C0C0C0;
 color:#2d2d2d;
 padding: 7px 0px;
 letter-spacing:0px;
 }
.ExampleTDMatrixLitem{
 text-align:right;
 vertical-align:middle;
 border: 1px solid #C0C0C0;
 color:#2d2d2d;
 padding:9px 5px;
 letter-spacing:0px;
 }
.ExampleTDMatrixRitem{
 text-align:left;
 vertical-align:middle;
 border: 1px solid #C0C0C0;
 color:#2d2d2d;
 padding: 7px 5px;
 letter-spacing:0px;
 }
.ExampleTDMatrixLFitem em{
 padding-left: 24px;
 }
.ExampleTDMatrixLF{
 text-align:center;
 vertical-align:middle;
 border: 1px solid #C0C0C0;
 color:#2d2d2d;
 padding: 5px 0px;
 cursor:pointer;
 }
.ExampleTDMatrixTpScale{
 text-align:right;
 vertical-align:middle;
 border-collapse:collapse;
 color:#2d2d2d;
 padding: 9px 12px 9px 10px;
 }
.ExampleTDMatrixTpScale.dark-theme{
 color:#F1F1F1;
 }
.ExampleTDMatrixTpScale:not(.ExampleTDMatrixScaleNumber).gradationTD.dark-theme{
 padding-right:25px;
 background-image: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 15%, #3C3C3C 15%);
/* background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #3C3C3C 50%, #3C3C3C 100%); */
}
.ExampleTDMatrixTpScale:not(.ExampleTDMatrixScaleNumber).gradationNonTD.dark-theme{
 background-image: linear-gradient(to left, rgba(255,255,255,0) 0%, #3C3C3C 0%);
}
.ExampleTDMatrixTpScale.ExampleTDMatrixScaleNumber.gradationTD.dark-theme{
 color:#2d2d2d !important;
}

.ExampleTDMatrixTpitem{
 text-align:center;
 vertical-align:middle;
 border: 1px solid #C0C0C0;
 color:#2d2d2d;
 padding: 5px 0px;
 letter-spacing:0;
 line-height:160%;
 word-break: keep-all;
 word-wrap: break-word;
 }
.ExampleTDMatrixTp{
 text-align:center;
 vertical-align:middle;
 color:#2d2d2d;
 padding: 5px 0px;
 cursor:pointer;
 }
.ExampleTDBoxMatrixTp{
 text-align:center;
 vertical-align:middle;
 border: 1px solid #C0C0C0;
 color:#2d2d2d;
 padding: 5px 0px;
 letter-spacing:0px;
 }
.ExampleTD_T71{
 text-align:center;
 vertical-align:middle;
 padding: 5px;
 border: 1px solid #C0C0C0;
 }
.ExampleTD_T72{
 text-align:center;
 color:#2d2d2d;
 letter-spacing:0px;
 vertical-align:top;
 padding: 5px;
 }
.ExampleTD_T81, .ExampleTD_T83{
 text-align:center;
 vertical-align:middle;
 padding: 5px;
 border: 1px solid #C0C0C0;
 }
.ExampleTDMatrixSliderTable{
 text-align:center;
 vertical-align:middle;
 border: 0;
 }
.ExampleTDMatrixSlider{
 text-align:center;
 vertical-align:middle;
 border: 1px solid #C0C0C0;
 }
.ExampleTDMatrixSliderTD{
 text-align:center;
 vertical-align:middle;
 border: 0;
 }
.ExampleTD_T93{
 text-align:left;
 vertical-align:middle;
 padding: 7px 0px 7px 10px;
 border: 1px solid #C0C0C0;
 }
.ExampleTD_T95{
 text-align:left;
 vertical-align:middle;
 padding: 0px;
 border: 0;
 }
.ExampleTD_TN{
 text-align:left;
 vertical-align:top;
 color:inherit;
 font-size:inherit;
 letter-spacing:inherit;
 line-height:inherit;
 word-break:keep-all;
 }
 .tooltips.autoCal{
  background-color:#FFFFE3 !important;
 }
 .tooltips.autoCal.dark-theme{
  background-color:#3C3C00;
 }
 span[class^="LabelFooter"] span{
  vertical-align:0;
 }

.ExampleTableCube{
 width:100%;
 border-collapse:collapse;
 border:1px solid #E0E0E0;
 margin-bottom: 3px;
 font-size:13px;
 table-layout:fixed;
}

.ExampleTableCube td li:not(.multiple):not(.li-mailtip){
  list-style-position: inside;
  text-indent: -1.4em;
  padding-left: 1.4em;
  margin-left: 0.5em;
}
.ExampleTableCube td li:not(.multiple):not(.li-mailtip):last-child{
  padding-bottom: 0.2em;
}
.ExampleTableCube th, .ExampleTableCube td{
 border:1px solid #E0E0E0;
}
.cubeHeaderTH, .cubeHeaderTH span{
 font-weight:bold;
}
.cubeHeaderTH, .cubeHeaderTD{
 background-color:#F7F7F7;
 color:#141414;
 padding: 8px 5px;
 border: 0;
 font-size:13px;
 word-break: keep-all;
 word-wrap: break-word;
}
.cubeHeaderTH.dark-theme, .cubeHeaderTD.dark-theme{
 background-color:#222222;
 color:#E0E0E0;
}
.cubeHeaderTHN, .cubeHeaderTHN span{
 font-weight:bold;
}
.cubeHeaderTHN{
 color:#141414;
 padding: 8px 5px;
 border: 0;
 font-size:13px;
}
.cubeHeaderTHN.dark-theme{
 background-color:#222222;
 color:#E0E0E0;
}
.ExampleTableCube .qtnNumberBox {
 -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #F1F1F1; background-color: #828486; padding: 0 3px 1px 3px;
}
.cubeBodyTH, .cubeBodyTH span{
 font-weight:bold;
}
.cubeBodyTH, .cubeBodyTD{
 padding: 2px;
 border: 1px solid #C0C0C0;
 height:28px;
 line-height:160%;
 word-break: keep-all;
 word-wrap: break-word;
}
.ExampleTableTX1 th, .ExampleTableTX1 td{
 border:1px dotted #E5E5E5;
}
.ExampleTableTX1 th.CategoryTD_Vertical, .ExampleTableTX1 td.CategoryTD_Vertical{
 text-align:center !important;
}
.cubeBodyTH th.ExampleTD_T11, .cubeBodyTD td.ExampleTD_T11{
 border:1px dotted #E5E5E5;
}
.cubeBodyTH th.ExampleTD_T21, .cubeBodyTD td.ExampleTD_T21{
 border:1px dotted #E5E5E5;
}
.cubeBodyTH th.ExampleTD_T31, .cubeBodyTD td.ExampleTD_T31{
 border:1px dotted #E5E5E5;
}
.cubeBodyTH input[type=radio], .cubeBodyTD input[type=radio], .cubeBodyTH input[type=checkbox], .cubeBodyTD input[type=checkbox]{
 vertical-align:-6px;
}
.cubeBodyTH span[class^=ExampleTextEtc], .cubeBodyTD span[class^=ExampleTextEtc]{
 vertical-align:-4px;
}
.cubeBodyTH input[type=text][class$=_etc], .cubeBodyTD input[type=text][class$=_etc]{
 vertical-align:-2px;
}
.cubeBodyTH span[class^=ExampleTextEtc]+span, .cubeBodyTD span[class^=ExampleTextEtc]+span{
 vertical-align:-2px;
}
.ExampleTableCube .ExampleTableT10 td.TD_mbox3{
 border:0;
 vertical-align:top;
}
.ExampleTableCube .ExampleTableT10 td.TD_mbox3 td{
 border:0;
}
.ExampleTableCube .ExampleTableT10:has(td.TD_mbox3){
 max-height: 60%;
}

.tablegrid{
 background-color:#F7F7F7;
 }
.tablegrid.dark-theme{
 background-color: #3C3C3C;
 color: #fff;
}
.tableTdGrid{
 background-color:#F7F7F7;
 }
.tableTdGrid.dark-theme{
 background-color: #3C3C3C;
 color: #fff;
}
.ExampleText{
 margin-top:1px;
 }

input[name*="_etc"].b_normal  {border-radius: 5px;border-top:0;border-left:0;border-right:0;                            margin:0 3px;background-color:#ffffff;}
input[name*="_etc"].b_disabled{border-radius: 5px;border-top:0;border-left:0;border-right:0;                            margin:0 3px;background-color:transparent;}
input[name*="_etc"].b_active  {border-radius: 5px;border:0;border-left:0;border-right:0;border-bottom:1px solid #ff9d1d;margin:0 3px;background-color:#ffffff;}

.dark-theme input[name*="_etc"].b_normal  {background-color:transparent;color:#F1F1F1}
.dark-theme input[name*="_etc"].b_disabled{background-color:transparent;color:#F1F1F1}
.dark-theme input[name*="_etc"].b_active  {background-color:transparent;}

.b_normal                           {border-radius: 5px;box-shadow: 2px 2px 4px 0 #C0C0C040;border:1px #d0d0d0 solid;	padding: 3px;background-color:transparent;}
.b_disabled                         {border-radius: 5px;box-shadow: 2px 2px 4px 0 #C0C0C040;border:1px #d0d0d0 solid;	padding: 3px;background-color:#e2e2e2;}
.b_disabled:not(input[name*="_etc"]){border-radius: 5px;box-shadow: none                   ;border:1px #d0d0d0 solid; padding: 3px;background-color:#e2e2e2;}
.b_active                           {border-radius: 5px;box-shadow: 2px 2px 4px 0 #ff9d1d40;border:1px #ff9d1d solid;	padding: 3px;background-color:#ffffff;}

.dark-theme .b_normal  {background-color:transparent;color:#F1F1F1}
.dark-theme .b_disabled{background-color:transparent;color:#F1F1F1}
.dark-theme .b_active  {background-color:transparent;color:#F1F1F1}

td ul, td ol{
 margin:0; padding:0;
}
table[class^=QuestionTable] li:not(.multiple):not(.li-mailtip){
 list-style-position: inside;
 text-indent: -1.4em;
 padding-left: 1.4em;
 margin-left: 0.5em;
}
table[class^=QuestionTable] li:not(.multiple):not(.li-mailtip):last-child{
 padding-bottom: 0.2em;
}
table[class^=ExampleTable] li:not(.multiple):not(.li-mailtip){
 list-style-position: inside;
 text-indent: -1.35em;
 padding-left: 1.4em;
 margin-left: 0.5em;
}
table[class^=ExampleTable] li:not(.multiple):not(.li-mailtip):last-child{
 padding-bottom: 0.2em;
}
ol > li{
 text-indent: -1.1em !important;
}
ol{
 margin-left: -0.8em !important;
}
ul.squaremark{
 list-style-type: none;
 margin: 0;
 margin-left: -0.1em;
}
ul.squaremark > li:before{
 content: "■　";
 float: left;
 text-indent: -1.5em;
 padding-right:1.0em;
}
ul.disc{
 list-style-type: none;
 margin: 0;
 margin-left: -0.1em;
}
ul.disc > li:before{
 content: url("../sp7/images/icon/disc.png");
 margin-top: 7px;
 float: left;
 text-indent: -1.4em;
 padding-right:1.38em;
}
ul.disc.dark-theme > li:before{
 content: url("../sp7/images/icon/discdark.png");
 margin-top: 7px;
 float: left;
 text-indent: -1.4em;
 padding-right:1.38em;
}
ul.circle{
 list-style-type: none;
 margin: 0;
 margin-left: -0.1em;
}
ul.circle > li:before{
 content: "ㅇ　";
 float: left;
 text-indent: -1.55em;
 padding-right:1.0em;
}
ul.hyphen{
 list-style-type: none;
 margin: 0;
 margin-left: -0.1em;
}
ul.hyphen > li:before{
 content: "-　";
 float: left;
 text-indent: -1.4em;
 padding-right:1.4em;
}
ul.refmark{
 list-style-type: none;
 margin: 0;
 margin-left: -0.1em;
}
ul.refmark > li:before{
 content: "※　";
 float: left;
 text-indent: -1.5em;
 padding-right:1.0em;
}
ul.starmark{
 list-style-type: none;
 margin: 0;
 margin-left: -0.1em;
}
ul.starmark > li:before{
 content: "*　";
 float: left;
 text-indent: -1.5em;
 padding-right:1.35em;
}

ul.nonemark{
 list-style-type:none;
 margin: 0;
 margin-left: -0.1em;
}
ul.nonemark > li{
 text-indent: -1.4em;
 padding-right:1.4em;
}
.ps > li:not(:last-child){
 padding-bottom: 0.625em;
}

span.button{
  display:block;
  margin:2px;
  padding:8px 18px 8px 18px;
  border:1px solid #C8C8C8;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#EBEBEB;
  line-height:130%;
  text-decoration:none;
  color:#464646;
  cursor:pointer;
  width:auto;
  overflow:visible;
  font-size:13px;
  font-weight:bold;
  border-radius: 0.2em;
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#BtnPrevPage, #BtnComplete, #BtnClose, #BtnNextPage{
  margin:0;
  min-width:99px;
}

span.button img{
  margin:0 3px -3px 0 !important;
  padding:0;border:none;width:16px;height:16px;float:none;
}
/* add */
span.button:hover {background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
span.button:active{background-color:#6299c5;border:1px solid #6299c5;color:white;}
span.buttonselected {background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
/* edit */
.edit {color:#529214;}
span.edit:hover {background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
span.edit:active{background-color:#529214;border:1px solid #529214;color:white;}
/* delete */
.delete {color:#d12f19;}
span.delete:hover {background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
span.delete:active{background-color:#d12f19;border:1px solid #d12f19;color:white;}
/* none */
.disable {color:#f1f1f1;}
span.disable{background-color:#efefef;border:1px solid #f1f1f1;cursor:default;}
span.disable:hover {background-color:#efefef;border:1px solid #f1f1f1;}
span.disable:active{background-color:#efefef;border:1px solid #f1f1f1;}

.btn {
 -moz-box-shadow:inset 0px 1px 0px 0px #F1F1F1;
 -webkit-box-shadow:inset 0px 1px 0px 0px #F1F1F1;
 box-shadow:inset 0px 1px 0px 0px #F1F1F1;
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
 background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
 background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
 background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
 background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
 background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
 background-color:#f9f9f9;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 border:1px solid #dcdcdc;
 display:inline-block;
 cursor:pointer;
 color:#666666;
 font-family:Arial;
 font-size:12px;
 font-weight:bold;
 padding:6px 6px;
 text-decoration:none;
 text-shadow:0px 1px 0px #F1F1F1;
}
.btn:hover {
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dff4ff), color-stop(1, #dff4ff));
 background:-moz-linear-gradient(top, #dff4ff 5%, #dff4ff 100%);
 background:-webkit-linear-gradient(top, #dff4ff 5%, #dff4ff 100%);
 background:-o-linear-gradient(top, #dff4ff 5%, #dff4ff 100%);
 background:-ms-linear-gradient(top, #dff4ff 5%, #dff4ff 100%);
 background:linear-gradient(to bottom, #dff4ff 5%, #dff4ff 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff4ff', endColorstr='#dff4ff',GradientType=0);
 background-color:#dff4ff;
}
.btn:active {
 position:relative;
 top:1px;
}

.btn3{
  display:inline-block;
  margin:2px;
  padding:8px 18px;
  background-color:#ebebeb;
  line-height:130%;
  text-decoration:none;
  width:auto;
  overflow:visible;
  font-size:13px;
  font-weight:bold;
  border-radius: 0.2em;
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
}

.btn3:not(:disabled){
  cursor:pointer;
}
.btn3:disabled{
  cursor: not-allowed;
}

.btn3.normal {border:1px solid #c8c8c8;color:#464646;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.btn3.normal:hover {background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
.btn3.blue {border:1px solid #33669990;color:#336699;}
.btn3.blue:hover {background-color:#dff4ff;}
.btn3.green {border:1px solid #52921465;color:#529214;}
.btn3.green:hover {background-color:#E6EFC2;}
.btn3.orange {border:1px solid #e65d0c65;color:#e65d0c;}
.btn3.orange:hover {background-color:#FEF2EB;}
.btn3.red {border:1px solid #D7000065;color:#D70000;}
.btn3.red:hover {background-color:#fbe3e4;}
.btn3.brown {border:1px solid #5C331765;color:#5C3317;}
.btn3.brown:hover {background-color:#F8EBE2;}
.btn3.purple {border:1px solid #80008065;color:#800080;}
.btn3.purple:hover {background-color:#FFF0FF;}
.btn3.disabled {border:1px solid #c8c8c8;color:#757575;}

.normaltable{border-collapse:collapse;border: 1px solid #C0C0C0;border-spacing:0px;}
.normaltable th{text-align:center;vertical-align:middle;border: 1px solid #C0C0C0;padding: 1px 2px;height: 25px;background-color:#f4f4f4;}
.normaltable td{text-align:center;vertical-align:middle;border: 1px solid #C0C0C0;padding: 1px 2px;height: 25px;}

.normaltable2{border-collapse:collapse;border-spacing:0px;}
.normaltable2 th{text-align:center;vertical-align:middle;border: 1px solid #d7d7d7;padding: 1px 2px;height: 25px;background-color:#f4f4f4;font-weight:normal;}
.normaltable2 td{text-align:center;vertical-align:middle;border: 1px solid #d7d7d7;padding: 1px 2px;height: 25px;}

.listTable{border-collapse:collapse;border: 0;border-spacing:0px;}
.listTable th{text-align:center;border-top: 1px solid #C0C0C0;border-bottom: 1px solid #C0C0C0;height: 28px;background-color:#EEEEEE;font-weight:bold;}
.listTable th:first-child span{border:0}
.listTable th span{display:block;border-left:1px solid #c7c7c7;padding:0;height:14px;text-align:center;vertical-align:middle;width:100%;}
.listTable td{text-align:center;vertical-align:middle;border-top: 1px solid #C0C0C0;border-bottom: 1px solid #C0C0C0;height: 24px;}

.listTable2{border-collapse:collapse;border: 0;border-spacing:0px;}
.listTable2 th{text-align:center;vertical-align:middle;border-top: 1px solid #C0C0C0;border-bottom: 1px solid #C0C0C0;height: 28px;background-color:#EEEEEE;font-weight:bold;}
.listTable2 th:first-child span{border:0}
.listTable2 th span{display:block;border-left:1px solid #C0C0C0;padding:0;height:14px;text-align:center;width:100%;}
.listTable2 td{text-align:center;vertical-align:middle;border-bottom: 1px dotted #E7E7E7;height: 28px;}
.listTable2 tr:last-child{text-align:center;vertical-align:middle;border-bottom: 1px solid #C0C0C0;}

.listTable3{border-collapse:collapse;border: 0;border-spacing:0;}
.listTable3 th{text-align:center;vertical-align:middle;padding-left:0;padding-right:0;margin:0;border-top:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;height:28px;background-color:#EEEEEE;font-weight:bold;font-size:12px;}
.listTable3 td{text-align:center;vertical-align:middle;border-bottom:1px dotted #E7E7E7;height:28px;}
.listTable3 tr:last-child{border-bottom:1px solid #C0C0C0;}
.listTable3 th:first-child span.listseperator{border:0}
.listTable3 th span.listseperator{display:inline-block;vertical-align:middle;text-align:center;border-left:1px solid #C0C0C0;position:relative;left:-2px;padding:0;margin:0;height:14px;width:0;}
.listTable3 th span.tdheader{display:inline-block;vertical-align:middle;text-align:center;border:0;padding:0;margin:0;width:97%;}
.listTable3 th span.tdheader a{display:inline-block; margin-left:-3px;}

.dataTable{border-collapse:collapse;border: 0;border-spacing:0px;}
.dataTable th{text-align:center;vertical-align:middle;border-top: 1px solid #C0C0C0;border-bottom: 1px solid #C0C0C0;height: 25px;background-color:#f4f4f4;font-weight:bold;}
.dataTable th:first-child span{border:0}
.dataTable th span{display:block;border-left:1px solid #c7c7c7;padding:0 8px;height:14px}
.dataTable td{text-align:center;vertical-align:middle;border-top: 1px solid #C0C0C0;border-bottom: 1px solid #C0C0C0;padding: 1px 2px;height: 22px;}

.dataTable2{border-collapse:collapse;border: 0;border-spacing:0px;}
.dataTable2 th{text-align:center;vertical-align:middle;border-top: 1px solid #E8E8E8;border-bottom: 1px solid #E8E8E8;padding: 1px 3px;height: 25px;background-color:#f4f4f4;font-weight:normal;}
.dataTable2 td{text-align:center;vertical-align:middle;border-top: 1px solid #E8E8E8;border-bottom: 1px solid #E8E8E8;padding: 1px 3px;height: 25px;}

 .reportTable{border-collapse:collapse;border: 0;border-spacing:0;}
 .reportTable th{text-align:center;vertical-align:middle;height:28px;border-top:1px solid #e0e0e0;border-left:1px solid #ebebeb;border-bottom:1px solid #e0e0e0;border-right:1px solid #ebebeb;}
 .reportTable td{text-align:center;vertical-align:middle;height:28px;border-top:1px solid #e0e0e0;border-left:1px solid #f2f2f2;border-bottom:1px solid #e0e0e0;border-right:1px solid #f2f2f2;}
 .reportTable thead th, .reportTable thead th{background-color: #f7f7f7;}

 .reportTable{border-top:2px solid #E1E1E1;}
 .reportTable{border-bottom:2px solid #E1E1E1;}

 .reportTable tr > :first-child{border-left:0}
 .reportTable tr > :last-child{border-right:0}

 .reportTable tbody tr td{
  transition: transform 0.2s ease-in-out;
 }

.table-scroll{
 position:relative;
 max-width:980px;
 margin:auto;
 overflow:hidden;
 border:0;
}
.table-wrap{
 width:100%;
 overflow:auto;
}

 .table-wrap::-webkit-scrollbar{-webkit-appearance: none;}
 .table-wrap::-webkit-scrollbar:vertical{width: 12px;}
 .table-wrap::-webkit-scrollbar:horizontal{height: 9px;}
 .table-wrap::-webkit-scrollbar-thumb{background-color:#A1A1A1; border-radius: 10px; border: 2px solid #F1F1F1;}
 .table-wrap::-webkit-scrollbar-thumb:hover{background-color:#909090;}
 .table-wrap::-webkit-scrollbar-track{border-radius: 10px; background-color: #F1F1F1;}

hr.style-one {
 border: 0;
 height: 2px;
 background: #333;
 background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
 background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
 background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
 background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}

.paging{
 vertical-align:middle;
 font-weight:bold;
 font-size:.95em;
 text-decoration:none;
 margin:0 auto;
 padding:0;
}
.paging a:not(:first-child), .paging a:hover:not(:first-child){
 border-left:0;
}
.paging a{
 color:#797979;
 border:1px solid #d4d4d4;
 background-color:#F1F1F1;
 padding:0.5em 0.625em;
}
.paging a:hover{
 border:1px solid #A8D3FF;
 background-color:#A8D3FF;
 padding:0.5em 0.625em;
}
.paging strong{
 color:#fff;
 border:1px solid #518FCD;
 background-color:#518FCD;
 padding:0.5em 0.625em;
}

 @font-face {
  font-family: 'icomoon';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
 }

 [class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 .icon-spinner-3:before {
  content: "\e002";
 }

 @keyframes anim-rotate {
  0% {transform: rotate(0);}
  100% {transform: rotate(360deg);}
 }
 .spinner {
  display: inline-block;
  animation: anim-rotate 2s infinite linear;
  text-shadow: 0 0 .25em rgba(255,255,255, .3);
 }
 .spinner--steps {
  animation: anim-rotate 1s infinite steps(8);
 }
 .spinner--steps2 {
  animation: anim-rotate 1s infinite steps(12);
 }
 .rot90{
  display:inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
 }
 .rot180{
  display:inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
 }
 .rot270{
  display:inline-block;
  -webkit-transform: rotate(270deg);
  -moz-transform:rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
 }
 code{
  color: #ffbe85;
  background: #161f27;
  border-radius: 6px;
  padding: 2.5px 5px;
 }
 .sticky-wrapper .QuestionTable{
  z-index: 999 !important;
 }
 .nowPageTitle{
  position: relative;
  display: inline-block;
  padding-right: 0.05em;
  overflow: hidden;
 }
 .nowPageTitle .letter{
  display: inline-block;
  transform-origin: 0 0;
 }



.rolling-border-box {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
}

.rolling-border-box div {
    position: absolute;
    border: solid 0 rgba(255, 0, 0, 0.5);
    height: 50%;
    width: 50%;
    animation: leftToRight 1.8s infinite linear;
    box-sizing: border-box;
}

.rolling-border-box .rolling-border-line-1 {
    border-top-width: 2px;
    height: 0;
    animation-name: rollingLeftToRight;
}

.rolling-border-box .rolling-border-line-3 {
    border-top-width: 2px;
    height: 0;
    bottom: 0;
    animation-name: rollingRightToLeft;
}

.rolling-border-box .rolling-border-line-2 {
    border-left-width: 2px;
    width: 0;
    bottom: -100%;
    animation-name: rollingBottomToTop;
    animation-delay: 0.9s;
}

.rolling-border-box .rolling-border-line-4 {
    border-left-width: 2px;
    width: 0;
    right: 0;
    top: -100%;
    animation-name: rollingTopToBottom;
    animation-delay: 0.9s;
}

@keyframes rollingLeftToRight {
    0% {left: -100%;}
    100% {left: 100%;}
}

@keyframes rollingRightToLeft {
    0% {right: -100%;}
    100% {right: 100%;}
}

@keyframes rollingTopToBottom {
    0% {top: -100%;}
    100% {top: 100%;}
}

@keyframes rollingBottomToTop {
    0% {bottom: -100%;}
    100% {bottom: 100%;}
}

@keyframes slideInFromLeft {
 0% {width:0%}
 to {width:100%}
}

.calc-flash {
 background-color: #F9FCFF;
 box-shadow: 0 0 4px #FFDB6F;
}