@charset "UTF-8";
/***!  /templates/bevel/css/legacy.css?1a7014  !***/

.legacy {
  line-height: 155%;
  /* FILE: templates/gk_music_free/css/normalize.css */
  /* FILE: templates/gk_music_free/css/layout.css */
  /* FILE: templates/gk_music_free/css/joomla.css */
  /* FILE: templates/gk_music_free/css/system/system.css */
  /* FILE: templates/gk_music_free/css/template.css */
  /* FILE: templates/gk_music_free/css/menu/menu.css */
  /* FILE: templates/gk_music_free/css/gk.stuff.css */
  /* FILE: templates/gk_music_free/css/style1.css */
  /* FILE: templates/gk_music_free/css/typography/typography.style1.css */
  /* FILE: templates/gk_music_free/css/typography/typography.iconset.style1.css */
  /* FILE: templates/gk_music_free/css/override.css */
}
.legacy #sbox-overlay {
  position: fixed;
  background-color: #000;
  left: 0px;
  top: 0px;
}
.legacy #sbox-window {
  position: absolute;
  background-color: #fff;
  text-align: left;
  overflow: visible;
  padding: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.legacy #sbox-window[aria-hidden=true],
.legacy #sbox-overlay[aria-hidden=true] {
  display: none;
}
.legacy #sbox-btn-close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: -15px;
  top: -15px;
  background: url("https://www.gss.com.tw/media/system/images/modal/closebox.png") no-repeat center;
  border: none;
}
.legacy .sbox-loading #sbox-content {
  background-image: url("https://www.gss.com.tw/media/system/images/modal/spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.legacy #sbox-content {
  clear: both;
  overflow: auto;
  background-color: #fff;
  height: 100%;
  width: 100%;
}
.legacy .sbox-content-image#sbox-content {
  overflow: visible;
}
.legacy #sbox-image {
  display: block;
}
.legacy .sbox-content-image img {
  display: block;
  width: 100%;
  height: 100%;
}
.legacy .sbox-content-iframe#sbox-content {
  overflow: visible;
}
.legacy .body-overlayed {
  overflow: hidden;
}
.legacy .body-overlayed embed,
.legacy .body-overlayed object,
.legacy .body-overlayed select {
  visibility: hidden;
}
.legacy #sbox-window embed,
.legacy #sbox-window object,
.legacy #sbox-window select {
  visibility: visible;
}
.legacy #sbox-window.shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.legacy .sbox-bg {
  position: absolute;
  width: 33px;
  height: 40px;
}
.legacy .sbox-bg-n {
  left: 0;
  top: -40px;
  width: 100%;
  background: url("https://www.gss.com.tw/media/system/images/modal/bg_n.png") repeat-x;
}
.legacy .sbox-bg-ne {
  right: -33px;
  top: -40px;
  background: url("https://www.gss.com.tw/media/system/images/modal/bg_ne.png") no-repeat;
}
.legacy .sbox-bg-e {
  right: -33px;
  top: 0;
  height: 100%;
  background: url("https://www.gss.com.tw/media/system/images/modal/bg_e.png") repeat-y;
}
.legacy .sbox-bg-se {
  right: -33px;
  bottom: -40px;
  background: url("https://www.gss.com.tw/media/system/images/modal/bg_se.png") no-repeat;
}
.legacy .sbox-bg-s {
  left: 0;
  bottom: -40px;
  width: 100%;
  background: url("https://www.gss.com.tw/media/system/images/modal/bg_s.png") repeat-x;
}
.legacy .sbox-bg-sw {
  left: -33px;
  bottom: -40px;
  background: url("https://www.gss.com.tw/media/system/images/modal/bg_sw.png") no-repeat;
}
.legacy .sbox-bg-w {
  left: -33px;
  top: 0;
  height: 100%;
  background: url("https://www.gss.com.tw/media/system/images/modal/bg_w.png") repeat-y;
}
.legacy .sbox-bg-nw {
  left: -33px;
  top: -40px;
  background: url("https://www.gss.com.tw/media/system/images/modal/bg_nw.png") no-repeat;
}
@media (max-width: 979px) {
  .legacy #sbox-btn-close {
    right: -10px;
    top: -10px;
  }
}
@media (max-device-width: 979px) {
  .legacy #sbox-content {
    -webkit-overflow-scrolling: touch;
  }
  .legacy #sbox-content.sbox-content-iframe {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.legacy article,
