/*@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css") only screen and (min-width: 1200px);*/
@import url('https://fonts.googleapis.com/css2?family=Iansui&display=swap');
/*@font-face {
  font-family: 'Iansui';
  src: url('Iansui.woff2') format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
*/
body {
    font-family: "Iansui", Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    letter-spacing: 1px;
    word-break: break-all;
}

h1,
h2,
h3,
h4,
h5,
.ui.header,
.ui.menu,
.ui.message .header,
.ui.modal > .header {
    font-family: "Iansui", Lato, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

.ui.menu .item.logo {
    padding: 0 1.14286em;
}

.ui.menu .item.logo img {
    height: 32px;
    width: auto;
}

.ui.list .list > .item .header,
.ui.list > .item .header {
    font-family: "Iansui", Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

ul.ui.list li::before {
    font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

ul.ui.list li {
    line-height: 1.4em;
}

.table-nav {
    text-align: right;
    margin-top: 10px;
}

.ui.vertical.stripe {
    padding-bottom: 2.5em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2.5em;
}

.ui.ribbon.label {
    padding-left: calc(0.6rem + 1.2em);
}

.ui.table td > .ui.ribbon.label {
    left: calc(-0.714286em - 1.4em);
}

.ui.ribbon.label::after {
    border-bottom-width: 0.8em;
}

.ui.card,
.ui.cards > .card {
    width: 100%
}

.hidden.menu {
    display: none;
}

.pointing.menu .ui.toc.item {
    display: none;
}

@media only screen and (max-width: 768px) {
    .pointing.menu .ui.container .lb,
    .pointing.menu .menu {
        display: none;
    }
    .pointing.menu .ui.toc.item {
        display: block;
    }
    .slider .ui.header {
        font-size: 8px;
    }
}

#back-top {
    bottom: 50px;
    position: fixed;
    right: 10px;
    z-index: 9999;
    display: none;
}

#back-top .btn {
    padding: 6px 12px;
}

#map_canvas {
    width: 100%;
    height: 550px;
}

#notification {
    display: none;
    position: fixed;
    cursor: pointer;
    width: 100%;
    background: #db2828;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    z-index: 9999;
}

#notification a,
.privacy a {
    color: #ffffff;
}

.ui.modal .content {
    height: 400px;
    overflow: auto;
}

.privacy_content h2 {
    font-size: 18px;
}

.ui.vertical.segment,
.photostack {
    -webkit-box-shadow: inset 0px -10px 5px -8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px -10px 5px -8px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -10px 5px -8px rgba(0, 0, 0, 0.1);
}

.ui.image > .icon {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.ui.image > .icon::before {
    position: absolute;
    top: 80%;
    left: 80%;
    z-index: 4;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    font-size: 4rem;
    text-shadow: 0 2px 10px rgba(34,36,38,.2);
    -webkit-transition: opacity .5s ease,color .5s ease;
    transition: opacity .5s ease,color .5s ease;
    z-index: 10;
}

.ui.image > .icon.large::before {
    font-size: 6rem;
}

.ui.sub.header {
    font-size: .933rem;
}

.ui.slider:not(.vertical):not(.checkbox) {
    padding: 0;
}

.ui.facebook.button {
  background-color: #fff;
  color: #3b5998;
}

.ui.twitter.button {
  background-color: #fff;
  color: #1da1f2;
}

.ui.secondary.segment {
  color: rgba(0,0,0,.87);
}