/* line 23, ../_scss/2020/_s_define.scss */
.test {
  font-size: 0.8em;
  font-size: 0.96em;
  font-size: 1.152em;
  font-size: 1.3824em;
  font-size: 1.65888em;
  font-size: 1.99066em;
  font-size: 10px;
  font-size: 12px;
  font-size: 14px;
  font-size: 16px;
  font-size: 20px; }

/**/
/**/
/* line 50, ../_scss/2020/_s_mixin.scss */
.flatYellow {
  background-image: none;
  background-color: #fde5b4;
  border: 1px solid #f9b11f; }

/* line 68, ../_scss/2020/_s_mixin.scss */
.Frame.gradYellow {
  margin: 3px 0; }

/* line 71, ../_scss/2020/_s_mixin.scss */
.Frame.gradYellow,
#Dashboard.Frame.gradYellow,
[class^='Btn'].gradYellow,
.gradYellow {
  border: 1px solid #f9b11f; }

/* line 77, ../_scss/2020/_s_mixin.scss */
.Frame.gradYellow > [class^='Btn'],
.gradYellow > ul > li > [class^='Btn']
#MenuBar.gradYellow > ul > li > [class^='Btn'] {
  border-left: none;
  border-vottom: none;
  border-top: 1px solid #f9b11f;
  border-right: 1px solid #f9b11f; }

/* line 86, ../_scss/2020/_s_mixin.scss */
.Frame.gradYellow > [class^='Btn'],
.Frame.gradYellow > ul > li > [class^='Btn'],
[class^='Btn'].gradYellow,
.gradYellow {
  background-color: #fde1aa;
  background: -moz-linear-gradient(top, #fde1aa, #fbc458);
  background: -webkit-gradient(linear, left top, left bottom, from(#fde1aa), to(#fbc458));
  font-weight: bold; }
  /* line 92, ../_scss/2020/_s_mixin.scss */
  .Frame.gradYellow > [class^='Btn'] > .icon-user.icon,
  .Frame.gradYellow > ul > li > [class^='Btn'] > .icon-user.icon,
  [class^='Btn'].gradYellow > .icon-user.icon,
  .gradYellow > .icon-user.icon {
    background-color: #775103; }

/* line 96, ../_scss/2020/_s_mixin.scss */
.Frame.gradYellow > a:hover[class^='Btn'],
.Frame.gradYellow > ul > li > a:hover[class^='Btn'],
a:hover.gradYellow,
.Frame.gradYellow > button:hover[class^='Btn'],
.Frame.gradYellow > ul > li > button:hover[class^='Btn'],
button:hover.gradYellow,
.Frame.gradYellow > input:hover[class^='Btn'],
.Frame.gradYellow > ul > li > input:hover[class^='Btn'],
input:hover.gradYellow {
  background-color: #fac04c;
  background: -moz-linear-gradient(top, #fac04c, #f9aa0c);
  background: -webkit-gradient(linear, left top, left bottom, from(#fac04c), to(#f9aa0c));
  color: black; }

/* line 50, ../_scss/2020/_s_mixin.scss */
.flatRed {
  background-image: none;
  background-color: #a32929;
  border: 1px solid #a32929; }

/* line 68, ../_scss/2020/_s_mixin.scss */
.Frame.darkRed {
  margin: 3px 0; }

/* line 71, ../_scss/2020/_s_mixin.scss */
.Frame.darkRed,
#Dashboard.Frame.darkRed,
[class^='Btn'].darkRed,
.darkRed {
  border: 1px solid #cc0000; }

/* line 77, ../_scss/2020/_s_mixin.scss */
.Frame.darkRed > [class^='Btn'],
.darkRed > ul > li > [class^='Btn']
#MenuBar.darkRed > ul > li > [class^='Btn'] {
  border-left: none;
  border-vottom: none;
  border-top: 1px solid #cc0000;
  border-right: 1px solid #cc0000; }

/* line 86, ../_scss/2020/_s_mixin.scss */
.Frame.darkRed > [class^='Btn'],
.Frame.darkRed > ul > li > [class^='Btn'],
[class^='Btn'].darkRed,
.darkRed {
  background-color: #db0000;
  background: -moz-linear-gradient(top, #db0000, #af0000);
  background: -webkit-gradient(linear, left top, left bottom, from(#db0000), to(#af0000));
  font-weight: bold; }
  /* line 92, ../_scss/2020/_s_mixin.scss */
  .Frame.darkRed > [class^='Btn'] > .icon-user.icon,
  .Frame.darkRed > ul > li > [class^='Btn'] > .icon-user.icon,
  [class^='Btn'].darkRed > .icon-user.icon,
  .darkRed > .icon-user.icon {
    background-color: #3d0000; }

/* line 96, ../_scss/2020/_s_mixin.scss */
.Frame.darkRed > a:hover[class^='Btn'],
.Frame.darkRed > ul > li > a:hover[class^='Btn'],
a:hover.darkRed,
.Frame.darkRed > button:hover[class^='Btn'],
.Frame.darkRed > ul > li > button:hover[class^='Btn'],
button:hover.darkRed,
.Frame.darkRed > input:hover[class^='Btn'],
.Frame.darkRed > ul > li > input:hover[class^='Btn'],
input:hover.darkRed {
  background-color: #a30000;
  background: -moz-linear-gradient(top, #a30000, #830000);
  background: -webkit-gradient(linear, left top, left bottom, from(#a30000), to(#830000));
  color: black; }

/* line 50, ../_scss/2020/_s_mixin.scss */
.lightCyan {
  background-image: none;
  background-color: #bef4f4;
  border: 1px solid #7de8e8; }

/* line 68, ../_scss/2020/_s_mixin.scss */
.Frame.darkCyan {
  margin: 3px 0; }

/* line 71, ../_scss/2020/_s_mixin.scss */
.Frame.darkCyan,
#Dashboard.Frame.darkCyan,
[class^='Btn'].darkCyan,
.darkCyan {
  border: 1px solid #7de8e8; }

/* line 77, ../_scss/2020/_s_mixin.scss */
.Frame.darkCyan > [class^='Btn'],
.darkCyan > ul > li > [class^='Btn']
#MenuBar.darkCyan > ul > li > [class^='Btn'] {
  border-left: none;
  border-vottom: none;
  border-top: 1px solid #7de8e8;
  border-right: 1px solid #7de8e8; }

/* line 86, ../_scss/2020/_s_mixin.scss */
.Frame.darkCyan > [class^='Btn'],
.Frame.darkCyan > ul > li > [class^='Btn'],
[class^='Btn'].darkCyan,
.darkCyan {
  background-color: #cbf6f6;
  background: -moz-linear-gradient(top, #cbf6f6, #7fe8e8);
  background: -webkit-gradient(linear, left top, left bottom, from(#cbf6f6), to(#7fe8e8));
  font-weight: bold; }
  /* line 92, ../_scss/2020/_s_mixin.scss */
  .Frame.darkCyan > [class^='Btn'] > .icon-user.icon,
  .Frame.darkCyan > ul > li > [class^='Btn'] > .icon-user.icon,
  [class^='Btn'].darkCyan > .icon-user.icon,
  .darkCyan > .icon-user.icon {
    background-color: #146f6f; }

/* line 96, ../_scss/2020/_s_mixin.scss */
.Frame.darkCyan > a:hover[class^='Btn'],
.Frame.darkCyan > ul > li > a:hover[class^='Btn'],
a:hover.darkCyan,
.Frame.darkCyan > button:hover[class^='Btn'],
.Frame.darkCyan > ul > li > button:hover[class^='Btn'],
button:hover.darkCyan,
.Frame.darkCyan > input:hover[class^='Btn'],
.Frame.darkCyan > ul > li > input:hover[class^='Btn'],
input:hover.darkCyan {
  background-color: #74e7e7;
  background: -moz-linear-gradient(top, #74e7e7, #39dcdc);
  background: -webkit-gradient(linear, left top, left bottom, from(#74e7e7), to(#39dcdc));
  color: black; }

/* line 68, ../_scss/2020/_s_mixin.scss */
.Frame.darkGreen {
  margin: 3px 0; }

/* line 71, ../_scss/2020/_s_mixin.scss */
.Frame.darkGreen,
#Dashboard.Frame.darkGreen,
[class^='Btn'].darkGreen,
.darkGreen {
  border: 1px solid #87db33; }

/* line 77, ../_scss/2020/_s_mixin.scss */
.Frame.darkGreen > [class^='Btn'],
.darkGreen > ul > li > [class^='Btn']
#MenuBar.darkGreen > ul > li > [class^='Btn'] {
  border-left: none;
  border-vottom: none;
  border-top: 1px solid #87db33;
  border-right: 1px solid #87db33; }

/* line 86, ../_scss/2020/_s_mixin.scss */
.Frame.darkGreen > [class^='Btn'],
.Frame.darkGreen > ul > li > [class^='Btn'],
[class^='Btn'].darkGreen,
.darkGreen {
  background-color: #e0f6cb;
  background: -moz-linear-gradient(top, #e0f6cb, #b4e87f);
  background: -webkit-gradient(linear, left top, left bottom, from(#e0f6cb), to(#b4e87f));
  font-weight: bold; }
  /* line 92, ../_scss/2020/_s_mixin.scss */
  .Frame.darkGreen > [class^='Btn'] > .icon-user.icon,
  .Frame.darkGreen > ul > li > [class^='Btn'] > .icon-user.icon,
  [class^='Btn'].darkGreen > .icon-user.icon,
  .darkGreen > .icon-user.icon {
    background-color: #416f14; }

/* line 96, ../_scss/2020/_s_mixin.scss */
.Frame.darkGreen > a:hover[class^='Btn'],
.Frame.darkGreen > ul > li > a:hover[class^='Btn'],
a:hover.darkGreen,
.Frame.darkGreen > button:hover[class^='Btn'],
.Frame.darkGreen > ul > li > button:hover[class^='Btn'],
button:hover.darkGreen,
.Frame.darkGreen > input:hover[class^='Btn'],
.Frame.darkGreen > ul > li > input:hover[class^='Btn'],
input:hover.darkGreen {
  background-color: #ade774;
  background: -moz-linear-gradient(top, #ade774, #8bdc39);
  background: -webkit-gradient(linear, left top, left bottom, from(#ade774), to(#8bdc39));
  color: black; }

/* line 68, ../_scss/2020/_s_mixin.scss */
.Frame.gradOrange {
  margin: 3px 0; }

/* line 71, ../_scss/2020/_s_mixin.scss */
.Frame.gradOrange,
#Dashboard.Frame.gradOrange,
[class^='Btn'].gradOrange,
.gradOrange {
  border: 1px solid #ffa64d; }

/* line 77, ../_scss/2020/_s_mixin.scss */
.Frame.gradOrange > [class^='Btn'],
.gradOrange > ul > li > [class^='Btn']
#MenuBar.gradOrange > ul > li > [class^='Btn'] {
  border-left: none;
  border-vottom: none;
  border-top: 1px solid #ffa64d;
  border-right: 1px solid #ffa64d; }

/* line 86, ../_scss/2020/_s_mixin.scss */
.Frame.gradOrange > [class^='Btn'],
.Frame.gradOrange > ul > li > [class^='Btn'],
[class^='Btn'].gradOrange,
.gradOrange {
  background-color: #ffd4a8;
  background: -moz-linear-gradient(top, #ffd4a8, #ffa954);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffd4a8), to(#ffa954));
  font-weight: bold; }
  /* line 92, ../_scss/2020/_s_mixin.scss */
  .Frame.gradOrange > [class^='Btn'] > .icon-user.icon,
  .Frame.gradOrange > ul > li > [class^='Btn'] > .icon-user.icon,
  [class^='Btn'].gradOrange > .icon-user.icon,
  .gradOrange > .icon-user.icon {
    background-color: #7a3d00; }

/* line 96, ../_scss/2020/_s_mixin.scss */
.Frame.gradOrange > a:hover[class^='Btn'],
.Frame.gradOrange > ul > li > a:hover[class^='Btn'],
a:hover.gradOrange,
.Frame.gradOrange > button:hover[class^='Btn'],
.Frame.gradOrange > ul > li > button:hover[class^='Btn'],
button:hover.gradOrange,
.Frame.gradOrange > input:hover[class^='Btn'],
.Frame.gradOrange > ul > li > input:hover[class^='Btn'],
input:hover.gradOrange {
  background-color: #ffa347;
  background: -moz-linear-gradient(top, #ffa347, #ff8306);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa347), to(#ff8306));
  color: black; }

/* line 50, ../_scss/2020/_s_mixin.scss */
.flatPink {
  background-image: none;
  background-color: #f5d6db;
  border: 1px solid #faebed; }

/* line 68, ../_scss/2020/_s_mixin.scss */
.Frame.gradPink {
  margin: 3px 0; }

/* line 71, ../_scss/2020/_s_mixin.scss */
.Frame.gradPink,
#Dashboard.Frame.gradPink,
[class^='Btn'].gradPink,
.gradPink {
  border: 1px solid #db7082; }

/* line 77, ../_scss/2020/_s_mixin.scss */
.Frame.gradPink > [class^='Btn'],
.gradPink > ul > li > [class^='Btn']
#MenuBar.gradPink > ul > li > [class^='Btn'] {
  border-left: none;
  border-vottom: none;
  border-top: 1px solid #db7082;
  border-right: 1px solid #db7082; }

/* line 86, ../_scss/2020/_s_mixin.scss */
.Frame.gradPink > [class^='Btn'],
.Frame.gradPink > ul > li > [class^='Btn'],
[class^='Btn'].gradPink,
.gradPink {
  background-color: #f8e2e6;
  background: -moz-linear-gradient(top, #f8e2e6, #e597a4);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8e2e6), to(#e597a4));
  font-weight: bold; }
  /* line 92, ../_scss/2020/_s_mixin.scss */
  .Frame.gradPink > [class^='Btn'] > .icon-user.icon,
  .Frame.gradPink > ul > li > [class^='Btn'] > .icon-user.icon,
  [class^='Btn'].gradPink > .icon-user.icon,
  .gradPink > .icon-user.icon {
    background-color: #6e1c29; }

/* line 96, ../_scss/2020/_s_mixin.scss */
.Frame.gradPink > a:hover[class^='Btn'],
.Frame.gradPink > ul > li > a:hover[class^='Btn'],
a:hover.gradPink,
.Frame.gradPink > button:hover[class^='Btn'],
.Frame.gradPink > ul > li > button:hover[class^='Btn'],
button:hover.gradPink,
.Frame.gradPink > input:hover[class^='Btn'],
.Frame.gradPink > ul > li > input:hover[class^='Btn'],
input:hover.gradPink {
  background-color: #e28d9b;
  background: -moz-linear-gradient(top, #e28d9b, #d45268);
  background: -webkit-gradient(linear, left top, left bottom, from(#e28d9b), to(#d45268));
  color: black; }

/* line 50, ../_scss/2020/_s_mixin.scss */
.flatBlue {
  background-image: none;
  background-color: #d6dbf5;
  border: 1px solid #ebedfa; }

/* line 68, ../_scss/2020/_s_mixin.scss */
.Frame.gradBlue {
  margin: 3px 0; }

/* line 71, ../_scss/2020/_s_mixin.scss */
.Frame.gradBlue,
#Dashboard.Frame.gradBlue,
[class^='Btn'].gradBlue,
.gradBlue {
  border: 1px solid #7082db; }

/* line 77, ../_scss/2020/_s_mixin.scss */
.Frame.gradBlue > [class^='Btn'],
.gradBlue > ul > li > [class^='Btn']
#MenuBar.gradBlue > ul > li > [class^='Btn'] {
  border-left: none;
  border-vottom: none;
  border-top: 1px solid #7082db;
  border-right: 1px solid #7082db; }

/* line 86, ../_scss/2020/_s_mixin.scss */
.Frame.gradBlue > [class^='Btn'],
.Frame.gradBlue > ul > li > [class^='Btn'],
[class^='Btn'].gradBlue,
.gradBlue {
  background-color: #e2e6f8;
  background: -moz-linear-gradient(top, #e2e6f8, #97a4e5);
  background: -webkit-gradient(linear, left top, left bottom, from(#e2e6f8), to(#97a4e5));
  font-weight: bold; }
  /* line 92, ../_scss/2020/_s_mixin.scss */
  .Frame.gradBlue > [class^='Btn'] > .icon-user.icon,
  .Frame.gradBlue > ul > li > [class^='Btn'] > .icon-user.icon,
  [class^='Btn'].gradBlue > .icon-user.icon,
  .gradBlue > .icon-user.icon {
    background-color: #1c296e; }

/* line 96, ../_scss/2020/_s_mixin.scss */
.Frame.gradBlue > a:hover[class^='Btn'],
.Frame.gradBlue > ul > li > a:hover[class^='Btn'],
a:hover.gradBlue,
.Frame.gradBlue > button:hover[class^='Btn'],
.Frame.gradBlue > ul > li > button:hover[class^='Btn'],
button:hover.gradBlue,
.Frame.gradBlue > input:hover[class^='Btn'],
.Frame.gradBlue > ul > li > input:hover[class^='Btn'],
input:hover.gradBlue {
  background-color: #8d9be2;
  background: -moz-linear-gradient(top, #8d9be2, #5268d4);
  background: -webkit-gradient(linear, left top, left bottom, from(#8d9be2), to(#5268d4));
  color: black; }

/* line 50, ../_scss/2020/_s_mixin.scss */
.flatGray {
  background-image: none;
  background-color: #dbbdbd;
  border: 1px solid #a65959; }

/* line 68, ../_scss/2020/_s_mixin.scss */
.Frame.gradGray {
  margin: 3px 0; }

/* line 71, ../_scss/2020/_s_mixin.scss */
.Frame.gradGray,
#Dashboard.Frame.gradGray,
[class^='Btn'].gradGray,
.gradGray {
  border: 1px solid #66cccc; }

/* line 77, ../_scss/2020/_s_mixin.scss */
.Frame.gradGray > [class^='Btn'],
.gradGray > ul > li > [class^='Btn']
#MenuBar.gradGray > ul > li > [class^='Btn'] {
  border-left: none;
  border-vottom: none;
  border-top: 1px solid #66cccc;
  border-right: 1px solid #66cccc; }

/* line 86, ../_scss/2020/_s_mixin.scss */
.Frame.gradGray > [class^='Btn'],
.Frame.gradGray > ul > li > [class^='Btn'],
[class^='Btn'].gradGray,
.gradGray {
  background-color: #98dddd;
  background: -moz-linear-gradient(top, #98dddd, #60caca);
  background: -webkit-gradient(linear, left top, left bottom, from(#98dddd), to(#60caca));
  font-weight: bold; }
  /* line 92, ../_scss/2020/_s_mixin.scss */
  .Frame.gradGray > [class^='Btn'] > .icon-user.icon,
  .Frame.gradGray > ul > li > [class^='Btn'] > .icon-user.icon,
  [class^='Btn'].gradGray > .icon-user.icon,
  .gradGray > .icon-user.icon {
    background-color: #1b5050; }

/* line 96, ../_scss/2020/_s_mixin.scss */
.Frame.gradGray > a:hover[class^='Btn'],
.Frame.gradGray > ul > li > a:hover[class^='Btn'],
a:hover.gradGray,
.Frame.gradGray > button:hover[class^='Btn'],
.Frame.gradGray > ul > li > button:hover[class^='Btn'],
button:hover.gradGray,
.Frame.gradGray > input:hover[class^='Btn'],
.Frame.gradGray > ul > li > input:hover[class^='Btn'],
input:hover.gradGray {
  background-color: #57c7c7;
  background: -moz-linear-gradient(top, #57c7c7, #39abab);
  background: -webkit-gradient(linear, left top, left bottom, from(#57c7c7), to(#39abab));
  color: black; }

/*
@include GradColorSet("darkCyan",180,100%,40%,40%);
@include GradColorSet("darkOrange",30,100%,70%,70%);
@include GradColorSet("darkRed",0,100%,40%,40%);
*/
/* line 116, ../_scss/2020/_s_mixin.scss */
.Btn25 {
  height: 25px;
  min-height: 25px;
  line-height: 25px;
  font-size: 0.9em;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center; }
  /* line 128, ../_scss/2020/_s_mixin.scss */
  .Btn25 > img {
    margin: 1.5px 0;
    height: 22px; }
  /* line 132, ../_scss/2020/_s_mixin.scss */
  .Btn25 > img.small {
    margin: 4.5px 0;
    height: 16px; }

/* line 116, ../_scss/2020/_s_mixin.scss */
.Btn30 {
  height: 30px;
  min-height: 30px;
  line-height: 30px;
  font-size: 0.95em;
  font-size: 13.5px;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center; }
  /* line 128, ../_scss/2020/_s_mixin.scss */
  .Btn30 > img {
    margin: 4px 0;
    height: 22px; }
  /* line 132, ../_scss/2020/_s_mixin.scss */
  .Btn30 > img.small {
    margin: 7px 0;
    height: 16px; }

/* line 116, ../_scss/2020/_s_mixin.scss */
.Btn35 {
  height: 35px;
  min-height: 35px;
  line-height: 35px;
  font-size: 1em;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center; }
  /* line 128, ../_scss/2020/_s_mixin.scss */
  .Btn35 > img {
    margin: 6.5px 0;
    height: 22px; }
  /* line 132, ../_scss/2020/_s_mixin.scss */
  .Btn35 > img.small {
    margin: 9.5px 0;
    height: 16px; }

/* line 116, ../_scss/2020/_s_mixin.scss */
.Btn40 {
  height: 40px;
  min-height: 40px;
  line-height: 40px;
  font-size: 1.05em;
  font-size: 14.5px;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center; }
  /* line 128, ../_scss/2020/_s_mixin.scss */
  .Btn40 > img {
    margin: 9px 0;
    height: 22px; }
  /* line 132, ../_scss/2020/_s_mixin.scss */
  .Btn40 > img.small {
    margin: 12px 0;
    height: 16px; }

/* line 116, ../_scss/2020/_s_mixin.scss */
.MenuBarBtn {
  height: 40px;
  min-height: 40px;
  line-height: 40px;
  font-size: 1.05em;
  font-size: 14.5px;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center; }
  /* line 128, ../_scss/2020/_s_mixin.scss */
  .MenuBarBtn > img {
    margin: 9px 0;
    height: 22px; }
  /* line 132, ../_scss/2020/_s_mixin.scss */
  .MenuBarBtn > img.small {
    margin: 12px 0;
    height: 16px; }

/* line 116, ../_scss/2020/_s_mixin.scss */
.Btn45 {
  height: 45px;
  min-height: 45px;
  line-height: 45px;
  font-size: 1.1em;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center; }
  /* line 128, ../_scss/2020/_s_mixin.scss */
  .Btn45 > img {
    margin: 11.5px 0;
    height: 22px; }
  /* line 132, ../_scss/2020/_s_mixin.scss */
  .Btn45 > img.small {
    margin: 14.5px 0;
    height: 16px; }

/* line 116, ../_scss/2020/_s_mixin.scss */
.Btn50 {
  height: 50px;
  min-height: 50px;
  line-height: 50px;
  font-size: 1.15em;
  font-size: 15.5px;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center; }
  /* line 128, ../_scss/2020/_s_mixin.scss */
  .Btn50 > img {
    margin: 14px 0;
    height: 22px; }
  /* line 132, ../_scss/2020/_s_mixin.scss */
  .Btn50 > img.small {
    margin: 17px 0;
    height: 16px; }

/* line 116, ../_scss/2020/_s_mixin.scss */
.Btn60 {
  height: 60px;
  min-height: 60px;
  line-height: 60px;
  font-size: 1.25em;
  font-size: 16.5px;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center; }
  /* line 128, ../_scss/2020/_s_mixin.scss */
  .Btn60 > img {
    margin: 19px 0;
    height: 22px; }
  /* line 132, ../_scss/2020/_s_mixin.scss */
  .Btn60 > img.small {
    margin: 22px 0;
    height: 16px; }

/* line 143, ../_scss/2020/_s_mixin.scss */
.BtnSm {
  line-height: 1.3wm;
  font-weight: bold;
  text-align: center;
  margin: 3px 10px;
  width: 100%;
  max-width: 300px;
  min-height: 1.5em;
  font-size: 1em;
  padding: 0.25em 1em; }

/* line 143, ../_scss/2020/_s_mixin.scss */
.BtnMd {
  line-height: 1.3wm;
  font-weight: bold;
  text-align: center;
  margin: 3px 10px;
  width: 100%;
  max-width: 300px;
  min-height: 2em;
  font-size: 1.2em;
  padding: 0.4em 1.2em; }

/* line 143, ../_scss/2020/_s_mixin.scss */
.BtnLg {
  line-height: 1.3wm;
  font-weight: bold;
  text-align: center;
  margin: 3px 10px;
  width: 100%;
  max-width: 300px;
  min-height: 3em;
  font-size: 1.3em;
  padding: 0.85em 1.3em; }

/* line 198, ../_scss/2020/_s_mixin.scss */
.BtnPanel {
  margin: 10px auto; }

/* line 201, ../_scss/2020/_s_mixin.scss */
[class^='Btn'] {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
  display: block; }

/* line 204, ../_scss/2020/_s_mixin.scss */
.Btn25,
.Btn30 {
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  overflow: hidden;
  display: block;
  width: auto;
  padding: 0 1.5em;
  margin: 2px 2px 10px;
  font-size: 1.3824em; }

/* line 213, ../_scss/2020/_s_mixin.scss */
[class^='Frame flat'] [class^='Btn'],
#Dashboard [class^='Btn'] {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
  display: block;
  margin: 3px 0; }

/* line 219, ../_scss/2020/_s_mixin.scss */
[class^='Frame grad'] [class^='Btn'] {
  margin: 0; }

/* line 223, ../_scss/2020/_s_mixin.scss */
.Symbol,
.MailIcon,
.AlertIcon {
  text-align: center;
  display: block;
  width: 100%;
  padding: 20px auto;
  margin: 20px auto; }

/* line 232, ../_scss/2020/_s_mixin.scss */
.Symbol:before,
.MailIcon:before,
.AlertIcon:before {
  font-family: WebSymbolsRegular;
  font-size: 1.99066em;
  padding: 0; }

/* line 239, ../_scss/2020/_s_mixin.scss */
.Symbol:before,
.MailIcon:before {
  content: "@";
  color: #0aa; }

/* line 244, ../_scss/2020/_s_mixin.scss */
.AlertIcon:before {
  content: "W";
  color: #b00; }

/* line 7, ../_scss/2020/s_How2SignUp.scss */
#How2SignUp .Story > p {
  text-indent: 0;
  margin-left: 0;
  display: block; }
/* line 12, ../_scss/2020/s_How2SignUp.scss */
#How2SignUp .Story > p.indent1 {
  text-indent: -1em;
  padding-left: 1em; }
/* line 16, ../_scss/2020/s_How2SignUp.scss */
#How2SignUp .Story > h3 {
  font-weight: bold;
  font-size: 1.25em; }
/* line 20, ../_scss/2020/s_How2SignUp.scss */
#How2SignUp .Story > .imageTbl {
  font-size: 1em;
  width: 680px;
  margin: 20px 0 30px 14px; }
/* line 25, ../_scss/2020/s_How2SignUp.scss */
#How2SignUp .Story > .imageTbl tr > td:first-child {
  width: 540px; }
/* line 28, ../_scss/2020/s_How2SignUp.scss */
#How2SignUp .Story > .imageTbl tr > td:nth-child(2),
#How2SignUp .Story > .imageTbl tr > td:nth-child(2) > p {
  width: 140px; }
/* line 32, ../_scss/2020/s_How2SignUp.scss */
#How2SignUp .Story > .imageTbl tr > td:nth-child(2) > p {
  padding: 5px 5px 5px 10px;
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: bold;
  display: block;
  border: 3px solid #c00;
  text-indent: 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
  display: block;
  background-color: #ffffcc; }

/* line 46, ../_scss/2020/s_How2SignUp.scss */
body.a .Story > .imageTbl tr > td:first-child {
  background: url(/_app/_img/header/used/11-koyo.jpg) -155px 1px no-repeat;
  background-size: auto 65px; }

/* line 50, ../_scss/2020/s_How2SignUp.scss */
body.a .Story > .imageTbl.front tr > td:first-child {
  background: url(/_app/_img/header/used/11-koyo.jpg) -320px 1px no-repeat;
  background-size: auto 65px; }

/* line 55, ../_scss/2020/s_How2SignUp.scss */
body.m#How2SignUp .Story > .imageTbl {
  font-size: 1em;
  width: 286px;
  margin: 20px 0 30px 14px; }
  /* line 61, ../_scss/2020/s_How2SignUp.scss */
  body.m#How2SignUp .Story > .imageTbl tr > td:first-child,
  body.m#How2SignUp .Story > .imageTbl tr > td:first-child img {
    width: 180px; }
  /* line 65, ../_scss/2020/s_How2SignUp.scss */
  body.m#How2SignUp .Story > .imageTbl tr > td:only-child,
  body.m#How2SignUp .Story > .imageTbl tr > td:only-child img {
    width: 286px; }
  /* line 69, ../_scss/2020/s_How2SignUp.scss */
  body.m#How2SignUp .Story > .imageTbl tr > td:nth-child(2),
  body.m#How2SignUp .Story > .imageTbl tr > td:nth-child(2) > p {
    width: 106px; }
  /* line 73, ../_scss/2020/s_How2SignUp.scss */
  body.m#How2SignUp .Story > .imageTbl tr > td:nth-child(2) > p {
    padding: 2px 3px 2px 6px;
    font-size: 10px;
    border: 2px solid #c00; }

/* line 84, ../_scss/2020/s_How2SignUp.scss */
body.m#How2SignUp .Story > .imageTbl tr > td:first-child {
  background: url(/_app/_img/header/used/11-koyo-sub.jpg) 1px 1px no-repeat;
  background-size: 172px auto; }
/* line 88, ../_scss/2020/s_How2SignUp.scss */
body.m#How2SignUp .Story > .imageTbl.front tr > td:first-child {
  background: url(/_app/_img/header/used/11-koyo-top.jpg) 1px 1px no-repeat;
  background-size: 172px auto; }