@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row:after,
.row:before {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0%
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }
}

@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "“" "”" "‘" "’"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img.responsive-img,
video.responsive-video {
    max-width: 100%;
    height: auto
}

.circle {
    border-radius: 100%;
    overflow: hidden
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

html {
    position: relative;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    width: 100%
}

body {
    margin: 0;
    text-align: center;
    font: normal 15px/1.5em 'Lato', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei UI', 'Microsoft JhengHei', Heiti TC Light, Arial, Helvetica, sans-serif;
    color: #333
}

a {
    outline: none;
    color: #333;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

a .pic {
    overflow: hidden
}

a .pic img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

a:active,
:focus {
    outline: none
}

a:hover {
    text-decoration: none;
    color: #499537;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

a:hover .pic {
    overflow: hidden
}

a:hover .pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

div,
li,
dd {
    word-wrap: break-word;
    margin: 0
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dfn {
    font-style: normal
}

img {
    display: block
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.clearfix {
    zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.justify {
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph
}

.justify:after {
    content: '';
    display: inline-block;
    width: 100%
}

.float_l {
    float: left
}

.float_r {
    float: right
}

.center {
    margin: 0 auto;
    text-align: center
}

.text_center {
    text-align: center
}

.text_right {
    text-align: right
}

.text_left {
    text-align: left
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hidden {
    display: none
}

.body-noscroll {
    overflow-y: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    word-wrap: break-word;
    font-weight: inherit;
    font-style: normal
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

.seo h1,
.seo h2,
.seo h3,
.hide_intelligence {
    display: none
}

input[type=button],
input[type=submit],
input:hover,
input:active,
input:focus,
button:hover,
button:active,
button:focus {
    outline: none
}

input:-internal-autofill-selected {
    background-color: #fff !important
}

input:not([type]),
input[type="text"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="url"]:not(.browser-default),
input[type="time"]:not(.browser-default),
input[type="date"]:not(.browser-default),
input[type="datetime"]:not(.browser-default),
input[type="datetime-local"]:not(.browser-default),
input[type="tel"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="search"]:not(.browser-default),
textarea.materialize-textarea {
    font-size: 1rem;
    height: 1em
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 1rem;
    font-size: 1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    transition: border .3s, -webkit-box-shadow .3s;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s
}

::-webkit-input-placeholder {
    color: #a7a7a7;
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

:-ms-input-placeholder {
    color: #a7a7a7;
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

::-ms-input-placeholder {
    color: #a7a7a7;
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

::placeholder {
    color: #a7a7a7;
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

*:focus::-webkit-input-placeholder {
    opacity: 0
}

*:focus:-ms-input-placeholder {
    opacity: 0
}

*:focus::-ms-input-placeholder {
    opacity: 0
}

*:focus::placeholder {
    opacity: 0
}

.header_member {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    font-size: 13px;
    display: block;
    border-bottom: 1px solid #efefef
}

.header_member .accordion {
    float: left;
    position: relative;
    padding: 0 42px 0 15px;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef
}

.header_member .accordion a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    line-height: 40px;
    outline: none
}

.header_member .accordion a i {
    margin-right: 5px
}

.header_member .accordion ul {
    position: absolute;
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    z-index: 98
}

.header_member .accordion ul li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    text-align: center
}

.header_member .accordion ul li a {
    border-radius: 0;
    border-bottom: 1px solid #f9f9f9
}

.header_member .accordion ul li a:hover {
    background-color: #f9f9f9
}

.header_member .accordion::after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 12px;
    right: 15px;
    width: .5rem;
    height: .5rem;
    border: 2px solid;
    border-bottom: 0;
    border-left: 0;
    border-radius: 1px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.header_member .accordion.hover li {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.header_member .accordion.hover:hover li {
    height: 40px
}

.header_member .accordion li:first-child a {
    border-radius: 0
}

.header_member .accordion li:last-child a {
    border-radius: 0 0 5px 5px;
    border: 0
}

.header_member .member {
    float: right;
    margin: 7px auto 0
}

.header_member .member ul {
    margin: 0 auto
}

.header_member .member ul li {
    vertical-align: middle;
    border-right: 1px solid #efefef;
    padding: 0 0.5em;
    display: inline-block
}

.header_member .member ul li a:hover {
    color: #499537
}

.header_member .member ul li.login a {
    font-weight: bold;
    line-height: 1.5em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.header_member .member ul li.login a::after {
    content: '';
    height: 20px;
    padding-right: 50px;
    margin-left: 5px;
    background: url(https://www.walkerland.com.tw/img/com_icon.png) no-repeat -18px 0;
    display: inline-block
}

.header_member .member ul li.login,
.header_member .member ul .member ul li.btn_new {
    padding-right: 0
}

.header_member .member ul li:last-of-type {
    border-right: 0
}

.header_member .member ul li.btn_new {
    padding: 0;
    margin-left: 5px
}

.header_member .member ul li.btn_new a {
    height: 24px;
    line-height: 22px;
    display: inline-block;
    background-color: #333;
    color: #fff;
    padding: 0 10px;
    border-radius: 50px
}

.header_member .member ul li.btn_new a:hover {
    background-color: #499537;
    color: #fff
}

.header_member .member ul li.btn_new i {
    margin-right: 2px;
    width: 15px;
    height: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.search_form {
    float: left;
    position: relative
}

.search_form input[type=text] {
    font-size: 14px;
    height: auto;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

.search_form .search:hover {
    border: 0
}

.search_form .search_input {
    width: 150px;
    padding: 10px 40px 10px 10px;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    font-size: 14px;
    line-height: 18px;
    color: #999;
    outline: 0;
    border: 0;
    border-bottom: 2px solid transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 0
}

.search_form .search_input::-webkit-input-placeholder {
    color: color(#f9f9f9 a(0.6));
    letter-spacing: 1.5px
}

.search_form .search_input:-ms-input-placeholder {
    color: color(#f9f9f9 a(0.6));
    letter-spacing: 1.5px
}

.search_form .search_input::-ms-input-placeholder {
    color: color(#f9f9f9 a(0.6));
    letter-spacing: 1.5px
}

.search_form .search_input::placeholder {
    color: color(#f9f9f9 a(0.6));
    letter-spacing: 1.5px
}

.search_form .search_input:hover,
.search_form .search_input:focus {
    padding: 10px 40px 10px 20px;
    outline: 0;
    border: 0;
    border-bottom: 2px solid #499537;
    border-radius: 0;
    background-position: 100% center;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

.search_form .search_btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 50% 50%
}

ul.social_media {
    position: absolute;
    left: 47%;
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

ul.social_media li {
    margin: 5px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

ul.social_media li a {
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    font-size: 20px
}

ul.social_media li a:hover i {
    color: #499537
}

header {
    width: 100%
}

.header {
    z-index: 99
}

.header .logo a {
    width: 100%;
    height: 100%;
    display: block
}

.header .burger-menu,
.header .search_form {
    display: none
}

#nav {
    position: relative;
    max-width: 100%;
    height: 45px;
    margin-bottom: 15px;
    background: #fff;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 1000
}

#nav .valign-wrapper,
#nav .accordion {
    display: none
}

#nav.sticky {
    position: fixed;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    border-bottom: 1px solid #efefef;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 999;
    display: inline-block;
    opacity: 1
}

#nav.sticky ul {
    max-width: 100%;
    width: 1200px;
    border-bottom: 0
}

#nav ul {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #a7a7a7
}

#nav ul li {
    position: relative;
    font-size: 18px;
    line-height: 45px;
    display: inline-block;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

#nav ul li a {
    margin: 0 auto;
    padding: 0 20px;
    display: block;
    min-width: 80px;
    height: 45px;
    line-height: 45px;
    font-weight: 500;
    letter-spacing: 2px;
    text-decoration: none
}

#nav ul li a:focus,
#nav ul li a:hover {
    position: relative;
    color: #499537;
    outline: none;
    z-index: 2
}

#nav ul li.btn_new {
    display: none
}

#nav ul li::before {
    content: "";
    position: absolute;
    width: 0;
    bottom: -3px;
    left: 100%;
    border-bottom: 5px solid #499537;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

#nav ul li:hover::before {
    width: 100%;
    top: -2px;
    left: 0;
    border-bottom-color: #499537;
    z-index: 0
}

#nav ul li:hover~li::before {
    left: 0
}

#nav ul li.active::before {
    width: 100%;
    left: 0;
    top: auto;
    bottom: -3px
}

#nav ul li.active a {
    color: #499537;
    font-weight: bold
}

.sec-nav {
    width: 100%;
    margin-bottom: 30px
}

.sec-nav ul {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    letter-spacing: 0.5px
}

.sec-nav ul li {
    display: inline-block
}

.sec-nav ul li a {
    width: 120px;
    display: block;
    margin: 0 5px;
    padding: 5px 15px;
    font-size: 0.85em;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

.sec-nav ul li a:hover {
    color: #333;
    background-color: transparent;
    border-color: #333
}

.sec-nav-m {
    display: none
}

.modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    padding: 0;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 1002;
    background: #fff;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.modal .map-select {
    display: none
}

.modal.modal-show {
    -webkit-animation: fadeIn 0.1s ease-in-out forwards;
    animation: fadeIn 0.1s ease-in-out forwards
}

.modal.modal-hide {
    -webkit-animation: fadeOut 0.1s ease-in-out 0.1s forwards;
    animation: fadeOut 0.1s ease-in-out 0.1s forwards
}

.modal-content {
    position: relative;
    margin: 5rem;
    padding: 2rem 5rem;
    max-height: 100%;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.modal.modal-show .modal-content {
    -webkit-animation: fadeInDown 0.3s ease-in-out forwards;
    animation: fadeInDown 0.3s ease-in-out forwards
}

.modal.modal-hide .modal-content {
    -webkit-animation: fadeOutUp 0.2s ease-in-out forwards;
    animation: fadeOutUp 0.2s ease-in-out forwards
}

.modal-close {
    position: absolute;
    top: 5px;
    right: 0;
    width: 32px;
    height: 32px;
    opacity: 0.5;
    padding: 1rem;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.modal-close:before,
.modal-close:after {
    content: ' ';
    position: absolute;
    left: 30px;
    height: 33px;
    width: 2px;
    background-color: #333
}

.modal-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-close:hover,
.modal-close:focus {
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.modal .modal-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    text-align: justify;
    display: inline-block;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.modal.modal-show .modal-content {
    -webkit-animation: zoomIn 0.3s ease-in-out forwards;
    animation: zoomIn 0.3s ease-in-out forwards
}

.modal.modal-hide .modal-content {
    -webkit-animation: zoomOut 0.2s ease-in-out forwards;
    animation: zoomOut 0.2s ease-in-out forwards
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
}

#search-modal {
    background: #669566
}

#index_bn.owl-theme {
    position: relative
}

#index_bn.owl-theme .owl-carousel .item img {
    width: 100%;
    display: block
}

#index_bn.owl-theme .owl-nav {
    margin-top: 0;
    display: none
}

#index_bn.owl-theme .owl-nav div {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    background: transparent;
    border-radius: 100%
}

#index_bn.owl-theme .owl-prev,
#index_bn.owl-theme .owl-prev a {
    left: 5px;
    margin-top: -20px;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

#index_bn.owl-theme .owl-prev:hover {
    left: 0;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

#index_bn.owl-theme .owl-next,
#index_bn.owl-theme .owl-next a {
    right: 5px;
    margin-top: -20px;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

#index_bn.owl-theme .owl-next:hover {
    right: 0;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

#index_bn.owl-theme .owl-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

#index_bn.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px
}

#index_bn.owl-theme .owl-dots .owl-dot.active span,
#index_bn.owl-theme .owl-dots .owl-dot:hover span {
    background: #669566
}

#index_bn .item-video {
    position: relative;
    cursor: pointer
}

#index_bn .item-video:hover .icon-play {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

main loader {
    width: 100%;
    height: 150px;
    background: url(../img/loader.gif) no-repeat 50% 50%
}

main a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

main a .pic {
    width: 100%;
    display: block;
    overflow: hidden
}

main a .pic img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

main a:hover {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

main a:hover .pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.fir_tit {
    position: relative;
    line-height: 1.5;
    margin: 0 0 20px 0;
    text-align: center
}

.fir_tit .common_tit {
    width: 100%;
    font-size: 1.5rem;
    padding-bottom: 5px;
    letter-spacing: 0.5px;
    text-align: left;
    border-bottom: 1px solid #a7a7a7
}

.fir_tit .common_tit .city {
    position: relative;
    letter-spacing: 2px;
    padding: 0 20px;
    color: #499537
}

.fir_tit .common_tit .city::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -12px;
    border-bottom: 5px solid #499537
}

.fir_tit .common_tit .city::after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -17px;
    border-top: 6px solid #499537;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: none
}

.container {
    width: 1200px;
    margin: 0 auto
}

.container .contBox h2 {
    font-size: 22px;
    font-weight: 700
}

.container .contBox .pic {
    width: 100%;
    display: block;
    overflow: hidden
}

.container .contBox .pic img {
    max-width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    display: inline-block
}

.container .contBox .pic a img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.container .contBox .pic a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.container .contBox table {
    max-width: 814px !important
}

.con_l {
    width: 814px;
    float: left
}

.con_r {
    width: 336px;
    float: right;
    word-wrap: break-word;
    word-break: break-all
}

.fb_iframe_widget_fluid_desktop,
.fb_iframe_widget_fluid_desktop span,
.fb_iframe_widget_fluid_desktop iframe {
    max-width: 100% !important;
    width: 100% !important
}

.tag-box {
    text-align: left;
    padding-bottom: 15px
}

.tag-box:active,
.tag-box:focus {
    outline: none;
    text-decoration: none
}

.tag-box ul.travel-tag li {
    position: relative;
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 0 5px 0 0
}

.tag-box ul.travel-tag li a {
    color: #499537;
    font-size: 0.85em;
    text-align: left
}

.tag-box ul.travel-tag li a:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #499537;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tag-box ul.travel-tag li a:hover {
    color: #499537;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out
}

.tag-box ul.travel-tag li a:hover:after {
    width: 100%;
    -webkit-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out
}

.tag-box .date {
    margin: 0;
    font-size: 12px;
    display: -webkit-box;
    color: #a7a7a7;
    float: right
}

.tag-box .tag {
    position: relative;
    padding: 2px 5px;
    margin: 0 5px;
    font-size: 0.85em;
    color: #499537;
    text-align: center;
    letter-spacing: 4px;
    display: inline-block;
    border: 3px solid transparent;
    border-radius: 4px;
    border-bottom-color: #499537;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.tag-box .tag:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -8px;
    border-top: 6px solid #499537;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: none
}

.tag-box a .tag:after {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.tag-box a:hover {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.tag-box a:hover .tag {
    border: 3px solid #499537;
    background-color: #499537;
    color: #fff
}

.tag-box a:hover .tag:after {
    bottom: -12px
}

.grid {
    position: relative;
    padding: 20px 0
}

.grid li {
    margin: 0 0 20px
}

.grid .contBox {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.grid .contBox:hover {
    color: #499537;
    text-decoration: none
}

.grid .contBox:hover a {
    color: #499537;
    text-decoration: none
}

.grid .contBox .pic {
    position: relative;
    height: 150px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    background: url(../img/tw-cover.jpg) no-repeat 50% 50%;
    background-size: 70%
}

.grid .contBox .pic img {
    height: auto
}

.grid .contBox .title {
    position: relative;
    text-align: left;
    padding-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    border-bottom: 1px solid #a7a7a7
}

.grid .contBox .title .author {
    position: absolute;
    top: -25px;
    left: 10px;
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 100%;
    overflow: hidden;
    background: url(../img/userimg.jpg) no-repeat 50% 50%;
    background-size: contain
}

.grid .contBox .title .author .userimg img {
    max-width: 100%;
    border-radius: 100%
}

.grid .contBox .title h2 {
    font-size: 1.1em;
    font-weight: 500;
    height: 2.8em;
    overflow: hidden
}

.grid .contBox .detail {
    padding: 10px 0;
    text-align: left
}

.grid .contBox .detail .detail-text {
    font-size: 0.85em;
    display: -webkit-box;
    color: #a7a7a7;
    height: 3em;
    overflow: hidden;
    line-height: 1.5
}

.grid .contBox .detail .author-name {
    font-size: 0.85em;
    display: -webkit-box;
    color: #a7a7a7;
    line-height: 1.5;
    float: right
}

.travel-walker .contBox .pic {
    height: 130px
}

.btn_more {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    width: 170px;
    border-radius: 50px;
    border: 1px solid #499537;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #499537), color-stop(50%, white));
    background: linear-gradient(to right, #499537 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.btn_more.small {
    width: 155px;
}

.btn_more a {
    border-radius: 50px;
    display: block;
    padding: 10px;
    color: #499537;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.btn_more:hover {
    background-position: left bottom
}

.btn_more a:hover {
    color: #fff
}

.btn_more a:focus {
    outline: none
}

.btn_more span {
    margin-left: 2px;
    margin-bottom: 5px
}

.btn-small-border {
    padding: 5px 10px;
    border-radius: 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid #499537;
    color: #499537;
    display: block
}

button {
    padding: 0;
    border: none
}

button:hover {
    color: #499537;
    background: transparent
}

button.btn_more {
    border-radius: 50px;
    display: inline-block;
    padding: 10px;
    font-size: 1em;
    text-align: center;
    color: #fff;
    border: 1px solid #499537;
    background: #499537;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin: 10px;
}

button.btn_more span {
    margin-left: 2px;
    margin-bottom: 5px
}

button.btn_more:hover {
    color: #499537;
    background: transparent;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

button.btn_more.gray:hover {
    color: #fff;
}

button.btn_more-line {
    border-radius: 50px;
    display: inline-block;
    padding: 10px;
    font-size: 1em;
    text-align: center;
    color: #499537;
    border: 1px solid #499537;
    background: transparent;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.login-block,
.create-block {
    margin: 0 auto 20px;
    text-align: center;
    display: inline-block
}

.login-block .text-tit,
.member-block .text-tit,
.create-block .text-tit {
    position: relative;
    color: #499537;
    min-width: 150px;
    max-width: 80%;
    font-size: 1.25rem;
    line-height: 1.5;
    padding-bottom: 10px;
    margin-bottom: 40px;
    letter-spacing: 0.5px;
    text-align: center;
    border: 3px solid transparent;
    border-radius: 4px;
    border-bottom-color: #499537;
    display: inline-block
}

.login-block .text-tit:after,
.create-block .text-tit:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -8px;
    border-top: 6px solid #499537;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: none
}

.login-block .text-tit span,
.create-block .text-tit span {
    font-size: 15px;
    color: #666;
    font-weight: 100
}

.login-block .text-tit span.star-text,
.create-block .text-tit span.star-text {
    font-size: 1.8rem;
    color: #F44336;
    margin-left: 3px;
    vertical-align: bottom;
    line-height: 15px
}

.login-block .text-divider,
.create-block .text-divider {
    color: #a7a7a7;
    font-size: 15px;
    margin: 20px auto 0
}

.login-block .text-divider .text-line,
.create-block .text-divider .text-line {
    text-align: center
}

.login-block .text-divider .text-line::before,
.create-block .text-divider .text-line::before {
    content: "";
    height: 1px;
    width: 30%;
    position: relative;
    display: inline-block;
    background-color: #efefef;
    top: -4px;
    right: 4%
}

.login-block .text-divider .text-line::after,
.create-block .text-divider .text-line::after {
    content: "";
    height: 1px;
    width: 30%;
    position: relative;
    display: inline-block;
    background-color: #efefef;
    top: -4px;
    left: 4%
}

.login-block .btn_more,
.create-block .btn_more {
    margin: 5% 10px
}

.login-block .remark-block,
.login-block .remember-block,
.create-block .remark-block,
.create-block .remember-block {
    padding: 5% 5% 5% 7%;
    background-color: #f9f9f9;
    font-size: .8rem;
    font-weight: 300;
    color: #a7a7a7
}

.login-block .remark-block a,
.login-block .remember-block a,
.create-block .remark-block a,
.create-block .remember-block a {
    color: #a7a7a7
}

.login-block .remark-block a:hover,
.login-block .remember-block a:hover,
.create-block .remark-block a:hover,
.create-block .remember-block a:hover {
    color: #499537
}

.login-block .remember-block,
.create-block .remember-block {
    position: relative;
    padding: 0;
    background-color: transparent;
    text-align: left;
    top: -20px
}

.login-block .login-done,
.create-block .login-done {
    width: 100%;
    max-width: 420px;
    height: auto;
    display: inline-block
}

.login-block .login-done img,
.create-block .login-done img {
    max-width: 100%
}

.login-block .register-done,
.create-block .register-done {
    margin: 2% auto 0;
    width: auto;
    height: 120px;
    background: url(../img/svg/register-done.svg) no-repeat 50% 50%;
    background-size: contain
}

.login-block .input-field input[type=text]::-webkit-input-placeholder,
.create-block .input-field input[type=text]::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 300
}

.login-block .input-field input[type=text]:-ms-input-placeholder,
.create-block .input-field input[type=text]:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 300
}

.login-block .input-field input[type=text]::-ms-input-placeholder,
.create-block .input-field input[type=text]::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 300
}

.login-block .input-field input[type=text]::placeholder,
.create-block .input-field input[type=text]::placeholder {
    font-size: 14px;
    font-weight: 300
}

.login-block .input-field .memberid,
.create-block .input-field .memberid {
    text-align: left;
    color: #a7a7a7
}

.login-block .input-field .tags-input,
.create-block .input-field .tags-input {
    width: 100% !important;
    border: 0 !important;
    border-bottom: 1px solid #9e9e9e !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 5px;
    white-space: nowrap
}

.login-block .input-field .tags-input .tag,
.create-block .input-field .tags-input .tag {
    width: auto;
    font-size: 13px !important;
    line-height: 2;
    color: #fff !important;
    float: left;
    border: 0 !important;
    background: #a7a7a7 !important;
    padding: 0 10px !important;
    border-bottom: 0;
    border-radius: 5px;
    margin: 2px 4px 4px 0px !important
}

.login-block h6,
.create-block h6 {
    font-size: 6rem;
    line-height: 1;
    display: block;
    color: #8c8c8c
}

.login-block p,
.create-block p {
    font-size: 1.125rem;
    margin-bottom: 30px;
    display: block;
    color: #8c8c8c
}

.login-block .login-block-txt,
.member-block .login-block-txt {
    position: relative;
    margin-top: 0;
    font-size: 15px;
    font-weight: 300;
    color: #666
}

.login-block .login-block-txt span,
.member-block .login-block-txt span {
    color: #499537;
    font-weight: 500
}

.create-block .step-block {
    width: 70%;
    margin: auto auto 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.create-block .step-block div {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin: 0 5px
}

.create-block .step-block div span {
    position: relative;
    color: #a7a7a7
}

.create-block .step-block div.active {
    color: #333
}

.create-block .step-block div.active span {
    color: #333
}

.create-block .step-block div.active .step {
    border: 1px solid #333;
    color: #fff;
    background-color: #333
}

.create-block .step-block div.active .line {
    background: #333
}

.create-block .step-block span.step {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-size: 1rem;
    border: 1px solid #a7a7a7;
    margin-right: 5px
}

.create-block .step-block span.line {
    width: 25%;
    height: 2px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px
}

.create-block .create-edit {
    width: 100%;
    margin: 5px auto
}

.member-block .input-field textarea {
    border: 1px solid #a7a7a7;
    border-radius: 5px;
    min-height: 100%;
    outline: none;
    resize: none
}

.member-block .input-field textarea:focus {
    border-color: #499537;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out
}

.member-block .div-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.member-block .div-group .input-field .gender-group {
    width: 33%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.member-block .div-group .input-field .gender-group label {
    font-size: inherit;
    color: #666
}

.member-block .div-group .input-field .gender-group input {
    width: auto
}

.member-block .div-group .input-field .gender-group .radio {
    position: relative;
    top: 10px
}

.member-block .div-group .input-field .gender-group .radio input:checked+span:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.member-block .div-group>div {
    width: 50%;
    padding-right: 30px
}

.member-block .div-group div:last-of-type {
    padding-right: 0
}

.member-block .checkbox-group {
    text-align: left
}

.member-block .checkbox-group .checkbox {
    top: auto;
    left: auto
}

.member-block .checkbox-group label {
    position: relative;
    left: auto;
    top: auto;
    margin: 10px 20px 10px 5px;
    display: inline-block
}

.member-block .checkbox-group input {
    width: auto;
    display: inline-block
}

.member-block .checkbox-group span {
    margin-left: 5px;
    vertical-align: top
}

.login-btn {
    display: block;
    margin: 2% auto
}

.login-btn .btn-block {
    width: 242px;
    border-radius: 50px;
    height: 44px;
    line-height: 44px;
    margin: 2% 1%;
    display: initial
}

.login-btn .btn-block i {
    width: 24px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: sub;
    padding-right: 5px
}

.login-block .btn_back a {
    color: #499537
}

.login-block .btn_back a:hover {
    color: #fff
}

.login-block .fb-bg {
    background-color: #4267b2;
    color: #fff
}

.login-block .gp-bg {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 0 1px -2px rgba(0, 0, 0, 0.12), 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 0 1px -2px rgba(0, 0, 0, 0.12), 0 0 10px 0 rgba(0, 0, 0, 0.15)
}

.login-block .fb-icon,
.login-block .gp-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px
}

.login-block .fb-icon {
    color: #fff
}

.login-block .fb-icon::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    padding-right: 6px;
    background: url(https://www.walkerland.com.tw/img/svg/icon-facebook-sw@2x.svg) no-repeat 50% 50%;
    background-size: contain
}

.login-block .gp-icon {
    background-color: #fff
}

.login-block .gp-icon::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    padding-right: 6px;
    background: url(https://www.walkerland.com.tw/img/svg/Google__G__Logo@2x.svg) no-repeat 50% 50%;
    background-size: contain
}

.form-group {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px
}

.map-select {
    padding: 5px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    text-align: left;
    font-size: 1rem
}

.map-select p {
    padding: 0 20px 0 0;
    display: inline-block
}

.map-select select {
    width: 100%;
    max-width: 100%;
    height: 42px;
    padding: 6px 40px 6px 6px;
    outline: none;
    color: #383d3c;
    border: 0;
    display: inline-block;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-color: transparent
}

.map-select select::-ms-expand {
    display: none
}

.map-select select.arrow {
    background-image: linear-gradient(45deg, transparent 50%, #333 50%), linear-gradient(135deg, #333 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
    background-repeat: no-repeat;
    color: #499537
}

.map-select select.arrow:focus,
.map-select select.arrow:active {
    background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), radial-gradient(#499537 70%, transparent 72%);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - .5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
    background-repeat: no-repeat;
    outline: 0
}

.map-select .select-block {
    width: auto;
    padding: 0 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-left: 1px solid #a7a7a7;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.map-select .btn_more {
    margin: 0;
    width: 60px;
    border-radius: 25px;
    border: 0
}

.map-select .btn_more a {
    padding: 0 5px 2px;
    text-align: center;
    border: 1px solid #499537;
    font-weight: 600
}

.map-select .btn_more a:hover {
    background: #499537
}

.map-select .select-block:last-child {
    padding-right: 0
}

.input-field {
    position: relative;
    padding-bottom: 20px;
    padding-top: 10px;
    margin-bottom: 20px
}

.input-field select::-ms-expand {
    display: none
}

.input-field input:focus~label,
.input-field textarea:focus~label,
.input-field textarea:valid~label {
    color: #499537
}

.input-field textarea {
    width: 100%;
    min-height: 50px;
    outline: none;
    resize: none;
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 5px;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out
}

.input-field input,
.input-field textarea {
    background: none;
    color: #a7a7a7;
    padding: 10px;
    display: block;
    width: calc(100% - 20px);
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #a7a7a7
}

.input-field input:focus,
.input-field textarea:focus {
    outline: none
}

.input-field input:focus~label,
.input-field textarea:focus~label {
    top: -20px;
    font-size: 13px;
    color: #499537
}

.input-field input:focus~.bar:before,
.input-field textarea:focus~.bar:before {
    width: 100%
}

.input-field input[type="password"] {
    letter-spacing: 0.3em
}

.input-field label {
    font-weight: 300;
    position: absolute;
    left: 0;
    top: -15px;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    color: #666
}

.input-field .bar {
    position: relative;
    display: block;
    width: 100%
}

.input-field .bar:before {
    content: "";
    height: 2px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: #499537;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    left: 0%
}

.input-field .bar:before {
    background: #499537
}

.input-field .helper-text {
    position: relative;
    display: block;
    font-size: 0.75rem;
    font-weight: 100;
    color: #a7a7a7;
    min-height: 18px
}

.input-field .helper-text a {
    color: #F44336
}

.input-field .error-text {
    position: relative;
    display: block;
    font-size: 0.75rem;
    font-weight: 100;
    color: #F44336
}

.input-field .star-text {
    font-size: 1.8rem;
    color: #F44336;
    margin-left: 3px;
    vertical-align: bottom;
    list-style: 15px
}

.input-field .radio {
    left: auto;
    right: 0;
    top: 0;
    display: block;
    cursor: pointer
}

.input-field .radio input {
    display: none
}

.input-field .radio input span {
    width: 22px;
    height: 22px
}

.input-field .radio input+span {
    line-height: 22px;
    height: 22px;
    padding-left: 22px;
    display: block;
    position: relative
}

.input-field .radio input+span:not(:empty) {
    padding-left: 27px
}

.input-field .radio input+span:before,
.input-field .radio input+span:after {
    content: '';
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50%;
    left: 0;
    top: 0;
    position: absolute
}

.input-field .radio input+span:before {
    background: #ddd;
    -webkit-transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
    transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
    transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
    transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2)
}

.input-field .radio input+span:after {
    background: #fff;
    -webkit-transform: scale(0.78);
    transform: scale(0.78);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
    transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4)
}

.input-field .radio input:checked+span:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.input-field .radio input:checked+span:after {
    background: #499537;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.input-field .radio:hover input+span:before {
    -webkit-transform: scale(0.92);
    transform: scale(0.92)
}

.input-field .radio:hover input+span:after {
    -webkit-transform: scale(0.7);
    transform: scale(0.7)
}

.input-field .radio:hover input:checked+span:after {
    -webkit-transform: scale(0.4);
    transform: scale(0.4)
}

.input-field .file-upload {
    margin: 0 auto;
    text-align: center
}

.input-field .file-upload .file-upload-btn {
    width: 170px;
    margin: 0;
    color: #fff;
    background-color: #499537;
    border-radius: 50px;
    display: inline-block;
    padding: 10px;
    font-size: 1em;
    text-align: center;
    color: #fff;
    border: 1px solid #499537;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.input-field .file-upload .file-upload-btn:hover {
    color: #499537;
    background: transparent;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.input-field .file-upload .file-upload-content {
    display: none;
    text-align: center;
    border-radius: 5px;
    border: 2px dashed #ddd;
    margin: 5px auto 20px;
    overflow: hidden
}

.input-field .file-upload .file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer
}

.input-field .file-upload .image-upload-wrap {
    margin: 5px auto 20px;
    border-radius: 5px;
    border: 2px dashed #ddd;
    position: relative;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.input-field .file-upload .image-upload-wrap input {
    color: #ddd
}

.input-field .file-upload .image-dropping,
.input-field .file-upload .image-upload-wrap:hover {
    border-color: #499537;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.input-field .file-upload .image-title-wrap {
    padding: 0
}

.input-field .file-upload .drag-text {
    color: #a7a7a7;
    text-align: center
}

.input-field .file-upload .drag-text p {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 100;
    padding: 60px 0
}

.input-field .file-upload .file-upload-image {
    position: relative;
    max-width: 100%;
    max-height: 250px;
    margin: auto
}

.input-field .file-upload .remove-image {
    position: absolute;
    top: 0;
    right: -10px;
    width: 20px;
    height: 20px;
    margin: 0;
    font-size: 0.75rem;
    color: #fff;
    background: #333;
    border: none;
    padding: 5px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    outline: none
}

.input-field .file-upload .remove-image .fa {
    font-size: 1rem
}

.input-field .file-upload .remove-image:hover {
    background: #499537;
    color: #ffffff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer
}

.input-field .file-upload .remove-image:active {
    border: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.input-field .switch-mode {
    float: right;
    position: relative;
    top: -12px
}

.input-field .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px
}

.input-field .switch input {
    display: none
}

.input-field .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ddd;
    border-radius: 50px;
    -webkit-transition: .4s;
    transition: .4s
}

.input-field .slider .slider-txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 60px;
    font-size: 12px;
    color: #fff;
    line-height: 28px
}

.input-field .slider .slider-txt:before {
    position: absolute;
    content: attr(data-off);
    top: 0;
    right: 12px
}

.input-field .slider:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    left: 0;
    bottom: -2px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(20, 20, 20, 0.25);
    box-shadow: 0 0 2px rgba(20, 20, 20, 0.25);
    -webkit-transition: .4s;
    transition: .4s
}

.input-field input:checked+.slider {
    background-color: #499537
}

.input-field input:focus+.slider {
    -webkit-box-shadow: 0 0 2px #499537;
    box-shadow: 0 0 2px #499537
}

.input-field input:checked+.slider:before {
    content: "";
    -webkit-transform: translateX(31px);
    transform: translateX(31px);
    color: #499537;
    -webkit-box-shadow: 0 0 2px #499537;
    box-shadow: 0 0 2px #499537
}

.input-field input:checked+.slider .slider-txt:before {
    content: attr(data-on);
    right: auto;
    left: 12px
}

.select-sp select {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    font-size: 1rem;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: calc(100% - 46px);
    margin: 0;
    padding: 0 40px 0 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    transition: border 0.3s, -webkit-box-shadow 0.3s;
    -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s, border 0.3s;
    transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s
}

.select-sp .browser-default {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #333 50%), linear-gradient(135deg, #333 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
    background-repeat: no-repeat
}

.select-sp .browser-default:focus,
.select-sp .browser-default:active {
    background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), radial-gradient(#499537 70%, transparent 72%);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - .5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
    background-repeat: no-repeat;
    outline: 0
}

.dropdown {
    text-align: left;
    font-size: 1rem;
    outline: none;
    margin: 10px 0 0
}

.dropdown a,
.dropdown a:visited {
    text-decoration: none;
    outline: none
}

.dropdown dd {
    position: relative;
    border: none;
    font-size: 1rem;
    text-align: left;
    outline: none;
    margin-top: 10px 0 0;
    z-index: 1
}

.dropdown dt {
    border-bottom: 1px solid #9e9e9e
}

.dropdown dt a {
    display: block;
    overflow: hidden;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 3rem;
    padding-left: 6px
}

.dropdown dt a:hover {
    color: #333
}

.dropdown dd ul {
    background-color: #fff;
    border: 1px solid #333;
    display: none;
    list-style: none;
    height: 360px;
    overflow: auto;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 0 1px -2px rgba(0, 0, 0, 0.12), 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 0 1px -2px rgba(0, 0, 0, 0.12), 0 0 10px 0 rgba(0, 0, 0, 0.15)
}

.dropdown dd ul li {
    line-height: 40px;
    background-color: #f0f0f0
}

.dropdown dd ul li a {
    padding: 5px
}

.dropdown dd ul li input {
    display: inline-block;
    width: auto;
    margin-right: 20px;
    margin-left: 10px
}

.dropdown dd ul li .checkbox {
    top: 3px
}

.dropdown dd ul li ul {
    border: 0;
    width: auto;
    height: auto;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dropdown dd ul li ul li {
    color: #666;
    font-size: 15px;
    font-weight: 100;
    background-color: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30%;
    padding: 0;
    background-color: transparent
}

.dropdown dd ul li ul li label {
    font-weight: 300
}

.dropdown dd ul label {
    position: relative;
    top: auto;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    cursor: pointer
}

.dropdown span.value {
    display: none
}

.mutliSelect {
    margin-top: 5px
}

p.multiSel {
    margin: 0;
    line-height: 1.5;
    padding-right: 35px
}

.multiSel span {
    position: relative;
    font-size: 13px;
    line-height: 2;
    color: #fff;
    background: #499537;
    padding: 0 25px 0 10px;
    margin: 5px 5px 5px 0;
    border-radius: 5px
}

.multiSel span::after {
    position: absolute;
    content: "\f00d";
    font-family: FontAwesome;
    top: 0;
    right: 10px
}

.dropdown dt a span {
    cursor: pointer;
    display: inline-block
}

.label-checkbox {
    position: relative;
    cursor: pointer
}

.label-checkbox-hk .checkbox:checked:before {
    border-color: #4ad1d1
}

.checkbox {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    top: 5px;
    left: 3px;
    margin: 0 .5rem 0 0;
    cursor: pointer;
    border-radius: 3px
}

.checkbox:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -5px;
    z-index: 1;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 3px;
    border: 2px solid #a7a7a7;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.checkbox:checked:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: .6rem;
    top: 5px;
    border-color: #499537;
    border-radius: 0;
    border-top-style: none;
    border-right-style: none
}

.checkbox:after {
    content: "";
    position: absolute;
    top: -2px;
    left: -5px;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 3px;
    background: #fff;
    cursor: pointer
}

.ui-widget {
    font-family: inherit !important
}

.ui-corner-all {
    border-radius: 5px !important
}

.ui-widget.ui-widget-content {
    border-color: #ddd !important
}

.ui-datepicker th {
    font-weight: 500 !important
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    font-weight: 500;
    border: 1px solid #ddd !important;
    background: #ddd !important;
    color: #333 !important
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    background: #ddd !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0 !important
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    font-weight: bold;
    border-color: #499537 !important;
    background: #499537 !important;
    color: #fff !important
}

#floor_box {
    margin: 10px auto;
    overflow: hidden
}

#floor_box .breadcrumbs {
    font-size: 0.85em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

#floor_box .breadcrumbs a {
    padding: 0 5px
}