.legacy aside,
.legacy details,
.legacy figcaption,
.legacy figure,
.legacy footer,
.legacy header,
.legacy hgroup,
.legacy nav,
.legacy section {
  display: block;
}
.legacy audio,
.legacy canvas,
.legacy video {
  display: inline-block;
}
.legacy audio:not([controls]) {
  display: none;
}
.legacy [hidden] {
  display: none;
}
.legacy html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.legacy html,
.legacy button,
.legacy input,
.legacy select,
.legacy textarea {
  font-family: sans-serif;
}
.legacy body {
  margin: 0;
}
.legacy a:focus {
  outline: none;
}
.legacy a:hover,
.legacy a:active {
  outline: none;
}
.legacy h1 {
  font-size: 2em;
}
.legacy abbr[title] {
  border-bottom: 1px dotted;
}
.legacy b,
.legacy strong {
  font-weight: 400;
  color: #222;
}
.legacy blockquote {
  margin: 1em 40px;
}
.legacy dfn {
  font-style: italic;
}
.legacy mark {
  background: #ff0;
  color: #000;
}
.legacy pre,
.legacy code,
.legacy kbd,
.legacy samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}
.legacy pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.legacy q {
  quotes: none;
}
.legacy q:before,
.legacy q:after {
  content: "";
  content: none;
}
.legacy small {
  font-size: 75%;
}
.legacy sub,
.legacy sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.legacy sup {
  top: -0.5em;
}
.legacy sub {
  bottom: -0.25em;
}
.legacy ul,
.legacy ol {
  margin: 0;
  padding: 0 0 0 40px;
}
.legacy dd {
  margin: 0px;
}
.legacy nav ul,
.legacy nav ol {
  list-style: none;
  list-style-image: none;
}
.legacy ol {
  list-style: decimal;
}
.legacy ul {
  list-style: disc;
}
.legacy img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.legacy svg:not(:root) {
  overflow: hidden;
}
.legacy figure {
  margin: 0;
}
.legacy form {
  margin: 0;
}
.legacy fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.legacy legend {
  border: 0;
  padding: 0;
  white-space: normal;
}
.legacy button,
.legacy input,
.legacy select,
.legacy textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}
.legacy button,
.legacy input {
  line-height: normal;
}
.legacy button,
.legacy input[type=button],
.legacy input[type=reset],
.legacy input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  overflow: visible;
}
.legacy input[type=checkbox],
.legacy input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.legacy input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.legacy input[type=search]::-webkit-search-decoration,
.legacy input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.legacy button::-moz-focus-inner,
.legacy input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.legacy textarea {
  overflow: auto;
  vertical-align: top;
}
.legacy table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
}
.legacy html {
  border-bottom: 1px solid transparent;
  min-height: 100%;
}
.legacy body > div > footer,
.legacy body > div > header,
.legacy body > div > section,
.legacy body > footer,
.legacy body > header,
.legacy body > section {
  clear: both;
  margin: 0 auto;
}
.legacy section#gkPageTop,
.legacy section#gkToolbar {
  overflow: visible;
  width: 100%;
}
.legacy #gkTop,
.legacy #gkBottom {
  clear: both;
}
.legacy footer::after,
.legacy header::after,
.legacy section::after,
.legacy aside::after,
.legacy #gkContent::after,
.legacy .itemSocialSharing::after {
  clear: both;
  content: "";
  display: table;
}
.legacy .itemLinks .itemSocialSharing {
  overflow: visible !important;
}
.legacy section#gkContent,
.legacy section#gkComponentWrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.legacy #gkTop > div,
.legacy #gkBottom > div,
.legacy #gkPage .box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.legacy .cols-2 .column-1,
.legacy .cols-2 .column-2 {
  width: 50%;
}
.legacy .cols-3 .column-1,
.legacy .cols-3 .column-2,
.legacy .cols-3 .column-3 {
  float: left;
  width: 33.3%;
}
.legacy .column-1,
.legacy .column-2,
.legacy .column-3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.legacy body > footer:first-child,
.legacy body > header:first-child,
.legacy body > section:first-child,
.legacy section#gkPage > section:first-child,
.legacy section#gkContent > section:first-child,
.legacy section#gkComponentWrap > section:first-child {
  margin-top: 0;
}
.legacy .cols-2 .column-1,
.legacy .cols-3 .column-1 {
  padding-right: 10px;
}
.legacy .cols-2 .column-2,
.legacy .cols-3 .column-3 {
  padding-left: 10px;
}
.legacy .cols-3 .column-2 {
  padding-left: 10px;
  padding-right: 10px;
}
.legacy textarea,
.legacy input[type=text],
.legacy input[type=password],
.legacy input[type=url],
.legacy input[type=email] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  border-top-color: #ccc;
  color: #555;
  font-size: 14px;
  height: 34px;
  line-height: 35px;
  max-width: 100% !important;
  padding: 0 12px;
}
.legacy textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  max-width: 100% !important;
  padding: 24px;
}
.legacy input[type=text]:focus,
.legacy input[type=password]:focus,
.legacy input[type=url]:focus,
.legacy input[type=email]:focus,
.legacy textarea:focus {
  background: #fffef4;
}
.legacy button,
.legacy input.button,
.legacy span.button,
.legacy button.button,
.legacy div.button,
.legacy input[type=submit],
.legacy input[type=button],
.legacy .pagenav-prev a,
.legacy .pagenav-next a,
.legacy .pager .previous a,
.legacy .pager .next a,
.legacy a.readon,
.legacy .itemReadMore {
  background: #222;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin: 1px 5px 2px 2px;
  padding: 0 12px;
  text-align: center;
  -webkit-transition: background-color 0.12s ease-out;
  -moz-transition: background-color 0.12s ease-out;
  -ms-transition: background-color 0.12s ease-out;
  -o-transition: background-color 0.12s ease-out;
  transition: background-color 0.12s ease-out;
}
.legacy button:visited,
.legacy input.button:visited,
.legacy span.button:visited,
.legacy button.button:visited,
.legacy div.button:visited,
.legacy input[type=submit]:visited,
.legacy input[type=button]:visited,
.legacy .pagenav-prev a:visited,
.legacy .pagenav-next a:visited,
.legacy .pager .previous a:visited,
.legacy .pager .next a:visited,
.legacy a.readon:visited,
.legacy .itemReadMore:visited {
  color: #fff !important;
}
.legacy button:hover,
.legacy input.button:hover,
.legacy span.button:hover,
.legacy button.button:hover,
.legacy div.button:hover,
.legacy input[type=submit]:hover,
.legacy input[type=button]:hover,
.legacy .pagenav-prev a:hover,
.legacy .pagenav-next a:hover,
.legacy .pager .previous a:hover,
.legacy .pager .next a:hover,
.legacy a:hover.readon,
.legacy .itemReadMore:hover {
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.legacy input[type=checkbox],
.legacy .checkbox,
.legacy input[type=radio],
.legacy .radio {
  background: transparent !important;
  border: none !important;
  height: auto !important;
  margin-top: 7px !important;
}
.legacy select {
  border: 1px solid #e7e7e7;
  border-top-color: #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #555;
  font-size: 12px !important;
  max-width: 100% !important;
  padding: 2px;
}
.legacy html.-moz- select {
  padding: 5px;
}
.legacy select[size] {
  font-size: 12px;
  height: auto;
}
.legacy select[size="1"] {
  height: 26px !important;
  line-height: 24px;
}
.legacy .invalid {
  background: #fffef4;
  border: 1px solid #e25527 !important;
  color: #000;
}
.legacy label {
  font-size: 13px;
}
.legacy label.invalid {
  background: #fff;
  border: none !important;
  color: #e25527 !important;
}
.legacy legend.hidelabeltxt {
  display: none;
}
.legacy fieldset.filters {
  margin-bottom: 20px;
}
.legacy fieldset.filters > div > * {
  float: left;
  margin-right: 10px;
}
.legacy fieldset.filters > div > select {
  margin-top: 4px;
}
.legacy section article {
  margin-top: 60px;
}
.legacy section article:first-child {
  margin-top: 0;
}
.legacy section > header {
  margin: 0 0 32px;
  padding: 0;
}
.legacy section > header h1 {
  line-height: 56px;
}
.legacy section > header h2 small {
  color: #666;
  font-size: 20px;
}
.legacy section > header div img {
  float: left;
  margin: 0 20px 20px 0;
}
.legacy section > header div p {
  font-size: 14px;
}
.legacy section img {
  height: auto !important;
  max-width: 100% !important;
}
.legacy section.categories-list ul {
  clear: both;
}
.legacy section.category .children,
.legacy section.blog .children {
  clear: both;
  margin-top: 32px;
}
.legacy section.categories-list ul ul li {
  border: none;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  margin-left: 24px;
  padding-left: 18px;
}
.legacy section.categories-list ul ul li a {
  font-size: 12px;
}
.legacy section.categories-list li,
.legacy section.category .children li,
.legacy section.blog .children li {
  border-top: 1px solid #eee;
  clear: both;
  line-height: 1.4;
  overflow: hidden;
  padding: 12px 0;
}
.legacy section.categories-list li:first-child,
.legacy section.category .children li:first-child,
.legacy section.blog .children li:first-child {
  border-top: none !important;
}
.legacy section.categories-list li > a,
.legacy section.category .children li > a,
.legacy section.blog .children li > a {
  font-size: 14px;
}
.legacy section.categories-list li > div p,
.legacy section.category .children li > div p,
.legacy section.blog .children li > div p {
  color: #999;
  font-size: 11px;
  line-height: 1.2;
  margin: 0;
}
.legacy section.categories-list li > dl,
.legacy section.category .children li > dl,
.legacy section.blog .children li > dl {
  font-size: 11px;
  margin: 0;
}
.legacy section.categories-list li > dl > dt,
.legacy section.category .children li > dl > dt,
.legacy section.blog .children li > dl > dt {
  float: left;
}
.legacy section.categories-list li > dl > dd,
.legacy section.category .children li > dl > dd,
.legacy section.blog .children li > dl > dd {
  float: left;
  font-weight: bold;
  margin-left: 5px;
}
.legacy section.category .children h3,
.legacy section.blog .children h3 {
  font-size: 24px;
  line-height: 24px;
  margin: 20px 0;
}
.legacy .filters .hidelabeltxt {
  display: none;
}
.legacy .filters .display-limit {
  float: right;
}
.legacy .filters .display-limit select {
  display: inline !important;
  float: none;
}
.legacy table {
  margin-bottom: 20px;
  width: 100%;
}
.legacy th {
  background: #222;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 10px;
  text-align: left;
}
.legacy .category th a {
  color: #fff;
}
.legacy tbody tr td {
  border-bottom: 1px solid #eee;
  padding: 6px 10px;
}
.legacy tbody tr td p {
  margin: 0.5em 0;
}
.legacy section.blog .leading {
  margin-bottom: 20px;
}
.legacy section.blog .items-row {
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
}
.legacy section.blog .items-row article header li {
  border: none;
  padding: 0 0 3px;
}
.legacy section.blog .items-more {
  clear: both;
}
.legacy section.blog .items-more h3 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 20px;
}
.legacy section.blog .items-more ol {
  margin-top: 0;
}
.legacy article {
  position: relative;
}
.legacy article header {
  margin: 12px 0 18px;
}
.legacy article header h1 {
  clear: both;
  line-height: 46px;
}
.legacy article header h2 {
  line-height: 46px;
}
.legacy article header h1 a,
.legacy article header h2 a {
  color: #353639;
}
.legacy article header ul {
  margin: 6px 0;
  overflow: hidden;
  position: relative;
}
.legacy article header li {
  color: #aeaeae;
  float: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 1;
  padding: 6px;
}
.legacy article header > ul > li:before {
  color: #b5b5b5;
  content: "| ";
  white-space: pre;
}
.legacy article header li:first-child:before {
  content: "";
}
.legacy li.print-icon,
.legacy li.email-icon,
.legacy li.edit-icon {
  padding: 6px 0;
}
.legacy li.print-icon a {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/system/printButton.png") top left no-repeat;
  width: 15px;
  height: 14px;
  text-indent: -9999px;
  float: left;
  margin: -12px -1px 0 20px;
}
.legacy li.email-icon a {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/system/emailButton.png") top left no-repeat;
  width: 18px;
  height: 14px;
  text-indent: -9999px;
  float: left;
  margin: -12px 3px 0 15px;
}
.legacy li.edit-icon a {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/system/edit.png") top left no-repeat;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  float: left;
  margin: -12px 3px 0 15px;
}
.legacy article header li a {
  color: #222;
}
.legacy article header + div,
.legacy article header + p {
  clear: both;
}
.legacy .img-intro-none {
  float: none;
}
.legacy .img-intro-none img {
  float: none !important;
  margin: 0 auto;
}
.legacy .img-intro-left {
  float: left;
  margin: 0 20px 20px 0;
}
.legacy .img-intro-right {
  float: right;
  margin: 0 0 20px 20px;
}
.legacy .img-fulltext-none,
.legacy .img-fulltext-left,
.legacy .img-fulltext-right {
  float: none;
  margin: 0 0 46px;
  overflow: hidden;
  position: relative;
}
.legacy .img-fulltext-none > div,
.legacy .img-fulltext-left > div,
.legacy .img-fulltext-right > div {
  float: none !important;
  width: 100% !important;
}
.legacy .img-fulltext-none img,
.legacy .img-fulltext-left img,
.legacy .img-fulltext-right img {
  display: block;
  height: auto !important;
  max-width: 100% !important;
  width: 100% !important;
}
.legacy p.img_caption {
  bottom: 24px;
  color: #fff;
  font-size: 12px;
  left: 0;
  margin: 0;
  padding: 5px 12px;
  position: absolute;
}
.legacy .item-page ul {
  list-style-type: none;
}
.legacy .content-links {
  margin-bottom: 20px;
}
.legacy .filter-search .filter-search-lbl {
  margin-top: 5px;
}
.legacy .edit fieldset > div {
  clear: both;
  padding: 5px 0;
}
.legacy .edit fieldset > div label {
  display: block;
  float: left;
  min-width: 120px;
}
.legacy section.login .login-fields {
  padding-bottom: 16px;
}
.legacy section.login .login-fields label {
  display: block;
  float: left;
  line-height: 34px;
  min-width: 100px;
}
.legacy section.login ul {
  font-size: 11px;
  margin-top: 40px;
}
.legacy .profile-edit legend {
  color: #222;
  font-size: 24px;
}
.legacy .profile legend {
  color: #222;
  font-size: 24px;
}
.legacy .profile dt {
  clear: both;
  float: left;
  font-size: 95%;
  font-weight: bold;
  min-width: 200px;
}
.legacy .contact .jicons-icons {
  display: none;
}
.legacy .contact-image {
  float: right;
}
.legacy dt.inline {
  float: left;
}
.legacy .contact h3 {
  border-top: 1px solid #eee;
  margin: 30px 0 0;
  padding: 12px 0 0;
}
.legacy #jform_contact_email_copy {
  margin-left: 10px;
}
.legacy section.newsfeed > ol {
  list-style: none;
}
.legacy section.newsfeed > ol > li {
  border-top: 1px solid #eee;
  padding: 24px 0 0;
}
.legacy section.newsfeed > ol > li > a {
  font-size: 42px;
}
.legacy section.contentpane iframe {
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.legacy .tip {
  background: #fff;
  border: 1px solid #eee;
  -webkit-box-shadow: 1px 1px 1px #888;
  -moz-box-shadow: 1px 1px 1px #888;
  -ms-box-shadow: 1px 1px 1px #888;
  -o-box-shadow: 1px 1px 1px #888;
  box-shadow: 1px 1px 1px #888;
  max-width: 350px;
  padding: 8px;
}
.legacy .tip-title {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding: 5px 15px;
}
.legacy .tip-text {
  color: #555;
  font-size: 12px;
  padding: 5px 0;
}
.legacy #system-message dt {
  display: none;
}
.legacy #system-message {
  margin: 0;
}
.legacy #system-message dd ul {
  list-style: none !important;
}
.legacy #system-message dd {
  background: #353636;
  color: #fff;
  font-size: 16px;
  margin: 0 -16px;
  padding: 5px 12px;
  text-align: center;
}
.legacy #system-message dd.error {
  color: #fff;
}
.legacy #system-message dd.notice {
  background: #fff;
  color: #333;
}
.legacy #system-message-container {
  margin: 0;
  padding: 0;
}
.legacy .item-page > div.pagination {
  display: none !important;
}
.legacy .pagination {
  clear: both;
  margin: 48px 0 0;
}
.legacy .pagination ul {
  background: #222;
  text-align: center;
}
.legacy .pagination ul li {
  display: inline-block;
  color: #888;
  cursor: default;
}
.legacy .pagination ul li a,
.legacy .pagination ul li span {
  border-left: 1px solid #444;
  display: block;
  height: 38px;
  line-height: 38px;
  padding: 2px 12px;
  text-align: center;
}
.legacy .pagination ul li a {
  color: #fff;
}
.legacy .pagination ul li a:hover {
  background: #7cadde;
}
.legacy .pagination ul li.counter {
  float: right;
  line-height: 42px;
  font-size: 11px;
  margin-right: 12px;
}
.legacy ul.pagenav,
.legacy ul.pager {
  margin-bottom: 15px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  padding: 0;
}
.legacy ul.pagenav .pagenav-next,
.legacy ul.pager .next {
  float: right;
}
.legacy ul.pager .previous {
  float: left;
}
.legacy #member-registration legend {
  font-size: 32px;
  line-height: 32px;
  color: #353639;
}
.legacy #member-registration dt,
.legacy #member-registration dd {
  display: inline-block;
  padding-bottom: 10px;
}
.legacy #member-registration dt {
  min-width: 170px;
}
.legacy #member-registration dd {
  min-width: 200px;
}
.legacy #member-registration dd:after {
  content: "\a";
  white-space: pre;
}
.legacy #member-registration fieldset + div {
  line-height: 35px;
}
.legacy #member-profile > div {
  line-height: 35px;
}
.legacy #gkMainbody .registration {
  width: 500px;
}
.legacy .bannergroup:first-line,
.legacy .bannergroup_text:first-line {
  font-size: 14px;
  color: #333;
}
.legacy div.banneritem {
  border-top: 1px solid #f0f0f0;
  padding: 8px 0;
  font-size: 11px;
  color: #999;
}
.legacy div.banneritem a {
  font-size: 13px;
}
.legacy div.bannerfooter {
  border-top: 1px solid #f0f0f0;
  font-size: 11px;
  font-style: italic;
  padding-top: 5px;
  text-align: right;
}
.legacy #gkSocialAPI {
  border-top: 1px solid #eee;
  margin: 20px 0 10px;
  padding: 20px 0 0;
  clear: both;
}
.legacy #gkSocialAPI > iframe,
.legacy #gkSocialAPI > #___plusone_0,
.legacy #gkSocialAPI > #___plus_0 {
  position: relative;
  top: -5px;
}
.legacy #gkSocialAPI > #___plus_0 {
  margin-right: 15px;
}
.legacy #dynamic_recaptcha_1,
.legacy #recaptcha_area {
  margin-bottom: -30px;
  max-width: 480px;
  min-height: 112px;
}
.legacy #gkMainbody #dynamic_recaptcha_1,
.legacy #gkMainbody #recaptcha_area {
  margin-bottom: 10px;
}
.legacy .pane-sliders {
  margin-bottom: 20px;
}
.legacy .pane-sliders .panel h3 {
  border-bottom: 1px solid #eee;
  text-transform: uppercase;
  color: #353639;
  padding: 5px 0;
}
.legacy .pagenavcounter {
  font-size: 12px;
}
.legacy .article-index {
  float: right;
  margin: 0 0 30px 30px;
  padding: 0 0 0 24px;
  width: 180px;
  border-left: 3px solid #222;
}
.legacy .article-index ul {
  margin: 0;
  padding: 0;
}
.legacy .article-index li {
  border-top: 1px solid #eee;
  line-height: 3;
  font-size: 12px;
}
.legacy .article-index li a {
  color: #353639;
}
.legacy .article-index li a.active {
  font-weight: bold;
  color: #333;
}
.legacy .article-index li:first-child {
  border-top: none;
  margin-top: 10px;
}
.legacy dl#tabs,
.legacy dl.tabs {
  margin: 0 0 10px 0;
  min-height: 30px;
  overflow: hidden;
}
.legacy dl#tabs dt.tabs,
.legacy dl.tabs dt.tabs {
  float: left;
  margin: 10px 6px 0 0;
  padding: 0 8px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #e5e5e5;
}
.legacy dl#tabs dt.tabs span h3,
.legacy dl.tabs dt.tabs span h3 {
  margin: 0;
  padding: 0;
  font-size: 115%;
}
.legacy dl#tabs dt.tabs span h3 a,
.legacy dl.tabs dt.tabs span h3 a {
  float: left;
  padding: 0 15px;
  height: 30px;
  line-height: 29px;
}
.legacy dl#tabs dt.tabs h3:hover a,
.legacy dl.tabs dt.tabs h3:hover a {
  cursor: pointer;
}
.legacy dl#tabs dt.tabs.open a,
.legacy dl.tabs dt.tabs.open a {
  color: #353639;
}
.legacy div.pager {
  display: none;
}
.legacy #finder-search fieldset label[for=q] {
  margin-top: 5px;
}
.legacy #searchForm fieldset input[type=radio],
.legacy #searchForm fieldset input[type=checkbox] {
  margin-top: 13px !important;
}
.legacy #searchForm .ordering-box select#ordering {
  margin-top: 9px !important;
}
.legacy #search-form fieldset.word label,
.legacy #search-form fieldset.word input,
.legacy #search-form fieldset.word button {
  float: left;
  margin-right: 5px;
}
.legacy #searchForm label,
.legacy #searchForm input {
  float: left;
  margin: 0 5px 0 0;
}
.legacy #searchForm label {
  margin-top: 7px;
}
.legacy #searchForm .controls input[type=radio] {
  margin-top: 6px !important;
}
.legacy #searchForm fieldset,
.legacy .search-results dt {
  margin: 12px 0 0;
  padding: 12px 0 6px;
  border-top: 1px solid #e5e5e5;
}
.legacy fieldset.phrases,
.legacy fieldset.only {
  border: 1px solid #e5e5e5;
  padding: 12px 24px 24px !important;
}
.legacy #searchForm fieldset.word {
  border: none;
  padding: 20px 0;
}
.legacy #searchForm fieldset legend {
  color: #222;
  padding: 0 6px;
}
.legacy .search-results dt:first-child {
  border-top: none;
}
.legacy .searchintro strong {
  font-weight: 400;
  font-size: 16px;
  color: #222;
}
.legacy .form-limit {
  float: right;
  margin: 24px 0 0;
}
.legacy .result-category,
.legacy .result-created {
  color: #afafaf;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}
.legacy .result-created {
  float: right;
  margin: 6px 0 0;
  font-size: 11px;
}
.legacy .result-title {
  clear: both;
  color: #222;
}
.legacy #advanced-search-toggle {
  font-size: 11px;
  display: block;
  padding: 10px 0;
  text-align: center;
}
.legacy .advanced-search-tip {
  padding: 12px 0;
  margin: 0 0 24px;
  font-size: 12px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.legacy .advanced-search-tip p {
  margin: 0;
}
.legacy #finder-filter-select-list label {
  float: left;
  font-size: 12px;
  min-width: 140px;
  line-height: 36px;
  clear: both;
}
.legacy #finder-filter-select-list li {
  padding: 0;
  overflow: hidden;
}
.legacy #search-query-explained {
  font-size: 11px;
  padding: 10px 0;
  border-bottom: 4px solid #eee;
}
.legacy #search-result-empty h2 {
  font-size: 18px;
}
.legacy div.search-pages-counter {
  text-align: center;
  font-size: 12px;
  font-style: italic;
}
.legacy .search-results .highlight {
  background-color: #ffc;
  font-weight: bold;
  padding: 1px 4px;
}
.legacy .archive article {
  border-top: 1px solid #eee;
  padding: 32px 0 0;
}
.legacy .img-intro-left,
.legacy .img-intro-right,
.legacy .img-intro-center {
  max-width: 100% !important;
}
.legacy #gkPageContent .menu,
.legacy #gkPageContent .level0 {
  margin: -16px;
}
.legacy #gkPageContent .menu li,
.legacy #gkPageContent .level0 li {
  border-top: 1px solid #e5e5e5;
  font-size: 12px;
  font-weight: bold;
  -webkit-transition: padding-left 250ms ease-out;
  -moz-transition: padding-left 250ms ease-out;
  -ms-transition: padding-left 250ms ease-out;
  -o-transition: padding-left 250ms ease-out;
  transition: padding-left 250ms ease-out;
  background: #f9f9f9;
}
.legacy #gkPageContent .menu li:first-child,
.legacy #gkPageContent .box.dark .menu li:first-child,
.legacy #gkPageContent .box.color2 .menu li:first-child,
.legacy #gkPageContent .level0 li:first-child,
.legacy #gkPageContent .box.dark .level0 li:first-child,
.legacy #gkPageContent .box.color2 .level0 li:first-child {
  border: none;
}
.legacy #gkPageContent .menu li:hover,
.legacy #gkPageContent .level0 li:hover {
  padding-left: 12px;
}
.legacy #gkPageContent .menu li a,
.legacy #gkPageContent .level0 li a {
  color: #222;
  display: block;
  padding: 8px 16px;
}
.legacy #gkPageContent .box.dark .menu li,
.legacy #gkPageContent .box.dark .level0 li {
  border-top: 1px solid #353535;
  background: #252525;
}
.legacy #gkPageContent .box.dark .menu li a,
.legacy #gkPageContent .box.dark .level0 li a {
  color: #999;
  display: block;
  padding: 8px 16px;
}
.legacy #gkPageContent .box.dark .menu li a:hover,
.legacy #gkPageContent .box.dark .level0 li a:hover {
  color: #fff;
}
.legacy #gkPageContent .box.color2 .menu li,
.legacy #gkPageContent .box.color2 .level0 li {
  border-top: 1px solid #92bdec;
}
.legacy #gkPageContent .box.color2 .menu li a,
.legacy #gkPageContent .box.color2 .level0 li a {
  color: #fff;
  display: block;
  padding: 8px 16px;
}
.legacy #gkPageContent .box.color2 .menu li a:hover,
.legacy #gkPageContent .box.color2 .level0 li a:hover {
  color: #fff;
}
.legacy .mod-languages {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.legacy .mod-languages form {
  margin: 0px 8px;
  float: left;
}
.legacy .mod-languages select {
  font-size: 11px;
  line-height: 18px;
  height: 28px;
  padding: 5px;
  -webkit-box-shadow: inset 0 3px 5px #eee;
  -moz-box-shadow: inset 0 3px 5px #eee;
  box-shadow: inset 0 3px 5px #eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.legacy .mod-languages div.pretext,
.legacy .mod-languages div.posttext {
  display: inline-block;
  padding: 0 3px;
  float: left;
}
.legacy .mod-languages div.pretext p,
.legacy .mod-languages div.posttext p {
  margin: 0;
  padding: 0;
}
.legacy .mod-languages ul.lang-inline,
.legacy .mod-languages ul.lang-block {
  display: inline-block;
  float: left;
}
.legacy div.mod-languages > ul.lang-block > li,
.legacy div.mod-languages > ul.lang-inline > li {
  float: left;
  line-height: 32px;
  margin: 0 5px;
}
.legacy .mod-languages ul li.lang-active {
  font-weight: bold;
}
.legacy .mod-languages ul li a img {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: -moz-transform 0.1s ease-out;
  -o-transition: -o-transform 0.1s ease-out;
  -webkit-transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
}
.legacy .mod-languages ul li a:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: -webkit-transform 0.6s ease-out;
  -webkit-transition: -webkit-transform 0.6s ease-out;
  -webkit-transition: -webkit-transform 0.6s ease-out;
  -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
}
.legacy .mod-languages ul li.lang-active a img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.legacy div.articleContent div.content-links ul li {
  background: none !important;
  padding-left: 0 !important;
}
.legacy .item-page.edit .formelm {
  clear: both;
  float: left;
}
.legacy .item-page.edit .formelm .button2-left {
  margin-top: 6px;
}
.legacy .item-page.edit .formelm-area label {
  display: block;
  width: 100%;
}
.legacy .item-page.edit .formelm-buttons {
  margin-top: 5px;
  overflow: hidden;
}
.legacy .item-page.edit .fltlft {
  float: left;
}
.legacy .item-page.edit legend {
  font-size: 140%;
  font-style: italic;
}
.legacy .item-page.edit .toggle-editor {
  margin-top: -5px;
}
.legacy #editor-xtd-buttons {
  padding: 5px;
}
.legacy .button2-left,
.legacy .button2-right,
.legacy .button2-left div,
.legacy .button2-right div {
  float: left;
}
.legacy .button2-left a,
.legacy .button2-right a,
.legacy .button2-left span,
.legacy .button2-right span {
  display: block;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 11px;
  color: #666;
  cursor: pointer;
}
.legacy .button2-left span,
.legacy .button2-right span {
  cursor: default;
  color: #999;
}
.legacy .button2-left .page a,
.legacy .button2-right .page a,
.legacy .button2-left .page span,
.legacy .button2-right .page span {
  padding: 0 6px;
}
.legacy .button2-left a:hover,
.legacy .button2-right a:hover {
  text-decoration: none;
  color: #0b55c4;
}
.legacy .button2-left a,
.legacy .button2-left span {
  padding: 0 30px 0 10px;
  font-size: 12px;
  line-height: 23px;
}
.legacy .button2-right a,
.legacy .button2-right span {
  padding: 0 6px 0 24px;
}
.legacy .button2-left {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/joomla/j_button2_left.png") no-repeat;
  float: left;
  margin-left: 5px;
}
.legacy .button2-right {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/joomla/j_button2_right.png") 100% 0 no-repeat;
  float: left;
  margin-left: 5px;
}
.legacy .button2-left .image {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/joomla/j_button2_image.png") 100% 0 no-repeat;
}
.legacy .button2-left .readmore,
.legacy .button2-left .article {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/joomla/j_button2_readmore.png") 100% 0 no-repeat;
}
.legacy .button2-left .pagebreak {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/joomla/j_button2_pagebreak.png") 100% 0 no-repeat;
}
.legacy .button2-left .blank {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/joomla/j_button2_blank.png") 100% 0 no-repeat;
}
.legacy a img.calendar {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/joomla/calendar.png") no-repeat;
  cursor: pointer;
  vertical-align: middle;
}
.legacy ::selection {
  color: #fff;
}
.legacy html {
  -webkit-font-smoothing: antialiased;
}
.legacy body {
  background: #f5f5f5;
  color: #7d7b7a;
  font-size: 14px;
  line-height: 2;
  min-height: 100%;
  padding-bottom: 54px !important;
  word-wrap: break-word;
}
.legacy a {
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  -webkit-font-smoothing: antialiased;
}
.legacy a:hover,
.legacy a:active,
.legacy a:focus {
  color: #222;
}
.legacy h1,
.legacy h2,
.legacy h3,
.legacy h4,
.legacy h5 {
  color: #222;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.legacy h1 {
  font-size: 46px;
}
.legacy h2,
.legacy .componentheading {
  font-size: 42px;
  font-weight: 400;
}
.legacy h3 {
  font-size: 24px;
}
.legacy h4 {
  font-size: 125%;
}
.legacy h5 {
  font-size: 110%;
}
.legacy ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.legacy ul li {
  line-height: 2;
}
.legacy p {
  margin: 0.5em 0 1.5em;
}
.legacy img {
  max-width: 100%;
}
.legacy #gkPageContent {
  width: 100%;
}
.legacy #gkPage {
  display: block;
  margin: 0 auto;
  overflow: visible;
}
.legacy #gkContent > div {
  background: #fff;
  border: 1px solid #ddd;
  padding: 16px;
}
.legacy #gkLogo {
  display: block;
  float: left;
  margin: 0 60px 0 0;
  text-indent: -999em;
  text-shadow: none;
}
.legacy #gkLogo img {
  display: block;
  margin: 0;
}
.legacy #gkLogo.cssLogo {
  height: 50px;
  width: 100px;
}
.legacy #gkLogo.text {
  color: #fff;
  text-indent: 0;
  text-transform: uppercase;
}
.legacy #gkLogo.text > span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin-top: 9px;
  text-align: center;
}
.legacy #gkLogo.text .gkLogoSlogan {
  color: #ddd;
  display: block;
  font-size: 9px;
  line-height: 9px;
}
.legacy #gkPageTop {
  background: #222;
  background-image: -webkit-linear-gradient(bottom, rgb(34, 34, 34) 32%, rgb(45, 45, 45) 66%);
  background-image: -moz-linear-gradient(bottom, rgb(34, 34, 34) 32%, rgb(45, 45, 45) 66%);
  background-image: -o-linear-gradient(bottom, rgb(34, 34, 34) 32%, rgb(45, 45, 45) 66%);
  background-image: -ms-linear-gradient(bottom, rgb(34, 34, 34) 32%, rgb(45, 45, 45) 66%);
  background-image: linear-gradient(bottom, rgb(34, 34, 34) 32%, rgb(45, 45, 45) 66%);
  margin-bottom: 28px;
  min-height: 50px;
}
.legacy #gkToolbar {
  background: #f9f9f9;
  border-bottom: 1px solid #ddd;
  margin: -28px 0 28px;
  min-height: 36px;
}
.legacy #gkToolbar .social {
  float: right;
}
.legacy #gkToolbar > div:first-child {
  float: left;
}
.legacy #gkToolbar ul {
  float: left;
  min-height: 36px;
  overflow: hidden;
}
.legacy #gkUserLinks {
  float: right;
  font-size: 11px;
  font-weight: bold;
  line-height: 50px;
}
.legacy #gkUserLinks a {
  display: block;
  float: left;
  margin-left: 6px;
  padding-left: 24px;
}
.legacy #gkUserLinks a#btnLogin {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/login.png") no-repeat 0 0;
}
.legacy #gkUserLinks a#btnRegister {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/users.png") no-repeat 0 0;
}
.legacy #gkUserLinks a:hover {
  color: #fff;
}
.legacy #gkTopToolbar {
  float: left;
}
.legacy #gkToolbar a {
  color: #666;
}
.legacy #gkToolbar a:hover,
.legacy #gkToolbar a:active,
.legacy #gkToolbar a:focus {
  color: #222;
}
.legacy #gkToolbar ul li {
  border-left: 1px solid #e5e5e5;
  color: #7d7b7a;
  float: left;
  font-size: 12px;
  line-height: 14px;
  margin: 11px 0 0;
  padding: 0 9px;
}
.legacy #gkToolbar ul li:first-child {
  border-left: none;
  padding-left: 0;
}
.legacy #gkMainbody article > p > ul,
.legacy #gkMainbody article > div > ul,
.legacy #gkMainbody article > ul {
  margin: 0 0 24px 12px;
}
.legacy #gkMainbody article > p > ul li,
.legacy #gkMainbody article > div > ul li,
.legacy #gkMainbody article > ul li {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet-circle2.png") no-repeat 0 6px !important;
  line-height: 1.8em !important;
  list-style: none;
  margin: 0 !important;
  overflow: inherit;
  padding: 2px 0 2px 24px;
}
.legacy #gkMainbody article ul.pager li {
  background-image: none !important;
  padding: 0;
}
.legacy #gkBreadcrumb {
  border-bottom: 1px solid #ddd;
  margin: 0 0 32px;
  padding: 0 0 12px;
}
.legacy #gkBreadcrumb .breadcrumbs {
  float: left;
  line-height: 22px;
}
.legacy #gkBreadcrumb .breadcrumbs li.separator {
  color: #ddd;
  display: block;
  float: left;
  margin: 0 5px;
}
.legacy #gkBreadcrumb .breadcrumbs > ul {
  line-height: 32px;
}
.legacy #gkBreadcrumb .breadcrumbs > ul > li {
  border-top: none;
  color: #222;
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 2px;
}
.legacy #gkBreadcrumb .breadcrumbs a {
  color: #8a8a8a;
  font-weight: normal;
}
.legacy #gkBreadcrumb .breadcrumbs a:active,
.legacy #gkBreadcrumb .breadcrumbs a:focus,
.legacy #gkBreadcrumb .breadcrumbs a:hover {
  color: #333;
}
.legacy #gkTools {
  float: right;
}
.legacy #gkTools a {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/font_size.png") no-repeat -38px 50%;
  display: block;
  float: left;
  height: 16px;
  margin: 0 0 0 0px !important;
  text-indent: -99999em;
  width: 22px;
}
.legacy a#gkToolsReset {
  background-position: -15px 50%;
  margin-left: 6px;
}
.legacy a#gkToolsDec {
  background-position: 6px 50%;
}
.legacy #gkFooter {
  background: #222;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #7d7b7a;
  font-size: 12px;
  height: 42px;
  line-height: 42px;
  margin: 10px 0 0;
  position: fixed;
  width: 100%;
  z-index: 100;
}
.legacy #gkFooter a {
  color: #888;
}
.legacy #gkFooter a:hover {
  color: #fff;
}
.legacy #gkFooter > small {
  float: left;
  font-size: 24px;
  height: 52px;
  margin-left: 16px;
  text-shadow: 1px 1px 0 #fff;
}
.legacy #gkFooter > div {
  margin: 0 16px 0 0;
  min-height: 40px;
}
.legacy #gkFooter > p {
  float: right;
  margin: 0;
}
.legacy #gkFooter > p a {
  color: #ccc;
}
.legacy #gkFooterMenu {
  display: none;
}
.legacy #gkTopLink {
  background: #181818 url("https://www.gss.com.tw/templates/gk_music_free/images/toplink.png") no-repeat 50% 0;
  border: 1px solid #313131;
  border-bottom: none;
  border-top: none;
  display: block;
  float: left;
  height: 42px;
  margin: 0 18px 0 0;
  text-indent: -99999em;
  width: 36px;
}
.legacy a:hover#gkTopLink {
  background-position: 50% 100%;
}
.legacy #gkFooter ul li {
  border-left: 1px solid #444;
  float: left;
  line-height: 14px;
  margin: 14px 0 0;
  padding: 0 9px;
}
.legacy #gkFooter ul li:first-child {
  border-left: none;
  padding-left: 0;
}
.legacy #gkStyleArea {
  float: right;
  margin: 30px 0;
  text-align: center;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.legacy #gkStyleArea > a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 16px 5px 0 0;
  text-indent: -9999px;
  -webkit-transition: transform 0.125s ease-out;
  -moz-transition: transform 0.125s ease-out;
  -ms-transition: transform 0.125s ease-out;
  -o-transition: transform 0.125s ease-out;
  transition: transform 0.125s ease-out;
  width: 8px;
}
.legacy #gkStyleArea > a:hover {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.legacy #gkColor1 {
  background: #7cadde;
}
.legacy #gkColor2 {
  background: #bd5532;
}
.legacy #gkColor3 {
  background: #8d9274;
}
.legacy #gkFrameworkLogo {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/gavern.png") no-repeat 0 -4px;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  float: right;
  height: 42px;
  margin: 0 0 0 60px;
  opacity: 0.5;
  padding-bottom: 12px;
  text-indent: -9999em;
  width: 77px;
}
.legacy a:hover#gkFrameworkLogo {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 1;
}
.legacy #gkSocial {
  position: absolute;
  text-align: center;
  top: 13px;
  width: 100%;
}
.legacy #gkSocial p {
  width: 100%;
}
.legacy .nobg #gkContent > div {
  background: transparent;
  border: none !important;
  overflow: visible;
  padding: 0;
}
.legacy .box {
  overflow: hidden;
  width: 100%;
}
.legacy div.content {
  background: #fff;
  border: 1px solid #ddd;
  clear: both;
  overflow: hidden;
  padding: 16px;
}
.legacy .box li a {
  text-decoration: none;
}
.legacy .box a {
  text-decoration: none;
}
.legacy #gkContent .box:first-child {
  padding-top: 0 !important;
}
.legacy #gkContent .box {
  padding: 0 !important;
}
.legacy .box .header {
  background: #f7f7f7;
  background-image: -webkit-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(251, 251, 251) 90%);
  background-image: -moz-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(251, 251, 251) 90%);
  background-image: -o-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(251, 251, 251) 90%);
  background-image: -ms-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(251, 251, 251) 90%);
  background-image: linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(251, 251, 251) 90%);
  border: 1px solid #ddd;
  border-bottom: none;
  color: #222;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  padding: 14px 16px 12px;
  text-shadow: 0 0 1px #fff;
  text-transform: uppercase;
}
.legacy .box.clear {
  margin: 0;
}
.legacy .box.clear div.content {
  margin: 0;
  padding: 0;
}
.legacy .clear div.content {
  clear: both;
}
.legacy .clear .header {
  display: none;
}
.legacy .box.transparent {
  background: transparent !important;
}
.legacy .box.transparent div.content,
.legacy .box.transparent h3.header {
  background: transparent !important;
  border: none !important;
  padding: 0;
}
.legacy .box.transparent h3.header {
  padding: 14px 0 12px;
}
.legacy .box.advertisement .header {
  background: none;
  border: none;
  color: #999 !important;
  font-family: Arial, Verdana, sans-serif !important;
  font-size: 9px !important;
  padding: 14px 0 7px;
  text-align: right;
  text-transform: uppercase;
}
.legacy .box.color1 h3.header {
  color: #fff;
  text-shadow: none;
}
.legacy .box.color2 h3.header {
  color: #fff;
  text-shadow: none;
}
.legacy .box.color2 ul li {
  padding: 2px 0;
}
.legacy .box.color2 ul li:first-child {
  border-top: none;
}
.legacy .box.color2 a {
  color: #fff;
}
.legacy .box.color2 b,
.legacy .box.color2 strong {
  font-weight: bold;
}
.legacy .box.dark h3.header {
  background: #151515;
  border-color: #151515;
  color: #ccc;
  text-shadow: none;
}
.legacy .box.dark h3.header + .content {
  border-top-color: #333;
}
.legacy .box.dark div.content {
  background: #222;
  border-color: #222;
  color: #999;
}
.legacy .box.dark ul li {
  border-top: 1px solid #444;
  padding: 2px 0;
}
.legacy .box.dark ul li:first-child {
  border-top: none;
}
.legacy .box.dark a {
  color: #eee;
}
.legacy .box.dark b,
.legacy .box.dark strong {
  color: #eee;
  font-weight: bold;
}
.legacy .box.hot,
.legacy .box.top,
.legacy .box.new {
  position: relative;
}
.legacy .box .box.hot:first-child:before,
.legacy .box .box.top:first-child:before,
.legacy .box .box.new:first-child:before {
  right: 16px;
  top: 0px;
}
.legacy .box .box.hot:before,
.legacy .box .box.top:before,
.legacy .box .box.new:before {
  right: 16px;
  top: 0px;
}
.legacy .box .box.hot,
.legacy .box .box.top,
.legacy .box .box.new {
  overflow: visible;
}
.legacy .box.hot:before,
.legacy .box.top:before,
.legacy .box.new:before {
  background: transparent url("https://www.gss.com.tw/templates/gk_music_free/images/style1/badges.png") no-repeat 0 -110px;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 15px;
  width: 42px;
}
.legacy .box.top:before {
  background-position: 0 -55px;
}
.legacy .box.new:before {
  background-position: 0 0;
}
.legacy .notablet {
  display: none;
}
.legacy .nomobile {
  display: none;
}
.legacy .onlytablet {
  display: none;
}
.legacy .onlymobile {
  display: none;
}
.legacy #gkFBLogin {
  float: left;
  width: 45%;
}
.legacy #gkFBLogin p {
  line-height: 18px;
  margin: 14px 0 20px;
}
.legacy #gkFBLogin + #login-form,
.legacy #gkFBLogin + #com-login-form {
  border-left: 1px solid #e7e7e7;
  float: left;
  margin-left: 4%;
  padding-left: 30px;
  width: 45%;
}
.legacy #form-login-remember {
  margin: 10px 0;
}
.legacy #form-login-remember label {
  color: #777;
  font-size: 11px;
  font-weight: normal;
  line-height: 27px;
}
.legacy #login-form fieldset {
  margin: 0 0 36px;
}
.legacy #login-form fieldset p {
  margin: 0.5em 0;
}
.legacy #login-form ul {
  border-top: 1px solid #e7e7e7;
  overflow: hidden;
  padding: 12px 0 0;
}
.legacy #login-form ul li {
  font-size: 11px;
  line-height: 1.6;
}
.legacy #login-form ul li a {
  color: #999;
}
.legacy #login-form ul li a:hover {
  color: #222;
}
.legacy #login-form input[type=text],
.legacy #login-form input[type=password] {
  width: 90%;
}
.legacy label#jform_spacer-lbl {
  color: #666;
  font-size: 11px;
  font-weight: normal;
}
.legacy #loginForm .login-greeting {
  float: left;
  font-size: 14px;
  margin-right: 32px;
}
.legacy .gkUsermenu {
  border-top: 1px solid #eee;
  clear: both;
  padding-top: 10px;
  position: relative;
  top: 10px;
}
.legacy .gkUsermenu li {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet-square1.png") no-repeat 0 4px;
  font-size: 12px;
  padding-left: 16px;
}
.legacy span#fb-auth small {
  background: transparent url("https://www.gss.com.tw/templates/gk_music_free/images/fbauth.png") no-repeat 0 2px;
  border-right: 1px solid #a0aecd;
  display: block;
  float: left;
  height: 17px;
  margin: 2px 7px 0 0;
  text-indent: -999em;
  width: 20px;
}
.legacy span#fb-auth {
  background-color: #798db9;
  border: 1px solid #4d576b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  height: 17px;
  line-height: 22px;
  margin: 12px 0 6px;
  padding: 2px 24px 7px 12px;
  position: relative;
  top: -3px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #445375;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.legacy span#fb-auth:hover {
  background-color: #556b9b;
}
.legacy .login span#fb-auth {
  margin: 6px 0 0 10px;
}
.legacy #gkPopupOverlay,
.legacy #gkPopupLogin {
  background: #fff;
  display: none;
  left: 50%;
  overflow: hidden;
  position: fixed;
  top: 50%;
  z-index: 1000002;
}
.legacy #gkPopupLogin {
  position: absolute;
  top: 100px;
}
.legacy #gkPopupLogin {
  margin-left: -160px;
  width: 320px;
}
.legacy .gkPopupWrap {
  padding: 28px;
}
.legacy .gkPopupWrap h3 {
  border-bottom: 1px solid #e7e7e7;
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 24px;
  padding: 0 0 12px;
}
.legacy .gkPopupWrap h3 small {
  font-size: 14px;
}
.legacy #gkPopupOverlay {
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
  filter: alpha(opacity=45);
  height: 100%;
  left: 0;
  margin-left: 0;
  opacity: 0.45;
  top: 0;
  width: 100%;
  z-index: 1000001;
}
.legacy #gkPage > .box {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.legacy #gkPage > .box.gkSidebarPreloader,
.legacy #gkPage > #gkContent.box {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.legacy #gkPage > .box.loaded {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.legacy .box {
  transition: opacity 0.35s ease-in-out;
}
.legacy #gkPage > .box.gkSidebarPreloader {
  text-indent: -9999em;
}
.legacy #gkPage > .box.gkSidebarPreloader > div {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/loader.gif") no-repeat 10% 0;
  height: 7px;
}
.legacy #gkPage > .box.gkSidebarPreloader.loaded {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.legacy #gkPage > .box.gkPreloaderFullWidth {
  width: 100%;
}
.legacy html body[data-tablet=true] {
  padding-bottom: 0 !important;
}
.legacy body[data-tablet=true] #gkFooter {
  bottom: 0 !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -ms-box-sizing: content-box !important;
  -o-box-sizing: content-box !important;
  box-sizing: content-box !important;
  left: 0 !important;
  margin: 0 0 -1px -16px !important;
  max-height: 41px;
  overflow: hidden;
  padding: 0 16px !important;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
}
.legacy #gkMainMenu {
  float: left;
  margin: 0;
}
.legacy #gkMainMenu .gkMenu {
  display: block;
  float: left;
}
.legacy .gkMenu > ul > li {
  float: left;
  height: 30px;
  width: auto;
}
.legacy .gkMenu > ul > li > a {
  display: block;
}
.legacy .gkMenu > ul > li a small {
  display: block;
  font-size: 11px;
  line-height: 13px;
}
.legacy .gkMenu > ul > li > .childcontent,
.legacy .gkMenu > ul > li > .childcontent .childcontent {
  left: -999em;
  position: absolute;
  z-index: 999;
}
.legacy .gkMenu > ul > li > .childcontent .gkcol {
  float: left;
}
.legacy .gkMenu > ul > li:hover > .childcontent,
.legacy .gkMenu > ul > li:hover > .childcontent li:hover > .childcontent {
  left: inherit;
}
.legacy .gkMenu > ul > li:hover > .childcontent .childcontent {
  margin-left: 140px;
  margin-top: -25px !important;
}
.legacy .gkMenu {
  margin: 0;
  position: relative;
  z-index: 1000;
}
.legacy .gkMenu > ul {
  height: 50px;
  margin: 0;
  padding: 0;
}
.legacy .gkMenu > ul > li {
  height: 50px;
}
.legacy .gkMenu > ul > li:first-child {
  background: none;
}
.legacy .gkMenu > ul > li > a {
  color: #bbb;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 12px;
}
.legacy .gkMenu > ul > li.hasDesc > a small {
  color: #777;
  font-size: 10px;
  margin-top: -17px;
}
.legacy .gkMenu > ul > li:hover > a,
.legacy .gkMenu > ul > li:active > a,
.legacy .gkMenu > ul > li:focus > a,
.legacy .gkMenu > ul > li.active:hover > a,
.legacy .gkMenu > ul > li.active:active > a,
.legacy .gkMenu > ul > li.active:focus > a,
.legacy .gkMenu > ul > li.active > a {
  color: #fff !important;
}
.legacy .gkMenu > ul > li.haschild:hover {
  background: #151515 !important;
}
.legacy .gkMenu > ul ul {
  margin: 0;
  padding: 0;
}
.legacy .gkMenu > ul div.childcontent {
  font-weight: normal !important;
}
.legacy .gkMenu > ul div.childcontent div.childcontent:before {
  display: none;
}
.legacy .gkMenu > ul div.childcontent div.childcontent {
  border: 1px solid #222;
  border-bottom: none;
  border-right: none;
  margin-top: -10px;
  padding-top: 0 !important;
}
.legacy .gkMenu > ul div.childcontent-inner {
  background: #151515;
  overflow: hidden;
  padding: 6px 0;
  text-align: left;
}
.legacy .gkMenu > ul > li > .childcontent .gkcol {
  padding-bottom: 0;
}
.legacy .gkMenu > ul div.childcontent li {
  border-top: 1px solid #333;
  font-size: 12px;
  font-weight: bold;
  margin: 0 24px;
  padding: 6px 0;
}
.legacy .gkMenu > ul div.childcontent li:first-child {
  border: none;
}
.legacy .gkMenu > ul div.childcontent a {
  color: #bbb;
  display: block;
  min-height: 24px;
}
.legacy .gkMenu > ul div.childcontent small {
  color: #666;
  font-weight: normal;
  margin: 0 0 6px;
}
.legacy .gkMenu > ul div.childcontent li.group {
  background: none;
  border: none !important;
  height: auto;
  margin: 0;
  padding: 0;
}
.legacy .gkMenu > ul div.childcontent li.active > a,
.legacy .gkMenu > ul div.childcontent li:hover > a,
.legacy .gkMenu > ul div.childcontent li > a:hover {
  color: #fff;
}
.legacy .gkMenu > ul div.childcontent header {
  background: #222;
  color: #959595;
  display: block;
  font-weight: 400 !important;
  margin: 24px 24px 12px;
  padding: 0 8px;
}
.legacy .gkMenu > ul div.childcontent header a {
  color: #bbb !important;
  font-size: 14px;
  text-transform: uppercase;
}
.legacy .gkMenu > ul div.childcontent header small {
  color: #666;
  display: block;
  text-transform: none;
}
.legacy #gkMainMenu .module p {
  font-size: 12px;
  line-height: 18px;
}
.legacy #gkMobileMenu {
  display: none;
}
@media screen and (max-width: 800px), screen and (max-device-width: 800px), only screen and (max-device-width: 1600px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-device-width: 1600px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 1600px) and (min-device-pixel-ratio: 2) {
  .legacy #gkMainMenu {
    clear: left;
    margin-top: -15px !important;
  }
}
@media screen and (max-width: 640px), screen and (max-device-width: 640px), only screen and (max-device-width: 1300px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-device-width: 1300px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-device-width: 1300px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 1300px) and (min-device-pixel-ratio: 2) {
  .legacy #gkExtraMenu {
    display: none !important;
  }
  .legacy #gkMainMenu {
    background: transparent url("https://www.gss.com.tw/templates/gk_music_free/images/style1/mobile_menu.png") no-repeat center center;
    clear: none !important;
    color: #aaa;
    float: right !important;
    height: 40px;
    left: 10px;
    line-height: 40px;
    padding-top: 20px;
    position: relative;
    top: 15px !important;
    text-indent: 5px;
    width: 50px;
  }
  .legacy #gkMainMenu select {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -15px;
    width: 100%;
  }
  .legacy #gkMobileMenu {
    clear: both;
    display: block;
    position: relative;
    width: 100%;
  }
  .legacy #gkUserLinks {
    float: left !important;
    position: relative;
    z-index: 10;
  }
  .legacy #gkUserLinks a {
    padding-left: 0 !important;
    text-indent: -9999px;
    width: 24px !important;
  }
}
.legacy .gkTabsGK5 {
  position: relative;
}
.legacy .gkTabsWrap {
  margin: 0;
}
.legacy .gkTabsWrap.vertical ol {
  background: #f8f8f8;
  border-bottom: 1px solid #ddd;
  margin: -16px -16px 10px !important;
  min-height: 41px;
  padding: 0 !important;
}
.legacy .gkTabsWrap.vertical ol li,
.legacy .gkTabsWrap.horizontal ol li {
  border-right: 1px solid #e5e5e5;
  color: #444;
  cursor: pointer;
  float: left;
  font-size: 11px;
  height: 42px;
  line-height: 42px;
  list-style-type: none;
  margin: 0;
  padding: 0 8px;
  text-align: center;
  text-transform: uppercase;
}
.legacy .gkTabsWrap.vertical ol li.active,
.legacy .gkTabsWrap.horizontal ol li.active {
  background: #fff;
}
.legacy .gkTabsContainer {
  clear: both;
  overflow: hidden;
  position: relative;
}
.legacy .gkTabsItem {
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  left: -9999px;
  padding: 10px 2px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.legacy .gkTabsItem.active {
  left: 0;
  position: relative;
  z-index: 2;
}
.legacy .gkTabsWrap.vertical .gkTabsContainer + ol {
  border: none;
  border-top: 1px solid #ddd;
  bottom: -16px;
  margin: 10px -16px 0 !important;
  position: relative;
}
.legacy .gkTabsWrap.horizontal ol,
.legacy .gkTabsWrap.horizontal .gkTabsContainer {
  clear: none;
  float: left;
}
.legacy .gkTabsWrap.horizontal ol li {
  border: 1px solid #ddd;
  border-top: none;
  float: none;
}
.legacy .gkTabsWrap.horizontal ol li:first-child {
  border-top: 1px solid #ddd;
}
.legacy .gkTabsWrap.horizontal .gkTabsContainer + ol {
  float: right;
}
.legacy .nsp {
  position: relative;
}
.legacy .nspMain {
  overflow: hidden;
}
.legacy .nspBotInterface,
.legacy .nspTopInterface {
  clear: both;
  overflow: hidden;
}
.legacy .nspBotInterface div,
.legacy .nspTopInterface div {
  float: right;
}
.legacy .box.nsp .nspTopInterface div {
  position: absolute;
  right: 20px;
  top: 18px;
}
.legacy #gkContent .box.nsp .nspTopInterface div {
  top: 13px;
}
.legacy .nspPagination {
  float: left;
  list-style-type: none !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;
}
.legacy .nspPagination li {
  background: #ddd;
  border: none !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 9px;
  margin: 0 0 0 4px !important;
  padding: 0 !important;
  text-indent: -999em;
  width: 9px;
}
.legacy .nspBotInterface .nspPagination li {
  margin-left: 4px !important;
}
.legacy .nspPagination + span {
  margin-left: 8px;
}
.legacy .nspNext,
.legacy .nspPrev {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/nsp_interface.png") no-repeat -13px -8px;
  cursor: pointer;
  float: left;
  height: 21px;
  margin: 8px 0 0;
  width: 13px;
  text-indent: -999em;
}
.legacy .nspPrev {
  background-position: 0 0;
  margin: 0;
}
.legacy .nspNext:hover {
  background-position: -13px -45px;
}
.legacy .nspPrev:hover {
  background-position: 0 -37px;
}
.legacy .nspCounter {
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #878787;
  cursor: pointer;
  float: left;
  font-size: 9px;
  margin: 0 0 0 8px;
  padding: 1px 4px;
}
.legacy .nspArts {
  overflow: hidden;
}
.legacy .nspArtPage {
  float: left;
}
.legacy .nspArt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.legacy .nspArt div {
  overflow: hidden;
}
.legacy .nspArt h4.nspHeader {
  line-height: 21px;
  font-size: 18px;
}
.legacy .nspArt h4.nspHeader a {
  color: #222;
  text-decoration: none;
}
.legacy .nspArt img.nspImage {
  border: none;
}
.legacy .nspArt img {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.legacy .nspArt .nspImageWrapper {
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.legacy .nspArt .nspImageWrapper:hover img {
  -webkit-transform: scale(1.2) rotate(-7deg);
  -moz-transform: scale(1.2) rotate(-7deg);
  -ms-transform: scale(1.2) rotate(-7deg);
  -o-transform: scale(1.2) rotate(-7deg);
  transform: scale(1.2) rotate(-7deg);
}
.legacy .nspArt p.nspText {
  float: none;
  margin: 1.5em 0;
}
.legacy .nspArt p.nspInfo {
  color: #aaa;
  font-size: 12px;
  margin: 0;
}
.legacy .nspArt .tleft {
  text-align: left;
}
.legacy .nspArt .tright {
  text-align: right;
}
.legacy .nspArt .tcenter {
  text-align: center;
}
.legacy .nspArt .tjustify {
  text-align: justify;
}
.legacy .nspArt .fleft {
  float: left;
}
.legacy .nspArt .fright {
  float: right;
}
.legacy .nspArt .fnone {
  clear: both;
  float: none;
  width: 100%;
}
.legacy .readon.left,
.legacy .readon.right,
.legacy .readon.center {
  clear: both;
}
.legacy .readon.left {
  float: left;
}
.legacy .readon.right {
  float: right;
}
.legacy .readon.center {
  display: inline;
  float: none;
}
.legacy .nspList {
  float: left;
}
.legacy .nspLinks ul {
  list-style-type: none !important;
  padding: 0 !important;
}
.legacy .nspLinks ul li {
  border-top: 1px solid #ddd;
  line-height: 1;
  margin: 0 !important;
  padding: 2px 0;
}
.legacy .nspLinks ul li:first-child {
  border-top: none;
}
.legacy .nspLinks ul li h4 {
  font-size: 14px;
  line-height: 18px;
  margin: 8px 0;
}
.legacy .nspLinks ul li p {
  margin: 0.5em 0;
}
.legacy .nspArts.left {
  float: right;
}
.legacy .nspLinksWrap.left {
  float: left;
}
.legacy .nspArts.right {
  float: left;
}
.legacy .nspLinksWrap.right {
  float: right;
}
.legacy .nspMain .unvisible {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.legacy .nspFs80 {
  font-size: 80%;
}
.legacy .nspFs90 {
  font-size: 90%;
}
.legacy .nspFs100 {
  font-size: 100%;
}
.legacy .nspFs110 {
  font-size: 110%;
}
.legacy .nspFs120 {
  font-size: 120%;
}
.legacy .nspFs130 {
  font-size: 130%;
}
.legacy .nspFs140 {
  font-size: 140%;
}
.legacy .nspFs150 {
  font-size: 150%;
}
.legacy .nspFs160 {
  font-size: 160%;
}
.legacy .nspFs170 {
  font-size: 170%;
}
.legacy .nspFs180 {
  font-size: 180%;
}
.legacy .nspFs190 {
  font-size: 190%;
}
.legacy .nspFs200 {
  font-size: 200%;
}
.legacy .gkResponsive {
  line-height: 1;
}
.legacy .gkResponsive img.nspImage,
.legacy img.nspImage.gkResponsive {
  height: auto;
  width: 100% !important;
}
.legacy .gkResponsive a,
.legacy a.gkResponsive {
  display: block;
  margin: 0 !important;
}
.legacy a.gkResponsive,
.legacy div.gkResponsive {
  margin-bottom: 18px !important;
}
.legacy div.gkResponsive a.gkResponsive {
  margin-bottom: 0 !important;
}
.legacy .nspArt img.nspImage {
  max-width: 100%;
}
.legacy .nspArtScroll1,
.legacy .nspLinkScroll1 {
  width: 100%;
}
.legacy .nspPages1 {
  width: 100%;
}
.legacy .nspPages2 {
  width: 200%;
}
.legacy .nspPages3 {
  width: 300%;
}
.legacy .nspPages4 {
  width: 400%;
}
.legacy .nspPages5 {
  width: 500%;
}
.legacy .nspPages6 {
  width: 600%;
}
.legacy .nspPages7 {
  width: 700%;
}
.legacy .nspPages8 {
  width: 800%;
}
.legacy .nspPages9 {
  width: 900%;
}
.legacy .nspPages10 {
  width: 1000%;
}
.legacy .nspCol1 {
  width: 100%;
}
.legacy .nspCol2 {
  width: 50%;
}
.legacy .nspCol3 {
  width: 33.3%;
}
.legacy .nspCol4 {
  width: 25%;
}
.legacy .nspCol5 {
  width: 20%;
}
.legacy .nspCol6 {
  width: 16.66%;
}
.legacy .nspCol7 {
  width: 14.285%;
}
.legacy .nspCol8 {
  width: 12.5%;
}
.legacy .nspCol9 {
  width: 11.1%;
}
.legacy .nspCol10 {
  width: 10%;
}
.legacy .nspCol11 {
  width: 9.09%;
}
.legacy .nspCol12 {
  width: 8.33%;
}
.legacy .nspCol13 {
  width: 7.69%;
}
.legacy .nspCol14 {
  width: 7.14%;
}
.legacy .nspCol15 {
  width: 6.66%;
}
.legacy .nspCol16 {
  width: 6.25%;
}
.legacy .nspCol17 {
  width: 5.88%;
}
.legacy .nspCol18 {
  width: 5.55%;
}
.legacy .nspCol19 {
  width: 5.26%;
}
.legacy .nspCol20 {
  width: 5%;
}
.legacy .big .nspHeader {
  font-size: 35px !important;
}
.legacy .dark .nspArt h4.nspHeader a {
  color: #fff;
}
.legacy .dark .nspArt h4.nspHeader a:active,
.legacy .dark .nspArt h4.nspHeader a:focus,
.legacy .dark .nspArt h4.nspHeader a:hover {
  color: #bbb;
}
.legacy .dark .nspArt p.nspInfo {
  color: #7e8085;
}
.legacy .dark .readon {
  background: #393939;
}
.legacy .dark .readon:hover {
  color: #fff !important;
}
.legacy .dark .nspPagination li {
  background: #494949;
}
.legacy .dark .nspPagination li:hover,
.legacy .dark .nspPagination li.active {
  background: #a5a5a5;
}
.legacy .dark .nspNext,
.legacy .dark .nspPrev {
  background-position: -13px -84px;
  cursor: pointer;
  text-indent: -999em;
}
.legacy .dark .nspPrev {
  background-position: 0 -75px;
}
.legacy .dark .nspNext:hover {
  background-position: -13px -122px;
}
.legacy .dark .nspPrev:hover {
  background-position: 0 -112px;
}
.legacy .color2 .nspArt h4.nspHeader a {
  color: #fff;
}
.legacy .color2 .readon:hover {
  background: #222;
}
.legacy .color2 .nspPagination li:hover,
.legacy .color2 .nspPagination li.active {
  background: #fff;
}
.legacy .color2 .nspNext,
.legacy .color2 .nspPrev {
  background-position: -13px -159px;
  cursor: pointer;
  text-indent: -999em;
}
.legacy .color2 .nspPrev {
  background-position: 0 -150px;
}
.legacy .color2 .nspNext:hover,
.legacy .color2 .nspPrev:hover {
  background-position: -13px -197px;
}
.legacy .color2 .nspPrev:hover {
  background-position: 0 -187px;
}
.legacy .centernav .nspTopInterface > div {
  bottom: 16px;
  left: auto !important;
  margin-left: -19px;
  position: absolute;
  right: 0 !important;
  text-align: center;
  top: auto !important;
  width: 100%;
}
.legacy .centernav .nspTopInterface ul {
  display: inline-block;
  float: none;
  margin-left: 0 !important;
}
.legacy .centernav .nspArts {
  margin-bottom: 20px;
}
.legacy .centernav .nspTopInterface .nspNext,
.legacy .centernav .nspTopInterface .nspPrev {
  display: none;
}
.legacy ::selection {
  background: #7cadde;
}
.legacy a {
  color: #7cadde;
}
.legacy #gkLogo.cssLogo {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/logo.png") no-repeat 0 0;
  overflow: hidden;
}
.legacy #gkTools a:hover {
  border-color: #7cadde;
}
.legacy .box.color1 h3.header {
  background: #7cadde;
  border-color: #7cadde;
}
.legacy .box.color1 h3.header + .content {
  border-top-color: #7cadde;
}
.legacy .box.color2 h3.header {
  background: #6d9ccc;
  border-color: #6d9ccc;
}
.legacy .box.color2 h3.header + .content {
  border-top-color: #88b7e7;
}
.legacy .box.color2 div.content {
  background: #7cadde;
  border-color: #7cadde;
  color: #ecf6ff;
}
.legacy .box.color2 ul li {
  border-top: 1px solid #98c5f2;
}
.legacy .box.color2 a:active,
.legacy .box.color2 a:focus,
.legacy .box.color2 a:hover {
  color: #ecf6ff;
}
.legacy .box.color2 b,
.legacy .box.color2 strong {
  color: #ecf6ff;
}
.legacy .box.dark a:active,
.legacy .box.dark a:focus,
.legacy .box.dark a:hover {
  color: #7cadde;
}
.legacy .box.hot:before,
.legacy .box.top:before,
.legacy .box.new:before {
  background-image: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/badges.png");
}
.legacy .gkUsermenu li {
  background-image: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet-square1.png");
}
.legacy button:hover,
.legacy input.button:hover,
.legacy span.button:hover,
.legacy button.button:hover,
.legacy div.button:hover,
.legacy input[type=submit]:hover,
.legacy input[type=button]:hover,
.legacy .pagenav-prev a:hover,
.legacy .pagenav-next a:hover,
.legacy .pager .previous a:hover,
.legacy .pager .next a:hover,
.legacy a:hover.readon,
.legacy .itemReadMore:hover {
  background: #7cadde;
}
.legacy article header h1 a:hover,
.legacy article header h2 a:hover {
  color: #7cadde;
}
.legacy article header li a:hover {
  color: #7cadde;
}
.legacy p.img_caption {
  background: #7cadde;
}
.legacy .tip-title {
  background: #7cadde;
}
.legacy #system-message dd.error {
  background: #7cadde;
}
.legacy .article-index li a:hover {
  color: #7cadde;
}
.legacy .autocompleter-queried {
  color: #7cadde !important;
}
.legacy #gkPageContent .menu li a:hover,
.legacy #gkPageContent .level0 li a:hover {
  color: #7cadde;
}
.legacy #gkPageContent .box.color2 .menu li,
.legacy #gkPageContent .box.color2 .level0 li {
  border-top: 1px solid #92bdec;
  background: #7cadde;
}
.legacy .nspPagination li:hover,
.legacy .nspPagination li.active {
  background: #7cadde;
}
.legacy .nspNext,
.legacy .nspPrev {
  background-image: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/nsp_interface.png");
}
.legacy .nspArt h4.nspHeader a:active,
.legacy .nspArt h4.nspHeader a:focus,
.legacy .nspArt h4.nspHeader a:hover {
  color: #7cadde;
}
.legacy .color2 .nspArt h4.nspHeader a:active,
.legacy .color2 .nspArt h4.nspHeader a:focus,
.legacy .color2 .nspArt h4.nspHeader a:hover {
  color: #ecf6ff;
}
.legacy .color2 .nspArt p.nspInfo {
  color: #ecf6ff;
}
.legacy .color2 .readon {
  background: #6998c7;
}
.legacy .color2 .nspPagination li {
  background: #5b89b8;
}
.legacy .gkTabsWrap.vertical ol li:hover,
.legacy .gkTabsWrap.horizontal ol li:hover {
  color: #7cadde;
}
.legacy .k2FeedIcon a,
.legacy a.k2FeedIcon {
  background-image: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/rss.png");
}
.legacy ul li.itemResizer a {
  background-image: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/fonts.png");
}
.legacy .itemExtraFields {
  border-top: 4px solid #f89a4f;
}
.legacy .itemRatingForm .formLogLoading {
  background-image: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/loading.gif");
}
.legacy .itemRatingList,
.legacy .itemRatingList a:hover,
.legacy .itemRatingList .itemCurrentRating {
  background-image: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/star.png");
}
.legacy .itemAuthorBlock {
  background-image: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/pattern.png");
}
.legacy .itemAuthorContent div ul li a,
.legacy .itemNavigation {
  color: #7d7b7a;
}
.legacy #itemListLinks li {
  background-image: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet-square2.png");
}
.legacy .k2CalendarBlock table.calendar tr td.calendarTodayLinked {
  background: #7cadde;
}
.legacy .k2CalendarBlock table.calendar tr td.calendarToday {
  background: #7cadde;
}
.legacy .k2TagCloudBlock a {
  background: #7cadde;
}
.legacy .k2CommentItem span a {
  color: #7cadde;
}
.legacy p.gkHeadline {
  color: #222;
  font: normal 2em/1.9 "Lucida Grande", Tahoma;
  margin: 5px 0 0 !important;
  text-align: center;
}
.legacy p.gkSubHeadline {
  color: #666;
  font: lighter 0.75em/1em "Lucida Grande", Tahoma;
  letter-spacing: 0.3em;
  margin: 0 0 24px !important;
  text-align: center;
  text-transform: uppercase;
}
.legacy p.gkSmallHeadline {
  color: #bbb;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 1em 0 !important;
  text-transform: uppercase;
}
.legacy p.gkLargeHeadline {
  color: #444;
  font: normal 44px/38px Arial, Helvetica, sans-serif;
  letter-spacing: -2px;
  margin: 0 !important;
  padding: 0px 0px 6px 0px;
}
.legacy .gkfile1,
.legacy .gkfile2,
.legacy .gksearch,
.legacy .gkzoomminus,
.legacy .gkzoomplus,
.legacy .gkerror,
.legacy .gktick,
.legacy .gkbook,
.legacy .gkmap,
.legacy .gktag,
.legacy .gkstats,
.legacy .gkstar,
.legacy .gkribbon,
.legacy .gknav,
.legacy .gkgraph,
.legacy .gkflash,
.legacy .gklocation,
.legacy .gklocationminus,
.legacy .gklocationplus,
.legacy .gkbulb {
  background-position: 0 8px !important;
  background-repeat: no-repeat !important;
  min-height: 38px !important;
  padding: 0 0 2px 62px !important;
}
.legacy p.gkInfo1,
.legacy p.gkTips1,
.legacy p.gkWarning1 {
  line-height: 22px;
  min-height: 38px;
  padding: 10px 12px 12px 68px;
}
.legacy .gkHighlight1,
.legacy .gkHighlight2,
.legacy .gkHighlight3,
.legacy .gkHighlight4 {
  cursor: default;
  padding: 1px 5px;
  text-shadow: none;
}
.legacy .gkHighlight1:hover {
  background: #fff;
}
.legacy .gkHighlight2:hover {
  background: #222;
  color: #fff;
}
.legacy .gkHighlight3:hover {
  background: #737373;
  color: #fff;
}
.legacy .gkHighlight4:hover {
  background: #eee;
  color: #222;
}
.legacy pre,
.legacy .gkCode1,
.legacy .gkCode2,
.legacy .gkCode3 {
  font: normal 0.92em/18px "Curier New", monospace !important;
  margin: 10px 0 15px !important;
  padding: 10px 15px !important;
}
.legacy pre,
.legacy .gkCode1,
.legacy .gkCode2 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.legacy .gkCode3 {
  padding-left: 82px !important;
}
.legacy .gkCode3 h4 {
  font-size: 13px;
  margin: 0 0 0 -64px !important;
  padding: 2px 5px 0;
  position: relative;
  top: 0;
  width: 35px;
}
.legacy pre:hover,
.legacy .gkCode1:hover {
  background: #fff;
}
.legacy div.gkCode2:hover,
.legacy div.gkCode3:hover {
  color: #000;
}
.legacy ol {
  list-style-position: inside;
  margin: 2em 0;
  padding: 0;
}
.legacy ol.gkDec {
  list-style-type: decimal;
}
.legacy ol.gkRoman {
  list-style-type: upper-roman;
}
.legacy ol.gkAlpha {
  list-style-type: lower-alpha;
}
.legacy ol.gkDecimalLeadingZero {
  list-style-type: decimal-leading-zero;
}
.legacy ul.gkBullet1,
.legacy ul.gkBullet2,
.legacy ul.gkBullet3,
.legacy ul.gkBullet4,
.legacy ul.gkCircle1,
.legacy ul.gkCircle2,
.legacy ul.gkSquare1,
.legacy ul.gkSquare2,
.legacy ul.gkSquare3,
.legacy div.articleContent ul,
.legacy #k2Container .itemFullText ul,
.legacy #k2Container .itemIntroText ul {
  margin: 2em 0;
  padding: 0;
}
.legacy ul li {
  list-style-position: outside;
}
.legacy ul.gkBullet1 li,
.legacy ul.gkBullet2 li,
.legacy ul.gkBullet3 li,
.legacy ul.gkBullet4 li,
.legacy ul.gkCircle1 li,
.legacy ul.gkCircle2 li,
.legacy ul.gkSquare1 li,
.legacy ul.gkSquare2 li,
.legacy div.articleContent ul li,
.legacy #k2Container .itemFullText ul li,
.legacy #k2Container .itemIntroText ul li {
  line-height: 1.8em !important;
  list-style: none;
  margin: 0 !important;
  overflow: inherit;
  padding: 2px 0 2px 28px;
}
.legacy dl.gkDef1 dt,
.legacy dl.gkDef2 dt,
.legacy dl.gkDef3 dt {
  margin: 10px 0 5px 0;
}
.legacy dl.gkDef1 dd,
.legacy dl.gkDef2 dd,
.legacy dl.gkDef3 dd {
  padding: 10px;
}
.legacy dl.gkDef2 dt {
  text-decoration: underline;
}
.legacy dl.gkDef3 dt {
  color: #666666;
  font: lighter 1.1em/1.2em "Lucida Grande", Tahoma;
  font-variant: normal;
  letter-spacing: 0.3em;
  margin-top: 10px;
  text-transform: uppercase;
}
.legacy acronym,
.legacy abbr {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
.legacy acronym:hover,
.legacy abbr:hover {
  border-bottom-style: solid;
  cursor: pointer;
}
.legacy div.gkLegend1 h4,
.legacy div.gkLegend2 h4,
.legacy div.gkLegend3 h4,
.legacy div.gkLegend4 h4 {
  background: #fff;
  float: left;
  font-weight: normal;
  left: 11px;
  line-height: 18px;
  margin: 0 0 -9px !important;
  padding: 0 10px;
  position: relative;
  text-shadow: none;
  top: -18px;
}
.legacy div.gkLegend1,
.legacy div.gkLegend2,
.legacy div.gkLegend3,
.legacy div.gkLegend4 {
  margin: 25px 0;
  padding: 6px;
}
.legacy div.gkLegend1 p,
.legacy div.gkLegend2 p,
.legacy div.gkLegend3 p,
.legacy div.gkLegend4 p {
  clear: both;
  margin: 7px;
}
.legacy span.gkDropcap1,
.legacy span.gkDropcap2,
.legacy span.gkDropcap3 {
  color: #333;
  display: block;
  float: left;
  font-size: 5em;
  line-height: 1em;
}
.legacy span.gkDropcap1 {
  height: 61px;
  margin: -4px 5px -3px 0;
}
.legacy p.gkDropcap2 {
  padding: 0 0 0 50px;
}
.legacy span.gkDropcap2 {
  height: 61px;
  margin: -4px 0 0 -50px;
}
.legacy p.gkDropcap2 {
  padding-left: 50px;
}
.legacy p.gkDropcap3 {
  margin-top: 32px;
}
.legacy span.gkDropcap3 {
  height: 61px;
  margin: -24px 5px 0 0;
}
.legacy blockquote {
  font-style: italic;
  margin: 20px 0;
}
.legacy blockquote div {
  display: block;
}
.legacy blockquote div.gkBlockquote1 div,
.legacy blockquote div.gkBlockquote2 div {
  padding: 0 24px;
}
.legacy blockquote div.gkBlockquote3 {
  padding-bottom: 1px;
}
.legacy blockquote div.gkBlockquote3 div {
  padding: 5px 48px 0;
}
.legacy blockquote div.gkBlockquote4 div {
  padding: 0 48px;
}
.legacy .gkBlockTextLeft,
.legacy .gkBlockTextRight,
.legacy .gkBlockTextCenter {
  display: block;
  font-size: 16px;
  font-style: italic;
  line-height: 150%;
  padding: 30px;
  width: 38%;
}
.legacy .gkBlockTextLeft {
  float: left;
  text-align: left;
}
.legacy .gkBlockTextRight {
  float: right;
  text-align: right;
}
.legacy .gkBlockTextCenter {
  margin: 0 auto;
  text-align: center;
}
.legacy p.numblocks {
  margin: 30px 0;
  min-height: 62px;
  padding: 0 0 0 68px !important;
  position: relative;
}
.legacy p.numblocks span {
  color: #fff;
  display: block;
  font-size: 42px;
  font-weight: bold;
  height: 42px;
  left: 0;
  line-height: 1;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 4px;
  width: 52px;
}
.legacy p.numblocks span.highlight {
  font-size: 15px;
  position: static;
  width: auto;
  display: inline;
}
.legacy p.num-1 span {
  color: #7cadde;
}
.legacy p.num-2 span {
  color: #222;
}
.legacy p.num-3 span {
  color: #db6161;
}
.legacy .gkblock-1,
.legacy .gkblock-2,
.legacy .gkblock-3,
.legacy .gkblock-4,
.legacy .gkblock-5,
.legacy .gkblock-6,
.legacy .gkblock-7,
.legacy .gkblock-8,
.legacy .gkblock-9 {
  margin: 20px 0;
  padding: 15px 20px;
}
.legacy .bubble-1,
.legacy .bubble-2,
.legacy .bubble-3 {
  margin: 0 0 40px;
  padding: 15px 20px;
  position: relative;
  background: #fff;
}
.legacy .bubble-1 cite,
.legacy .bubble-2 cite,
.legacy .bubble-3 cite {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/buble_arrow.png") no-repeat 0 0;
  bottom: -25px;
  display: block;
  height: 25px;
  font-size: 12px;
  font-weight: bold;
  left: 26px;
  line-height: 32px;
  padding-left: 32px;
  position: absolute;
}
.legacy blockquote div.gkBlockquote1 {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/open1.png") no-repeat left bottom;
}
.legacy blockquote div.gkBlockquote1 div {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/close1.png") no-repeat right top;
}
.legacy blockquote div.gkBlockquote2 {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/open1.png") no-repeat left top;
}
.legacy blockquote div.gkBlockquote2 div {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/close1.png") no-repeat right top;
}
.legacy blockquote div.gkBlockquote3 {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/open2.png") no-repeat left bottom;
}
.legacy blockquote div.gkBlockquote3 div {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/close2.png") no-repeat right top;
}
.legacy blockquote div.gkBlockquote4 {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/open2.png") no-repeat left top;
}
.legacy blockquote div.gkBlockquote4 div {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/close2.png") no-repeat right top;
}
.legacy .gkTable {
  border-collapse: collapse;
  font-style: normal;
}
.legacy .gkTable thead {
  font: normal 19px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  padding: 5px 10px;
  text-align: left;
}
.legacy .gkTable td {
  padding: 10px;
}
.legacy .gkTable tfoot {
  font-size: 0.8em;
  font-style: italic;
  margin-bottom: 10px;
  margin-top: 0px;
  padding: 0px;
  text-align: right;
}
.legacy .gkTable2 {
  border-collapse: collapse;
  font-style: normal;
}
.legacy .gkTable2 thead {
  font: normal 20px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  padding: 5px 10px;
  text-align: left;
}
.legacy .gkTable2 td {
  padding: 10px;
}
.legacy .gkTable2 tfoot {
  font-size: 0.8em;
  font-style: italic;
  margin-bottom: 10px;
  margin-top: 0px;
  padding: 0px;
  text-align: right;
}
.legacy .gkTooltip {
  color: #000;
  cursor: help;
  outline: none;
  position: relative;
  text-decoration: none;
  text-shadow: none;
}
.legacy .gkTooltip span {
  font-size: 11px;
  line-height: 16px;
  margin-left: -999em;
  position: absolute;
}
.legacy .gkTooltip:hover span {
  left: 0.5em;
  margin-left: 0;
  position: absolute;
  top: 1em;
  width: 250px;
  z-index: 99;
}
.legacy .gkTooltip:hover em {
  display: block;
  font-size: 16px;
  font-style: normal !important;
  line-height: 30px;
  padding: 0;
  text-decoration: none !important;
  text-shadow: none;
}
.legacy .classicTooltip {
  padding: 0.6em 0.8em;
  text-shadow: none;
}
.legacy .customTooltip {
  padding: 0.6em 0.8em;
  text-shadow: none;
}
.legacy pre,
.legacy .gkCode1,
.legacy .gkCode2 {
  background: #fffef4;
  border: 1px solid #eae8cc;
  border-left: 4px solid #222;
  color: #333;
  padding-left: 32px;
}
.legacy .gkCode2 {
  background: #fff;
  border: 1px solid #eee;
  border-left: 4px solid #7cadde;
}
.legacy .gkCode3 {
  background: #fff;
  border: 1px solid #eee;
}
.legacy .gkCode3 h4 {
  background: #7cadde;
  color: #fff;
  text-align: center;
  text-shadow: none;
}
.legacy p.gkInfo1 {
  background: #f2f2f2 url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/info.png") no-repeat 12px 8px;
  color: #222;
}
.legacy p.gkTips1 {
  background: #7cadde url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/tips.png") no-repeat 12px 8px;
  color: #fff;
}
.legacy p.gkWarning1 {
  background: #db6161 url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/warning.png") no-repeat 12px 8px;
  color: #fff;
}
.legacy div.gkLegend1 {
  border: 1px solid #ddd;
}
.legacy div.gkLegend2 {
  border: 1px solid #7cadde;
}
.legacy div.gkLegend3 {
  border: 1px solid #222;
}
.legacy div.gkLegend4 {
  border: 4px double #ddd;
}
.legacy div.gkLegend1 h4 {
  background: #fff;
  color: #333;
}
.legacy div.gkLegend2 h4 {
  background: #fff;
  color: #7cadde;
}
.legacy div.gkLegend3 h4 {
  background: #fff;
  color: #222;
}
.legacy .gkHighlight1 {
  background: #ffd;
}
.legacy .gkHighlight2 {
  background: #eee;
  color: #222;
}
.legacy .gkHighlight3 {
  background: #222;
  color: #fff;
}
.legacy .gkHighlight4 {
  background: #7cadde;
  color: #fff;
}
.legacy .gkblock-1 {
  border: 1px dashed #db6161;
}
.legacy .gkblock-2 {
  border: 1px dashed #7cadde;
}
.legacy .gkblock-3 {
  border: 1px dashed #ddd;
}
.legacy .gkblock-4 {
  border: 1px solid #7cadde;
}
.legacy .gkblock-5 {
  border: 1px solid #eae8cc;
  background: #fffef4;
}
.legacy .gkblock-6 {
  border: 1px solid #ddd;
}
.legacy .gkblock-7 {
  background: #222;
  color: #fff !important;
}
.legacy .gkblock-8 {
  background: #7cadde;
  color: #fff !important;
}
.legacy .gkblock-9 {
  background: #f8f8f8;
}
.legacy .bubble-1 {
  border: 3px solid #e5e5e5;
}
.legacy .bubble-2 {
  border: 3px solid #7cadde;
}
.legacy .bubble-3 {
  border: 3px solid #222;
}
.legacy .bubble-2 cite {
  background-position: 0 -35px;
  color: #7cadde;
}
.legacy .bubble-3 cite {
  background-position: 0 -70px;
  color: #222;
}
.legacy ul.gkBullet1 li,
.legacy div.articleContent ul li,
.legacy #k2Container .itemFullText ul li,
.legacy #k2Container .itemIntroText ul li {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet1.png") no-repeat 0 8px !important;
}
.legacy ul.gkBullet2 li {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet2.png") no-repeat 0 8px !important;
}
.legacy ul.gkBullet3 li {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet3.png") no-repeat 0 6px !important;
}
.legacy ul.gkBullet4 li {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet4.png") no-repeat 0 7px !important;
}
.legacy ul.gkCircle1 li {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet-circle1.png") no-repeat 0 6px !important;
}
.legacy ul.gkCircle2 li {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet-circle2.png") no-repeat 0 6px !important;
}
.legacy ul.gkSquare1 li {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet-square1.png") no-repeat 0 8px !important;
}
.legacy ul.gkSquare2 li {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet-square2.png") no-repeat 0 8px !important;
}
.legacy .gkBlockTextLeft,
.legacy .gkBlockTextRight,
.legacy .gkBlockTextCenter {
  color: #7cadde;
}
.legacy span.classicTooltip {
  background-color: #ffffdd;
  color: #656565;
}
.legacy span.criticalTooltip {
  background: #cb260a;
  color: #fff;
}
.legacy span.helpTooltip {
  background: #333;
  color: #fff;
}
.legacy span.infoTooltip {
  background: #f0f0f0;
  border: 1px solid #dedede;
  color: #5b5b5b;
}
.legacy span.warningTooltip {
  background: #fff;
  border: 1px solid #fff;
  color: #f93b3b;
}
.legacy .iconFacebook,
.legacy .iconGoogle,
.legacy .iconTwitter,
.legacy .iconRSS {
  background: transparent url("https://www.gss.com.tw/templates/gk_music_free/images/social_icons.png") no-repeat 4px 0;
  border-left: 1px solid #eee;
  display: block;
  float: right;
  font-size: 11px !important;
  font-weight: bold;
  height: 36px;
  line-height: 36px !important;
  margin: 0 0 0 6px;
  padding: 0 6px 0 30px;
}
.legacy .iconGoogle {
  background-position: 4px -36px;
}
.legacy .iconTwitter {
  background-position: 4px -72px;
}
.legacy .iconRSS {
  background-position: 4px -108px;
  padding-right: 0;
}
.legacy .iconFacebook:hover {
  background-position: 4px -144px;
}
.legacy .iconGoogle:hover {
  background-position: 4px -180px;
}
.legacy .iconTwitter:hover {
  background-position: 4px -216px;
}
.legacy .iconRSS:hover {
  background-position: 4px -253px;
}
.legacy ul#demo-typography {
  background: transparent;
  overflow: hidden;
  padding: 10px 30px 30px 30px;
}
.legacy ul#demo-typography li {
  color: #cb260a;
  float: left;
  font-size: 11px;
  line-height: 24px;
  list-style-position: none;
  list-style-type: disc;
  width: 23.9%;
}
.legacy ul#demo-typography li a {
  font-size: 11px;
  text-shadow: 2px 2px 0 #fff;
}
.legacy .demo-typoDiv {
  clear: both;
  margin: 0 0 30px;
  overflow: hidden;
}
.legacy h4.demo-typo {
  border-bottom: 1px solid #ddd;
  color: #222;
  font-size: 24px;
  font-weight: normal;
  margin: 30px 0;
}
.legacy .demo-typo-col2 {
  float: left;
  width: 50%;
}
.legacy .demo-typo-col3 {
  float: left;
  width: 33%;
}
.legacy .demo-typo-col4 {
  float: left;
  width: 25%;
}
.legacy .demo-typo_padd {
  padding: 0 15px;
}
.legacy #warnings .demo-typo_padd p {
  margin: 1em 0 1.6em;
}
.legacy .typoDesc small {
  color: #999;
  font: normal 10px Monaco, Consolas, "Courier News", monospace;
}
.legacy .gkblock-7 small,
.legacy .gkblock-9 small,
.legacy .bubble-4 small,
.legacy .bubble-5 small,
.legacy .bubble-6 small,
.legacy .gkblock-8 small {
  color: #fff !important;
}
.legacy .gkblock-9 small {
  color: #353639 !important;
}
.legacy .gkfile1 {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/file1.png");
}
.legacy .gkfile2 {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/file2.png");
}
.legacy .gksearch {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/search.png");
}
.legacy .gkzoomminus {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/zoomminus.png");
}
.legacy .gkzoomplus {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/zoomplus.png");
}
.legacy .gkerror {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/error.png");
}
.legacy .gktick {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/tick.png");
}
.legacy .gkbook {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/book.png");
}
.legacy .gkmap {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/map.png");
}
.legacy .gktag {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/tag.png");
}
.legacy .gkstats {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/stats.png");
}
.legacy .gkstar {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/star.png");
}
.legacy .gkribbon {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/ribbon.png");
}
.legacy .gknav {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/nav.png");
}
.legacy .gkgraph {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/graph.png");
}
.legacy .gkflash {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/flash.png");
}
.legacy .gklocation {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/location.png");
}
.legacy .gklocationminus {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/locationminus.png");
}
.legacy .gklocationplus {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/locationplus.png");
}
.legacy .gkbulb {
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/icons/bulb.png");
}
.legacy #gkPageTop {
  min-height: 55px;
}
.legacy #gkToolbar {
  margin-bottom: 10px;
  text-align: right;
}
.legacy #gkToolbar > div:first-child {
  float: none;
  margin-right: 20px;
}
.legacy #gkLogo img {
  margin: 16px 0 0 0;
}
.legacy #gkLogo {
  margin-right: 30px;
  margin-left: 2%;
}
.legacy .search {
  margin-top: 3px;
  margin-left: -12px;
}
.legacy #gkMainbody .search {
  margin-left: 0;
}
.legacy #gkMainbody .item-page ol {
  list-style-position: outside;
  padding-left: 40px;
}
.legacy .search .inputbox {
  font-size: 13px;
  height: 25px;
  line-height: 20px;
}
.legacy .search .button {
  height: 26px;
  line-height: 15px;
}
.legacy .search-results .highlight {
  background-color: #fff;
  font-weight: normal;
  padding: 0;
}
.legacy .newsmarquee {
  line-height: 230%;
  text-align: left;
  margin-left: 6px;
  padding-top: 7px;
}
.legacy .hotnews {
  float: left !important;
  margin-top: -3px;
  margin-left: 9px;
}
.legacy #gkPage {
  margin-left: 1% !important;
  margin-right: 1% !important;
  width: auto !important;
}
.legacy .gkmenu li {
  font-size: 16px;
  letter-spacing: 0.08em;
}
.legacy .gkMenu > ul div.childcontent li {
  padding: 4px 0 !important;
}
.legacy .gkMenu > ul ul div.childcontent li {
  padding: 4px 0;
}
.legacy #gkMainMenu {
  margin-top: -2px;
}
.legacy #gkMainMenu > nav > ul > li {
  margin-top: 0 !important;
}
.legacy .box_full .content {
  margin: 0 0 5px;
  padding: 0;
  border: none;
}
.legacy .flexslider {
  width: 100%;
  margin: 0 !important;
  padding: 0;
  border: none !important;
  box-shadow: 0 0 0 #fff !important;
  -webkit-box-shadow: 0 0 0 #fff !important;
  border-radius: 0px;
  -webkit-border-radius: 0px;
}
.legacy .flexslider img {
  border-bottom: solid 1px #e0e0e0;
}
.legacy .box_full {
  width: 100%;
  margin-top: -10px;
  padding-bottom: 0;
}
.legacy .flex-direction-nav a {
  margin: -20px 40px 0px !important;
}
.legacy #gkBreadcrumb {
  margin: 0;
}
.legacy body {
  color: #333;
  font-size: 15px;
  line-height: 155%;
  padding-bottom: 0 !important;
}
.legacy h1 {
  font-size: 20px;
  font-weight: bold;
}
.legacy h2 {
  font-size: 16px;
  color: #690;
  margin: 10px 0;
}
.legacy h3 {
  font-size: 15px;
  color: #c63;
  margin: 10px 0;
}
.legacy strong {
  font-weight: bold;
  color: #333;
}
.legacy hr {
  color: #ccc;
  height: 0;
  border: dotted 1px #ddd;
}
.legacy a {
  color: #2563bb;
}
.legacy table {
  border: solid 2px #ddd;
}
.legacy table th {
  border: solid 1px #888;
  background-color: #666;
  font-size: 13px;
}
.legacy table td {
  border: solid 1px #ddd;
}
.legacy #gkContent h5 {
  padding: 10px 52px;
  margin: 40px auto 15px;
  font-size: 15px;
  color: #fff;
  background: #7cadde no-repeat url("http://www.gss.com.tw/images/banners/attachment.png") 8px 7px;
}
.legacy .category-module h2 {
  font-size: 13px;
  margin: 5px auto 0;
  line-height: 150%;
  padding-bottom: 3px;
  border-bottom: dotted 1px #ddd;
}
.legacy .box.color1 h3.header,
.legacy .box.color2 h3.header {
  text-transform: none;
}
.legacy #gkBottom .box.full,
.legacy #gkPage .box.full {
  width: 100% !important;
}
.legacy #gkPageContent .menu li,
.legacy #gkPageContent .level0 li {
  font-size: 13px;
  font-weight: normal;
}
.legacy #gkPageContent .menu li a,
.legacy #gkPageContent .level0 li a {
  color: #222;
  display: block;
  padding: 6px 16px;
}
.legacy #gkPageContent .menu li a:hover,
.legacy #gkPageContent .level0 li a:hover {
  color: #2563bb;
}
.legacy #gkPageContent .menu li ul,
.legacy #gkPageContent .level0 li ul {
  padding-bottom: 5px;
  padding-left: 10px;
  margin-top: -5px !important;
}
.legacy #gkPageContent .menu li ul,
.legacy #gkPageContent .level0 li ul ul {
  padding-bottom: 5px;
  padding-left: 10px;
  margin-top: 5px !important;
}
.legacy #gkPageContent .menu li li,
.legacy #gkPageContent .level0 li li {
  border: none;
  line-height: 140%;
  list-style: none;
  padding: 2px 16px;
  background: url("https://www.gss.com.tw/templates/gk_music_free/images/style1/typography/bullet-circle2.png") no-repeat left 3px;
}
.legacy #gkPageContent .menu li li a,
.legacy #gkPageContent .level0 li li a {
  color: #2563bb;
  padding: 0;
  margin-left: 0;
}
.legacy #gkPageContent .menu li li a:hover,
.legacy #gkPageContent .level0 li li a:hover {
  color: #2563bb;
}
.legacy #gkPageContent .menu li ul ul {
  margin-left: -10px;
}
.legacy div.gkLegend1 {
  border: solid 1px #555;
  display: inline-block;
  margin: 10px 0.6% 20px 1%;
  vertical-align: top;
  min-width: 100px;
}
.legacy div.gkLegend1 h4 {
  font-size: 13px;
  color: #888;
  background-color: #454545;
}
.legacy div.gkLegend1 p {
  color: #ccc;
  font-size: 13px;
  line-height: 200%;
  margin: 5px 10px;
}
.legacy div.gkLegend1 p a {
  color: #ccc;
}
.legacy div.gkLegend1 p a:hover {
  color: #fff;
}
.legacy #gkBottom .box {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 5px;
  margin-top: 30px;
  background-color: #454545;
  border-top: solid 5px #666;
}
.legacy body #gkFooter {
  margin-left: 0 !important;
  position: relative;
}
.legacy #gkFooter {
  padding-top: 3px;
  padding-bottom: 3px;
  overflow: visible;
  height: auto;
  width: auto;
}
.legacy #gkTopLink {
  display: none;
}
.legacy #gkFooter p {
  float: none;
  padding: 10px 1%;
  line-height: 170%;
}
.legacy .index01 #gkContent {
  display: none;
}
.legacy .index01 #gkPageContent {
  width: 100%;
}
.legacy .index01 #gkPageContent .custom li {
  line-height: 160%;
  border-bottom: dotted 1px #ddd;
  padding-bottom: 8px;
  padding-top: 8px;
}
.legacy #gkPage .box .custom .adbanner div:hover img {
  -webkit-transform: scale(1.15) rotate(0deg);
  transform: scale(1.15) rotate(0deg);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.legacy #gkPage .box .custom .adbanner div {
  overflow: hidden;
  border: solid 1px #eee;
  margin: 7px auto 10px !important;
}
.legacy #gkPage .box .custom .adbanner img {
  vertical-align: top;
  width: 100%;
}
.legacy .newsticker {
  list-style-type: none;
  padding: 0px;
  font: 13px Arial, Helvetica, sans-serif;
  color: #666;
}
.legacy .newsticker li {
  background: url("https://www.gss.com.tw/templates/gk_music_free/css/new.gif") no-repeat left center;
  padding-left: 30px;
}
.legacy .newsticker a {
  color: #666;
  text-decoration: none;
}
.legacy .newsticker a:hover {
  color: #222;
  text-decoration: none;
}
.legacy .linelist li {
  line-height: 150%;
  border-bottom: dotted 1px #ddd;
  padding-bottom: 7px;
  margin-top: 6px;
}
.legacy .tag-category h3 {
  margin-top: 60px;
}
.legacy .tag-category h3 a {
  font-size: 20px;
  font-weight: bold;
  color: #222;
}
.legacy .tag-category h3 a:hover {
  color: #7cadde;
}
.legacy .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.legacy .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.legacy .jm-item {
  padding: 10px;
  display: inline-block;
  text-align: left;
}
.legacy .jm-item-wrapper {
  position: relative;
  padding: 7px;
  background: #e8d7b6;
}
.legacy .jm-item-image {
  position: relative;
  overflow: hidden;
}
.legacy .jm-item-image img {
  display: block;
}
.legacy .jm-item-title {
  position: absolute;
  left: -10px;
  bottom: 17px;
  background: #ff6b0e;
  line-height: 1.5em;
  font-weight: normal;
  padding: 7px 9px 6px;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  color: #ffffff;
  font-size: 1.4em;
}
.legacy .jm-item-overlay {
  background: #000;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.5s ease-in 0s;
  -moz-transition: opacity 0.5s ease-in 0s;
  -o-transition: opacity 0.5s ease-in 0s;
  transition: opacity 0.5s ease-in 0s;
}
.legacy .jm-item-wrapper:hover .jm-item-overlay {
  opacity: 0.3;
}
.legacy .jm-item-button {
  height: 50px;
  width: 50px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -25px;
}
.legacy .jm-item-button a {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #ff6b0e;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  color: #ffffff;
  font-size: 1.2em;
  line-height: 50px;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  text-decoration: none !important;
  display: block;
}
.legacy .jm-item-button a:hover {
  background: #3b3b3b;
}
.legacy .second .jm-item-wrapper .jm-item-title {
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}
.legacy .second .jm-item-wrapper:hover .jm-item-title {
  left: -100%;
}
.legacy .second .jm-item-description {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  top: 100%;
  -webkit-transition: all 0.5s ease-in 0s;
  -moz-transition: all 0.5s ease-in 0s;
  -o-transition: all 0.5s ease-in 0s;
  transition: all 0.5s ease-in 0s;
}
.legacy .second .jm-item-wrapper:hover .jm-item-description {
  top: 0;
}
.legacy div#fd img,
.legacy div#fd input {
  min-width: 50px;
  min-height: 50px;
}
.legacy .eb-entry-article ul {
  list-style-type: disc;
  margin: auto !important;
  padding: 10px 40px !important;
}
.legacy .eb-entry-article ol {
  list-style-type: decimal;
  margin: auto !important;
  padding: 10px 25px !important;
}

/*# sourceMappingURL=legacy.css.map */