@charset "utf-8";
/* app-manual-common.css
++++++++++++++++++++++++++++++++++++++++
* NOTE
++++++++++++++++++++++++++++++++++++++++
- Charset: utf-8
- Return code: LF
++++++++++++++++++++++++++++++++++++++++ */

/* variables
++++++++++++++++++++++++++++++++++++++++ */
:root {
  /* icon svg */
  /*! jQuery Mobile 1.4.5 | Git HEADhash: 68e55e7 <> 2014-10-31T17:33:30Z | (c) 2010, 2014 jQuery Foundation, Inc. | jquery.org/license */
  --svg-icon-carat-r: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
  --svg-icon-triangle-r-white: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%23FFFFFF%3B%20fill-rule%3A%20evenodd%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22triangle%22%20class%3D%22cls-1%22%20d%3D%22M11%2023l12-8-12-8v16z%22%2F%3E%3C%2Fsvg%3E");
  --svg-icon-triangle-r-blue: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%23297ac6%3B%20fill-rule%3A%20evenodd%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22triangle%22%20class%3D%22cls-1%22%20d%3D%22M11%2023l12-8-12-8v16z%22%2F%3E%3C%2Fsvg%3E");
}


/* base
++++++++++++++++++++++++++++++++++++++++ */
/* normalize ++++++++++++++++
 normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0;
}
article, aside, footer, header, nav, section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: .67em 0;
}
figcaption, figure, main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b, strong {
  font-weight: inherit;
  font-weight: bolder;
}
code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
audio, video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}

/* initialize ++++++++++++++++ */
*,
*::before,
*::after {
  box-sizing: inherit;
}
html, body {
  height: 100%;
}
html {
  font-size: 62.5%;
  box-sizing: border-box;
}
body {
  position: relative;
  background: var(--bg-body, #fff);
  color: var(--color-default, #333);
  font-family: var(--font-family-default, (Helvetica,Arial,sans-serif));
  font-size: var(--font-size-default, 1.6rem);
  line-height: var(--line-height-default, 1.5);
  text-align: left;
}
th, td {
  font-weight: inherit;
  text-align: inherit;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
figure {
  margin-right: 0;
  margin-left: 0;
}
a {
  color: var(--color-link, inherit);
  text-decoration-skip-ink: none;
  -webkit-text-decoration-skip: none;
  text-decoration-skip: none;
  outline: none;
}


/* layout
++++++++++++++++++++++++++++++++++++++++ */
/* sticky footer */
[data-role="page"] {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
[data-role="header"],
[data-role="navbar"] {
  flex: 0 0 auto;
}
[data-role="content"] {
  flex: 1 0 auto;
  padding: 15px;
}

/* control page view */
[data-role="page"].is-hidden {
  display: none;
}
[data-role="page"].is-show {

}
[data-role="page"].is-show::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: var(--bg-fadein-overlay, #fff);
  content: "";
  animation: fadeInOverlay 0.3s linear forwards;
}
@keyframes fadeInOverlay {
  0% {
    opacity: 1;
    visibility: visible;
  }
  99% {
    opacity: 0;
  }
  100% {
    z-index: -1;
    visibility: hidden;
  }
}


/* header
++++++++++++++++++++++++++++++++++++++++ */
/* top page ++++++++++++++++ */
.header-top {
  display: block;
}

/* common header ++++++++++++++++ */
[data-role="header"] {
  display: grid;
  grid-template-columns: 70px 1fr 70px;
  grid-template-rows: auto;
  display: -ms-grid;
  -ms-grid-columns: 70px 1fr 70px;
  -ms-grid-rows: auto;
  height: 48px;
  padding: 7px 5px;
  text-align: center;

  background: var(--header-bg, #ccc);
  box-shadow: var(--header-box-shadow, none);;
  color: var(--header-txt-color, inherit);
}
[data-role="header"] h1 {
  grid-column: 2 / 2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;

  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: 1.6rem;
  font-weight: bold;
  text-shadow: var(--header-ttl-txt-shadow, none);
}
[data-role="header"] a {
  position: relative;
  grid-column: 1 / 1;
  grid-row: 1;
  -ms-grid-column: 1 / 1;
  -ms-grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding-left: 14px;
  border-radius: 6px;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: bold;
  text-decoration: none;
  opacity: 1;
  transition: opacity 0.2s ease;

  border: var(--header-btn-border, 0);
  background: var(--header-btn-bg, #eee);
  box-shadow: var(--header-btn-box-shadow, none);
  color: var(--header-btn-txt-color, inherit);
  border-radius: var(--header-btn-border-radius, 4px);
}
[data-role="header"] a::before {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 9px;
  background: var(--header-btn-icon-bg, #000 no-repeat center center/13px 13px var(--svg-icon-carat-r));
  transform: rotate(180deg);
  content: "";
}
[data-role="header"] a:hover {
  opacity: 0.8;
}


/* navbar
++++++++++++++++++++++++++++++++++++++++ */
[data-role="navbar"] {
}
[data-role="navbar"] > ul {
  display: flex;
  margin: 0;
  padding: 0;
  padding: var(--navbar-padding, 0);
  background: var(--navbar-bg, #eee);
  list-style: none;
}
[data-role="navbar"] > ul > li {
  display: flex;
  width: 50%;
}
[data-role="navbar"] > ul > li:only-child {
  flex-grow: 1;
  width: 100%;
}
[data-role="navbar"] > ul > li + li {
  border-left: var(--navbar-btn-divider, 0);
}

[data-role="navbar"] a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  opacity: 1;
  transition: opacity 0.2s ease;
  color: var(--navbar-btn-txt-color, inherit);
  text-shadow: var(--navbar-btn-txt-shadow, none);
  margin: var(--navbar-btn-margin, 0);
  border-radius: var(--navbar-btn-border-radius, 0);
  background: var(--navbar-btn-bg, #eee);
  box-shadow: var(--navbar-btn-box-shadow, none);
  text-shadow: var(--navbar-btn-txt-shadow, none);
}
[data-role="navbar"] a > span {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-role="navbar"] a::before {
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 9px;
  background: var(--navbar-btn-icon-bg, #000 no-repeat center center/13px 13px var(--svg-icon-carat-r));
  content: "";
}

[data-role="navbar"] a:hover {
  opacity: 0.8;
}

[data-role="navbar"] .emphasis a {
  color: var(--navbar-btn-emphasis-txt-color, inherit);
  text-shadow: var(--navbar-btn-emphasis-txt-shadow, none);
  background: var(--navbar-btn-emphasis-bg, #ddd);
  box-shadow: var(--navbar-btn-emphasis-box-shadow, none);
}
[data-role="navbar"] .emphasis a::before {
  background: var(--navbar-btn-emphasis-icon-bg, #666 no-repeat center center/13px 13px var(--svg-icon-carat-r));
}

[data-role="navbar"] li:first-child > a,
[data-role="navbar"] li.prev > a {
  padding-left: 30px;
}
[data-role="navbar"] li:first-child > a::before,
[data-role="navbar"] li.prev > a::before  {
  left: 12px;
  transform: rotate(180deg);
}
[data-role="navbar"] li:not(:first-child) > a,
[data-role="navbar"] li.next > a {
  padding-right: 30px;
}
[data-role="navbar"] li:not(:first-child) > a::before,
[data-role="navbar"] li.next > a::before  {
  right: 12px;
  transform: rotate(0);
}
[data-role="navbar"] li:only-child > a {
  padding-left: 0;
}


/* table of contents(nav)
++++++++++++++++++++++++++++++++++++++++ */
/* toc list ++++++++++++++++ */
.toclist {
  overflow: hidden;
  margin: 0 auto;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,.3);
}

.toclist + .toclist {
  margin-top: 16px;
}

.toclist > dt {
  margin: 0;
  padding: 9px 15px 6px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;

  background: var(--toclist-ttl-bg, #ccc);
  box-shadow: var(--toclist-ttl-box-shadow, none);
  color: var(--toclist-ttl-txt-color, inherit);
  text-shadow: var(--toclist-ttl-txt-shadow, none);
}
.toclist > dd {
  margin: 0;
}
.toclist ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.toclist li > a {
  position: relative;
  display: block;
  padding: 11px 40px 10px 15px;
  background: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  opacity: 1;
  text-decoration: none;
  transition: opacity 0.2s ease;
  border-top: var(--toclist-link-divider, 1px solid #ccc);
  background: var(--toclist-link-bg, #fff);
  color: var(--toclist-link-color, inherit);
}
.toclist li > a::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 9px;
  background: var(--toclist-link-icon-bg, #999 no-repeat center center/13px 13px var(--svg-icon-carat-r));
  content: "";
}

.toclist li > a:hover {
  opacity: 0.9;
}


/* toc grid ++++++++++++++++ */
.tocgrid {
  overflow: hidden;
  margin: 0 auto;
  border-radius: 6px;
  border: var(--tocgrid-border, 1px solid #ccc);
  background: var(--tocgrid-bg, #fff);
}
.tocgrid + .tocgrid {
  margin-top: 16px;
}

.tocgrid > dt {
  margin: 0;
  padding: 10px 16px 8px;
  background: var(--tocgrid-ttl-bg, #ccc);
  color: var(--tocgrid-ttl-color, inherit);
  font-size: 16px;
  font-weight: bold;
}
.tocgrid > dt > a {
  position: relative;
  display: block;
  margin: -10px -16px -8px;
  padding: 12px 16px 10px;
  opacity: 1;
  text-decoration: none;
  transition: opacity 0.2s ease;

  background: var(--tocgrid-ttl-btn-bg, #ccc);
  color: var(--tocgrid-ttl-btn-color, inherit);
}
.tocgrid > dt > a::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 9px;
  background: var(--tocgrid-ttl-btn-icon-bg, #999 no-repeat center center/13px 13px var(--svg-icon-carat-r));
  content: "";
}

.tocgrid > dt > a:hover {
  opacity: 0.9;
}

.tocgrid > dd {
  margin: 0;
  padding: 0;
}
.tocgrid ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 5px;
}
.tocgrid li {
  width: 33.33%;
  padding: 5px;
}

/* btn */
.tocgrid-btn a {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 16px auto 0;
  padding: 10px 40px 8px 16px;
  border-radius: 6px;
  background: #ccc;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
.tocgrid-btn a::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 9px;
  background: #000 no-repeat center center;
  background-image: var(--svg-icon-carat-r);
  background-size: 13px 13px;
  content: "";
}


/* button
++++++++++++++++++++++++++++++++++++++++ */
/* btn-01 */
.btn-01 {
  display: block;
  padding: 0.6em 15px 0.6em 25px;
  border-radius: 1em;
  border: var(--btn-01-border, 1px solid #044062);
  background: var(--btn-01-bg, #396b9e linear-gradient(#5f9cc5, #396b9e));
  box-shadow: var(--btn-01-box-shadow, 0 1px 4px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,0.3) inset);
  color: var(--btn-01-txt-color, #fff);
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.btn-01:hover {
  opacity: 0.8;
}

/* btn-02 */
.btn-02 {
  display: block;
  padding: 12px 16px 10px;
  border-radius: 6px;
  border: var(--btn-02-border, 0);
  background: var(--btn-02-bg, #ccc);
  box-shadow: var(--btn-02-box-shadow, none);
  color: var(--btn-02-txt-color, inherit);
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.btn-02:hover {
  opacity: 0.8;
}


/* theme
++++++++++++++++++++++++++++++++++++++++
custom properties
++++++++++++++++++++++++++++++++++++++++
* base
--bg-body
--color-default
--font-family-default
--font-size-default
--line-height-default
--color-link
--bg-fadein-overlay

* header
--header-bg
--header-txt-color
--header-btn-bg
--header-ttl-txt-shadow
--header-btn-border
--header-btn-box-shadow
--header-btn-txt-color
--header-btn-icon-bg
--header-btn-border-radius

* navbar
--navbar-padding
--navbar-bg
--navbar-btn-margin
--navbar-btn-border-radius
--navbar-btn-divider

--navbar-btn-bg
--navbar-btn-txt-color
--navbar-btn-txt-shadow
--navbar-btn-box-shadow
--navbar-btn-icon-bg
--navbar-btn-txt-shadow

--navbar-btn-emphasis-bg
--navbar-btn-emphasis-txt-color
--navbar-btn-emphasis-box-shadow
--navbar-btn-emphasis-icon-bg
--navbar-btn-emphasis-txt-shadow

* toc
--toclist-ttl-bg
--toclist-ttl-txt-color
--toclist-ttl-txt-shadow
--toclist-ttl-box-shadow

--toclist-link-bg
--toclist-link-color
--toclist-link-icon-bg
--toclist-link-divider

* btn-01
--btn-01-border
--btn-01-bg
--btn-01-box-shadow
--btn-01-txt-color

* btn-02
--btn-02-border
--btn-02-bg
--btn-02-box-shadow
--btn-02-txt-color


++++++++++++++++++++++++++++++++++++++++ */
/* fxneo_app ++++++++++++++++ */
[data-theme="fxneo_app"] {
  /* base */
  --bg-body: #222 no-repeat top/100% linear-gradient(#444, #222);
  --color-default: #fff;
  --font-family-default: Helvetica,Arial,sans-serif;
  --font-size-default: 1.6rem;
  --line-height-default: 1.5;
  --color-link: #2489ce;
  --bg-fadein-overlay: var(--bg-body);

  /* header */
  --header-bg: #111 linear-gradient(#3c3c3c, #111);
  --header-txt-color: #fff;
  --header-ttl-txt-shadow: 0 1px 1px #111;
  --header-btn-bg: #333 linear-gradient(#444, #2d2d2d);
  --header-btn-border: 1px solid #111;
  --header-btn-box-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;
  --header-btn-txt-color: inherit;
  --header-btn-icon-bg: #000 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --header-btn-border-radius: 17px;

  /* navbar */
  --navbar-padding: 0;
  --navbar-bg: transparent;
  --navbar-btn-margin: 0;
  --navbar-btn-border-radius: 0;
  --navbar-btn-divider: 1px solid #ccc;

  --navbar-btn-bg: #eee linear-gradient(#fff, #f1f1f1);
  --navbar-btn-txt-color: #2f3e46;
  --navbar-btn-box-shadow: 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
  --navbar-btn-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-txt-shadow: 0 1px 1px #fff;

  --navbar-btn-emphasis-bg: #333 linear-gradient(#444, #2d2d2d);
  --navbar-btn-emphasis-txt-color: #fff;
  --navbar-btn-emphasis-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(0,0,0,0.4) inset;
  --navbar-btn-emphasis-icon-bg: #222 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-emphasis-txt-shadow: 0 1px 1px #111;

  /* toc  */
  --toclist-ttl-bg: #111 linear-gradient(#3c3c3c, #111);
  --toclist-ttl-txt-color: #fff;
  --toclist-ttl-box-shadow: 0 1px 1px #333 inset, 0 -1px 0 rgba(0,0,0,0.4) inset;
  --toclist-ttl-txt-shadow: 0 -1px 1px #000;

  --toclist-link-bg: #eee linear-gradient(#fff, #f1f1f1);
  --toclist-link-color: #2f3e46;
  --toclist-link-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --toclist-link-divider: 1px solid #ccc;
}

[data-theme="fxneo_app"] .header-top h1 {
  width:300px;
  margin: 10px auto 0;
}

/* fxroidplus ++++++++++++++++ */
[data-theme="fxroidplus"] {
  /* base */
  --bg-body: #222 no-repeat top/100% linear-gradient(#444, #222);
  --color-default: #fff;
  --font-family-default: Helvetica,Arial,sans-serif;
  --font-size-default: 1.6rem;
  --line-height-default: 1.5;
  --color-link: #2489ce;
  --bg-fadein-overlay: var(--bg-body);

  /* header */
  --header-bg: #111 linear-gradient(#3c3c3c, #111);
  --header-txt-color: #fff;
  --header-ttl-txt-shadow: 0 1px 1px #111;
  --header-btn-bg: #333 linear-gradient(#444, #2d2d2d);
  --header-btn-border: 1px solid #111;
  --header-btn-box-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;
  --header-btn-txt-color: inherit;
  --header-btn-icon-bg: #000 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --header-btn-border-radius: 17px;

  /* navbar */
  --navbar-padding: 0;
  --navbar-bg: transparent;
  --navbar-btn-margin: 0;
  --navbar-btn-border-radius: 0;
  --navbar-btn-divider: 1px solid #ccc;

  --navbar-btn-bg: #eee linear-gradient(#fff, #f1f1f1);
  --navbar-btn-txt-color: #2f3e46;
  --navbar-btn-box-shadow: 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
  --navbar-btn-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-txt-shadow: 0 1px 1px #fff;

  --navbar-btn-emphasis-bg: #333 linear-gradient(#444, #2d2d2d);
  --navbar-btn-emphasis-txt-color: #fff;
  --navbar-btn-emphasis-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(0,0,0,0.4) inset;
  --navbar-btn-emphasis-icon-bg: #222 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-emphasis-txt-shadow: 0 1px 1px #111;

  /* toc  */
  --toclist-ttl-bg: #111 linear-gradient(#3c3c3c, #111);
  --toclist-ttl-txt-color: #fff;
  --toclist-ttl-box-shadow: 0 1px 1px #333 inset, 0 -1px 0 rgba(0,0,0,0.4) inset;

  --toclist-link-bg: #eee linear-gradient(#fff, #f1f1f1);
  --toclist-link-color: #2f3e46;
  --toclist-link-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --toclist-link-divider: 1px solid #ccc;
}

[data-theme="fxroidplus"] .header-top h1 {
  width:300px;
  margin: 10px auto 0;
}


/* gaioproid ++++++++++++++++ */
[data-theme="gaioproid"] {
  /* base */
  --bg-body: #f1ede8 no-repeat top/100% linear-gradient(#e4dcd1, #f1ede8);
  --color-default: #333;
  --font-family-default: Helvetica,Arial,sans-serif;
  --font-size-default: 1.6rem;
  --line-height-default: 1.5;
  --color-link: #2489ce;
  --bg-fadein-overlay: var(--bg-body);

  /* header */
  --header-bg: #794624 linear-gradient(#311507, #794624);
  --header-txt-color: #fff;
  --header-ttl-txt-shadow: 0 1px 1px #000;
  --header-btn-bg: #f1f1f1 linear-gradient(#fff, #f1f1f1);
  --header-btn-border: 1px solid transparent;
  --header-btn-box-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;
  --header-btn-txt-color: #2f3e46;
  --header-btn-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --header-btn-border-radius: 17px;

  /* navbar */
  --navbar-padding: 0;
  --navbar-bg: transparent;
  --navbar-btn-margin: 0;
  --navbar-btn-border-radius: 0;
  --navbar-btn-divider: 1px solid #ccc;

  --navbar-btn-bg: #eee linear-gradient(#fff, #f1f1f1);
  --navbar-btn-txt-color: #2f3e46;
  --navbar-btn-box-shadow: 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
  --navbar-btn-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-txt-shadow: 0 1px 1px #fff;

  --navbar-btn-emphasis-bg: #d0af7d linear-gradient(#c29553, #d0af7d);
  --navbar-btn-emphasis-txt-color: #fff;
  --navbar-btn-emphasis-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(0,0,0,0.1) inset;
  --navbar-btn-emphasis-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-emphasis-txt-shadow: 0 -1px 1px #311507;

  /* toc  */
  --toclist-ttl-bg: #794624 linear-gradient(#311507, #794624);
  --toclist-ttl-txt-color: #fff;
  --toclist-ttl-box-shadow: 0 1px 1px #333 inset, 0 -1px 0 rgba(0,0,0,0.4) inset;
  --toclist-ttl-txt-shadow: 0 -1px 1px #000;

  --toclist-link-bg: #eee linear-gradient(#fff, #f1f1f1);
  --toclist-link-color: #2f3e46;
  --toclist-link-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --toclist-link-divider: 1px solid #ccc;

  /* btn-01 */
  --btn-01-border: 1px solid #145072;
  --btn-01-bg: #17375e linear-gradient(#516986, #17375e);
}

[data-theme="gaioproid"] .header-top h1 {
  width:300px;
  margin: 10px auto 0;
}



/* iclickfxneo ++++++++++++++++ */
[data-theme="iclickfxneo"] {
  /* base */
  --bg-body: #222 no-repeat top/100% linear-gradient(#444, #222);
  --color-default: #fff;
  --font-family-default: Helvetica,Arial,sans-serif;
  --font-size-default: 1.6rem;
  --line-height-default: 1.5;
  --color-link: #2489ce;
  --bg-fadein-overlay: var(--bg-body);

  /* header */
  --header-bg: #666 linear-gradient(#aaa, #666);
  --header-txt-color: #fff;
  --header-ttl-txt-shadow: 0 -1px 1px #000;
  --header-btn-bg: #f1f1f1 linear-gradient(#fff, #f1f1f1);
  --header-btn-border: 1px solid #ccc;
  --header-btn-box-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;
  --header-btn-txt-color: #2f3e46;
  --header-btn-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --header-btn-border-radius: 17px;

  /* navbar */
  --navbar-padding: 0;
  --navbar-bg: transparent;
  --navbar-btn-margin: 0;
  --navbar-btn-border-radius: 0;
  --navbar-btn-divider: 1px solid #B79B4E;

  --navbar-btn-bg: #A9A9A9 linear-gradient(#EBEBEB, #A9A9A9);
  --navbar-btn-txt-color: #2f3e46;
  --navbar-btn-box-shadow: 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
  --navbar-btn-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-txt-shadow: 0 1px 1px #fff;

  --navbar-btn-emphasis-bg: #B99649 linear-gradient(#FCF6BE, #B99649);
  --navbar-btn-emphasis-txt-color: #4E2B0B;
  --navbar-btn-emphasis-box-shadow: 0 1px 0 #B79B4E inset, 0 -1px 0 #B79B4E inset;
  --navbar-btn-emphasis-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-emphasis-txt-shadow: 0 1px 1px #fff;

  /* toc  */
  --toclist-ttl-bg: #666 linear-gradient(#aaa, #666);
  --toclist-ttl-txt-color: #fff;
  --toclist-ttl-box-shadow: 0 1px 1px #333 inset, 0 -1px 0 rgba(0,0,0,0.4) inset;

  --toclist-link-bg: #eee linear-gradient(#fff, #f1f1f1);
  --toclist-link-color: #2f3e46;
  --toclist-link-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --toclist-link-divider: 1px solid #ccc;

  /* btn-01 */
  --btn-01-border: 1px solid #145072;
  --btn-01-bg: #006E98 linear-gradient(#1996C6, #006E98);
}

[data-theme="iclickfxneo"] .header-top h1 {
  width:300px;
  margin: 10px auto 0;
}
[data-theme="iclickfxneo"] [data-role="content"] ul {
  padding: 0;
}


/* iclickfxneoplus ++++++++++++++++ */
[data-theme="iclickfxneoplus"] {
  /* base */
  --bg-body: #222 no-repeat top/100% linear-gradient(#444, #222);
  --color-default: #fff;
  --font-family-default: Helvetica,Arial,sans-serif;
  --font-size-default: 1.6rem;
  --line-height-default: 1.5;
  --color-link: #2489ce;
  --bg-fadein-overlay: var(--bg-body);

  /* header */
  --header-bg: #666 linear-gradient(#aaa, #666);
  --header-txt-color: #fff;
  --header-ttl-txt-shadow: 0 -1px 1px #000;
  --header-btn-bg: #f1f1f1 linear-gradient(#fff, #f1f1f1);
  --header-btn-border: 1px solid #ccc;
  --header-btn-box-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;
  --header-btn-txt-color: #2f3e46;
  --header-btn-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --header-btn-border-radius: 17px;

  /* navbar */
  --navbar-padding: 0;
  --navbar-bg: transparent;
  --navbar-btn-margin: 0;
  --navbar-btn-border-radius: 0;
  --navbar-btn-divider: 1px solid #B79B4E;

  --navbar-btn-bg: #A9A9A9 linear-gradient(#EBEBEB, #A9A9A9);
  --navbar-btn-txt-color: #2f3e46;
  --navbar-btn-box-shadow: 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
  --navbar-btn-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-txt-shadow: 0 1px 1px #fff;

  --navbar-btn-emphasis-bg: #B99649 linear-gradient(#FCF6BE, #B99649);
  --navbar-btn-emphasis-txt-color: #4E2B0B;
  --navbar-btn-emphasis-box-shadow: 0 1px 0 #B79B4E inset, 0 -1px 0 #B79B4E inset;
  --navbar-btn-emphasis-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-emphasis-txt-shadow: 0 1px 1px #fff;

  /* toc  */
  --toclist-ttl-bg: #666 linear-gradient(#aaa, #666);
  --toclist-ttl-txt-color: #fff;
  --toclist-ttl-box-shadow: 0 1px 1px #333 inset, 0 -1px 0 rgba(0,0,0,0.4) inset;

  --toclist-link-bg: #eee linear-gradient(#fff, #f1f1f1);
  --toclist-link-color: #2f3e46;
  --toclist-link-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --toclist-link-divider: 1px solid #ccc;

  /* btn-01 */
  --btn-01-border: 1px solid #145072;
  --btn-01-bg: #006E98 linear-gradient(#1996C6, #006E98);
}

[data-theme="iclickfxneoplus"] .header-top h1 {
  width:300px;
  margin: 10px auto 0;
}
[data-theme="iclickfxneoplus"] [data-role="content"] ul {
  padding: 0;
}


/* iclickkabu ++++++++++++++++ */
[data-theme="iclickkabu"] {
  /* base */
  --bg-body: #def8fa no-repeat top/100% linear-gradient(#def8fa, #def8fa);
  --color-default: #333;
  --font-family-default: Helvetica,Arial,sans-serif;
  --font-size-default: 1.6rem;
  --line-height-default: 1.5;
  --color-link: #2489ce;
  --bg-fadein-overlay: var(--bg-body);

  /* header */
  --header-bg: #2eacc9 linear-gradient(#76ddf0, #2eacc9);
  --header-txt-color: #fff;
  --header-ttl-txt-shadow: 0 -1px 1px #000;
  --header-box-shadow: 0 -1px 0 rgba(0,0,0,0) inset;
  --header-btn-bg: #f1f1f1 linear-gradient(#fff, #f1f1f1);
  --header-btn-border: 1px solid #ccc;
  --header-btn-box-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;
  --header-btn-txt-color: #2f3e46;
  --header-btn-icon-bg: rgba(0,0,0,.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --header-btn-border-radius: 17px;

  /* navbar */
  --navbar-padding: 0;
  --navbar-bg: transparent;
  --navbar-btn-margin: 0;
  --navbar-btn-border-radius: 0;
  --navbar-btn-divider: 1px solid #ccc;

  --navbar-btn-bg: #eee linear-gradient(#fff, #f1f1f1);
  --navbar-btn-txt-color: #2f3e46;
  --navbar-btn-box-shadow: 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
  --navbar-btn-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-txt-shadow: 0 1px 1px #fff;

  --navbar-btn-emphasis-bg: #F49A1A linear-gradient(#FECD02, #F49A1A);
  --navbar-btn-emphasis-txt-color: #fff;
  --navbar-btn-emphasis-box-shadow: 0 2px 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(0,0,0,0.1) inset;
  --navbar-btn-emphasis-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-emphasis-txt-shadow: 0 -1px 1px #311507;

  /* toc  */
  --toclist-ttl-bg: #2eacc9 linear-gradient(#76ddf0, #2eacc9);
  --toclist-ttl-txt-color: #fff;
  --toclist-ttl-box-shadow: 0 1px 1px rgba(255,255,255,0.4) inset, 0 -1px 0 rgba(0,0,0,0) inset;
  --toclist-ttl-txt-shadow: 0 -1px 1px #000;

  --toclist-link-bg: #eee linear-gradient(#fff, #f1f1f1);
  --toclist-link-color: #2f3e46;
  --toclist-link-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --toclist-link-divider: 1px solid #ccc;

}

[data-theme="iclickkabu"] .header-top h1 {
  width: 300px;
  margin: 10px auto 0;
}
[data-theme="iclickkabu"] [data-role="content"] ul {
  padding: 0;
}


/* kaburoid ++++++++++++++++ */
[data-theme="kaburoid"] {
  /* base */
  --bg-body: #f4fbff no-repeat top/100% linear-gradient(#cde5eb, #f4fbff);
  --color-default: #333;
  --font-family-default: Helvetica,Arial,sans-serif;
  --font-size-default: 1.6rem;
  --line-height-default: 1.5;
  --color-link: #2489ce;
  --bg-fadein-overlay: var(--bg-body);

  /* header */
  --header-bg: #0a6ea7 linear-gradient(#03426d, #0a6ea7);
  --header-txt-color: #fff;
  --header-ttl-txt-shadow: 0 -1px 1px #000;
  --header-box-shadow: 0 -1px 0 rgba(0,0,0,0) inset;
  --header-btn-bg: #f1f1f1 linear-gradient(#fff, #f1f1f1);
  --header-btn-border: 1px solid #ccc;
  --header-btn-box-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;
  --header-btn-txt-color: #2f3e46;
  --header-btn-icon-bg: rgba(0,0,0,.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --header-btn-border-radius: 17px;

  /* navbar */
  --navbar-padding: 0;
  --navbar-bg: transparent;
  --navbar-btn-margin: 0;
  --navbar-btn-border-radius: 0;
  --navbar-btn-divider: 1px solid #ccc;

  --navbar-btn-bg: #eee linear-gradient(#fff, #f1f1f1);
  --navbar-btn-txt-color: #2f3e46;
  --navbar-btn-box-shadow: 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
  --navbar-btn-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-txt-shadow: 0 1px 1px #fff;

  --navbar-btn-emphasis-bg: #396b9e linear-gradient(#5f9cc5, #396b9e);
  --navbar-btn-emphasis-txt-color: #fff;
  --navbar-btn-emphasis-box-shadow: 0 2px 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(0,0,0,0.1) inset;
  --navbar-btn-emphasis-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-emphasis-txt-shadow: 0 1px 1px #194b7e;

  /* toc  */
  --toclist-ttl-bg: #0a6ea7 linear-gradient(#03426d, #0a6ea7);
  --toclist-ttl-txt-color: #fff;
  --toclist-ttl-box-shadow: 0 1px 1px rgba(255,255,255,0.4) inset, 0 -1px 0 rgba(0,0,0,0) inset;

  --toclist-link-bg: #eee linear-gradient(#fff, #f1f1f1);
  --toclist-link-color: #2f3e46;
  --toclist-link-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --toclist-link-divider: 1px solid #ccc;

}

[data-theme="kaburoid"] .header-top h1 {
  width: 300px;
  margin: 10px auto 0;
}
[data-theme="kaburoid"] [data-role="content"] ul {
  padding: 0;
}


/* iclickfxop appli ++++++++++++++++ */
[data-theme="iclickfxop_app"] {
  /* base */
  --bg-body: #fbf8ea no-repeat top/100% linear-gradient(#fbf8ea, #fbf8ea);
  --color-default: #333;
  --font-family-default: Helvetica,Arial,sans-serif;
  --font-size-default: 1.6rem;
  --line-height-default: 1.5;
  --color-link: #2489ce;
  --bg-fadein-overlay: var(--bg-body);

  /* header */
  --header-bg: #24A7DE linear-gradient(#6FCFF6, #24A7DE);
  --header-txt-color: #fff;
  --header-ttl-txt-shadow: 0 -1px 1px #000;
  --header-box-shadow: 0 -1px 0 rgba(0,0,0,0) inset;
  --header-btn-bg: #f1f1f1 linear-gradient(#fff, #f1f1f1);
  --header-btn-border: 1px solid #ccc;
  --header-btn-box-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;
  --header-btn-txt-color: #2f3e46;
  --header-btn-icon-bg: rgba(0,0,0,.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --header-btn-border-radius: 17px;

  /* navbar */
  --navbar-padding: 0;
  --navbar-bg: transparent;
  --navbar-btn-margin: 0;
  --navbar-btn-border-radius: 0;
  --navbar-btn-divider: 1px solid #ccc;

  --navbar-btn-bg: #eee linear-gradient(#fff, #f1f1f1);
  --navbar-btn-txt-color: #2f3e46;
  --navbar-btn-box-shadow: 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
  --navbar-btn-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-txt-shadow: 0 1px 1px #fff;

  --navbar-btn-emphasis-bg: #F49A1A linear-gradient(#FECD02, #F49A1A);
  --navbar-btn-emphasis-txt-color: #fff;
  --navbar-btn-emphasis-box-shadow: 0 2px 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(0,0,0,0.1) inset;
  --navbar-btn-emphasis-icon-bg: rgba(0,0,0,0.4) no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --navbar-btn-emphasis-txt-shadow: 0 -1px 1px #311507;

  /* toc  */
  --toclist-ttl-bg: #24A7DE linear-gradient(#6FCFF6, #24A7DE);
  --toclist-ttl-txt-color: #fff;
  --toclist-ttl-box-shadow: 0 1px 1px rgba(255,255,255,0.4) inset, 0 -1px 0 rgba(0,0,0,0) inset;
  --toclist-ttl-txt-shadow: 0 -1px 1px #000;

  --toclist-link-bg: #eee linear-gradient(#fff, #f1f1f1);
  --toclist-link-color: #2f3e46;
  --toclist-link-icon-bg: #999 no-repeat center center/13px 13px var(--svg-icon-carat-r);
  --toclist-link-divider: 1px solid #ccc;

}

[data-theme="iclickfxop_app"] .header-top h1 {
  width:200px;
  margin: 10px auto 0;
}
[data-theme="iclickfxop_app"] [data-role="content"] ul {
  padding: 0;
}


/* iclickfxop webmanual ++++++++++++++++ */
[data-theme="iclickfxop"] {
  /* base */
  --bg-body: #f8f8f8;
  --color-default: #333;
  --font-family-default: HiraginoSans-W6, Hiragino Kaku Gothic Pro, sans-serif;
  --font-size-default: 1.6rem;
  --line-height-default: 1.5;
  --color-link: #297ac6;
  --bg-fadein-overlay: var(--bg-body);

  /* header */
  --header-bg: #0559a7;
  --header-txt-color: #fff;
  --header-box-shadow: none;
  --header-btn-bg: #f0f8ff;
  --header-btn-border: 0;
  --header-btn-box-shadow: none;
  --header-btn-txt-color: #0559a7;
  --header-btn-icon-bg: #0559a7 no-repeat center center/20px 20px var(--svg-icon-triangle-r-white);

  /* navbar */
  --navbar-padding: 12px 0;
  --navbar-bg: #e2f0fd;
  --navbar-btn-margin: 0 5px;
  --navbar-btn-border-radius: 4px;
  --navbar-btn-divider: 0;

  --navbar-btn-bg: #297ac6;
  --navbar-btn-txt-color: #fff;
  --navbar-btn-box-shadow: none;
  --navbar-btn-icon-bg: #f0f8ff no-repeat center center/18px 18px var(--svg-icon-triangle-r-blue);

  --navbar-btn-emphasis-bg: var(--navbar-btn-bg);
  --navbar-btn-emphasis-txt-color: var(--navbar-btn-txt-color);
  --navbar-btn-emphasis-box-shadow: var(--navbar-btn-box-shadow);
  --navbar-btn-emphasis-icon-bg: var(--navbar-btn-icon-bg);

  /* toc  */
  --tocgrid-bg: transparent;
  --tocgrid-border: 1px solid #297ac6;
  --tocgrid-ttl-bg: #297ac6;
  --tocgrid-ttl-color: #fff;
  --tocgrid-ttl-btn-bg: #297ac6;
  --tocgrid-ttl-btn-color: #fff;
  --tocgrid-ttl-btn-icon-bg: #f0f8ff no-repeat center center/20px 20px var(--svg-icon-triangle-r-blue);

  /* btn-02 */
  --btn-02-bg: #959595;
  --btn-02-txt-color: #fff
}

[data-theme="iclickfxop"] .header-top h1 {
  width: 270px;
  margin: 26px auto;
}
/* [data-theme="iclickfxop"] [data-role="content"] ul {
  padding: 0;
} */


/* kabubo_app ++++++++++++++++ */
[data-theme="kabubo_app"] {
  /* base */
  --bg-body: #f8f8f8;
  --color-default: #333;
  --font-family-default: HiraginoSans-W6, Hiragino Kaku Gothic Pro, sans-serif;
  --font-size-default: 1.6rem;
  --line-height-default: 1.5;
  --color-link: #297ac6;
  --bg-fadein-overlay: var(--bg-body);

  /* header */
  --header-bg: #143d66;
  --header-txt-color: #fff;
  --header-box-shadow: none;
  --header-btn-bg: #f0f8ff;
  --header-btn-border: 0;
  --header-btn-box-shadow: none;
  --header-btn-txt-color: #143d66;
  --header-btn-icon-bg: #143d66 no-repeat center center/16px 16px var(--svg-icon-triangle-r-white);

  /* navbar */
  --navbar-padding: 12px 0;
  --navbar-bg: #e2f0fd;
  --navbar-btn-margin: 0 5px;
  --navbar-btn-border-radius: 4px;
  --navbar-btn-divider: 0;

  --navbar-btn-bg: #528fcc;
  --navbar-btn-txt-color: #fff;
  --navbar-btn-box-shadow: none;
  --navbar-btn-icon-bg: #f0f8ff no-repeat center center/16px 16px var(--svg-icon-triangle-r-blue);

  --navbar-btn-emphasis-bg: var(--navbar-btn-bg);
  --navbar-btn-emphasis-txt-color: var(--navbar-btn-txt-color);
  --navbar-btn-emphasis-box-shadow: var(--navbar-btn-box-shadow);
  --navbar-btn-emphasis-icon-bg: var(--navbar-btn-icon-bg);

  /* toc  */
  --tocgrid-bg: transparent;
  --tocgrid-border: 1px solid #143d66;
  --tocgrid-ttl-bg: #143d66;
  --tocgrid-ttl-color: #fff;
  --tocgrid-ttl-btn-bg: #143d66;
  --tocgrid-ttl-btn-color: #fff;
  --tocgrid-ttl-btn-icon-bg: #f0f8ff no-repeat center center/16px 16px var(--svg-icon-triangle-r-blue);

  /* btn-02 */
  --btn-02-bg: #959595;
  --btn-02-txt-color: #fff
}

[data-theme="kabubo_app"] .header-top h1 {
  width: 270px;
  margin: 26px auto;
}
/* [data-theme="iclickfxop"] [data-role="content"] ul {
  padding: 0;
} */