#floor_box .breadcrumbs a:first-child {
    padding-left: 0
}

#floor_box .breadcrumbs span {
    max-width: 650px;
    width: 100%;
    color: #a7a7a7;
    font-weight: 100;
    padding-left: 5px;
    display: inline-block;
    vertical-align: bottom
}

.pagination-block {
    display: block;
    font-size: 1rem;
    text-align: center;
    margin: 5% auto
}

.pagination-block .pagination li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    height: 30px
}

.pagination-block .pagination li a {
    color: #333;
    display: inline-block;
    font-size: 1rem;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 5px;
    text-decoration: none
}

.pagination-block .pagination li a:hover {
    background-color: #f9f9f9
}

.pagination-block .pagination li.all a {
    color: #fff;
    background-color: #499537;
    letter-spacing: 1px;
    border: 1px solid #499537
}

.pagination-block .pagination li.all a:hover,
.pagination-block .pagination li.all a:focus {
    background-color: #fff;
    color: #499537
}

.pagination-block .pagination li.active a {
    color: #fff;
    background-color: #ddd
}

.pagination-block .pagination li.disabled a {
    cursor: default;
    color: #ddd
}

.pagination-block .pagination li i {
    font-size: 1rem
}

.pagination-block .pagination li.pages ul li {
    display: inline-block;
    float: none
}

.gotop.show {
    bottom: 100px
}

.gotop {
    background-color: #a7a7a7;
    opacity: 0.42;
    z-index: 9;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: -80px;
    right: 10px;
    text-align: center;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.gotop:hover {
    opacity: 0.65
}

.gotop i {
    width: 20px;
    height: 20px;
    background: url(../img/svg/arrow-top.svg) no-repeat
}

.header-ad {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    height: auto;
    background-color: #e2e2e2;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 11
}

.header-ad .google_ad {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 0
}

.header-ad .google_ad-mobile {
    display: none
}

.google_ad {
    text-align: center;
    padding: 20px 0;
    display: inline-block
}

.google_ad-mobile {
    text-align: center;
    padding: 20px 0;
    display: none
}

.google_ad div,
.google_ad-mobile div {
    margin: 0 auto
}

.google_ad img,
.google_ad-mobile img {
    max-width: 100%
}

#foo_alcohol {
    position: fixed;
    width: 100vw;
    height: 9vh;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.52);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    z-index: 9
}

footer {
    position: relative;
    margin-top: 60px;
    color: #a7a7a7
}

footer .footer-copyright {
    padding: 30px 0;
    background: #669566
}

footer .footer-copyright .footerbox {
    position: relative;
    margin-bottom: 15px;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #a7a7a7
}

footer .footer-copyright .footerbox .footer-logo {
    width: 100px;
    height: 50px;
    display: block
}

footer .footer-copyright .footerbox .logo-img {
    background: url(../img/tw-footer-logo.png) no-repeat 50% 50%;
    background-size: contain
}

footer .footer-copyright .footerbox ul.footer-nav li {
    float: left;
    border-left: 1px solid #499537
}

footer .footer-copyright .footerbox ul.footer-nav li a {
    padding: 10px 20px;
    color: #499537
}

footer .footer-copyright .footerbox ul.footer-nav li:first-child {
    border-left: 0
}

footer .footer-copyright .footerbox ul.footer-nav li:last-child {
    border-right: 1px solid #499537
}

footer .footer-copyright .footerbox ul.footer-nav li a:hover {
    text-decoration: underline
}

footer .footer-copyright .footer-txt {
    font-size: 12px;
    text-align: left
}

.map_img {
    display: inline-block
}

.map_img ul.jpMap *:focus {
    outline: none
}

.mapList {
    width: 40%;
    font-size: 0.8em;
    float: left;
    text-align: left
}

.mapList .areabar .contentArea {
    min-width: 90px;
    font-weight: bold;
    text-align: right;
    margin-right: 15px
}

.mapList .areabar .subArea {
    display: block
}

.areabar .subArea a {
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #e0e0e0;
    white-space: nowrap
}

.areabar .subArea .select {
    color: #499537
}

.toggleMap {
    position: absolute;
    z-index: -1
}

.mapList .areabar [class*="mainAreabg_"] {
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 2px;
    font-size: 1em;
    min-width: 90px;
    text-align: center;
    border: 2px solid transparent;
    font-weight: bold
}

.mapList .areabar .mainAreabg_01 {
    background: #eef0aa
}

.mapList .areabar .mainAreabg_02 {
    background: #cff2b0
}

.mapList .areabar .mainAreabg_03 {
    background: #bcf0e8
}

.mapList .areabar .mainAreabg_04 {
    background: #d2d2fc
}

.mapList .areabar .mainAreabg_05 {
    background: #febcbc
}

.mapList .areabar .mainAreabg_06 {
    background: #f6dfb7
}

.mapList .areabar .mainAreabg_07 {
    background: #b5d8ec
}

.mapList .areabar .mainAreabg_08 {
    background: #fdcaf9
}

.mapList .areabar .mainAreabg_09 {
    background: #b7f9c5
}

.mapList .areabar .mainAreabg_10 {
    background: #fdccbb
}

.mapList .areabar [class*="mainAreabg_"].select,
.mapList .areabar [class*="mainAreabg_"]:hover {
    background-color: transparent;
    border: 2px solid #499537;
    color: #499537
}

#mainArea01 {
    top: 13px;
    left: 367px
}

#mainArea02 {
    top: 147px;
    left: 367px
}

#mainArea03 {
    top: 272px;
    left: 437px
}

#mainArea04 {
    top: 340px;
    left: 336px
}

#mainArea05 {
    top: 191px;
    left: 268px
}

#mainArea06 {
    top: 249px;
    left: 233px
}

#mainArea07 {
    top: 281px;
    left: 131px
}

#mainArea08 {
    top: 293px;
    left: 16px
}

#mainArea09 {
    top: 448px;
    left: 181px
}

#mainArea10 {
    top: 425px;
    left: 0
}

.selectBlock {
    padding: 15px 0;
    border-bottom: 1px solid #a7a7a7;
    border-top: 1px solid #a7a7a7
}

.trip h2 {
    padding-left: 90px
}

.travei-walker .contBox .pic {
    height: 138px
}

.travei-walker .tag-box ul.travel-tag li {
    height: 20px
}

.tag-box-r {
    padding-top: 30px;
    padding-bottom: 20px
}

.tag-box-r .travel-tag {
    padding: 0
}

.tag-box-r ul.travel-tag li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #499537
}

.fbiframe {
    width: 336px;
    padding-top: 60px;
    margin-bottom: 10px
}

.igiframe {
    text-align: center
}

.main-con .google_ad {
    padding-bottom: 50px
}

.main-con .con_box-L,
.main-con .con_box-R {
    padding: 0;
    margin-bottom: 30px
}

.main-con .grid .contBox .pic {
    height: auto
}

.main-con .grid .con_box-L .contBox .pic {
    height: 390px
}

.main-con .grid .con_box-R .contBox .pic {
    height: 170px
}

.main-con .con_box-M {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-con .con_box-M [class*="col-"] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 20px
}

.main-con .con_box-M .contBox .pic {
    height: auto
}

.notes-con .grid .contBox .pic {
    height: 250px
}

.notes-con .listBox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
    display: flow-root
}

.notes-con .listBox .listCont dl {
    display: flow-root
}

.notes-con .listBox .listCont .list {
    border-bottom: 1px dotted #efefef
}

.notes-con .listBox .listCont .list dt {
    width: 78%;
    padding: 0 10px 15px 10px;
    text-align: left;
    float: left
}

.notes-con .listBox .listCont .list dt P {
    margin: 0
}

.notes-con .listBox .listCont .list dt p:first-of-type {
    margin-bottom: 8px
}

.notes-con .listBox .listCont .list dt .posted {
    font-size: 0.85em;
    display: -webkit-box;
    color: #a7a7a7;
    line-height: 1.5
}

.notes-con .listBox .listCont .list dt .posted span {
    color: #333;
    padding: 0 2px
}

.notes-con .listBox .listCont .list dt .author-name {
    color: #a7a7a7
}

.notes-con .listBox .listCont .list dd {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: url(../img/userimg.jpg) no-repeat 50% 50%;
    background-size: contain
}

.notes-con .listBox .listCont .list dd .author {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%
}

.notes-con .listBox .listCont .list dd .author img {
    max-width: 100%;
    border-radius: 100%
}

.notes-con .listBox .listCont .list:before {
    width: 20px;
    height: 20px;
    font-size: 0.85em;
    line-height: 1.6;
    color: #fff;
    background-color: #499537;
    text-align: center;
    content: attr(data-num);
    border-radius: 100%;
    float: left
}

.notes-con .listBox .listCont-news .list {
    margin: 0 0 15px
}

.notes-con .listBox .listCont-news .list dt {
    width: 100%;
    float: none;
    padding-left: 30px;
    padding-bottom: 15px
}

.notes-con .listBox .listCont-news .list dt .post_title {
    height: 45px;
    display: block;
    overflow: hidden
}

.notes-con .listBox .listCont-news .list dd {
    display: block;
    width: 100%;
    height: auto;
    text-align: right;
    background-image: none
}

.notes-con .listBox .listCont-news .list dd .name {
    display: block;
    font-size: 0.85em;
    color: #a7a7a7;
    line-height: 1.5;
    padding-bottom: 15px
}

.notes-con .listBox .listCont-news .list dd a:hover {
    color: #499537
}

.notes-con .listBox .focus-list {
    padding-bottom: 20px;
    display: inherit
}

.notes-con .listBox .focus-list ul {
    margin-bottom: 20px
}

.notes-con .listBox .focus-list ul li {
    float: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 21px 15px 0
}

.notes-con .listBox .focus-list ul li img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
    overflow: hidden;
    background: url(../img/userimg.jpg) no-repeat 50% 50%;
    background-size: contain
}

.notes-con .listBox .focus-list ul li:nth-child(5n) {
    padding-right: 0
}

.notes-con .listBox .fbiframe,
.notes-con .listBox .igiframe {
    vertical-align: top;
    padding: 0 10px;
    display: inline-block
}

.notes-con .listBox .google_ad {
    padding: 0 10px
}

.notes-con .con_l .listBox[class*="col-"],
.notes-con .con_l .listBox[class^=col-] {
    padding: 0
}

.notes-con .con_l .listBox .listBox-l {
    float: left;
    width: 440px;
    margin-right: 38px
}

.notes-con .con_l .listBox .listBox-l .listCont-news .list dt {
    padding-left: 15px
}

.notes-con .con_l .listBox .listBox-l .listCont .list:before {
    content: "";
    width: 6px;
    height: 6px;
    margin-top: 8px;
    background-color: #a7a7a7
}

.notes-con .con_l .listBox .listBox-r {
    float: left;
    width: 336px
}

.notes-con .con_l .listBox .listBox-r .google_ad {
    padding-top: 40px
}

.notes-con .con_l .listBox .fbiframe {
    width: 200px;
    margin-right: 20px
}

.notes-con .con_l .listBox .listCont-news .list {
    display: block
}

.notes-con .con_l .listBox .listCont-news .list dt .post_title {
    height: auto;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notes-con .con_r .google_ad {
    padding: 20px 0
}

.notes-con .fix_note {
    position: relative;
    opacity: 1;
    top: auto;
    background: #fff
}

.notes-con .fix_note .fix_note-block {
    border-radius: 5px;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #efefef;
    padding-bottom: 25px
}

.notes-con .fix_note .fix_note-block .fix_note-head {
    border-radius: 5px 5px 0 0;
    padding: 15px;
    background: #ebebeb;
    text-align: center;
    font-size: 18px
}

.notes-con .fix_note .fix_note-block .fix_note-txt {
    border-radius: 0 0 15px 15px;
    padding: 15px;
    text-align: left;
    font-weight: 300
}

.fix_note.sticky {
    position: fixed;
    width: 336px;
    top: 70px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 1001
}

.author-profile-block {
    position: relative
}

.author-profile-block:focus {
    outline: none
}

.author-profile-block .actions {
    position: absolute;
    top: -22px;
    right: 0;
    z-index: 1
}

.author-profile-block .actions ul li {
    position: relative;
    display: inline-block
}

.author-profile-block .actions ul li a {
    width: 20px;
    height: 20px;
    background: #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    padding: 5px
}

.author-profile-block .actions ul li i {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #333;
    vertical-align: middle
}

.author-profile-block .actions ul li:first-child {
    margin-right: 5px
}

.author-profile-block .actions ul li:hover .tooltip,
.author-profile-block .actions ul li .tooltip:hover {
    display: block
}

.author-profile-block .actions ul li .tooltip {
    position: absolute;
    top: -27px;
    background: #333;
    color: #fff;
    font-size: 0.85em;
    border-radius: 50px;
    min-width: 70px;
    z-index: 9;
    display: none
}

.author-profile-block .author-info-block .author-info {
    display: block;
    -webkit-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out
}

.author-profile-block .author-info-block .author-info a,
.author-profile-block .author-info-block .author-info a .name {
    color: initial;
    -webkit-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out
}

.author-profile-block .author-info-block .author-info a:hover .name {
    color: #499537;
    -webkit-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out
}

.author-profile-block .author-info-block .author-info .author {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100%;
    float: left
}

.author-profile-block .author-info-block .author-info .author img {
    max-width: 100%
}

.author-profile-block .author-info-block .author-info .name {
    font-size: 1.1em;
    font-weight: 500;
    text-align: left;
    float: left;
    width: calc(100% - 110px);
    margin-left: 10px;
    margin-top: 12px
}

.author-profile-block .author-info-block .author-info .follow-btn {
    width: 90px;
    margin-top: 5px;
    margin-left: 10px;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #499537;
    border-radius: 50px;
    color: #fff;
    background: #499537;
    float: left;
    cursor: pointer
}

.author-profile-block .author-info-block .author-info .follow-btn span {
    font-size: 0.85rem
}

.author-profile-block .author-info-block .author-info .follow-btn span:before {
    content: "＋";
    display: inline-block;
    padding-right: 2px
}

.author-profile-block .author-info-block .author-info .follow-btn-remove {
    color: #a7a7a7;
    border-color: #a7a7a7;
    background: transparent
}

.author-profile-block .author-info-block .author-info .follow-btn-remove span:before {
    content: "－";
    display: inline-block;
    padding-right: 2px
}

.author-profile-block .author-info-block .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 2px solid #efefef;
    margin-top: 10px;
    padding: 0 15px;
    color: #333
}

.author-profile-block .author-info-block .detail .follow:before {
    content: "關注";
    display: block;
    font-size: 0.85em;
    color: #a7a7a7
}

.author-profile-block .author-info-block .detail .publish:before {
    content: "發表文章數";
    display: block;
    font-size: 0.85em;
    color: #a7a7a7
}

.author-profile-block .author-info-block .detail>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 50%;
    line-height: 1.2em;
    text-align: center;
    margin: 15px 0
}

.author-profile-block .author-info-block .detail>div:not(:last-child) {
    border-right: 1px solid #efefef
}

.author-profile-block .view {
    text-align: left;
    margin: 10px 0
}

.author-profile-block .social-media {
    margin: 5px auto 20px;
    border-radius: 5px;
    border: 1px solid #efefef;
    overflow: hidden
}

.author-profile-block .social-media ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.author-profile-block .social-media li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    border-right: 1px solid #efefef
}

.author-profile-block .social-media li i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px;
    font-size: 18px;
    color: #efefef
}

.author-profile-block .social-media li a i {
    color: #499537;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.author-profile-block .social-media li a:hover i {
    color: #fff;
    background-color: #499537;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.author-profile-block .social-media li:last-child {
    border-right: 0
}

.author-profile-block .description {
    padding-bottom: 20px;
    text-align: left;
    font-weight: 300;
    color: #a7a7a7
}

.author-profile-block-m {
    display: none
}

.edit-block {
    position: relative;
    text-align: left
}

.edit-block a {
    color: #499537;
    text-decoration: underline
}

.edit-block .edit-block-pretext {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 300;
    padding: 5px 10px;
    background-color: #333;
    color: #fff;
    border-radius: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    letter-spacing: 2px
}

.edit-block .edit-block-pretext i {
    padding-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.edit-block .left-box {
    position: fixed;
    margin-left: -695px;
    left: 50%;
    bottom: 250px;
    opacity: 0;
    text-align: center;
    z-index: 8;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.edit-block .left-box .iframe-like {
    display: inline-block
}

.edit-block .left-box p {
    color: #a7a7a7;
    text-align: center;
    font-size: 0.85em;
    font-weight: 100;
    margin: 5px auto
}

.edit-block .left-box ul {
    display: inline-block;
    list-style: none
}

.edit-block .left-box ul li {
    margin-bottom: 5px
}

.edit-block .left-box ul li a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #efefef;
    background-color: #fff;
    cursor: pointer;
    outline: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.edit-block .left-box ul li a [class*=" icon-"],
.edit-block .left-box ul li a [class^=icon-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 1.5rem;
    height: 1.5rem
}

.edit-block .left-box ul li a .icon-fb {
    background: url(../img/svg/icon-facebook.svg) no-repeat 50% 50%;
    background-size: contain
}

.edit-block .left-box ul li a .icon-line {
    background: url(../img/svg/icon-line.svg) no-repeat 50% 50%;
    background-size: contain
}

.edit-block .left-box ul li:nth-of-type(1) a:hover {
    border-color: #4267b2;
    background-color: #4267b2
}

.edit-block .left-box ul li:nth-of-type(2) a:hover {
    border-color: #4caf50;
    background-color: #4caf50
}

.edit-block .left-box.show {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.edit-block .fb-api {
    display: none
}

.edit-block .date {
    font-size: 0.75em;
    margin: 5px 0 0;
    color: #a7a7a7;
    text-align: right
}

.edit-block .date i {
    padding-right: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.edit-block h1 {
    font-size: 1.875rem;
    line-height: 1.5;
    font-weight: 500;
    color: #499537;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #a7a7a7
}

.edit-block .contBox {
    font-size: 18px;
    line-height: 1.7;
    letter-spacing: 0;
    font-weight: 300
}

.edit-block .contBox img {
    max-width: 100%;
    height: auto
}

.edit-block .contBox iframe,
.edit-block .contBox object,
.edit-block .contBox embed {
    top: 0;
    left: 0;
    max-width: 100%
}

.edit-block .tag-box {
    padding-top: 20px;
    font-size: 16px;
    font-weight: 300
}

.edit-block .tag-box a {
    text-decoration: none
}

.edit-block .tag-box ul.travel-tag li a {
    color: #fff;
    background-color: #a7a7a7;
    border: 1px solid #a7a7a7;
    padding: 5px 10px;
    text-align: center;
    border-radius: 50px;
    margin-bottom: 5px
}

.edit-block .tag-box ul.travel-tag li a:hover {
    color: #499537;
    background-color: transparent;
    border-color: #499537
}

.edit-block .tag-box ul.travel-tag li a:after {
    background-color: transparent
}

.bloggers-block {
    position: relative
}

.bloggers-block a {
    text-decoration: none
}

.bloggers-block .fir_tit {
    position: relative;
    margin-top: 40px
}

.bloggers-block .fir_tit .common_tit {
    border-color: #efefef
}

.bloggers-block .fir_tit .common_tit span {
    margin-left: 10px
}

.bloggers-block .fir_tit .tit-filter {
    position: absolute;
    right: 0;
    top: 5px;
    color: #a7a7a7
}

.bloggers-block .fir_tit .tit-filter span {
    font-size: 0.85em;
    color: #a7a7a7;
    margin-right: 5px;
    margin-left: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bloggers-block .fir_tit .tit-filter span:last-child {
    margin-left: 10px
}

.bloggers-block .fir_tit .tit-filter button {
    margin-left: 5px
}

.bloggers-block .fir_tit .tit-filter .arrow {
    position: relative;
    width: 15px;
    height: 15px;
    background: #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    padding: 5px
}

.bloggers-block .fir_tit .tit-filter .arrow i {
    position: absolute
}

.bloggers-block .fir_tit .tit-filter .arrow-down,
.bloggers-block .fir_tit .tit-filter .arrow-up {
    width: 0;
    height: 0;
    border: transparent 5px solid;
    border-top: #333 5px solid
}

.bloggers-block .fir_tit .tit-filter .arrow-down {
    top: 11px;
    left: 7px
}

.bloggers-block .fir_tit .tit-filter .arrow-up {
    top: 4px;
    left: 7px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.bloggers-block .grid {
    margin: 0 0 1.5em;
    padding: 0;
    display: -ms-grid;
    display: grid
}

.bloggers-block .grid .grid-item {
    width: 33%
}

.bloggers-block .grid .contBox {
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bloggers-block .grid .contBox img {
    max-width: 100%
}

.bloggers-block .grid .contBox .title h2 {
    height: auto;
    max-height: 2.8em
}

.bloggers-block .grid .contBox .pic {
    position: relative;
    height: auto
}

.bloggers-block .grid .contBox .pic a {
    line-height: 0
}

.bloggers-block .grid .contBox .pic .author-modify {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1
}

.bloggers-block .grid .contBox .pic .author-modify a {
    display: block
}

.bloggers-block .grid .contBox .pic .author-modify .btn {
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.8)
}

.bloggers-block .grid .contBox .pic .author-modify .btn i {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #333;
    vertical-align: middle
}

.bloggers-block .grid .contBox .pic .author-modify .btn:last-child {
    margin-left: 5px
}

.bloggers-block .grid .contBox .detail-text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bloggers-block .grid .contBox .detail-text p {
    width: 50%;
    display: inline-block
}

.bloggers-block .grid .contBox .detail-text p i {
    margin-right: 5px;
    margin-left: 1px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bloggers-block .grid .contBox .detail-text p:last-child {
    float: right
}

.bloggers-block .focus-block {
    position: relative;
    border-radius: 5px;
    border: 1px solid #efefef;
    margin-bottom: 20px
}

.bloggers-block .focus-block ul li {
    position: relative;
    border-bottom: 1px dotted #efefef
}

.bloggers-block .focus-block ul li .focus-author {
    padding: 20px
}

.bloggers-block .focus-block ul li .focus-author .author {
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
    background: url(../img/userimg.jpg) no-repeat 50% 50%;
    background-size: contain
}

.bloggers-block .focus-block ul li .focus-author .author img {
    max-width: 100%
}

.bloggers-block .focus-block ul li .focus-author .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    text-align: left
}

.bloggers-block .focus-block ul li .focusbtn-block {
    position: absolute;
    right: 20px;
    bottom: 35px
}

.bloggers-block .focus-block ul li .focusbtn-block .follow-btn {
    width: 90px;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #499537;
    border-radius: 50px;
    color: #fff;
    background: #499537;
    cursor: pointer
}

.bloggers-block .focus-block ul li .focusbtn-block .follow-btn span {
    font-size: 0.85rem
}

.bloggers-block .focus-block ul li .focusbtn-block .follow-btn span:before {
    content: "＋";
    display: inline-block;
    padding-right: 2px
}

.bloggers-block .focus-block ul li .focusbtn-block .follow-btn-remove {
    color: #a7a7a7;
    border-color: #a7a7a7;
    background: transparent
}

.bloggers-block .focus-block ul li .focusbtn-block .follow-btn-remove span:before {
    content: "－";
    display: inline-block;
    padding-right: 2px
}

.bloggers-block .focus-block .focus-more {
    background: #f5f5f5
}

.bloggers-block .focus-block .focus-more a {
    display: block;
    padding: 10px;
    color: #499537;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.bloggers-block .focus-block .focus-more a i {
    margin-left: 5px
}

.messageBox {
    margin: 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.messageBox h2 {
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: 300;
    margin-bottom: 10px;
    text-align: left
}

.messageBox h2 dfn {
    float: right;
    font-size: 0.75em;
    color: #999;
    font-style: normal;
    margin-top: 4px
}

.messageBox h2 dfn .data-text {
    color: #499537
}

.messageBox .messageForm form {
    width: 100%;
    background: rgba(239, 239, 239, 0.45);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px
}

.messageBox .messageForm .messagePic {
    padding: 20px 10px 20px 20px
}

.messageBox .messageForm .messagePic img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: url("../img/userimg.jpg") no-repeat 50% 50%;
    background-size: contain
}

.messageBox .messageForm .messageCon {
    width: 100%;
    margin: 0;
    padding: 20px 20px 20px 0;
    text-align: left
}

.messageBox .messageForm .messageCon .messageinput {
    width: 100%;
    min-height: 50px;
    outline: none;
    resize: none;
    border: 2px solid #efefef;
    border-radius: 5px;
    padding: 5px;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out
}

.messageBox .messageForm .messageCon .messageinput:focus {
    border-color: #499537;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out
}

.messageBox .messageForm .messageCon textarea:-ms-input-placeholder,
.messageBox .messageForm .messageCon textarea::-webkit-input-placeholder {
    color: #a7a7a7
}

.messageBox .messageForm .messageCon button.btn_more {
    width: 100px;
    padding: 5px 10px;
    margin-left: 10px
}

.messageBox .messageForm .messageCon button.nologin {
    background: #ddd;
    border-color: #ddd
}

.messageBox .messageForm .messageCon button.nologin:hover {
    color: #fff
}

.messageBox .messageForm .messageCon>div {
    margin-top: 10px
}

.messageBox .messageForm .collection {
    margin: .5rem 0 1rem 0;
    border-radius: 2px;
    overflow: hidden
}

.messageBox .messageForm .collection .collection-item {
    line-height: 1.5rem;
    padding: 10px 0;
    margin: 15px auto;
    border-bottom: 1px dotted #efefef
}

.messageBox .messageForm .collection .collection-item .content-head {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 15px;
    background: url(../img/userimg.jpg) no-repeat 50% 50%;
    background-size: contain
}

.messageBox .messageForm .collection .collection-item .content-head img {
    max-width: 100%;
    width: 50px;
    height: 50px;
    border-radius: 100%
}

.messageBox .messageForm .collection .collection-item .content-message {
    float: left;
    padding-bottom: 15px;
    text-align: left;
    width: calc(100% - 65px)
}

.messageBox .messageForm .collection .collection-item .content-message .name {
    float: left
}

.messageBox .messageForm .collection .collection-item .content-message .date {
    font-size: 0.75em;
    color: #a7a7a7;
    text-align: right;
    font-weight: 100;
    font-style: normal
}

.messageBox .messageForm .collection .collection-item .content-message .info {
    color: #666;
    font-weight: 300
}

.messageBox .messageForm .collection .btn_more {
    max-width: 250px;
    border-radius: 5px;
    border-color: #efefef
}

.messageBox .messageForm .collection .btn_more i {
    font-size: 1.25rem;
    margin-left: 5px
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important
}

.shop-con .grid {
    padding-top: 0
}

.shop-con .cover {
    position: relative;
    border-radius: 5px;
    margin-right: 30px;
    overflow: hidden
}

.shop-con .cover img {
    max-width: 100%;
    border-radius: 5px
}

.shop-con .cover .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden
}

.shop-con .cover .mask:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #499537;
    opacity: 0;
    z-index: 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.shop-con .cover .mask:after {
    position: absolute;
    content: '\f067';
    font-family: FontAwesome;
    font-size: 1rem;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 100%;
    margin: -15px 0 0 -15px;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    z-index: 1
}

.shop-con .cover:hover .mask:before,
.shop-con .cover:focus .mask:before {
    opacity: .45;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.shop-con .cover:hover .mask:after,
.shop-con .cover:focus .mask:after {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.shop-con .con_box-R {
    text-align: left
}

.shop-con .con_box-R h5 {
    font-weight: 500
}

.shop-con .con_box-R p {
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0;
    font-weight: 300
}

.shop-con .books .cover {
    width: 15%;
    padding: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block
}

.shop-con .books .cover:last-child {
    margin-right: 0
}

.shop-con .recomm {
    margin-bottom: 20px;
    vertical-align: top
}

.shop-con .recomm ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.shop-con .recomm ul li {
    width: 33.333%;
    border-radius: 5px;
    padding: 20px;
    margin-right: 15px;
    background-color: #eaf5f5;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.shop-con .recomm ul li a:hover .mask:before,
.shop-con .recomm ul li a:focus .mask:before {
    opacity: .45
}

.shop-con .recomm ul li a:hover .mask:after,
.shop-con .recomm ul li a:focus .mask:after {
    opacity: 1
}

.shop-con .recomm ul li .recomm-cover-block {
    position: relative;
    width: 200px;
    float: left
}

.shop-con .recomm ul li .recomm-cover-block .cover {
    margin-right: 15px
}

.shop-con .recomm ul li .recomm-cover-block .cover img {
    max-width: 100%
}

.shop-con .recomm ul li .recomm-detail-block {
    text-align: left
}

.shop-con .recomm ul li .recomm-detail-block h2 {
    font-size: 18px;
    line-height: 1.6;
    padding-bottom: 10px
}

.shop-con .recomm ul li .recomm-detail-block p {
    margin: 0
}

.shop-con .recomm ul li .recomm-detail-block .detail-txt {
    line-height: 1.7;
    font-weight: 300;
    height: 200px;
    overflow: hidden;
    display: -ms-grid;
    display: grid
}

.shop-con .recomm ul li .recomm-btn {
    padding-top: 15px;
    padding-bottom: 15px
}

.shop-con .recomm ul li .recomm-btn .btn_more {
    margin: 0 5px;
    width: 160px;
    border-radius: 5px;
    background-size: 0;
    background-color: #fff;
    border-color: #302b6b
}

.shop-con .recomm ul li .recomm-btn .btn_more a {
    color: #302b6b
}

.shop-con .recomm ul li .recomm-btn .btn_more:hover {
    color: #fff
}

.shop-con .recomm ul li .recomm-btn .btn_more i {
    margin-right: 5px
}

.shop-con .recomm ul li .recomm-btn .btn_more:last-child {
    background: #302b6b
}

.shop-con .recomm ul li .recomm-btn .btn_more:last-child a {
    color: #fff
}

.shop-con .recomm ul li:last-child {
    margin-right: 0
}

.search-con {
    margin: 20px auto;
    text-align: left
}

.search-con .gs-result .gs-image,
.search-con .gs-result .gs-promotion-image {
    border: 0
}

.zone-con .fir_tit {
    margin-top: 20px;
    margin-bottom: 0
}

.zone-con .fir_tit .common_tit {
    margin-bottom: 3px
}

.zone-con .fir_tit ul {
    margin-left: 15px;
    margin-right: 15px
}

.zone-con ul.area-nav {
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 45px;
    list-style: none;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #a7a7a7
}

.zone-con ul.area-nav li {
    position: relative;
    line-height: 45px;
    display: inline-block;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

.zone-con ul.area-nav li a {
    padding: 0 20px;
    display: block;
    font-size: 1em;
    letter-spacing: 2px;
    text-decoration: none
}

.zone-con ul.area-nav li a:focus,
.zone-con ul.area-nav li a:hover {
    position: relative;
    color: #499537;
    outline: none;
    z-index: 2
}

.zone-con ul.area-nav li::before {
    content: "";
    position: absolute;
    width: 0;
    bottom: 0;
    left: 100%;
    border-bottom: 4px solid #499537;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

.zone-con ul.area-nav li:hover::before {
    width: 100%;
    top: -2px;
    left: 0;
    border-bottom-color: #499537;
    z-index: 0
}

.zone-con ul.area-nav li:hover~li::before {
    left: 0
}

.zone-con ul.area-nav li.active::before {
    width: 100%;
    left: 0;
    top: auto;
    bottom: 0
}

.zone-con ul.area-nav li.active a {
    color: #499537;
    font-weight: bold
}

.zone-con .map_img {
    margin: 40px auto
}

.zone-con .notes-block ul {
    margin-top: 20px
}

.zone-con .notes-block ul h2 {
    padding-left: 90px
}

.zone-con .notes-block .grid .contBox .pic {
    height: 250px
}

.zone-con .pagination-block {
    margin: 0 auto 5%
}

#zone-nav.owl-theme .owl-nav {
    position: relative;
    margin-top: 0
}

#zone-nav.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: -46px;
    color: #333;
    padding: 5px !important;
    font-size: 16px;
    background: #fff;
    opacity: .5
}

#zone-nav.owl-theme .owl-nav div {
    background: rgba(255, 255, 255, 0.85)
}

#zone-nav.owl-theme .owl-nav .disabled {
    opacity: 0
}

#zone-nav.owl-theme .owl-prev,
#zone-nav.owl-theme .owl-prev a {
    left: -5px;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

#zone-nav.owl-theme .owl-next,
#zone-nav.owl-theme .owl-next a {
    right: -5px;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

#zone-nav.owl-theme .owl-prev i,
#zone-nav.owl-theme .owl-next i {
    margin: auto
}

.modal-open {
    overflow: hidden
}

#loading-modal {
    z-index: 9999
}

#loading-modal .loader-center {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#loading-modal .loader-center .loader-block {
    width: 70px;
    height: 35px;
    overflow: hidden;
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 35px)
}

#loading-modal .loader-center .loader {
    width: 70px;
    height: 70px;
    border-style: solid;
    border-top-color: #499537;
    border-right-color: #499537;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: rotate 3s ease-in-out infinite;
    animation: rotate 3s ease-in-out infinite;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg)
}

#loading-modal .loader-center p {
    margin-top: 55px;
    color: #499537;
    letter-spacing: 2px
}

#loading-modal.modal {
    background: rgba(255, 255, 255, 0.85);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

@-webkit-keyframes rotate {
    0% {
        border-width: 10px
    }

    25% {
        border-width: 3px
    }

    50% {
        -webkit-transform: rotate(115deg);
        transform: rotate(115deg);
        border-width: 10px
    }

    75% {
        border-width: 3px
    }

    100% {
        border-width: 10px
    }
}

@keyframes rotate {
    0% {
        border-width: 10px
    }

    25% {
        border-width: 3px
    }

    50% {
        -webkit-transform: rotate(115deg);
        transform: rotate(115deg);
        border-width: 10px
    }

    75% {
        border-width: 3px
    }

    100% {
        border-width: 10px
    }
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    max-width: 100%;
    height: 0;
    overflow: hidden
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.youtube-embed-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden
}

.youtube-embed-wrapper iframe,
.youtube-embed-wrapper object,
.youtube-embed-wrapper embed {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#video-modal {
    z-index: 9999
}

#video-modal .modal-content {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

#video-modal .videoBox {
    position: relative;
    max-width: 850px;
    top: 50%;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.terms-block {
    font-weight: 300;
    line-height: 1.6;
    margin: 2rem auto;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 0.2px
}

.terms-block .text-tit {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    font-size: 1.75rem;
    letter-spacing: 1.5px;
    display: inline-block;
    font-weight: 500;
    color: #499537;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef
}

.terms-block .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.terms-block .col span {
    margin-left: 23px;
    display: block
}

.terms-block .bold {
    font-weight: 500
}

.terms-block a {
    text-decoration: underline
}

.terms-block h4 {
    font-weight: 400;
    margin-bottom: .7rem
}

.terms-block h5 {
    margin-top: 1rem;
    margin-bottom: .25rem
}

.terms-block h6 {
    margin-top: 1rem
}

.terms-block ol {
    list-style-type: decimal;
    margin-bottom: .7rem
}

.terms-block ol li {
    margin-bottom: .25rem
}

.terms-block ol ol {
    list-style-type: lower-alpha;
    margin-left: -25px;
    margin-top: .7rem
}

.terms-block ol ol li {
    margin-bottom: .25rem
}

.terms-block-decimal .col span {
    margin-left: 0;
    display: block
}

.terms-block-decimal h4 {
    margin-top: .7rem;
    margin-bottom: .25rem
}

.terms-block-decimal ol {
    list-style-type: decimal
}

#event-modal {
    overflow-y: auto
}

#event-modal .modal-content {
    display: contents
}

#event-modal .modal-content .event-block {
    max-width: 600px;
    padding: 50px 40px 40px;
    margin: 1.75rem auto;
    border-radius: 5px;
    background: #fff
}

#event-modal .modal-content .event-block h2 {
    position: relative;
    margin-bottom: 5px;
    line-height: 1.25
}

#event-modal .modal-content .event-block h2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -5px;
    background-color: #499537
}

#event-modal .modal-content .event-block ul li {
    margin-bottom: 5px
}

#event-modal .modal-content .event-block ul li a {
    margin: 0 5px
}

#event-modal .modal-content .event-block a,
#event-modal .modal-content .event-block a:hover {
    color: #499537;
    text-decoration: underline
}

#event-modal .modal-content .event-block .input-field {
    margin-bottom: 0
}

#event-modal .modal-content .event-block .input-field label {
    position: relative;
    margin-right: 5px;
    top: auto;
    text-align: left;
    color: #333
}

#event-modal .modal-content .event-block .input-field .radio {
    position: relative;
    top: 10px;
    left: auto;
    right: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer
}

#event-modal .modal-content .event-block .input-field .checkbox-group input {
    width: inherit;
    top: auto;
    left: auto
}

#event-modal .modal-content .event-block .input-field .checkbox-group label {
    margin: 10px 20px 10px 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

#event-modal .modal-content .event-block .input-field .checkbox-group span {
    margin-left: 5px;
    vertical-align: middle
}

#event-modal .modal-content .event-block .input-field .switch-mode {
    top: 0
}

#event-modal.modal {
    background: rgba(252, 213, 225, 0.9);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

/*# sourceMappingURL=main.min.css.map */
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row:after,
.row:before {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0%
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }
}

@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "“" "”" "‘" "’"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img.responsive-img,
video.responsive-video {
    max-width: 100%;
    height: auto
}

.circle {
    border-radius: 100%;
    overflow: hidden
}

@media only screen and (min-width: 992px) {

    #nav .social_media,
    #search-modal {
        display: none
    }

    .login-btn a {
        margin-top: 0
    }

    .con_r .flt_move {
        width: 336px;
        position: -webkit-sticky;
        position: sticky;
        bottom: 20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #nav.sticky ul li a {
        min-width: 70px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #nav ul li a {
        padding: 0 10px
    }
}

@media only screen and (max-width: 1400px) {
    .edit-block .left-box {
        left: 10px
    }

    .edit-block .left-box.show {
        margin-left: 0;
        opacity: .8;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }
}

@media only screen and (max-width: 991px) {
    .header_member {
        display: none
    }

    .header_member .accordion {
        display: none
    }

    .header {
        position: relative;
        width: 100%;
        height: 50px;
        text-align: center;
        background-color: #fff;
        -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.12);
        box-shadow: 0 3px 2px rgba(0, 0, 0, 0.12);
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out
    }

    .header .logo {
        height: 50px
    }

    .header .burger-menu {
        position: absolute;
        left: 5px;
        top: 0;
        display: block;
        width: 50px;
        height: 50px
    }

    .header .burger-menu .burger-menu {
        width: 50px;
        height: 50px
    }

    .header .burger-menu .burger {
        position: absolute;
        left: 0;
        top: 0;
        cursor: pointer;
        display: block;
        z-index: 9;
        width: 30px;
        height: 30px
    }

    .header .burger-menu .burger span.x,
    .header .burger-menu .burger span.y,
    .header .burger-menu .burger span.z {
        position: absolute;
        background: #499537;
        margin: auto;
        top: 0;
        bottom: 0;
        border-radius: 2px
    }

    .header .burger-menu .burger span.x,
    .header .burger-menu .burger span.y,
    .header .burger-menu .burger span.z {
        height: 3px;
        width: 26px
    }

    .header .burger-menu .burger span.y {
        top: 18px
    }

    .header .burger-menu .burger span.z {
        top: 37px
    }

    .header .burger-menu .burger-hk span.x,
    .header .burger-menu .burger-hk span.y,
    .header .burger-menu .burger-hk span.z {
        background: #4ad1d1
    }

    .header .burger-menu .menu-button {
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 50px;
        opacity: 0;
        z-index: 9;
        cursor: pointer
    }

    .header .burger-menu input {
        outline: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .header .search_form {
        position: absolute;
        right: 5px;
        top: 0;
        display: block;
        width: 50px;
        height: 50px
    }

    .header .search_form .search_btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 25px 25px;
        background-position: 50% 50%;
        cursor: pointer
    }

    #mobile_page {
        position: relative;
        left: 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

    #openMenu {
        cursor: pointer;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out
    }

    .openMenu #nav {
        left: 0;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out
    }

    .openMenu #nav .close-menu {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 0;
        right: -40px;
        background: #333;
        border-radius: 0 5px 5px 0
    }

    .openMenu #nav .close-menu:before,
    .openMenu #nav .close-menu:after {
        content: ' ';
        position: absolute;
        left: 18px;
        top: 5px;
        height: 30px;
        width: 2px;
        background-color: #fff
    }

    .openMenu #nav .close-menu:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .openMenu #nav .close-menu:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .openMenu .overlay {
        position: fixed;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.33);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        cursor: pointer;
        opacity: 1;
        z-index: 999
    }

    #nav {
        position: fixed;
        width: 220px;
        height: 100%;
        min-height: 100%;
        left: -220px;
        top: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 9999;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out
    }

    #nav ul.navigation {
        width: 220px;
        height: 100%;
        background-color: transparent;
        border-top: 1px solid #ececec;
        border-bottom: 0;
        text-align: left;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto
    }

    #nav ul.navigation li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0
    }

    #nav ul.navigation li a {
        min-width: calc(100% - 15px);
        padding: 0;
        font-size: 1rem;
        font-weight: 400;
        padding-left: 15px
    }

    #nav ul.navigation li::before {
        display: none
    }

    #nav ul.navigation li.btn_new {
        display: block;
        color: #fff !important;
        background-color: #333;
        margin-bottom: 10px
    }

    #nav ul.navigation li.btn_new a {
        color: #fff
    }

    #nav ul.navigation li.btn_new i {
        padding-right: 5px;
        display: inline-block
    }

    #nav ul.navigation li.active a {
        background-color: #f9f9f9;
        font-weight: 700;
        color: inherit
    }

    #nav .accordion {
        margin-top: 10px;
        padding-bottom: 250px;
        display: block
    }

    #nav .accordion ul {
        width: 100%;
        height: auto;
        border-bottom: 0
    }

    #nav .accordion ul li {
        display: block;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec
    }

    #nav .accordion ul li a {
        padding-left: 15px
    }

    #nav .accordion ul li .link {
        position: relative;
        cursor: pointer;
        display: block;
        padding: 0 15px 0 50px;
        font-weight: 500;
        border-bottom: 1px solid #ececec;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

    #nav .accordion ul li i {
        position: absolute;
        top: 15px;
        left: 24px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

    #nav .accordion ul li i.fa-chevron-down {
        right: 15px;
        left: auto
    }

    #nav .accordion li:last-child .link {
        border-bottom: 0
    }

    #nav .accordion li.open .link {
        background-color: #fff
    }

    #nav .accordion li.open i.fa-chevron-down {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    #nav .accordion .submenu {
        display: none;
        background-color: #f9f9f9
    }

    #nav .accordion .submenu li {
        width: 100%;
        border: 0
    }

    #nav .accordion .submenu a {
        display: block;
        text-decoration: none;
        padding-left: 25px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

    #nav .social-wrapper {
        position: absolute;
        width: 100%;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #499537
    }

    #nav .social-wrapper ul.social_media {
        position: relative;
        left: auto;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: transparent;
        border: 0
    }

    #nav .social-wrapper ul.social_media li {
        margin: 0 5%
    }

    #nav .social-wrapper ul.social_media li a {
        min-width: inherit;
        border-bottom: 0;
        padding: 0 10px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    #nav .social-wrapper ul.social_media li a .fa {
        font-size: 1.5rem;
        color: #fff
    }

    #nav .valign-wrapper {
        margin: 15px;
        display: inherit
    }

    #nav .valign-wrapper .userimg {
        width: 50px;
        height: 50px;
        float: left
    }

    #nav .valign-wrapper .usertxt {
        text-align: left;
        padding-left: 60px;
        min-height: 50px;
        padding-top: 5px
    }

    #nav .valign-wrapper .usertxt h6 {
        line-height: 20px
    }

    #nav .valign-wrapper .btn-small-border {
        margin: 10px auto;
        font-size: 0.7em
    }

    .sec-nav {
        display: none
    }

    .sec-nav-m {
        position: relative;
        max-width: 100%;
        height: 48px;
        padding: 0 30px;
        overflow: hidden;
        display: block;
        background-color: #499537
    }

    .sec-nav-m ul {
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        text-align: left
    }

    .sec-nav-m ul li {
        display: inline-block;
        list-style: none;
        line-height: 48px;
        height: 48px;
        padding-right: 20px;
        color: #fff
    }

    .sec-nav-m ul li a {
        color: #fff
    }

    .sec-nav-m ul:last-child {
        padding-right: 0
    }

    .sec-nav-m ul::-webkit-scrollbar {
        display: none
    }

    .sec-nav-m .pointer {
        position: absolute;
        height: 48px;
        width: 30px;
        line-height: 48px;
        text-align: center;
        top: 0
    }

    .sec-nav-m .pointer i {
        color: #fff;
        opacity: .5;
        cursor: pointer
    }

    .sec-nav-m .left-pointer {
        left: 0
    }

    .sec-nav-m .right-pointer {
        right: 0
    }

    .sec-nav-m .dis i {
        opacity: 0
    }

    header.sticky {
        position: fixed;
        top: 0;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out
    }

    .con_r .flt_move {
        position: static;
        width: 100%
    }

    #jp-map {
        right: 0;
        padding: 20px 10px 10px
    }

    #jp-map .pic {
        width: 0;
        height: 0
    }

    #jp-map .pic .item {
        top: -45px;
        left: -4px
    }

    #jp-map .pic img {
        display: none
    }

    #search-modal .modal-content {
        margin: 0;
        padding: 0;
        border-radius: 0;
        height: 90vh;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #search-modal .modal-close {
        top: 30%;
        float: right;
        padding-right: 30px
    }

    #search-modal .searchBox {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin: 0 10% 10%
    }

    #search-modal .searchBox h3 {
        display: inline-block;
        padding: 0 0 20px;
        letter-spacing: 5px
    }

    #search-modal .searchBox .search_form {
        float: none;
        margin: 0 auto
    }

    #search-modal .searchBox .search_form .search_input {
        width: calc(100% - 30px);
        padding: 15px;
        border-bottom: none;
        border-radius: 5px;
        background-color: #fff
    }

    #search-modal .searchBox .search_form .search_btn {
        top: 10px;
        right: 10px;
        background-size: 30px 30px
    }

    #search-modal.modal {
        position: fixed;
        height: 100vh;
        -webkit-animation: fadeInDown 0.3s ease-in-out;
        animation: fadeInDown 0.3s ease-in-out;
        z-index: 1002
    }

    #search-modal.modal.modal-show .modal-content {
        -webkit-animation: none;
        animation: none;
        margin: auto
    }

    .container {
        position: relative;
        max-width: 100%;
        width: 100%
    }

    .container .con_l {
        width: 100%;
        float: none
    }

    .container .con_r {
        width: 100%;
        float: none;
        display: none
    }

    .fir_tit {
        padding-left: 15px;
        padding-right: 15px
    }

    .header-ad .google_ad {
        display: none
    }

    .header-ad .google_ad-mobile {
        max-width: 100%;
        height: auto;
        padding: 0;
        display: inline-block
    }

    .login-btn {
        display: block
    }

    .login-btn .btn-block {
        margin: 2% 1%
    }

    .row {
        margin-right: 0;
        margin-left: 0
    }

    .grid .contBox .pic {
        height: 200px
    }

    .travel-walker .grid .contBox .pic {
        height: 100%
    }

    .travel-walker .tag-box ul.travel-tag {
        height: 20px
    }

    #floor_box {
        padding-left: 15px;
        padding-right: 15px
    }

    .edit-block {
        padding: 0 15px
    }

    .bloggers-block {
        padding: 0 15px
    }

    .bloggers-block .map-select {
        margin-left: 0;
        margin-right: 0
    }

    .google_ad {
        display: none
    }

    .google_ad-mobile {
        display: inline-block
    }

    .login-block .text-tit,
    .create-block .text-tit {
        margin: 5% auto
    }

    .main-con .grid {
        padding-top: 20px
    }

    .main-con .grid .con_box-L .contBox .pic {
        height: 235px
    }

    .main-con .grid .con_box-R .contBox .pic {
        height: 100px
    }

    .main-con .grid .google_ad-mobile {
        margin: 5% auto
    }

    .notes-con .con_r {
        display: inline-block !important
    }

    .notes-con .con_r .google_ad-mobile {
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        width: 100%
    }

    .notes-con .con_r .google_ad-mobile img {
        margin: 0 auto;
        text-align: center
    }

    .notes-con .listBox {
        width: 100%;
        margin: 40px auto 20px;
        vertical-align: top;
        padding-left: 15px;
        padding-right: 15px
    }

    .notes-con .listBox .listCont-news .list {
        display: block;
        overflow: auto
    }

    .notes-con .listBox .focus-list ul li {
        padding: 0 6px 15px
    }

    .notes-con .listBox .focus-list ul li:nth-child(5n) {
        padding-right: 6px
    }

    .notes-con .con_l .listBox .listBox-l {
        float: none;
        width: 100%;
        margin-right: 0
    }

    .notes-con .con_l .listBox .listBox-r {
        float: none;
        width: 100%
    }

    .notes-con .fir_tit {
        padding-left: 0;
        padding-right: 0
    }

    .notes-con .fix_note {
        position: fixed;
        display: block;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        background: rgba(255, 255, 255, 0.85);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        z-index: 1001
    }

    .notes-con .fix_note .fix_note-block {
        border-radius: 0;
        border: 0
    }

    .notes-con .fix_note .fix_note-block .fix_note-head {
        border-radius: 0;
        opacity: .65;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px)
    }

    .notes-con .fix_note.sticky {
        width: 100%;
        top: auto;
        bottom: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out
    }

    .notes-con .author-profile-block {
        display: none
    }

    .notes-con .author-profile-block-m {
        border: 1px solid #efefef;
        border-radius: 5px;
        margin-top: 10px;
        display: block;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .notes-con .author-profile-block-m a {
        text-decoration: none;
        color: #333
    }

    .notes-con .author-profile-block-m .actions {
        right: 15px;
        top: -15px
    }

    .notes-con .author-profile-block-m .view,
    .notes-con .author-profile-block-m .social-media,
    .notes-con .author-profile-block-m .description {
        margin: 15px
    }

    .notes-con .author-profile-block-m .author-info-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .notes-con .author-profile-block-m .author-info-block .author-info {
        position: relative;
        width: 70%;
        padding: 15px
    }

    .notes-con .author-profile-block-m .author-info-block .author-info .name {
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 50px;
        word-break: break-all
    }

    .notes-con .author-profile-block-m .author-info-block .author-info .follow-btn {
        margin-top: 10px
    }

    .notes-con .author-profile-block-m .author-info-block .detail {
        float: right;
        width: 30%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-top: 0;
        border-left: 1px dotted #efefef
    }

    .notes-con .author-profile-block-m .author-info-block .detail>div {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .notes-con .author-profile-block-m .author-info-block .detail>div:not(:last-child) {
        border-right: 0
    }

    .listBox-m-none {
        display: none !important
    }

    .zone-con ul.area-nav li a {
        padding: 0
    }

    .zone-con .map_img {
        margin-top: 0
    }

    .zone-con .notes-block .grid .contBox .pic {
        height: 150px
    }

    .shop-con .books {
        padding-left: 15px;
        padding-right: 15px
    }

    .shop-con .books .cover {
        width: 30%
    }

    .shop-con .books .cover:nth-of-type(3) {
        margin-right: 0
    }

    .shop-con .recomm {
        padding-left: 15px;
        padding-right: 15px
    }

    .shop-con .recomm ul li .recomm-cover-block {
        width: 100%
    }

    .shop-con .recomm ul li .recomm-cover-block .cover {
        margin: 0 0 15px
    }

    .shop-con .recomm ul li .recomm-btn .btn_more {
        width: 170px;
        margin-bottom: 20px
    }

    footer .footer-tree {
        background-position: 50% 100%;
        height: 52px;
        background-size: contain
    }

    footer .footer-copyright {
        padding: 30px
    }

    .map-select {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px
    }

    .modal .map-select {
        margin-top: 10px;
        display: block;
        border-top: 0
    }
}

@media only screen and (max-width: 767px) {
    main a:hover .pic img {
        -webkit-transition: none;
        transition: none;
        -webkit-transform: none;
        transform: none
    }

    #nav .accordion ul {
        height: 100%
    }

    .btn_more {
        background: none
    }

    .btn_more a {
        color: #499537
    }

    .btn_more a:hover,
    .btn_more a:focus {
        color: #499537;
        background: none
    }

    .login-block .login-done,
    .create-block .login-done {
        margin-top: 10%
    }

    .login-block h6,
    .create-block h6 {
        font-size: 3rem
    }

    .login-block .input-field .tags-input input,
    .create-block .input-field .tags-input input {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    #floor_box .breadcrumbs span {
        width: 60%
    }

    #index_bn.owl-theme img {
        max-width: 100%
    }

    #index_bn.owl-theme .owl-nav div {
        width: 20px;
        height: 20px
    }

    #index_bn.owl-theme .owl-next,
    #index_bn.owl-theme .owl-next a {
        right: 0;
        margin-top: -10px
    }

    #index_bn.owl-theme .owl-prev,
    #index_bn.owl-theme .owl-prev a {
        left: 0;
        margin-top: -10px
    }

    #index_bn .item-video .icon-play {
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px
    }

    .grid .contBox .pic {
        height: auto;
        max-height: 300px
    }

    .grid .contBox .pic img {
        height: 100%;
        width: inherit
    }

    .grid .contBox .detail .detail-text {
        display: none
    }

    .edit-block h1 {
        font-size: 1.75rem;
        line-height: 1.4
    }

    .edit-block .left-box .iframe-like,
    .edit-block .left-box p {
        display: none
    }

    .edit-block .left-box ul li {
        margin-bottom: 10px
    }

    .edit-block .left-box ul li a {
        background-color: transparent;
        border: 0
    }

    .edit-block .left-box ul li a [class*=" icon-"],
    .edit-block .left-box ul li a [class^=icon-] {
        width: 2rem;
        height: 2rem
    }

    .edit-block .left-box ul li a .icon-line {
        background-position-y: 2px
    }

    .edit-block .left-box ul li:nth-of-type(1) a {
        background-color: #4267b2
    }

    .edit-block .left-box ul li:nth-of-type(2) a {
        background-color: #4caf50
    }

    .edit-block .fb-api {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .edit-block .date {
        float: right;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-top: 1em
    }

    .edit-block .date i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .edit-block .contBox table {
        width: 100% !important
    }

    .bloggers-block .author-profile-block-m .author-info-block {
        border-bottom: 1px solid #efefef
    }

    .bloggers-block .grid .grid-item {
        width: 50%
    }

    .bloggers-block .grid .contBox {
        padding: 0.5em
    }

    .bloggers-block .grid .contBox .pic {
        max-height: 100% !important
    }

    .bloggers-block .grid .contBox .pic img {
        height: auto
    }

    .bloggers-block .grid .contBox .detail .detail-text {
        display: block
    }

    #jp-map {
        bottom: 125px
    }

    .map-select {
        padding: 0
    }

    .map-select select {
        height: inherit;
        line-height: 1.5em
    }

    .map-select .select-block {
        border-left: 0;
        padding: 0
    }

    .map-select .btn_more {
        width: inherit;
        background: #fff
    }

    .map-select .btn_more a {
        padding: 0 5px
    }

    .map-select .btn_more a:hover,
    .map-select .btn_more a:focus {
        color: #499537;
        background: none
    }

    .map-select p {
        padding: 0
    }

    .modal .map-select {
        padding: 0 0 10px
    }

    .modal .map-select p {
        margin: 0;
        display: block;
        border-bottom: none;
        padding-bottom: 0
    }

    .modal .map-select .select-block:last-child {
        padding-right: 10px
    }

    .modal .modal-close {
        top: 0
    }

    .main-con .con_box-L {
        margin-bottom: 15px
    }

    .main-con .grid .con_box-R .contBox .pic {
        height: auto
    }

    .main-con .grid .con_box-L .contBox .pic {
        height: auto
    }

    .main-con .grid .google_ad-mobile {
        margin: 4% auto
    }

    .notes-con .grid .contBox .pic {
        height: auto
    }

    .notes-con .listBox {
        margin-top: 0;
        margin-bottom: 0
    }

    .notes-con .listBox .messageBox {
        margin-top: 0;
        padding-top: 0
    }

    .notes-con .con_r .listBox {
        width: inherit;
        margin-top: 0
    }

    .notes-con .con_r .listBox .listCont-news .list {
        display: flow-root;
        margin: 0 0 20px
    }

    .notes-con .author-profile-block-m .detail {
        display: block;
        padding: 0;
        min-height: 100%
    }

    .notes-con .author-profile-block-m .detail>div {
        max-width: 80%;
        margin: 0 auto;
        padding: 15px 0
    }

    .notes-con .author-profile-block-m .detail>div:not(:last-child) {
        border-bottom: 1px dotted #efefef
    }

    .zone-con .notes-block .grid .contBox .pic {
        height: 240px
    }

    .shop-con .fir_tit .common_tit .city {
        padding-bottom: 0;
        margin-bottom: 30px
    }

    .shop-con .fir_tit .common_tit span {
        display: inline-block;
        margin-bottom: 10px
    }

    .shop-con .grid {
        width: 100%;
        padding: 0
    }

    .shop-con .con_box-R {
        width: 100%
    }

    .shop-con .cover {
        margin-right: 0
    }

    .shop-con .cover .mask {
        display: none
    }

    .shop-con .books {
        padding-left: 15px;
        padding-right: 15px
    }

    .shop-con .books .cover {
        width: 45%
    }

    .shop-con .books .cover:nth-of-type(3) {
        margin-right: 20px
    }

    .shop-con .books .cover:nth-of-type(even) {
        margin-right: 0
    }

    .shop-con .recomm ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .shop-con .recomm ul li {
        width: 100%;
        margin-right: 0;
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .shop-con .recomm ul li .recomm-cover-block {
        float: none;
        padding: 0
    }

    .shop-con .recomm ul li .recomm-cover-block .cover {
        margin: 20px;
        display: inline-block
    }

    .shop-con .recomm ul li .recomm-detail-block {
        padding: 0 20px
    }

    .shop-con .recomm ul li .recomm-detail-block .detail-txt {
        max-height: 200px;
        height: inherit;
        display: block
    }

    .shop-con .recomm ul li .recomm-btn .btn_more {
        width: 120px
    }

    .messageBox .messageForm .messagePic {
        display: none
    }

    .messageBox .messageForm .messageCon>div {
        width: 100%;
        float: none;
        display: inline-block;
        text-align: center
    }

    .messageBox .messageForm .messageCon {
        padding-left: 20px
    }

    .messageBox .messageForm .messageCon .messageinput {
        min-height: 80px
    }

    .messageBox .messageForm .messageCon button.btn_more {
        width: 170px;
        padding: 10px
    }

    .gotop.show {
        bottom: 65px
    }

    footer {
        margin-top: 30px
    }

    footer .footer-copyright .footerbox {
        width: 100%;
        display: inline-block
    }

    footer .footer-copyright .footerbox .footer-logo {
        width: 100px;
        display: inline-block;
        padding: 0 0 10px
    }

    footer .footer-copyright .footerbox ul.footer-nav {
        display: inline-block;
        width: 100%
    }

    footer .footer-copyright .footerbox ul.footer-nav li {
        margin-bottom: 5px;
        padding: 0 5px;
        text-align: center;
        border: 0;
        float: none;
        display: inline-block
    }

    footer .footer-copyright .footerbox ul.footer-nav li a {
        padding: 0
    }

    footer .footer-copyright .footerbox ul.footer-nav li:last-child {
        border: 0
    }

    .dropdown dd ul li input {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .dropdown dd ul li .checkbox {
        top: 0;
        margin-top: 0
    }

    #event-modal .modal-content .event-block {
        margin: 3.5rem 1.5rem 1.5rem;
        padding-top: 40px
    }
}

@media only screen and (max-width: 480px) {
    .no-scroll {
        overflow: hidden;
        scrollbar-width: none
    }

    .no-scroll::-webkit-scrollbar {
        display: none
    }

    .header .logo {
        background-size: 120%
    }

    .grid .contBox:hover .title h2 {
        color: initial
    }

    .fir_tit .common_tit .city {
        text-align: center;
        margin-bottom: 30px
    }

    .login-block .text-tit,
    .create-block .text-tit {
        margin-top: 8%;
        margin-bottom: 15%
    }

    .member-block .div-group {
        display: block
    }

    .member-block .div-group>div {
        width: initial;
        padding-right: 0
    }

    .member-block .div-group .input-field .gender-group {
        width: 23%;
        float: none;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 20px
    }

    .member-block .checkbox-group label {
        margin-right: 10px
    }

    .notes-con .grid .contBox .pic {
        max-height: 230px
    }

    .notes-con .author-profile-block-m .author-info-block .author-info .author {
        width: 80px;
        height: 80px
    }

    .notes-con .author-profile-block-m .author-info-block .author-info .name {
        margin-top: 0;
        width: calc(100% - 90px);
        height: auto
    }

    .notes-con .author-profile-block-m .author-info-block .author-info .follow-btn {
        left: 90px;
        padding: 0
    }

    .bloggers-block .author-profile-block-m {
        margin-top: 20px
    }

    .bloggers-block .author-profile-block-m .actions {
        right: 10px;
        top: -45px
    }

    .bloggers-block .author-profile-block-m .actions ul li .tooltip {
        display: none
    }

    .bloggers-block .fir_tit {
        margin-bottom: 10px
    }

    .bloggers-block .fir_tit .tit-filter {
        position: relative;
        text-align: right
    }

    .bloggers-block .grid {
        padding-top: 0
    }

    .bloggers-block .grid .grid-item {
        width: 100%
    }

    .bloggers-block .grid .contBox .pic .author-modify .btn {
        padding: 10px
    }

    .bloggers-block .grid .contBox .detail-text {
        height: auto
    }

    .bloggers-block .focus-block ul li .focus-author {
        padding: 20px 20px 0
    }

    .bloggers-block .focus-block ul li .focus-author .name {
        text-align: left;
        height: auto
    }

    .bloggers-block .focus-block ul li .focusbtn-block {
        position: relative;
        bottom: 20px;
        display: inline-block;
        width: 100%
    }

    .bloggers-block .focus-block ul li .focusbtn-block .follow-btn {
        float: right
    }

    .zone-con .fullMap {
        margin-top: 0
    }

    .zone-con .map_img {
        margin: 20px auto 40px
    }

    .zone-con .fir_tit {
        margin-top: 30px
    }

    .edit-block .contBox,
    .shop-con .con_box-R p {
        font-weight: 400
    }

    .edit-block .contBox object,
    .edit-block .contBox embed {
        height: auto
    }

    #jp-map {
        bottom: 85px
    }

    .gotop.show {
        bottom: 30px
    }

    .pagination-block .pagination li.all {
        display: block;
        margin-bottom: 20px
    }

    .map-select {
        border-top: none;
        padding: 0 0 10px
    }

    .map-select p {
        width: 100%;
        display: block;
        border-bottom: 1px solid #a7a7a7;
        margin: 0 0 10px;
        padding-bottom: 5px;
        text-align: left
    }
}

@media only screen and (max-width: 390px) {
    .map-select {
        font-size: 15px
    }

    .modal .map-select {
        margin: 10px 0 auto
    }
}

@media only screen and (max-width: 350px) {
    .map-select {
        display: block;
        text-align: center
    }

    .map-select p {
        width: 100%;
        display: block;
        margin-bottom: 0;
        text-align: left
    }

    .map-select .select-block {
        width: 100%
    }

    .map-select .btn_more {
        width: 100px;
        margin-bottom: 10px
    }

    .input-field {
        text-align: left
    }

    .input-field .switch-mode {
        float: none;
        top: 16px
    }

    .input-field .text_left label.radio {
        position: relative;
        text-align: right
    }

    .input-field .text_left label.radio input+span {
        display: initial
    }

    .member-block .checkbox-group label {
        width: 100%
    }

    .notes-con .author-profile-block-m {
        text-align: center
    }

    .notes-con .author-profile-block-m .author-info-block {
        display: inline-block
    }

    .notes-con .author-profile-block-m .author-info-block .author-info {
        width: inherit;
        text-align: center;
        float: none
    }

    .notes-con .author-profile-block-m .author-info-block .author-info .author {
        float: none;
        display: inline-block
    }

    .notes-con .author-profile-block-m .author-info-block .author-info .name {
        width: 100%;
        margin-left: 0;
        text-align: center
    }

    .notes-con .author-profile-block-m .author-info-block .author-info .follow-btn {
        position: relative;
        padding: 5px 10px;
        margin-left: 0;
        float: none;
        left: 0;
        right: 0;
        width: auto;
        display: flow-root
    }

    .notes-con .author-profile-block-m .author-info-block .detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
        padding: 0;
        float: none;
        width: 100%;
        min-height: 100%;
        height: auto;
        border: 0;
        margin: 0 auto
    }

    .notes-con .author-profile-block-m .author-info-block .detail>div {
        max-width: 50%;
        margin: 10px auto
    }

    .notes-con .author-profile-block-m .author-info-block .detail>div:not(:last-child) {
        border-bottom: 0;
        border-right: 1px dotted #efefef
    }

    .zone-con .map_img {
        margin: 0 auto;
        padding: 0
    }

    .dropdown .mutliSelect ul li ul li {
        width: 48%
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    .modal-content {
        padding: 2rem 2.5rem
    }
}

@media only screen and (max-width: 1200px) {
    .modal .modal-content {
        margin: 0;
        padding: 2rem
    }

    .mapList {
        width: 34%
    }

    .mapList .areabar [class*="mainAreabg_"] {
        display: inline-block;
        text-align: center
    }

    .mapList .areabar .subArea a {
        padding-right: 10px;
        display: inline-block;
        border: 0;
        padding-left: 0
    }

    .mapList dl {
        width: 46%;
        margin-right: 4%;
        display: inline-block;
        vertical-align: top
    }

    .mapList dl:nth-of-type(even) {
        margin-right: 0
    }
}

@media only screen and (max-width: 991px) {
    .modal .modal-content {
        padding: 0;
        width: 100%
    }

    .modal .modal-content .map_img {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .modal .modal-content .map_img .jpMap {
        width: 100%;
        z-index: 1
    }
}

/* 按鈕 Disabled Start */
button.btn_more:disabled,
button.btn_more.gray {
    background-color: gray;
    border-color: gray;
}

button.btn_more:hover:disabled {
    color: #fff;
    background-color: gray;
}

/* 按鈕 Disabled End */