@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

ol,
ul {
    list-style: none;
}

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;
}

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

a:focus {
    outline: 0;
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    -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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    display: block;
    max-width: 100%;
}

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'] {
    -webkit-appearance: button;
    cursor: pointer;
}

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;
    -moz-box-sizing: content-box;
    -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;
}

.clearfix {
    zoom: 1;
}

.clearfix:before {
    content: '';
    display: table;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

html {
    font-family: sans-serif;
    line-height: 1.2;
    font-size: 20px;
}

a {
    text-decoration: none;
    color: #bbb;
    display: inline-block;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none;
}

body {
    font-family: "Microsoft JhengHei", "Noto Sans TC", Arial, Sans Serif;
}

._PC {
    display: block;
}

._M {
    display: none;
}

@media all and (max-width: 768px) {
    ._PC {
        display: none;
    }

    ._M {
        display: block;
    }
}

a:hover {
    text-decoration: none;
}

.wrap {
    width: 100%;
}

.custom_container {
    margin: 0 auto;
    max-width: 1366px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media all and (max-width: 1100px) {
    .custom_container {
        padding: 0 25px;
        max-width: 100%;
    }
}

@media all and (max-width: 768px) {
    .wrap {
        min-width: 640px;
    }

    .custom_container {
        padding: 0 25px;
    }
}

.social-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.social-group a {
    margin-right: 10px;
}

@media all and (max-width: 768px) {
    .is-regular .custom_container {
        padding: 0;
    }

    /* .logo {
        max-width: 34px;
    } */
}

.text-bold {
    font-weight: bold;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.kv img {
    width: 100%;
}

.btmLine {
    position: relative;
}

.btmLine::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.pageTitle {
    background-color: #ffffff;
}

.pageTitle::after {
    clear: both;
    content: '';
    display: block;
}

.pageTitle .custom_container {
    height: 340px;
    margin: 0 auto;
}

.pageTitle .custom_container::after {
    clear: both;
    content: '';
    display: block;
}

.pageTitle .pic {
    float: left;
}

.pageTitle .text_group {
    float: left;
}

.pageTitle .title_group {
    position: relative;
    text-align: center;
    padding: 80px 0 70px 0;
}

.pageTitle .title_group-btmLine::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.linearBar {
    position: relative;
}

.linearBar::after {
    position: absolute;
    z-index: 1;
    bottom: -5px;
    content: '';
    width: 100%;
    height: 10px;
    display: block;
    background: -webkit-gradient(linear, left top, right top, color-stop(46%, #baa276), color-stop(52%, #e5d4b8));
    background: -webkit-linear-gradient(left, #baa276 46%, #e5d4b8 52%);
    background: -o-linear-gradient(left, #baa276 46%, #e5d4b8 52%);
    background: linear-gradient(90deg, #baa276 46%, #e5d4b8 52%);
}

.linear_5G {
    margin: 0;
}

.spotContent {
    background-color: #f8f5f0;
}

.spotContent .title {
    color: #7b5d21;
    font-size: 45px;
    font-weight: 900;
}

.spotContent .subTitle {
    margin-top: 40px;
    font-size: 30px;
    font-weight: 600;
}

.spotContent .moreBtn,
.birthday .moreBtn {
    display: inline-block;
    padding: 15px 22px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background-color: #7b5d21;
    color: #fff;
    letter-spacing: 2px;
}

.spotContent .moreBtn:hover,
.birthday .moreBtn:hover {
    background-color: #a1803c;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.generalContent {
    background-color: #ffffff;
}

.floatBox {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 70;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.floatBox .closeBtn {
    position: fixed;
    z-index: 71;
    top: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
}

.floatBox .closeBtn::before,
.floatBox .closeBtn::after {
    content: '';
    position: absolute;
    top: calc(50% - 40px);
    right: calc(50% - 5px);
    width: 10px;
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.floatBox .closeBtn::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.floatBox .closeBtn::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
}

.floatBox .closeBtn:hover::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.floatBox .closeBtn:hover::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.floatBox .contentWrapOut {
    height: 100%;
}

.floatBox .contentWrap {
    position: relative;
    height: 100%;
    width: 80%;
    overflow: auto;
    margin: auto;
    text-align: center;
}

.floatBox .contentWrap::before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.floatBox .contentWrap img.tooLong {
    width: 65%;
    display: inline-block;
    vertical-align: middle;
}

.floatBox .contentWrap img {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

@media all and (max-width: 768px) {
    .btmLine {
        position: relative;
    }

    .btmLine::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #000;
    }

    .pageTitle {
        background-color: #ffffff;
    }

    .pageTitle .custom_container {
        height: 200px;
    }

    .pageTitle .title_group {
        position: relative;
        text-align: center;
        padding: 80px 0 70px 0;
    }

    .pageTitle .title_group-btmLine::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #000;
    }

    .linearBar {
        position: relative;
    }

    .linearBar::after {
        position: absolute;
        z-index: 2;
        bottom: -5px;
        content: '';
        width: 100%;
        height: 10px;
        display: block;
        background: -webkit-gradient(linear, left top, right top, color-stop(46%, #baa276), color-stop(52%, #e5d4b8));
        background: -webkit-linear-gradient(left, #baa276 46%, #e5d4b8 52%);
        background: -o-linear-gradient(left, #baa276 46%, #e5d4b8 52%);
        background: linear-gradient(90deg, #baa276 46%, #e5d4b8 52%);
    }

    .spotContent {
        background-color: #f8f5f0;
    }

    .spotContent .title {
        color: #7b5d21;
        font-size: 45px;
        font-weight: 900;
    }

    .spotContent .subTitle {
        margin-top: 40px;
        font-size: 30px;
        font-weight: 600;
    }

    .spotContent .moreBtn {
        display: inline-block;
        padding: 15px 30px;
        border-radius: 30px;
        background-color: #7b5d21;
        color: #fff;
        letter-spacing: 2px;
    }

    .generalContent {
        background-color: #ffffff;
    }

    .floatBox .contentWrap {
        width: 95%;
    }

    .floatBox .contentWrap img.tooLong {
        width: 100%;
    }
}

/* .header::before {
    position: fixed;
    top: 0;
    z-index: 50;
    content: '';
    width: 100%;
    height: 5px;
    display: block;
    background: -webkit-gradient(linear, left top, right top, color-stop(60%, #209cff), color-stop(80%, #47d382), to(#ff874d));
    background: -webkit-linear-gradient(left, #209cff 60%, #47d382 80%, #ff874d 100%);
    background: -o-linear-gradient(left, #209cff 60%, #47d382 80%, #ff874d 100%);
    background: linear-gradient(90deg, #209cff 60%, #47d382 80%, #ff874d 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(16.25%, #209cff), color-stop(51.73%, #47d382), color-stop(84.95%, #ff874d));
    background: -webkit-linear-gradient(left, #209cff 16.25%, #47d382 51.73%, #ff874d 84.95%);
}

.header::after {
    content: '';
    clear: both;
    display: block;
}

.header .topBar {
    position: relative;
    z-index: 15;
    margin-top: 5px;
    left: 0;
    width: 100%;
    background-color: #fff;
}

.header .topBar .custom_container {
    padding: 35px 0 15px 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header .logo a {
    width: 141px;
    height: 46px;
    cursor: pointer;
    background: url("../img/logo.svg") left center no-repeat;
    background-size: cover;
}

.header .quickLink_group {
    width: auto;
    border-left: 2px solid #eeeeee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header .quickLink_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header .quickLink_item_activity {
    margin: 0 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header .quickLink_item_activity p {
    margin-right: 10px;
}

.header .quickLink_item_pic {
    margin-right: 7px;
}

.header .kv {
    margin-top: 0px;
}

@media all and (max-width: 768px) {
    .header .topBar .custom_container {
        height: 60px;
        padding: 0;
    }

    .header .logo {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        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;
    }

    .header .logo a {
        width: 34px;
        height: 34px;
    }

    .header .quickLink_item_activity {
        margin: 0 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header .quickLink_item_activity p {
        margin-right: 5px;
    }

    .header .menu_group {
        padding: 15px 0;
    }

    .header .menu_group .custom_container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
} */

.menu_group {
    position: relative;
    z-index: 60;
    -webkit-box-shadow: 0px 6px 5px rgba(153, 153, 153, 0.2);
    box-shadow: 0px 6px 5px rgba(153, 153, 153, 0.2);
}

.menu_group .custom_container::after {
    content: '';
    clear: both;
    display: block;
}

.menu_group-active {
    position: fixed;
    background-color: #fff;
    width: 100%;
    top: 0;
}

.menu_item {
    float: left;
    position: relative;
    width: 25%;
    width: 33.333%;
    /*三個*/
    padding: 33px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    text-align: center;
}

.menu_item:first-of-type {
    width: 20%;
    width: 33.333%;
    /*三個*/
}

.menu_item:last-of-type p {
    /* color: #896f43; */
    /* font-weight: bold; */
}

.menu_item--sub .menu_item_title {
    position: relative;
    cursor: pointer;
}

.menu_item--sub .menu_item_title::after {
    position: absolute;
    right: 33%;
    top: 40%;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #000000 transparent transparent transparent;
}

.menu_item--sub:hover .subMenu {
    display: block;
}

.menu_item .menu_item_title {
    font-size: 20px;
}

.menu_item .subMenu {
    display: none;
    position: absolute;
    z-index: 10010;
    left: 41%;
    top: 70%;
    width: 200px;
    /*height: 100%;*/
    margin: 0px 0 0 -20px;
    padding-top: 0px;
    text-align: left;
}

.menu_item .subMenu .content {
    padding: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    font-size: 20px;
}

@media all and (max-width: 1100px) {
    .menu_item--sub .menu_item_title::after {
        right: 25%;
        top: 30%;
    }
}

.subMenu_item {
    cursor: pointer;
}

.subMenu_item~.subMenu_item {
    margin-top: 10px;
}

.link_title {
    color: #000;
}

.link_title:hover {
    color: #209cff;
}

@media all and (max-width: 768px) {
    .menu_item {
        padding: 0;
    }

    .menu_item--sub .menu_item_title::after {
        right: 4%;
        top: 50%;
    }

    .menu_item--sub:hover .subMenu {
        display: block;
    }

    .menu_item .menu_item_title {
        padding: 15px 0;
        font-size: 20px;
    }

    .menu_item .subMenu {
        margin: -10px 0 0 -10px;
        left: 20%;
        top: 98%;
    }

    .subMenu_item~.subMenu_item {
        margin-top: 10px;
    }

    .link_title {
        color: #000;
    }

    .link_title:hover {
        color: #209cff;
    }
}

.stretchContent,
.Remind {
    background-color: #ffffff;
}

.stretchContent .custom_container,
.Remind .custom_container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 90px 0 50px;
}

.stretchContent .title_group,
.Remind .title_group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.stretchContent .title_group::after,
.Remind .title_group::after {
    content: '';
    clear: both;
    display: block;
}

.stretchContent .title_group .title,
.Remind .title_group .title {
    float: left;
    margin: 45px 0;
    font-size: 28px;
    font-weight: 600;
}

.stretchContent .title_group .prompt,
.Remind .title_group .prompt {
    float: left;
    position: relative;
    margin: 50px 0 0 40px;
    cursor: pointer;
    font-size: 21px;
}

.stretchContent .title_group .prompt::after,
.Remind .title_group .prompt::after {
    position: absolute;
    left: -25px;
    top: calc(50% - 5px);
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #424242 transparent transparent transparent;
}

.stretchContent .title_group .prompt-close,
.Remind .title_group .prompt-close {
    display: none;
}

.stretchContent .title_group .prompt-close::after,
.Remind .title_group .prompt-close::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.stretchContent .remind_content,
.Remind .remind_content {
    font-size: 30px;
    padding-bottom: 200px;
}

.stretchContent .remind_content p,
.Remind .remind_content p {
    line-height: 1.5;
}

.stretchContent .remind_content .spot,
.Remind .remind_content .spot {
    color: #9a855b;
}

.stretchContent .remind_content ._1th_group,
.Remind .remind_content ._1th_group {
    margin-left: 60px;
}

.stretchContent .remind_content ._2th_group,
.Remind .remind_content ._2th_group {
    margin-left: 40px;
}

.stretchContent .remind_content ._1th_group ._1th::after,
.stretchContent .remind_content ._1th_group ._2th::after,
.stretchContent .remind_content ._2th_group ._1th::after,
.stretchContent .remind_content ._2th_group ._2th::after,
.Remind .remind_content ._1th_group ._1th::after,
.Remind .remind_content ._1th_group ._2th::after,
.Remind .remind_content ._2th_group ._1th::after,
.Remind .remind_content ._2th_group ._2th::after {
    position: absolute;
    top: 5px;
    left: -40px;
}

.stretchContent .remind_content ._1th_group ._1th,
.stretchContent .remind_content ._2th_group ._1th,
.Remind .remind_content ._1th_group ._1th,
.Remind .remind_content ._2th_group ._1th {
    position: relative;
    counter-increment: _1th_num;
    margin-bottom: 20px;
}

.stretchContent .remind_content ._1th_group ._2th,
.stretchContent .remind_content ._2th_group ._2th,
.Remind .remind_content ._1th_group ._2th,
.Remind .remind_content ._2th_group ._2th {
    position: relative;
    counter-increment: _2th_num;
}

.stretchContent .remind_content ._1th_group-numDot ._1th::after,
.stretchContent .remind_content ._2th_group-numDot ._1th::after,
.Remind .remind_content ._1th_group-numDot ._1th::after,
.Remind .remind_content ._2th_group-numDot ._1th::after {
    content: counter(_1th_num) ".";
}

.stretchContent .remind_content ._1th_group-numDot ._2th::after,
.stretchContent .remind_content ._2th_group-numDot ._2th::after,
.Remind .remind_content ._1th_group-numDot ._2th::after,
.Remind .remind_content ._2th_group-numDot ._2th::after {
    content: counter(_2th_num) ".";
}

.stretchContent .remind_content ._1th_group-num ._1th::after,
.stretchContent .remind_content ._2th_group-num ._1th::after,
.Remind .remind_content ._1th_group-num ._1th::after,
.Remind .remind_content ._2th_group-num ._1th::after {
    content: counter(_1th_num) ")";
}

.stretchContent .remind_content ._1th_group-num ._2th::after,
.stretchContent .remind_content ._2th_group-num ._2th::after,
.Remind .remind_content ._1th_group-num ._2th::after,
.Remind .remind_content ._2th_group-num ._2th::after {
    content: counter(_2th_num) ")";
}

.stretchContent .remind_content ._1th_group-disc ._1th::after,
.stretchContent .remind_content ._1th_group-disc ._2th::after,
.stretchContent .remind_content ._2th_group-disc ._1th::after,
.stretchContent .remind_content ._2th_group-disc ._2th::after,
.Remind .remind_content ._1th_group-disc ._1th::after,
.Remind .remind_content ._1th_group-disc ._2th::after,
.Remind .remind_content ._2th_group-disc ._1th::after,
.Remind .remind_content ._2th_group-disc ._2th::after {
    content: '•';
    font-size: 40px;
    top: 0;
    left: -35px;
}

.stretchContent .linkText,
.Remind .linkText {
    display: inline;
    font-weight: 600;
    color: #9a855b;
    text-decoration: underline;
}

@media all and (max-width: 768px) {

    .stretchContent .custom_container,
    .Remind .custom_container {
        margin-top: 60px;
        padding: 0 25px;
    }

    .stretchContent .title_group .title,
    .Remind .title_group .title {
        margin: 40px 0;
        font-size: 35px;
    }

    .stretchContent .title_group .prompt,
    .Remind .title_group .prompt {
        font-size: 22px;
    }

    .stretchContent .remind_content,
    .Remind .remind_content {
        font-size: 20px;
        padding-bottom: 100px;
    }

    .stretchContent .remind_content ._1th_group,
    .Remind .remind_content ._1th_group {
        margin-left: 30px;
    }

    .stretchContent .remind_content ._2th_group,
    .Remind .remind_content ._2th_group {
        margin-left: 30px;
    }

    .stretchContent .remind_content ._1th_group ._1th::after,
    .stretchContent .remind_content ._1th_group ._2th::after,
    .stretchContent .remind_content ._2th_group ._1th::after,
    .stretchContent .remind_content ._2th_group ._2th::after,
    .Remind .remind_content ._1th_group ._1th::after,
    .Remind .remind_content ._1th_group ._2th::after,
    .Remind .remind_content ._2th_group ._1th::after,
    .Remind .remind_content ._2th_group ._2th::after {
        left: -30px;
    }

    .stretchContent .remind_content ._1th_group ._1th,
    .stretchContent .remind_content ._2th_group ._1th,
    .Remind .remind_content ._1th_group ._1th,
    .Remind .remind_content ._2th_group ._1th {
        margin-bottom: 15px;
    }

    .stretchContent .remind_content ._1th_group-disc ._1th::after,
    .stretchContent .remind_content ._1th_group-disc ._2th::after,
    .stretchContent .remind_content ._2th_group-disc ._1th::after,
    .stretchContent .remind_content ._2th_group-disc ._2th::after,
    .Remind .remind_content ._1th_group-disc ._1th::after,
    .Remind .remind_content ._1th_group-disc ._2th::after,
    .Remind .remind_content ._2th_group-disc ._1th::after,
    .Remind .remind_content ._2th_group-disc ._2th::after {
        top: 3px;
        font-size: 20px;
        left: -35px;
    }

    .stretchContent .remind_content ._1th_group-numDot ._1th::after,
    .stretchContent .remind_content ._1th_group-numDot ._2th::after,
    .stretchContent .remind_content ._2th_group-numDot ._1th::after,
    .stretchContent .remind_content ._2th_group-numDot ._2th::after,
    .Remind .remind_content ._1th_group-numDot ._1th::after,
    .Remind .remind_content ._1th_group-numDot ._2th::after,
    .Remind .remind_content ._2th_group-numDot ._1th::after,
    .Remind .remind_content ._2th_group-numDot ._2th::after {
        top: 3px;
        font-size: 20px;
        left: -35px;
    }

    .stretchContent .remind_content ._1th_group-num ._1th::after,
    .stretchContent .remind_content ._1th_group-num ._2th::after,
    .stretchContent .remind_content ._2th_group-num ._1th::after,
    .stretchContent .remind_content ._2th_group-num ._2th::after,
    .Remind .remind_content ._1th_group-num ._1th::after,
    .Remind .remind_content ._1th_group-num ._2th::after,
    .Remind .remind_content ._2th_group-num ._1th::after,
    .Remind .remind_content ._2th_group-num ._2th::after {
        top: 3px;
        font-size: 20px;
        left: -35px;
    }

    .stretchContent .remind_content ._1th_content,
    .stretchContent .remind_content ._2th_content,
    .Remind .remind_content ._1th_content,
    .Remind .remind_content ._2th_content {
        font-size: 20px;
    }
}

.pageTitle {
    padding: 50px 0;
}

.pageTitle .text_group {
    margin-left: 75px;
}

.pageTitle .text_group #new_5G,
.news_5G li {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.5rem;
    padding: 0.25rem 0;
}

@media all and (min-width: 1368px) {
    .news_5G li span:before {
        content: "\A";
        white-space: pre;
    }
}

.news_5G {
    margin-left: 5px;
    list-style-image: url(../img/list_icon.png);
}

.news_5G {
    padding-left: 1.5rem;
}

.VIP_5G_title span:after {
    content: "\A";
    white-space: pre;
}

.VIP_5G,
.VIP_5G_title {
    width: 75%;
    padding: 0.5rem 0;
    margin: .8rem auto;
    background: #e0d2b8;
    color: #77622f;
    line-height: 2.2rem;
}

.VIP_5G_title span {
    font-size: 1.8rem;
}

.VIP_5G_title b {
    font-size: 1.5rem;
}

.VIP_5G {
    background: #fff;
    margin: 0 auto;
    padding: 1rem 0;
    color: #000;
}

.VIP_5G .VIP_5G_1399 {
    font-size: 1.5rem;
}

.VIP_5G .VIP_5G_1399 span {
    font-size: 125%;
}

.VIP_5G .VIP_5G_1399 b {
    background: url(../img/text_bg.jpg) 0 50% repeat-x;
}

.VIP_5G ul {
    width: 45%;
    margin: 0 auto;
    list-style: disc;
}

.VIP_5G ul li {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.8rem;
    white-space: nowrap;
}

.pageTitle .title {
    font-size: 45px;
    margin-bottom: 35px;
    color: #7b5d21;
    font-weight: 900;
    letter-spacing: 5px;
}

.pageTitle .subTitle {
    font-size: 30px;
    margin-top: 40px;
    font-weight: 600;
    letter-spacing: 2px;
}

@media all and (max-width: 1100px) {
    .pageTitle .text_group {
        margin-left: 20px;
    }

    .pageTitle .title {
        font-size: 40px;
        margin-bottom: 0px;
        letter-spacing: 0px;
    }

    .pageTitle .subTitle {
        font-size: 22px;
        margin-top: 20px;
        letter-spacing: 0px;
    }
}

@media all and (max-width: 768px) {
    .pageTitle .custom_container {
        padding: 0 15px;
    }

    .pageTitle .text_group {
        margin-left: 10px;
    }

    .pageTitle .title {
        font-size: 35px;
        letter-spacing: 0px;
    }

    .pageTitle .subTitle {
        margin-top: 10px;
    }

    .birthday .spotContent .custom_container .title_group {
        height: 1rem;
    }

    .VIP_5G,
    .VIP_5G_title {
        width: 85%;
        padding: 0.5rem 0;
        margin: .8rem auto;
        background: #e0d2b8;
        color: #77622f;
        line-height: 1.8rem;
    }

    .VIP_5G_title span {
        font-size: 1.5rem;
    }

    .VIP_5G_title b {
        font-size: 1.2rem;
    }

    .VIP_5G {
        background: #fff;
        margin: 0 auto;
        padding: 0.8rem 0;
        color: #000;
    }

    .VIP_5G .VIP_5G_1399 {
        font-size: 1.2rem;
    }

    .VIP_5G .VIP_5G_1399 span {
        font-size: 125%;
    }

    .VIP_5G .VIP_5G_1399 b {
        background: url(../img/text_bg.jpg) 0 50% repeat-x;
    }

    .VIP_5G ul {
        width: 65%;
        margin: 0 auto;
        list-style: disc;
    }

    .VIP_5G ul li {
        text-align: left;
        font-size: 1rem;
        line-height: 1.5rem;
    }

}
/* 
.logo {
    position: relative;
    z-index: 123;
    padding: 10px;
    font: 18px verdana;
    color: #64a0d6;
    float: left;
    width: 15%;
}

.logo a {
    color: #64a0d6;
} */

.vip_main h2 {
    width: 100%;
    font-size: 50px;
    text-align: center;
    font-weight: 900;
    letter-spacing: 10px;
}

.vip_main .vip_offer .custom_container {
    padding: 0 60px;
}

.vip_main .vip_offer .offer_group {
    margin-top: 65px;
}

.vip_main .vip_offer .offer_group::after {
    content: '';
    clear: both;
    display: block;
}

.vip_main .offer_item {
    float: left;
    display: inline-block;
    position: relative;
    width: 32%;
    margin-right: 1.3%;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
}

@media all and (min-width: 1201px) {
    .vip_main .offer_item:nth-child(4) {
        margin-left: 16%;
    }
}

@media all and (max-width: 1200px) {
    .vip_main .offer_item:nth-child(5) {
        margin-left: 24%;
    }
}


.vip_main .offer_item:hover .offer_img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.vip_main .offer_item:hover .offer_text {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}

.vip_main .offer_item .offer_text {
    position: absolute;
    left: 50px;
    top: 40%;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 5px;
}

.vip_main .offer_item .offer_img {
    display: block;
}

.vip_main .vipService {
    margin-top: 140px;
}

.vip_main .vipService .vipService_group {
    margin-top: 65px;
    padding: 0 30px;
}

.vip_main .vipService .vipService_group::after {
    content: '';
    clear: both;
    display: block;
}

.vip_main .vipService .vipService_group h2 {
    margin-bottom: 110px;
}

.vip_main .vipService .vipService_item {
    float: left;
    width: 50%;
    position: relative;
    margin-bottom: 70px;
}

.vip_main .vipService .vipService_item .vipService_wrap::after {
    content: '';
    clear: both;
    display: block;
}

.vip_main .vipService .vipService_item .vipService_img {
    float: left;
}

.vip_main .vipService .vipService_item .vipService_title {
    float: left;
    margin: 0px 0 0 30px;
    font-size: 35px;
    font-weight: 900;
}

.vip_main .vipService .vipService_item .vipService_text {
    width: 95%;
    margin-top: 35px;
    font-size: 24px;
    line-height: 1.5;
}

@media all and (max-width: 1280px) {
    .vip_main .vipService .vipService_item .vipService_text {
        width: 75%;
    }
}

.vip_main .howToBeVIP {
    margin-top: 70px;
    padding: 90px 0 80px 0;
    background-color: #f3f3f3;
    text-align: center;
}

.vip_main .howToBeVIP .howToBeVIP_description {
    margin: 45px 0;
    font-size: 30px;
    line-height: 1.6;
}

.vip_main .howToBeVIP .howToBeVIP_btn {
    padding: 15px 40px;
    display: inline-block;
    border-radius: 30px;
    border: 2px solid #000;
    font-size: 30px;
    color: #000;
}

.vip_main .howToBeVIP .howToBeVIP_btn:hover {
    background-color: #fff;
}

.vip_main .qualifications {
    margin-top: 60px;
}

.vip_main .qualifications .custom_container {
    padding: 0 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.vip_main .qualifications h2 {
    margin-bottom: 65px;
}

.vip_main .qualifications h3 {
    margin: 65px 0 60px 0;
    font-size: 35px;
    font-weight: 600;
}

.vip_main .qualifications h4 {
    font-size: 30px;
    font-weight: 700;
}

.vip_main .qualifications p {
    margin-bottom: 60px;
    font-size: 30px;
    line-height: 1.5;
}

.vip_main .qualifications .imgClass img {
    width: 100%;
    margin: 0 0 2rem;
}

.vip_main .qualifications .dateimg_wrap {
    width: 100%;
}

.vip_main .qualifications .dateimg_wrap .dateimg_text {
    margin-bottom: 10px;
}

.vip_main .qualifications .dateTable {
    margin: 60px 0;
}

.vip_main .qualifications .dateTable table {
    width: 100%;
    color: #000;
    font-weight: 700;
}

.vip_main .qualifications .dateTable table tbody {
    width: 100%;
}

.vip_main .qualifications .dateTable table tr {
    display: block;
    margin-bottom: 5px;
}

.vip_main .qualifications .dateTable table tr::after {
    content: '';
    clear: both;
    display: block;
}

.vip_main .qualifications .dateTable table td {
    float: left;
    width: 22%;
    padding: 12px 18px;
}

.vip_main .qualifications .dateTable table td~td {
    position: relative;
    padding: 17px 9px;
    width: 13%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.vip_main .qualifications .dateTable table td~td::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #fff;
}

.vip_main .qualifications .dateTable table .bg_brownLinear {
    background: -webkit-gradient(linear, left top, right top, color-stop(5%, #c1a980), color-stop(95%, #faf6ec));
    background: -webkit-linear-gradient(left, #c1a980 5%, #faf6ec 95%);
    background: -o-linear-gradient(left, #c1a980 5%, #faf6ec 95%);
    background: linear-gradient(90deg, #c1a980 5%, #faf6ec 95%);
    background-color: #e0cfb1;
}

.vip_main .qualifications .dateTable table .bg_gray {
    background-color: #e1e1e1;
}

.vip_main .qualifications .dateTable table .item_name {
    font-size: 28px;
    text-align: left;
}

.vip_main .qualifications .dateTable table .item_sub {
    font-size: 22px;
}

.vip_main .qualifications .dateTable table .item_content {
    font-size: 20px;
}

.vip_main .qualifications .icon_item {
    margin-bottom: 75px;
    margin-left: 30px;
    position: relative;
}

.vip_main .qualifications .icon_img {
    position: absolute;
    top: 5px;
    left: -30px;
}

.vip_main .qualifications .icon_text {
    margin-top: 25px;
}

.vip_main .qualifications .icon_text span,
.vip_main .qualifications p span {
    color: #796213;
}

.vip_main .question {
    margin-top: 20px;
}

.vip_main .question h2 {
    padding: 0 10px 130px 10px;
}

.vip_main .question .btn_group {
    position: absolute;
    top: 25px;
    right: calc(50% - 280px);
}

.vip_main .question .btn_group .close {
    display: none;
}

.vip_main .question .btn_group .open .btn_img {
    display: inline-block;
    width: 20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: 10px;
}

.vip_main .question .btn_group .open p {
    display: inline-block;
    font-size: 25px;
}

.vip_main .question .question_group {
    position: relative;
    margin-top: 75px;
}

.vip_main .question .questionWrap {
    display: none;
}

.vip_main .question .question_item {
    padding-bottom: 60px;
}

.vip_main .question .question_item .question_img {
    position: absolute;
    width: 65px;
    top: 0;
}

.vip_main .question .question_item .question_title,
.vip_main .question .question_item .question_text {
    font-size: 30px;
    line-height: 1.8;
    position: relative;
    margin-left: 80px;
}

.vip_main .question .question_item .question_title {
    margin-bottom: 15px;
    font-weight: 600;
}

.vip_main .question .question_item .question_title .question_img {
    left: -80px;
}

.vip_main .question .question_item .question_text .question_img {
    top: -25px;
    left: -65px;
}

.vip_main .question .question_item .subAnswer p {
    display: inline;
}

.vip_main .question .question_item .subAnswer .start {
    width: 120px;
}

.vip_main .question .question_item .subAnswer .content {
    width: calc(100% - 120px);
}

.vip_main .question .question_item .subAnswer .start2 {
    width: 120px;
    display: inline-block;
}

.vip_main .question .question_item .subAnswer .content2 {
    width: calc(100% - 120px);
    display: inline-block;
    padding: 0 0 0 5.8rem;
    text-align: justify;
}

.vip_main .question .question_item .subAnswer-dot .start {
    margin-left: 40px;
    width: 40px;
}

.vip_main .question .question_item .subAnswer-dot .content {
    width: calc(100% - 40px);
}

@media all and (max-width: 1100px) {
    .vip_main h2 {
        font-size: 40px;
    }

    .vip_main .vip_offer .offer_item .offer_text {
        font-size: 26px;
        letter-spacing: 2px;
    }

    .vip_main .vipService .vipService_item {
        max-width: unset;
    }

    .vip_main .vipService .vipService_item .vipService_title {
        margin: 0px 0 0 18px;
        font-size: 24px;
        line-height: 1.5;
    }

    .vip_main .vipService .vipService_item .vipService_text {
        margin-top: 30px;
        font-size: 22px;
        height: 100px;
    }

    .vip_main .vipService .vipService_item .vipService_img {
        width: 120px;
    }

    .vip_main .howToBeVIP .howToBeVIP_description {
        margin: 40px 0;
        font-size: 24px;
        line-height: 1.5;
    }

    .vip_main .howToBeVIP .howToBeVIP_btn {
        font-size: 24px;
        font-weight: 600;
    }

    .vip_main .qualifications .custom_container {
        padding: 0 25px;
    }

    .vip_main .qualifications h2 {
        margin-bottom: 40px;
    }

    .vip_main .qualifications h3 {
        margin: 60px 0 40px 0;
        font-size: 30px;
    }

    .vip_main .qualifications h4 {
        font-size: 24px;
    }

    .vip_main .qualifications p {
        margin-bottom: 40px;
        font-size: 24px;
    }

    .vip_main .qualifications .dateTable table td~td {
        width: 210px;
        min-width: 0px;
    }

    .vip_main .qualifications .dateTable table .item_name {
        font-size: 24px;
        width: 250px;
    }

    .vip_main .qualifications .dateTable table .item_sub {
        font-size: 24px;
    }

    .vip_main .qualifications .icon_group {
        margin: 0 0 80px 0;
    }

    .vip_main .qualifications .icon_item {
        margin: 0 0 40px 30px;
    }

    .vip_main .qualifications .icon_img {
        top: 3px;
        width: 18px;
    }

    .vip_main .qualifications .icon_text {
        margin-top: 15px;
    }

    .vip_main .qualifications .icon_text span {
        color: #C2AA80;
    }

    .vip_main .question h2 {
        padding: 0 10px 80px 0px;
    }

    .vip_main .question .btn_group {
        top: 10px;
        right: calc(50% - 260px);
    }

    .vip_main .question .question_item {
        padding-bottom: 60px;
    }

    .vip_main .question .question_item .question_img {
        width: 60px;
    }

    .vip_main .question .question_item .question_title,
    .vip_main .question .question_item .question_text {
        font-size: 24px;
        line-height: 1.6;
        margin-left: 80px;
    }

    .vip_main .question .question_item .question_title {
        margin-bottom: 25px;
    }

    .vip_main .question .question_item .question_title .question_img {
        left: -80px;
    }

    .vip_main .question .question_item .question_text .question_img {
        left: -65px;
    }

    .vip_main .question .question_item .subAnswer .start {
        margin-top: 2px;
        width: 100px;
    }

    .vip_main .question .question_item .subAnswer .content {
        width: calc(100% - 100px);
    }

    .vip_main .question .question_item .subAnswer-dot .start {
        margin-left: 40px;
        width: 40px;
    }

    .vip_main .question .question_item .subAnswer-dot .content {
        width: calc(100% - 40px);
    }
}

@media all and (max-width: 768px) {
    .vip_main h2 {
        font-size: 50px;
        letter-spacing: 5px;
    }

    .vip_main .vip_offer .custom_container {
        padding: 0 25px;
    }

    .vip_main .vip_offer .offer_item {
        width: 48%;
        border-radius: 25px;
    }

    .vip_main .vip_offer .offer_item .offer_text {
        left: calc(25% - 40px);
        top: calc(50% - 18px);
        font-size: 28px;
    }

    .vip_main .vipService .vipService_group {
        padding: 0;
    }

    .vip_main .vipService .vipService_item {
        width: 100%;
    }

    .vip_main .vipService .vipService_item .vipService_title {
        margin-left: 20px;
        font-size: 32px;
        line-height: 1.5;
    }

    .vip_main .vipService .vipService_item .vipService_text {
        margin-top: 20px;
        font-size: 22px;
    }

    .vip_main .vipService .vipService_item .vipService_img {
        width: 120px;
    }

    .vip_main .howToBeVIP .howToBeVIP_description {
        margin: 40px 0;
        font-size: 22px;
    }

    .vip_main .howToBeVIP .howToBeVIP_btn {
        font-size: 26px;
    }

    .vip_main .qualifications h3 {
        font-size: 22px;
    }

    .vip_main .qualifications h4 {
        font-size: 22px;
    }

    .vip_main .qualifications p {
        font-size: 22px;
    }

    .vip_main .qualifications img {
        width: 100%;
    }

    .vip_main .qualifications .smallPFont {
        font-size: 20px;
    }

    .vip_main .qualifications .dateimg_wrap {
        width: 100%;
    }

    .vip_main .qualifications .dateimg_wrap .dateimg_text {
        margin-bottom: 10px;
    }

    .vip_main .qualifications .dateimg_wrap {
        width: 100%;
    }

    .vip_main .qualifications .dateimg_wrap .dateimg_text {
        margin-bottom: 0px;
        font-size: 18px;
    }

    .vip_main .qualifications .dateTable {
        width: 100%;
        overflow: auto;
    }

    .vip_main .qualifications .dateTable table td~td {
        width: 200px;
        min-width: 0px;
    }

    .vip_main .qualifications .dateTable table .item_name {
        font-size: 24px;
        width: 240px;
    }

    .vip_main .qualifications .dateTable table .item_sub {
        font-size: 24px;
    }

    .vip_main .qualifications .icon_img {
        top: 5px;
        width: 18px;
    }

    .vip_main .dateTable1M,
    .vip_main .dateTable2M {
        margin: 50px 0 30px 20px;
        font-size: 24px;
        color: #000;
        text-align: center;
        font-weight: 600;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .vip_main .dateTable1M .row,
    .vip_main .dateTable2M .row {
        width: 100%;
    }

    .vip_main .dateTable1M .row::after,
    .vip_main .dateTable2M .row::after {
        content: '';
        clear: both;
        display: block;
    }

    .vip_main .dateTable1M .row._brown,
    .vip_main .dateTable2M .row._brown {
        background: -webkit-gradient(linear, left top, right top, color-stop(5%, #c1a980), color-stop(95%, #faf6ec));
        background: -webkit-linear-gradient(left, #c1a980 5%, #faf6ec 95%);
        background: -o-linear-gradient(left, #c1a980 5%, #faf6ec 95%);
        background: linear-gradient(90deg, #c1a980 5%, #faf6ec 95%);
        border-bottom: 5px solid #fff;
    }

    .vip_main .dateTable1M .row._gray,
    .vip_main .dateTable2M .row._gray {
        background-color: #e1e1e1;
        border-bottom: 5px solid #fff;
    }

    .vip_main .dateTable1M .row>div,
    .vip_main .dateTable2M .row>div {
        float: left;
        padding: 10px 0;
        width: 34%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .vip_main .dateTable1M .row>div~div,
    .vip_main .dateTable2M .row>div~div {
        width: 32%;
        border-left: 5px solid #fff;
    }

    .vip_main .dateTable1M .row>div.small,
    .vip_main .dateTable2M .row>div.small {
        padding: 14px 0;
        font-size: 18px;
        font-weight: 600;
    }

    .vip_main .question h2 {
        padding: 0 10px 80px 0px;
    }

    .vip_main .question .btn_group {
        top: 20px;
        right: calc(50% - 240px);
    }

    .vip_main .question .btn_group .open p {
        font-size: 20px;
    }

    .vip_main .question .question_item {
        padding-bottom: 60px;
    }

    .vip_main .question .question_item .question_img {
        width: 50px;
    }

    .vip_main .question .question_item .question_title,
    .vip_main .question .question_item .question_text {
        font-size: 24px;
        line-height: 1.6;
        margin-left: 60px;
    }

    .vip_main .question .question_item .question_title {
        margin-bottom: 10px;
    }

    .vip_main .question .question_item .question_title .question_img {
        left: -65px;
    }

    .vip_main .question .question_item .question_text .question_img {
        top: -10px;
        left: -50px;
    }

    .vip_main .question .question_item .subAnswer .start {
        margin-top: 2px;
        width: 100px;
    }

    .vip_main .question .question_item .subAnswer .content {
        width: calc(100% - 100px);
    }

    .vip_main .question .question_item .subAnswer-dot .start {
        margin-left: 40px;
        width: 40px;
    }

    .vip_main .question .question_item .subAnswer-dot .content {
        width: calc(100% - 40px);
    }
}

.continueAgree .pageTitle .custom_container {
    width: 600px;
    padding-top: 60px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.continueAgree .pageTitle .title {
    margin-top: 50px;
    line-height: 1;
}

.continueAgree .pageTitle .subTitle {
    margin-top: 50px;
    line-height: 1.6;
}

.continueAgree .spotContent .custom_container {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.custom_container .btn_5G {
    width: 15%;
    display: block;
    margin: 0px auto 0;
}

.custom_container .btn_5G .moreBtn_5G {
    margin: 50px 0 0 0;
}

@media all and (max-width: 768px) {
    .custom_container .btn_5G {
        width: 30%;
        display: block;
        margin: 0px auto 0;
    }
}

.continueAgree .spotContent .title_group {
    position: relative;
    text-align: center;
    padding: 80px 0 70px 0;
}

.continueAgree .spotContent .title_group::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.continueAgree .spotContent .title_group .title {
    display: none;
}

.continueAgree .spotContent .title_group .offer_group::after {
    content: '';
    clear: both;
    display: block;
}

.continueAgree .spotContent .title_group .offer_item {
    float: left;
    margin-right: 170px;
    text-align: center;
    padding: 17px 0;
    width: 195px;
    border: 1px solid #7b5d21;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fcfaf5), color-stop(95%, #faf6ec));
    background: -webkit-linear-gradient(top, #fcfaf5 5%, #faf6ec 95%);
    background: -o-linear-gradient(top, #fcfaf5 5%, #faf6ec 95%);
    background: linear-gradient(180deg, #fcfaf5 5%, #faf6ec 95%);
}

.continueAgree .spotContent .title_group .offer_item:hover {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fffbf0), color-stop(95%, #fcf2db));
    background: -webkit-linear-gradient(top, #fffbf0 5%, #fcf2db 95%);
    background: -o-linear-gradient(top, #fffbf0 5%, #fcf2db 95%);
    background: linear-gradient(180deg, #fffbf0 5%, #fcf2db 95%);
}

.continueAgree .spotContent .title_group .offer_item:hover p {
    font-size: 32px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.continueAgree .spotContent .title_group .offer_item4 {
    margin-right: 0;
    padding: 0;
}

.continueAgree .spotContent .title_group .offer_item p {
    font-size: 30px;
    padding: 0 15px;
    color: #7b5d21;
    font-weight: 900;
}

.continueAgree .spotContent .content {
    padding: 10px 30px 80px 30px;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.continueAgree .spotContent .content .foreword,
.continueAgree .spotContent .content .descriptioon_text,
.continueAgree .spotContent .content .descriptioon_title {
    text-align: left;
    line-height: 1.5;
}

.continueAgree .spotContent .content .table_item {
    position: relative;
    padding-top: 100px;
}

.continueAgree .spotContent .content .rightNowBtn {
    position: absolute;
    right: 90px;
    top: 100px;
    display: block;
    border-radius: 30px;
    overflow: hidden;
    background-color: rgba(223, 200, 160, 0.3);
}

.continueAgree .spotContent .content .rightNowBtn::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 25px white;
    box-shadow: 0 0 25px white;
}

.continueAgree .spotContent .content .rightNowBtn:hover {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: rgba(223, 185, 121, 0.3);
}

.continueAgree .spotContent .content .rightNowBtn:hover::after {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: rgba(255, 255, 255, 0.3);
}

.continueAgree .spotContent .content .rightNowBtn p {
    position: relative;
    z-index: 1;
    padding: 10px 15px;
    border-radius: 30px;
    border: 2px solid #7b5d21;
    color: #7b5d21;
}

.continueAgree .spotContent .content .tableWrap {
    position: relative;
}

.continueAgree .spotContent .content .priceUnit {
    position: absolute;
    bottom: 20px;
    right: 0px;
    color: #7b5d21;
    font-size: 28px;
}

.continueAgree .spotContent .content .priceTable {
    position: relative;
}

.continueAgree .spotContent .content table {
    display: block;
    margin-top: 25px;
    margin-left: 50px;
    margin-bottom: 50px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #7b5d21;
    font-size: 28px;
}

.continueAgree .spotContent .content table tbody {
    width: 100%;
    padding: 0 85px 0 50px;
}

.continueAgree .spotContent .content table tr {
    margin-bottom: 5px;
}

.continueAgree .spotContent .content table td {
    width: 270px;
    padding: 15px 20px;
    margin-right: 5px;
    text-align: center;
    position: relative;
}

@media all and (max-width: 1280px) {
    .continueAgree .spotContent .content table td {
        width: 250px;
    }
}

.continueAgree .spotContent .content table td::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #f8f5f0;
}

.continueAgree .spotContent .content table .bg_brown {
    background-color: #e0d2b9;
}

.continueAgree .spotContent .content table .bg_white {
    background-color: #fff;
}

.continueAgree .spotContent .content .descriptioon_title {
    text-align: left;
}

.continueAgree .spotContent .content .descriptioon_title p {
    margin-left: 10px;
    letter-spacing: 2px;
    color: #000;
}

.continueAgree .spotContent .content .descriptioon_title small {
    margin-left: 10px;
    color: #000;
}

.continueAgree .spotContent .content .descriptioon_title span {
    position: relative;
    top: 3px;
    font-size: 40px;
}

.continueAgree .spotContent .content .descriptioon_text {
    margin-top: 5px;
    margin-left: 36px;
}

.continueAgree .spotContent .content .descriptioon_text .spot {
    color: #b68a2c;
}

.continueAgree .spotContent .content .moreBtn {
    margin: 100px auto 0 auto;
}

.continueAgree .Remind .remind_content {
    display: none;
}

@media all and (max-width: 1100px) {
    .continueAgree .pageTitle .custom_container {
        width: 480px;
    }

    .continueAgree .pageTitle .title {
        margin-top: 50px;
        line-height: 1;
    }

    .continueAgree .pageTitle .subTitle {
        margin-top: 20px;
        line-height: 1.6;
    }

    .continueAgree .spotContent .title_group .offer_group {
        width: 1020px;
        margin: 0 auto;
    }

    .continueAgree .spotContent .title_group .offer_item {
        margin-bottom: 20px;
        margin-right: 75px;
    }

    .continueAgree .spotContent .title_group .offer_item p {
        font-size: 30px;
    }

    .continueAgree .spotContent .title_group .offer_item4 {
        margin-right: 0;
    }

    .continueAgree .spotContent .content {
        padding: 90px 30px 80px 30px;
        font-size: 32px;
        font-weight: 600;
        text-align: center;
    }

    .continueAgree .spotContent .content .rightNowBtn {
        right: 0px;
    }

    .continueAgree .spotContent .content .priceUnit {
        bottom: -40px;
        right: 0px;
    }

    .continueAgree .spotContent .content table td {
        width: 220px;
        padding: 15px 20px;
        margin-right: 5px;
        text-align: center;
    }
}

@media all and (max-width: 768px) {
    .continueAgree .pageTitle .custom_container {
        width: 450px;
        padding-top: 0;
    }

    .continueAgree .pageTitle .title {
        margin-top: 50px;
    }

    .continueAgree .spotContent .custom_container {
        padding: 0 25px;
    }

    .continueAgree .spotContent .title_group {
        padding: 60px 0 50px 0;
    }

    .continueAgree .spotContent .title_group .offer_group {
        width: 100%;
        margin: 0 auto;
    }

    .continueAgree .spotContent .title_group .offer_item {
        margin: 0 1% 20px 1%;
        width: 48%;
    }

    .continueAgree .spotContent .title_group .offer_item p {
        font-size: 30px;
    }

    .continueAgree .spotContent .content {
        padding: 50px 0px;
        text-align: left;
    }

    .continueAgree .spotContent .content .table_item {
        margin-bottom: 60px;
    }

    .continueAgree .spotContent .content .priceTable {
        position: relative;
    }

    .continueAgree .spotContent .content .rightNowBtn {
        position: relative;
        width: 280px;
        top: 0px;
        right: 0;
        margin: 0px auto;
        display: block;
        border-radius: 30px;
        overflow: hidden;
        text-align: center;
        font-size: 28px;
    }

    .continueAgree .spotContent .content .rightNowBtn::after {
        right: 0;
        top: 0;
        width: 50px;
        height: 100%;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 0 25px white;
        box-shadow: 0 0 25px white;
    }

    .continueAgree .spotContent .content .rightNowBtn p {
        padding: 10px 15px;
        border-radius: 30px;
        border: 2px solid #7b5d21;
        color: #7b5d21;
    }

    .continueAgree .spotContent .content .tableWrap {
        position: relative;
        width: 100%;
        overflow: auto;
        margin-top: 40px;
    }

    .continueAgree .spotContent .content .priceUnit {
        position: absolute;
        z-index: 2;
        bottom: -35px;
        right: 0;
        font-size: 22px;
    }

    .continueAgree .spotContent .content table {
        margin: 0;
        width: 100%;
        font-size: 22px;
    }

    .continueAgree .spotContent .content table tbody {
        margin: 0;
        width: 100%;
        padding: 0 30px;
    }

    .continueAgree .spotContent .content table tr {
        margin-bottom: 5px;
    }

    .continueAgree .spotContent .content table td {
        width: 150px;
        padding: 15px 0;
        margin-right: 5px;
        text-align: center;
    }

    .continueAgree .spotContent .content table .bg_brown {
        background-color: #e0d2b9;
    }

    .continueAgree .spotContent .content table .bg_white {
        background-color: #fff;
    }

    .continueAgree .spotContent .content .descriptioon_title {
        margin: 0px 0 20px 0;
        letter-spacing: 0px;
        font-size: 28px;
        height: auto;
    }

    .continueAgree .spotContent .content .descriptioon_title span {
        top: 0px;
        font-size: 22px;
    }

    .continueAgree .spotContent .content .descriptioon_text {
        margin: 0;
        font-size: 18px;
    }

    .continueAgree .spotContent .content .moreBtn {
        display: block;
        text-align: center;
        width: 300px;
        font-size: 28px;
        margin: 40px auto 0 auto;
    }
}

.addService .pageTitle .custom_container {
    width: 900px;
}

.addService .pageTitle .pic {
    margin-top: 50px;
}

.addService .pageTitle .text_group {
    margin-top: 100px;
}

.addService .pageTitle .title {
    margin-bottom: 20px;
}

.addService .pageTitle .subTitle {
    margin-top: 0;
}

.addService .spotContent {
    margin-bottom: 100px;
}

.addService .spotContent h2 {
    display: none;
}

.addService .spotContent .custom_container {
    padding: 80px 45px 20px 45px;
}

.addService .spotContent .service_group::after {
    content: '';
    clear: both;
    display: block;
}

.addService .spotContent .service_item {
    float: left;
    position: relative;
    margin: 0 1.5% 60px 1.5%;
    width: 22%;
    height: 310px;
}

.addService .spotContent .service_item::after {
    position: absolute;
    left: 0;
    bottom: -5px;
    z-index: 1;
    content: "";
    width: calc(100% - 2px);
    height: 100%;
    border: 1px solid #795d20;
    border-radius: 25px;
    background-color: #795d20;
}

.addService .spotContent .service_item:hover .content {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.addService .spotContent .service_item .content {
    position: relative;
    z-index: 2;
    padding: 20px 0 10px 0;
    border: 1px solid #795d20;
    border-radius: 25px;
    background: -webkit-linear-gradient(315deg, #f8f5e9 5%, #f4ebd4 95%);
    background: -o-linear-gradient(315deg, #f8f5e9 5%, #f4ebd4 95%);
    background: linear-gradient(135deg, #f8f5e9 5%, #f4ebd4 95%);
    background-color: #f4ebd4;
}

.addService .spotContent .service_item .service_item_pic {
    height: 170px;
    text-align: center;
}

.addService .spotContent .service_item .service_item_pic img {
    display: inline-block;
}

.addService .spotContent .service_item .service_item_pic1,
.addService .spotContent .service_item .service_item_pic3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.addService .spotContent .service_item .service_item_pic1 img,
.addService .spotContent .service_item .service_item_pic3 img {
    padding-top: 60px;
}

.addService .spotContent .service_item .service_item_text {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
    color: #000;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
}

@media all and (max-width: 1100px) {
    .addService .spotContent .service_group {
        width: 800px;
        margin: 0 auto;
    }

    .addService .spotContent .service_item {
        width: 47%;
    }

    .addService .spotContent .service_item .content {
        padding: 20px;
    }

    .addService .spotContent .service_item .service_item_pic {
        height: 200px;
    }

    .addService .spotContent .service_item .service_item_text {
        margin: 0px;
        font-size: 24px;
    }
}

@media all and (max-width: 768px) {
    .addService .pageTitle .custom_container {
        width: 700px;
    }

    .addService .pageTitle .pic {
        margin-top: 0px;
    }

    .addService .pageTitle .text_group {
        margin-top: 80px;
    }

    .addService .spotContent {
        padding-top: 50px;
        margin-bottom: 0px;
    }

    .addService .spotContent .custom_container {
        padding: 0 25px;
    }

    .addService .spotContent .service_group {
        /*width: 400px;*/
        width: 100%;
        margin: 0 auto;
    }

    .addService .spotContent .service_item {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .addService .spotContent .service_item::after {
        bottom: 0;
    }

    .addService .spotContent .service_item .content {
        padding: 20px;
    }

    .addService .spotContent .service_item .service_item_pic {
        height: 150px;
    }

    .addService .spotContent .service_item .service_item_text {
        margin: 35px 0 0 0;
        font-size: 25px;
    }
}

.kkbox h1 {
    display: none;
}

.kkbox .pageTitle .custom_container {
    padding: 0;
}

.kkbox .pageTitle .text_group {
    margin: 0;
    text-align: center;
    width: 100%;
}

.kkbox .pageTitle .title {
    display: inline-block;
    margin-top: 120px;
    text-align: center;
    line-height: 1.5;
}

.kkbox .spotContent .custom_container {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.kkbox .spotContent .title_group {
    padding: 100px 0;
}

.kkbox .spotContent .title_group::after {
    content: '';
    clear: both;
    display: block;
}

.kkbox .spotContent .title_group .title {
    display: none;
}

.kkbox .spotContent .title_group .pic {
    width: 370px;
    margin: 0 auto;
}

.kkbox .spotContent .content {
    padding: 90px 35px 110px 35px;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.kkbox .spotContent .content .foreword,
.kkbox .spotContent .content .descriptioon_text,
.kkbox .spotContent .content .descriptioon_title {
    text-align: left;
    line-height: 1.5;
}

.kkbox .spotContent .content .descriptioon_title {
    margin: 0 35px;
    margin-top: 20px;
    letter-spacing: 7px;
    font-size: 32px;
}

.kkbox .spotContent .content .descriptioon_text {
    margin: 0 35px;
    margin-top: 40px;
    font-size: 30px;
    font-weight: 500;
}

.kkbox .generalContent h2 {
    margin: 60px 60px 50px 60px;
    display: inline-block;
    padding: 18px;
    border-radius: 10px;
    border: 2px solid #7b5d21;
    font-size: 34px;
    color: #7b5d21;
    font-weight: 900;
}

.kkbox .generalContent .step_item {
    margin-bottom: 70px;
}

.kkbox .generalContent .step_group {
    margin: 0 120px 70px 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 30px;
}

.kkbox .generalContent .step_group .step_text {
    margin-bottom: 35px;
}

.kkbox .generalContent .step_group .step_text::after {
    content: '';
    clear: both;
    display: block;
}

.kkbox .generalContent .step_group .step_text span {
    float: left;
    width: 120px;
}

.kkbox .generalContent .step_group .step_text p {
    float: left;
    width: calc(100% - 140px);
}

.kkbox .generalContent .step_group .spot {
    color: #7b5d21;
}

.kkbox .generalContent .step_group .step_description {
    padding: 0 60px;
    position: relative;
}

.kkbox .generalContent .step_group .step_description::after {
    content: '';
    clear: both;
    display: block;
}

.kkbox .generalContent .step_group .step_description1 .step_img1 {
    float: left;
    width: 45%;
}

.kkbox .generalContent .step_group .step_description1 .step_img2 {
    float: right;
    width: 45%;
}

.kkbox .generalContent .step_group .step_description2 .step_img {
    width: 45%;
    margin: 0 auto;
}

.kkbox .generalContent .step_group .step_description3 .step_img1 {
    float: left;
    width: 45%;
}

.kkbox .generalContent .step_group .step_description3 .step_img2 {
    margin-top: 150px;
    float: right;
    width: 45%;
}

.kkbox .generalContent .step_group .triangle {
    position: absolute;
    left: 45%;
    top: 50%;
    border-style: solid;
    border-width: 17.5px 0 17.5px 30.3px;
    border-color: transparent transparent transparent #7b5d21;
}

.kkbox .Remind .remind_content {
    display: none;
}

@media all and (max-width: 1100px) {
    .kkbox .generalContent .step_group .triangle {
        margin: 0 20px;
    }
}

@media all and (max-width: 768px) {
    .kkbox .pageTitle .title {
        margin-top: 0px;
        text-align: center;
        line-height: 1.5;
    }

    .kkbox .spotContent .custom_container {
        padding: 0 25px;
    }

    .kkbox .spotContent .title_group {
        padding: 30px 0;
    }

    .kkbox .spotContent .content {
        padding: 50px 0;
        font-size: 35px;
    }

    .kkbox .spotContent .content .descriptioon_title {
        margin: 0;
        letter-spacing: 2px;
        font-size: 28px;
    }

    .kkbox .spotContent .content .descriptioon_text {
        margin: 40px 0 0 0;
        font-size: 28px;
    }

    .kkbox .generalContent h2 {
        margin: 50px auto;
        display: block;
        text-align: center;
        font-size: 35px;
    }

    .kkbox .generalContent .step_item {
        margin-bottom: 50px;
    }

    .kkbox .generalContent .step_group {
        margin: 0 0 50px 0;
        font-size: 28px;
    }

    .kkbox .generalContent .step_group .step_text {
        margin-bottom: 20px;
    }

    .kkbox .generalContent .step_group .step_text span {
        margin-bottom: 20px;
        width: 100%;
    }

    .kkbox .generalContent .step_group .step_text p {
        font-size: 28px;
        width: 100%;
        line-height: 1.5;
    }

    .kkbox .generalContent .step_group .step_description {
        padding: 0px;
    }

    .kkbox .generalContent .step_group .triangle {
        border-width: 9px 0 9px 15px;
    }
}

.addService_ring .pageTitle {
    text-align: center;
}

.addService_ring .pageTitle .text_group {
    float: none;
    margin: 100px 0 0 0;
}

.addService_ring .spotContent .pic {
    margin: 0 auto;
    width: 583px;
}

@media all and (max-width: 768px) {
    .addService_ring .pageTitle .text_group {
        margin: 45px 0 0 0;
    }

    .addService_ring .spotContent .pic {
        width: 520px;
    }
}

.addService_hamiBook .pageTitle .text_group {
    float: none;
    margin: 120px 0 0 0;
}

.addService_hamiBook .pageTitle br {
    display: none;
}

.addService_hamiBook .spotContent .pic {
    margin: 0 auto;
    width: 828px;
}

@media all and (max-width: 768px) {
    .addService_hamiBook .pageTitle .text_group {
        margin: 50px 0 0 0;
    }

    .addService_hamiBook .pageTitle br {
        display: block;
    }

    .addService_hamiBook .pageTitle span {
        display: none;
    }

    .addService_hamiBook .spotContent .pic {
        width: 520px;
    }
}

.addService_ring h1,
.addService_hamiVideo h1,
.addService_hamiRing h1,
.addService_hamiBook h1 {
    display: none;
}

.addService_ring .pageTitle .title,
.addService_hamiVideo .pageTitle .title,
.addService_hamiRing .pageTitle .title,
.addService_hamiBook .pageTitle .title {
    margin-top: 5px;
    text-align: center;
    line-height: 1.5;
}

.addService_ring .spotContent .custom_container,
.addService_hamiVideo .spotContent .custom_container,
.addService_hamiRing .spotContent .custom_container,
.addService_hamiBook .spotContent .custom_container {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.addService_ring .spotContent .title_group,
.addService_hamiVideo .spotContent .title_group,
.addService_hamiRing .spotContent .title_group,
.addService_hamiBook .spotContent .title_group {
    padding: 100px 0;
}

.addService_ring .spotContent .title_group::after,
.addService_hamiVideo .spotContent .title_group::after,
.addService_hamiRing .spotContent .title_group::after,
.addService_hamiBook .spotContent .title_group::after {
    content: '';
    clear: both;
    display: block;
}

.addService_ring .spotContent .title_group .title,
.addService_hamiVideo .spotContent .title_group .title,
.addService_hamiRing .spotContent .title_group .title,
.addService_hamiBook .spotContent .title_group .title {
    display: none;
}

.addService_ring .spotContent .content,
.addService_hamiVideo .spotContent .content,
.addService_hamiRing .spotContent .content,
.addService_hamiBook .spotContent .content {
    padding: 90px 35px 110px 35px;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.addService_ring .spotContent .content .foreword,
.addService_ring .spotContent .content .descriptioon_text,
.addService_ring .spotContent .content .descriptioon_title,
.addService_hamiVideo .spotContent .content .foreword,
.addService_hamiVideo .spotContent .content .descriptioon_text,
.addService_hamiVideo .spotContent .content .descriptioon_title,
.addService_hamiRing .spotContent .content .foreword,
.addService_hamiRing .spotContent .content .descriptioon_text,
.addService_hamiRing .spotContent .content .descriptioon_title,
.addService_hamiBook .spotContent .content .foreword,
.addService_hamiBook .spotContent .content .descriptioon_text,
.addService_hamiBook .spotContent .content .descriptioon_title {
    text-align: left;
    line-height: 1.5;
}

.addService_ring .spotContent .content .descriptioon_title,
.addService_hamiVideo .spotContent .content .descriptioon_title,
.addService_hamiRing .spotContent .content .descriptioon_title,
.addService_hamiBook .spotContent .content .descriptioon_title {
    margin: 0 35px;
    margin-top: 20px;
    letter-spacing: 7px;
    font-size: 32px;
}

.addService_ring .spotContent .content .descriptioon_text,
.addService_hamiVideo .spotContent .content .descriptioon_text,
.addService_hamiRing .spotContent .content .descriptioon_text,
.addService_hamiBook .spotContent .content .descriptioon_text {
    margin: 0 35px;
    margin-top: 40px;
    font-size: 30px;
    font-weight: 500;
}

.addService_ring .spotContent .content .moreBtn,
.addService_hamiVideo .spotContent .content .moreBtn,
.addService_hamiRing .spotContent .content .moreBtn,
.addService_hamiBook .spotContent .content .moreBtn {
    margin: 100px auto 0 auto;
}

.addService_ring .Remind .remind_content,
.addService_hamiVideo .Remind .remind_content,
.addService_hamiRing .Remind .remind_content,
.addService_hamiBook .Remind .remind_content {
    display: none;
}

@media all and (max-width: 768px) {

    .addService_ring .pageTitle .title,
    .addService_hamiVideo .pageTitle .title,
    .addService_hamiRing .pageTitle .title,
    .addService_hamiBook .pageTitle .title {
        margin-top: 5px;
    }

    .addService_ring .spotContent .custom_container,
    .addService_hamiVideo .spotContent .custom_container,
    .addService_hamiRing .spotContent .custom_container,
    .addService_hamiBook .spotContent .custom_container {
        padding: 0 25px;
    }

    .addService_ring .spotContent .title_group,
    .addService_hamiVideo .spotContent .title_group,
    .addService_hamiRing .spotContent .title_group,
    .addService_hamiBook .spotContent .title_group {
        padding: 35px;
    }

    .addService_ring .spotContent .content,
    .addService_hamiVideo .spotContent .content,
    .addService_hamiRing .spotContent .content,
    .addService_hamiBook .spotContent .content {
        padding: 40px 0;
        font-size: 28px;
    }

    .addService_ring .spotContent .content .foreword,
    .addService_ring .spotContent .content .descriptioon_text,
    .addService_ring .spotContent .content .descriptioon_title,
    .addService_hamiVideo .spotContent .content .foreword,
    .addService_hamiVideo .spotContent .content .descriptioon_text,
    .addService_hamiVideo .spotContent .content .descriptioon_title,
    .addService_hamiRing .spotContent .content .foreword,
    .addService_hamiRing .spotContent .content .descriptioon_text,
    .addService_hamiRing .spotContent .content .descriptioon_title,
    .addService_hamiBook .spotContent .content .foreword,
    .addService_hamiBook .spotContent .content .descriptioon_text,
    .addService_hamiBook .spotContent .content .descriptioon_title {
        text-align: left;
    }

    .addService_ring .spotContent .content .descriptioon_title,
    .addService_hamiVideo .spotContent .content .descriptioon_title,
    .addService_hamiRing .spotContent .content .descriptioon_title,
    .addService_hamiBook .spotContent .content .descriptioon_title {
        margin: 0;
        letter-spacing: 0px;
        font-size: 28px;
    }

    .addService_ring .spotContent .content .descriptioon_text,
    .addService_hamiVideo .spotContent .content .descriptioon_text,
    .addService_hamiRing .spotContent .content .descriptioon_text,
    .addService_hamiBook .spotContent .content .descriptioon_text {
        margin: 20px 0 0 0;
        font-size: 22px;
    }

    .addService_ring .spotContent .content .moreBtn,
    .addService_hamiVideo .spotContent .content .moreBtn,
    .addService_hamiRing .spotContent .content .moreBtn,
    .addService_hamiBook .spotContent .content .moreBtn {
        font-size: 28px;
        margin: 40px auto;
    }
}

.addService_hamiVideo .pageTitle .text_group {
    float: none;
    margin: 120px 0 0 0;
}

/*
.addService_hamiVideo .pageTitle br {
  display: none; }
  */

.addService_hamiVideo .linkText {
    margin-left: 100px;
    float: left;
    font-size: 30px;
    color: #795d20;
    font-weight: 600;
    text-decoration: underline;
}

.hamiPass .linkText {
    color: #795d20;
    text-decoration: underline;
}

.addService_hamiVideo .linkText.spot {
    color: #9a855b;
}

.addService_hamiVideo .spotContent .pic {
    width: 390px;
    margin: 0 auto;
}

.addService_hamiVideo .spotContent .content::after {
    content: '';
    clear: both;
    display: block;
}

.addService_hamiVideo .spotContent .content .descriptioon_title {
    letter-spacing: 2px;
}

.addService_hamiVideo .spotContent .content .descriptioon_subText {
    margin: 25px 35px 20px 75px;
    font-size: 30px;
    font-weight: 500;
    text-align: left;
}

.addService_hamiVideo .spotContent .content .descriptioon_subText span {
    font-size: 20px;
}

@media all and (max-width: 1100px) {
    .addService_hamiVideo .linkText {
        margin-left: 80px;
        font-size: 25px;
    }
}

@media all and (max-width: 768px) {
    .addService_hamiVideo .pageTitle br {
        display: block;
    }

    .addService_hamiVideo .pageTitle span {
        display: none;
    }

    .addService_hamiVideo .linkText {
        margin: 0px;
        padding-bottom: 10px;
        font-size: 24px;
    }

    .addService_hamiVideo .spotContent .content .descriptioon_title {
        letter-spacing: 2px;
    }

    .addService_hamiVideo .spotContent .content .descriptioon_subText {
        margin: 20px 0;
        font-size: 22px;
    }

    .addService_hamiVideo .spotContent .content .descriptioon_subText span {
        display: block;
        margin-top: 10px;
        font-size: 14px;
    }
}

.addService_hamiBook .spotContent .content .descriptioon_title {
    margin: 0px 70px 70px 70px;
    padding: 75px 0;
    border-radius: 30px;
    border: 1px solid #7b5d21;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #f9f5e9));
    background: -webkit-linear-gradient(top, #fff 0%, #f9f5e9 60%);
    background: -o-linear-gradient(top, #fff 0%, #f9f5e9 60%);
    background: linear-gradient(180deg, #fff 0%, #f9f5e9 60%);
    letter-spacing: 2px;
    line-height: 1.8;
    text-align: center;
}

.addService_hamiBook .spotContent .content .descriptioon_text {
    margin: 25px 0 20px 0;
    font-size: 30px;
    font-weight: 500;
}

.addService_hamiBook .spotContent .content .btn_group .moreBtn~.moreBtn {
    margin-left: 95px;
}

@media all and (max-width: 768px) {
    .addService_hamiBook .spotContent .content .descriptioon_title {
        margin: 0 0 40px 0;
        padding: 40px;
        letter-spacing: 0px;
        line-height: 1.5;
    }

    .addService_hamiBook .spotContent .content .descriptioon_text {
        margin: 25px 0 20px 0;
        font-size: 22px;
    }

    .addService_hamiBook .spotContent .content .btn_group {
        font-size: 22px;
    }

    .addService_hamiBook .spotContent .content .btn_group .moreBtn {
        padding: 10px 15px;
    }

    .addService_hamiBook .spotContent .content .btn_group .moreBtn~.moreBtn {
        margin-left: 20px;
    }
}

.addService_hamiRing .pageTitle {
    text-align: center;
}

.addService_hamiRing .pageTitle .text_group {
    float: none;
    margin: 100px 0 0 0;
}

.addService_hamiRing .spotContent .pic {
    margin: 0 auto;
    width: 627px;
}

@media all and (max-width: 768px) {
    .addService_hamiRing .pageTitle {
        text-align: center;
    }

    .addService_hamiRing .pageTitle .text_group {
        float: none;
        margin: 50px 0 0 0;
    }

    .addService_hamiRing .spotContent .pic {
        width: 520px;
    }

    .addService_hamiRing .spotContent .content .btn_group {
        font-size: 22px;
    }

    .addService_hamiRing .spotContent .content .btn_group .moreBtn {
        padding: 10px 15px;
    }
}

.hamiPass .pageTitle {
    text-align: center;
}

.hamiPass .pageTitle .title {
    float: none;
    padding-top: 120px;
}

.hamiPass .pageTitle br {
    display: none;
}

.hamiPass .spotContent {
    padding-bottom: 65px;
}

.hamiPass .spotContent .title {
    display: none;
}

.hamiPass .spotContent .title_group {
    padding: 90px 0;
}

.hamiPass .spotContent .pic {
    width: 605px;
    margin: 0 auto;
}

.hamiPass .spotContent .content {
    padding: 0 170px;
}

.hamiPass .spotContent .content .descriptioon_title {
    margin: 65px 70px 70px 70px;
    padding: 40px 0;
    border-radius: 30px;
    border: 1px solid #7b5d21;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #f9f5e9));
    background: -webkit-linear-gradient(top, #fff 0%, #f9f5e9 60%);
    background: -o-linear-gradient(top, #fff 0%, #f9f5e9 60%);
    background: linear-gradient(180deg, #fff 0%, #f9f5e9 60%);
    letter-spacing: 2px;
    line-height: 1.8;
    text-align: center;
    color: #795d20;
    font-size: 30px;
    font-weight: 900;
}

.hamiPass .spotContent .content .descriptioon_text {
    margin: 25px 0 20px 0;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
}

.hamiPass .ChangeProcess {
    padding: 65px 0 45px 0;
}

.hamiPass .ChangeProcess_title {
    border: 3px #795d20 solid;
    border-radius: 10px;
    margin-left: 100px;
    margin-top: 65px;
    padding: 20px 35px;
    display: inline-block;
    color: #795d20;
    font-weight: 900;
    font-size: 34px;
}

.hamiPass .ChangeProcess_item {
    margin: 50px 165px;
    padding: 30px 25px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fafafa;
    line-height: 2;
}

.hamiPass .ChangeProcess_item::after {
    content: '';
    clear: both;
    display: block;
}

.hamiPass .ChangeProcess_item .step_img {
    float: left;
    position: relative;
    width: 355px;
    margin-right: 60px;
}

.hamiPass .ChangeProcess_item .step-style {
    position: absolute;
    top: 0;
    right: -140px;
    color: red;
    font-size: 30px;
    margin-bottom: 90px;
    line-height: 1.3;
}

.hamiPass .ChangeProcess_item .spot {
    margin-top: 130px;
    margin-left: 25px;
    color: #795d20;
    font-size: 30px;
    position: relative;
}

.hamiPass .ChangeProcess_item .step-text {
    position: relative;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 1.5;
}

.hamiPass .ChangeProcess_item .step-text::before {
    content: "→";
    position: absolute;
    top: 0px;
    left: -35px;
}

.hamiPass .ChangeProcess_item.ChangeProcess_item_step2 {
    display: block;
}

.hamiPass .ChangeProcess_item.ChangeProcess_item_step2 .step_img {
    width: 75%;
    margin-right: 25%;
}

.hamiPass .ChangeProcess_item.ChangeProcess_item_step2 .spot {
    margin: 20px 0 0 -40px;
}

.hamiPass .ChangeProcess_item.ChangeProcess_item_step2 .step_content {
    width: 100%;
    padding-left: 60px;
}

.hamiPass .ChangeProcess_item.ChangeProcess_item_step3 {
    background-color: #fff;
}

.hamiPass .ChangeProcess_item.ChangeProcess_item_step3 .step_img {
    float: left;
    margin-right: 0;
    width: 27%;
}

.hamiPass .ChangeProcess_item.ChangeProcess_item_step3 .spot {
    margin: 70px 0 0 0px;
}

.hamiPass .ChangeProcess_item.ChangeProcess_item_step3 .step_content {
    float: left;
    width: 72%;
    padding-left: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hamiPass .Remind .remind_content {
    display: none;
}

.hamiPass .Remind ._1th_content,
.hamiPass .Remind .linkText {
    display: inline;
}

@media all and (max-width: 768px) {
    .hamiPass .pageTitle .title {
        padding-top: 60px;
    }

    .hamiPass .pageTitle br {
        display: block;
    }

    .hamiPass .spotContent {
        padding-bottom: 60px;
    }

    .hamiPass .spotContent .pic {
        width: 520px;
    }

    .hamiPass .spotContent .title_group {
        margin: 0px;
        padding: 35px;
    }

    .hamiPass .spotContent .content {
        padding: 40px 0px;
    }

    .hamiPass .spotContent .content .descriptioon_title {
        margin: 0;
        padding: 20px 20px;
        border-radius: 25px;
        letter-spacing: 2px;
        line-height: 1.5;
        text-align: center;
        font-size: 22px;
    }

    .hamiPass .spotContent .content .descriptioon_text {
        margin: 40px 0;
        font-size: 22px;
        line-height: 1.5;
    }

    .hamiPass .ChangeProcess {
        padding: 65px 0 45px 0;
    }

    .hamiPass .ChangeProcess_title {
        margin: 60px auto 0 auto;
        padding: 20px 20px;
        display: block;
        text-align: center;
        font-size: 35px;
    }

    .hamiPass .ChangeProcess_item {
        margin: 40px 0px;
        padding: 30px 0px;
        display: block;
        line-height: 1.5;
    }

    .hamiPass .ChangeProcess_item .step_img {
        width: 80%;
        margin: 30px auto 0 auto;
    }

    .hamiPass .ChangeProcess_item .step_img {
        float: none;
        position: relative;
        width: 80%;
        margin: 30px auto 0 auto;
    }

    .hamiPass .ChangeProcess_item .step_img img {
        width: 100%;
    }

    .hamiPass .ChangeProcess_item .step-style {
        top: -40px;
        right: 0px;
        font-size: 20px;
    }

    .hamiPass .ChangeProcess_item .spot {
        margin-top: 20px;
        margin-left: 25px;
        font-size: 22px;
    }

    .hamiPass .ChangeProcess_item .step-text {
        margin: 20px 0 10px 45px;
        font-size: 22px;
        line-height: 1.5;
    }

    .hamiPass .ChangeProcess_item .step-text::before {
        content: "→";
        left: -25px;
    }

    .hamiPass .ChangeProcess_item.ChangeProcess_item_step2 .step_img {
        width: 95%;
        margin: 0 auto;
    }

    .hamiPass .ChangeProcess_item.ChangeProcess_item_step2 .spot {
        margin: 20px 0 0 2.5%;
    }

    .hamiPass .ChangeProcess_item.ChangeProcess_item_step2 .step_content {
        padding-left: 0px;
    }

    .hamiPass .ChangeProcess_item.ChangeProcess_item_step2 .step-style br {
        display: none;
    }

    .hamiPass .ChangeProcess_item.ChangeProcess_item_step3 .step_img {
        float: none;
        width: 70%;
        margin: 0 auto;
    }

    .hamiPass .ChangeProcess_item.ChangeProcess_item_step3 .spot {
        margin: 70px 0 0 2.5%;
    }

    .hamiPass .ChangeProcess_item.ChangeProcess_item_step3 .step_content {
        float: none;
        width: 100%;
        padding-left: 0px;
    }
}

.roaming .pageTitle .custom_container {
    width: 900px;
    padding-top: 60px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.roaming .pageTitle .title {
    margin-top: 50px;
    margin-bottom: 20px;
    line-height: 1;
}

.roaming .pageTitle .subTitle {
    margin-top: 0;
}

.roaming .RoamingContent {
    padding-bottom: 35px;
}

.roaming .RoamingContent .custom_container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 95px;
}

.roaming .RoamingContent .Roaming_item {
    padding-bottom: 65px;
}

.roaming .RoamingContent .Roaming_title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 90px;
    font-size: 36px;
    font-weight: 900;
}

.roaming .RoamingContent .Roaming_text {
    margin-top: 25px;
    font-size: 30px;
}

.roaming .RoamingContent .tooLongTableGradient {
    position: relative;
}

.roaming .RoamingContent .tooLongTableGradient::after {
    display: none;
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    right: -5px;
    height: 100%;
    width: 50px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(248, 245, 240, 0)), to(#f8f5f0));
    background: -webkit-linear-gradient(left, rgba(248, 245, 240, 0), #f8f5f0);
    background: -o-linear-gradient(left, rgba(248, 245, 240, 0), #f8f5f0);
    background: linear-gradient(to right, rgba(248, 245, 240, 0), #f8f5f0);
}

.roaming .RoamingContent .Roaming_dataTable {
    margin: 25px -30px 0 -30px;
    font-weight: 900;
    font-size: 18px;
}

.roaming .RoamingContent .Roaming_dataTable .ieborder {
    position: relative;
}

.roaming .RoamingContent .Roaming_dataTable .ieborder::after {
    position: absolute;
    content: '';
    top: 0;
    right: -2px;
    width: 2px;
    height: 100%;
}

.roaming .RoamingContent .Roaming_dataTable td,
.roaming .RoamingContent .Roaming_dataTable th {
    position: relative;
    width: 210px;
    background-color: #ffffff;
    color: #795d20;
    text-align: center;
    vertical-align: middle;
    padding: 25px 0;
}

.roaming .RoamingContent .Roaming_dataTable td::after,
.roaming .RoamingContent .Roaming_dataTable th::after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 0;
    right: -2px;
    width: 3px;
    height: 100%;
    background-color: #f8f5f0;
}

.roaming .RoamingContent .Roaming_dataTable td::before,
.roaming .RoamingContent .Roaming_dataTable th::before {
    position: absolute;
    z-index: 2;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #f8f5f0;
}

.roaming .RoamingContent .Roaming_dataTable.table2 td~td,
.roaming .RoamingContent .Roaming_dataTable.table2 th~th {
    width: 340px;
}

.roaming .RoamingContent .Roaming_dataTable.table3 td~td,
.roaming .RoamingContent .Roaming_dataTable.table3 th~th {
    width: 255px;
}

.roaming .RoamingContent .Roaming_dataTable .bg_brown {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.roaming .RoamingContent .Roaming_dataTable .bg_brown tr,
.roaming .RoamingContent .Roaming_dataTable .bg_brown td {
    background-color: #e0d2b9;
}

.roaming .RoamingContent .Roaming_dataTable .btn_description {
    position: relative;
}

.roaming .RoamingContent .Roaming_dataTable .table1-sameH {
    padding: 70px 0;
}

.roaming .RoamingContent .Roaming_dataTable .table1-sameH p {
    margin-top: -10px;
}

.roaming .RoamingContent .Roaming_dataTable .table2-sameH {
    height: 130px;
}

.roaming .RoamingContent .Roaming_dataTable .table2-sameH p {
    margin-top: -10px;
}

.roaming .RoamingContent .Roaming_dataTable .table-textLeft {
    text-align: left;
    margin-left: 60px;
    padding: 10px;
}

.roaming .RoamingContent .Roaming_dataTable .table-textLeft li a {
    color: #209cff;
}

.roaming .RoamingContent .Roaming_dataTable small {
    font-size: 12px;
}

.roaming .RoamingContent .Roaming_dataTable .rightNowBtn {
    position: absolute;
    display: block;
    z-index: 5;
    bottom: 15px;
    width: 160px;
    left: calc(50% - 80px);
    border-radius: 30px;
    border: 1px solid #7b5d21;
    cursor: pointer;
}

.roaming .RoamingContent .Roaming_dataTable .rightNowBtn.tableBtnCenter {
    position: relative;
    left: auto;
    bottom: auto;
    margin: auto;

}
.roaming .RoamingContent .Roaming_dataTable .rightNowBtn.tableBtnCenter.inblock{
    display: inline-block;
}
.roaming .RoamingContent .Roaming_dataTable .rightNowBtn-light {
    background-color: #ffffff;
}

.roaming .RoamingContent .Roaming_dataTable .rightNowBtn-light::before {
    content: '';
    position: absolute;
    left: 0px;
    top: -7px;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: white;
}

.roaming .RoamingContent .Roaming_dataTable .rightNowBtn::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: rgba(223, 200, 160, 0.3);
}

.roaming .RoamingContent .Roaming_dataTable .rightNowBtn::after {
    content: '';
    position: absolute;
    right: 2px;
    top: 0px;
    width: 10px;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 25px white;
    box-shadow: 0 0 25px white;
}

.roaming .RoamingContent .Roaming_dataTable .rightNowBtn p {
    position: relative;
    z-index: 5;
    margin: 3px;
    text-align: center;
    color: #7b5d21;
}

.roaming .RoamingContent .Roaming_dataTable .rightNowBtn.table2_btn {
    bottom: 10px;
}

.roaming .remind_content {
    display: none;
}

@media all and (max-width: 1100px) {
    .roaming .pageTitle .custom_container {
        width: 800px;
        padding-top: 60px;
        padding-left: 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .roaming .pageTitle .text_group {
        margin-top: 60px;
        width: 400px;
    }

    .roaming .pageTitle .title {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .roaming .pageTitle .subTitle {
        margin-top: 0;
    }

    .roaming .RoamingContent .Roaming_dataTable_wrap {
        overflow: auto;
        width: 100%;
        margin: 25px 0px;
    }

    .roaming .RoamingContent .tooLongTableGradient {
        display: block;
    }

    .roaming .RoamingContent .tooLongTableGradient::after {
        display: block;
    }

    .roaming .RoamingContent .Roaming_dataTable {
        margin: 0px;
        font-weight: 900;
        font-size: 18px;
    }

    .roaming .RoamingContent .Roaming_dataTable td,
    .roaming .RoamingContent .Roaming_dataTable th {
        padding: 10px;
        width: 120px;
        text-align: center;
        vertical-align: middle;
        position: relative;
    }

    .roaming .RoamingContent .Roaming_dataTable.table1 td,
    .roaming .RoamingContent .Roaming_dataTable.table1 th,
    .roaming .RoamingContent .Roaming_dataTable.table2 td,
    .roaming .RoamingContent .Roaming_dataTable.table2 th,
    .roaming .RoamingContent .Roaming_dataTable.table3 td,
    .roaming .RoamingContent .Roaming_dataTable.table3 th {
        min-width: 220px;
    }

    .roaming .RoamingContent .Roaming_dataTable .bg_brown {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .roaming .RoamingContent .Roaming_dataTable .bg_brown tr,
    .roaming .RoamingContent .Roaming_dataTable .bg_brown td {
        background-color: #e0d2b9;
    }

    .roaming .RoamingContent .Roaming_dataTable .btn_description {
        position: relative;
    }

    .roaming .RoamingContent .Roaming_dataTable .table1-sameH {
        height: 160px;
    }

    .roaming .RoamingContent .Roaming_dataTable .table1-sameH p {
        margin-top: -10px;
    }

    .roaming .RoamingContent .Roaming_dataTable .table2-sameH {
        height: 130px;
    }

    .roaming .RoamingContent .Roaming_dataTable .table2-sameH p {
        margin-top: -10px;
    }

    .roaming .RoamingContent .Roaming_dataTable .table-textLeft {
        text-align: left;
        margin-left: 60px;
        padding: 10px;
    }

    .roaming .RoamingContent .Roaming_dataTable .table-textLeft li a {
        color: #23527c;
    }

    .roaming .RoamingContent .Roaming_dataTable small {
        font-size: 12px;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn {
        position: absolute;
        display: block;
        z-index: 5;
        bottom: 15px;
        width: 160px;
        left: calc(50% - 80px);
        border-radius: 30px;
        border: 1px solid #7b5d21;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn-light {
        background-color: #ffffff;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn-light::before {
        content: '';
        position: absolute;
        left: 0px;
        top: -7px;
        width: 100%;
        height: 100%;
        border-radius: 30px;
        background-color: white;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn::before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        border-radius: 30px;
        background-color: rgba(223, 200, 160, 0.3);
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn::after {
        content: '';
        position: absolute;
        right: 2px;
        top: 0px;
        width: 10px;
        height: 100%;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 0 25px white;
        box-shadow: 0 0 25px white;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn p {
        position: relative;
        z-index: 5;
        margin: 3px;
        text-align: center;
        color: #7b5d21;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn.table2_btn {
        bottom: 10px;
    }
}

@media all and (max-width: 768px) {
    .roaming .pageTitle .pic {
        margin: 0;
        width: 180px;
    }

    .roaming .pageTitle .custom_container {
        width: 100%;
        padding-top: 0px;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .roaming .pageTitle .text_group {
        margin-top: 60px;
        max-width: 400px;
        width: auto;
    }

    .roaming .pageTitle .title {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .roaming .pageTitle .subTitle {
        margin-top: 0;
    }

    .roaming .RoamingContent {
        padding-bottom: 0px;
    }

    .roaming .RoamingContent .custom_container {
        padding: 0 25px;
    }

    .roaming .RoamingContent .Roaming_item {
        padding-bottom: 65px;
    }

    .roaming .RoamingContent .Roaming_title {
        text-align: left;
        padding-top: 60px;
        font-size: 28px;
    }

    .roaming .RoamingContent .Roaming_text {
        margin-top: 20px;
        font-size: 22px;
        line-height: 1.5;
    }

    .roaming .RoamingContent .Roaming_dataTable_wrap {
        overflow: auto;
        width: 100%;
        margin: 25px 0px;
    }

    .roaming .RoamingContent .Roaming_dataTable {
        margin: 0px;
        font-weight: 900;
        font-size: 18px;
    }

    .roaming .RoamingContent .Roaming_dataTable td,
    .roaming .RoamingContent .Roaming_dataTable th {
        padding: 10px;
        width: 800px;
        text-align: center;
        vertical-align: middle;
    }

    .roaming .RoamingContent .Roaming_dataTable.table1 td,
    .roaming .RoamingContent .Roaming_dataTable.table1 th,
    .roaming .RoamingContent .Roaming_dataTable.table2 td,
    .roaming .RoamingContent .Roaming_dataTable.table2 th,
    .roaming .RoamingContent .Roaming_dataTable.table3 td,
    .roaming .RoamingContent .Roaming_dataTable.table3 th {
        min-width: 220px;
    }

    .roaming .RoamingContent .Roaming_dataTable .bg_brown {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .roaming .RoamingContent .Roaming_dataTable .bg_brown tr,
    .roaming .RoamingContent .Roaming_dataTable .bg_brown td {
        background-color: #e0d2b9;
    }

    .roaming .RoamingContent .Roaming_dataTable .btn_description {
        position: relative;
    }

    .roaming .RoamingContent .Roaming_dataTable .table1-sameH {
        height: 160px;
    }

    .roaming .RoamingContent .Roaming_dataTable .table1-sameH p {
        margin-top: -10px;
    }

    .roaming .RoamingContent .Roaming_dataTable .table2-sameH {
        height: 130px;
    }

    .roaming .RoamingContent .Roaming_dataTable .table2-sameH p {
        margin-top: -10px;
    }

    .roaming .RoamingContent .Roaming_dataTable .table-textLeft {
        text-align: left;
        margin-left: 60px;
        padding: 10px;
    }

    .roaming .RoamingContent .Roaming_dataTable small {
        font-size: 12px;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn {
        position: absolute;
        display: block;
        z-index: 5;
        bottom: 15px;
        width: 160px;
        left: calc(50% - 80px);
        border-radius: 30px;
        border: 1px solid #7b5d21;
        cursor: pointer;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn-light {
        background-color: #ffffff;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn-light::before {
        content: '';
        position: absolute;
        left: 0px;
        top: -7px;
        width: 100%;
        height: 100%;
        border-radius: 30px;
        background-color: white;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn::before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        border-radius: 30px;
        background-color: rgba(223, 200, 160, 0.3);
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn::after {
        content: '';
        position: absolute;
        right: 2px;
        top: 0px;
        width: 10px;
        height: 100%;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 0 25px white;
        box-shadow: 0 0 25px white;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn p {
        position: relative;
        z-index: 5;
        margin: 3px;
        text-align: center;
        color: #7b5d21;
    }

    .roaming .RoamingContent .Roaming_dataTable .rightNowBtn.table2_btn {
        bottom: 10px;
    }
}

.roaming .Roaming_table1 .fixed_R_wrap .fixed_R_float_g {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 255px;
}

.roaming .Roaming_table1 .fixed_R_wrap .fixed_R_float_g .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 1722.5px;
}

.roaming .Roaming_table1 .fixed_R_wrap .fixed_R_float_g .content::after {
    content: '';
    clear: both;
    display: block;
}

.roaming .Roaming_table1 .fixed_R_wrap .fixed_R_static .sub_content {
    border-right: 0;
}

.roaming .Roaming_table1 .fixed_R_wrap .fixed_R_static .sub_content p a {
    color: #209cff;
}

.roaming .Roaming_table2 .fixed_R_wrap .fixed_R_float_g {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 255px;
}

.roaming .Roaming_table2 .fixed_R_wrap .fixed_R_float_g .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 1033.5px;
}

.roaming .Roaming_table2 .fixed_R_wrap .fixed_R_static .sub_content {
    border-right: 0;
}

.roaming .Roaming_table3 .fixed_R_wrap .fixed_R_float_g {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 235px;
}

.roaming .Roaming_table3 .fixed_R_wrap .fixed_R_float_g .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 1378px;
}

.roaming .Roaming_table3 .fixed_R_wrap .fixed_R_static .sub_content {
    border-right: 0;
}

.roaming .Roaming_table1,
.roaming .Roaming_table2,
.roaming .Roaming_table3 {
    margin-top: 40px;
    position: relative;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #795d20;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
}

.roaming .Roaming_table1::after,
.roaming .Roaming_table2::after,
.roaming .Roaming_table3::after {
    content: '';
    clear: both;
    display: block;
}

.roaming .Roaming_table1 .btn_group,
.roaming .Roaming_table2 .btn_group,
.roaming .Roaming_table3 .btn_group {
    position: absolute;
    z-index: 1;
    top: calc(50% - 25px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 60px);
    height: 50px;
}

.roaming .Roaming_table1 .btn_group .back,
.roaming .Roaming_table2 .btn_group .back,
.roaming .Roaming_table3 .btn_group .back {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: -50px;
    width: 40px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.roaming .Roaming_table1 .btn_group .next,
.roaming .Roaming_table2 .btn_group .next,
.roaming .Roaming_table3 .btn_group .next {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -50px;
    width: 40px;
}

.roaming .Roaming_table1 .fixed_L,
.roaming .Roaming_table2 .fixed_L,
.roaming .Roaming_table3 .fixed_L {
    float: left;
    width: 35%;
    margin-right: 1%;
}

.roaming .Roaming_table1 .fixed_R_wrap,
.roaming .Roaming_table2 .fixed_R_wrap,
.roaming .Roaming_table3 .fixed_R_wrap {
    float: left;
    position: relative;
    z-index: 5;
    width: 64%;
}

.roaming .Roaming_table1 .fixed_R_wrap .fixed_R_float_g .sub_content,
.roaming .Roaming_table2 .fixed_R_wrap .fixed_R_float_g .sub_content,
.roaming .Roaming_table3 .fixed_R_wrap .fixed_R_float_g .sub_content {
    width: 344.5px;
}

.roaming .Roaming_table1 .fixed_R_wrap .sub_content,
.roaming .Roaming_table2 .fixed_R_wrap .sub_content,
.roaming .Roaming_table3 .fixed_R_wrap .sub_content {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.roaming .Roaming_table1 .fixed_R_wrap .sub_content-scroll::before,
.roaming .Roaming_table2 .fixed_R_wrap .sub_content-scroll::before,
.roaming .Roaming_table3 .fixed_R_wrap .sub_content-scroll::before {
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0;
    content: '';
    display: block;
    width: 5px;
    height: 100%;
    background-color: #f8f5f0;
}

.roaming .Roaming_table1 .fixed_R_wrap .sub_content-scroll:first-child::before,
.roaming .Roaming_table2 .fixed_R_wrap .sub_content-scroll:first-child::before,
.roaming .Roaming_table3 .fixed_R_wrap .sub_content-scroll:first-child::before {
    width: 0px;
}

.roaming .Roaming_table1 .fixed_R_wrap .sub_content_1,
.roaming .Roaming_table2 .fixed_R_wrap .sub_content_1,
.roaming .Roaming_table3 .fixed_R_wrap .sub_content_1 {
    width: 100%;
}

.roaming .Roaming_table1 .fixed_R_wrap .sub_content_4_5,
.roaming .Roaming_table2 .fixed_R_wrap .sub_content_4_5,
.roaming .Roaming_table3 .fixed_R_wrap .sub_content_4_5 {
    width: 80%;
}

.roaming .Roaming_table1 .fixed_R_wrap .sub_content_1_5,
.roaming .Roaming_table2 .fixed_R_wrap .sub_content_1_5,
.roaming .Roaming_table3 .fixed_R_wrap .sub_content_1_5 {
    width: 20%;
}

.roaming .Roaming_table1 .fixed_R_wrap .sub_content_1_3,
.roaming .Roaming_table2 .fixed_R_wrap .sub_content_1_3,
.roaming .Roaming_table3 .fixed_R_wrap .sub_content_1_3 {
    width: 33.33%;
}

.roaming .Roaming_table1 .fixed_R_wrap .sub_content_1_4,
.roaming .Roaming_table2 .fixed_R_wrap .sub_content_1_4,
.roaming .Roaming_table3 .fixed_R_wrap .sub_content_1_4 {
    width: 25%;
}

.roaming .Roaming_table1 .fixed_R_wrap .flex_AISA,
.roaming .Roaming_table2 .fixed_R_wrap .flex_AISA,
.roaming .Roaming_table3 .fixed_R_wrap .flex_AISA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: space-around;
    -ms-flex-align: space-around;
    align-items: space-around;
    padding: 20px;
}

.roaming .Roaming_table1 .sub_content,
.roaming .Roaming_table1 .sub_title,
.roaming .Roaming_table2 .sub_content,
.roaming .Roaming_table2 .sub_title,
.roaming .Roaming_table3 .sub_content,
.roaming .Roaming_table3 .sub_title {
    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;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding: 20px 0;
    margin-bottom: 5px;
}

.roaming .Roaming_table1 .sub_content p,
.roaming .Roaming_table1 .sub_title p,
.roaming .Roaming_table2 .sub_content p,
.roaming .Roaming_table2 .sub_title p,
.roaming .Roaming_table3 .sub_content p,
.roaming .Roaming_table3 .sub_title p {
    width: 100%;
    color: #795d20;
    position: relative;
}

.roaming .Roaming_table1 .sub_content .icon,
.roaming .Roaming_table1 .sub_title .icon,
.roaming .Roaming_table2 .sub_content .icon,
.roaming .Roaming_table2 .sub_title .icon,
.roaming .Roaming_table3 .sub_content .icon,
.roaming .Roaming_table3 .sub_title .icon {
    position: absolute;
    font-size: 18px;
    left: -25px;
}

.roaming .Roaming_table1 .sub_content,
.roaming .Roaming_table2 .sub_content,
.roaming .Roaming_table3 .sub_content {
    background-color: #e0d2b9;
}

.roaming .Roaming_table1 .bg_brown,
.roaming .Roaming_table2 .bg_brown,
.roaming .Roaming_table3 .bg_brown {
    background-color: #e0d2b9;
}

.roaming .Roaming_table1 .bg_white,
.roaming .Roaming_table2 .bg_white,
.roaming .Roaming_table3 .bg_white {
    background-color: #fff;
}

.roaming .Roaming_table1 .smallFont,
.roaming .Roaming_table2 .smallFont,
.roaming .Roaming_table3 .smallFont {
    margin-top: 5px;
    display: block;
    font-size: 12px;
}

.roaming .Roaming_table1 .h160,
.roaming .Roaming_table2 .h160,
.roaming .Roaming_table3 .h160 {
    height: 160px;
}

.roaming .Roaming_table1 .h65,
.roaming .Roaming_table2 .h65,
.roaming .Roaming_table3 .h65 {
    height: 65px;
}

.roaming .Roaming_table1 .h50,
.roaming .Roaming_table2 .h50,
.roaming .Roaming_table3 .h50 {
    height: 50px;
}

.roaming .Roaming_table1 .h85,
.roaming .Roaming_table2 .h85,
.roaming .Roaming_table3 .h85 {
    height: 85px;
}

.roaming .Roaming_table1 .h140,
.roaming .Roaming_table2 .h140,
.roaming .Roaming_table3 .h140 {
    height: 200px;
}

.roaming .Roaming_table1 .h120,
.roaming .Roaming_table2 .h120,
.roaming .Roaming_table3 .h120 {
    height: 120px;
}

.roaming .Roaming_table1 .descritption,
.roaming .Roaming_table2 .descritption,
.roaming .Roaming_table3 .descritption {
    padding-left: 25px;
}

.roaming .Roaming_table1 .rightNowBtn,
.roaming .Roaming_table2 .rightNowBtn,
.roaming .Roaming_table3 .rightNowBtn {
    position: absolute;
    display: block;
    width: 160px;
    left: calc(50% - 80px);
    height: 30px;
    border-radius: 30px;
    border: 1px solid #7b5d21;
    cursor: pointer;
}

.roaming .Roaming_table1 .rightNowBtn-light,
.roaming .Roaming_table2 .rightNowBtn-light,
.roaming .Roaming_table3 .rightNowBtn-light {
    background-color: #ffffff;
}

.roaming .Roaming_table1 .rightNowBtn-light::before,
.roaming .Roaming_table2 .rightNowBtn-light::before,
.roaming .Roaming_table3 .rightNowBtn-light::before {
    content: '';
    position: absolute;
    left: 0px;
    top: -7px;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: white;
}

.roaming .Roaming_table1 .rightNowBtn::before,
.roaming .Roaming_table2 .rightNowBtn::before,
.roaming .Roaming_table3 .rightNowBtn::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: rgba(223, 200, 160, 0.3);
}

.roaming .Roaming_table1 .rightNowBtn::after,
.roaming .Roaming_table2 .rightNowBtn::after,
.roaming .Roaming_table3 .rightNowBtn::after {
    content: '';
    position: absolute;
    right: 2px;
    top: 0px;
    width: 10px;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 25px white;
    box-shadow: 0 0 25px white;
}

.roaming .Roaming_table1 .rightNowBtn p,
.roaming .Roaming_table2 .rightNowBtn p,
.roaming .Roaming_table3 .rightNowBtn p {
    position: relative;
    z-index: 5;
    margin: 3px;
    text-align: center;
    color: #7b5d21;
}

.roaming .Roaming_table1 .rightNowBtn.table2_btn,
.roaming .Roaming_table2 .rightNowBtn.table2_btn,
.roaming .Roaming_table3 .rightNowBtn.table2_btn {
    bottom: 10px;
}

.roaming .Roaming_table1 .textL,
.roaming .Roaming_table2 .textL,
.roaming .Roaming_table3 .textL {
    text-align: left;
}

.birthday .pageTitle .custom_container {
    width: 1000px;
    padding-top: 80px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.birthday .pageTitle .title {
    margin-top: 5px;
    margin-bottom: 20px;
    line-height: 1;
}

.birthday .pageTitle .subTitle {
    margin-top: 0;
    font-size: 30px;
    line-height: 1.6;
}

.birthday .spotContent .custom_container {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.birthday .spotContent .title_group {
    padding: 0px 0 100px 0;
}

.birthday .spotContent .title_group .title {
    display: none;
}

.birthday .spotContent .content {
    padding: 0px 35px 110px 35px;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.birthday .spotContent .content .foreword,
.birthday .spotContent .content .descriptioon_text,
.birthday .spotContent .content .descriptioon_title {
    text-align: left;
    line-height: 1.5;
}

.birthday .spotContent .content .descriptioon_title {
    /*margin: 20px 35px 0 35px;*/
    padding-bottom: 70px;
    letter-spacing: 7px;
    font-size: 32px;
}

.birthday .spotContent .content .descriptioon_text {
    margin: 40px 35px;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}

.birthday .spotContent .content .birthday_group {
    position: relative;
    padding: 0 25px;
}

.birthday .spotContent .content .birthday_group::after {
    content: '';
    clear: both;
    display: block;
}

.birthday .spotContent .content .birthday_group .birthday_item {
    /*margin-top: 60px;*/
    /*width: 48%;*/
    width: 96%;
    /*max-width: 495px;*/
    max-width: 990px;
    display: block;
    margin: 60px auto 0;
    border-radius: 30px;
    border: 1px solid #7b5d21;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}

.birthday .spotContent .content .birthday_group .birthday_item1 {
    padding: 1.5rem;
    position: relative;
    /*float: left;*/
}

.birthday .spotContent .content .birthday_group .birthday_item1 .step {
    position: absolute;
    top: -1rem;
    left: -2rem;
}

.birthday .spotContent .content .birthday_group .birthday_item1 p {
    color: #795d20;
}

.birthday .spotContent .content .birthday_group .birthday_item1 ul {
    width: 70%;
    margin: 1rem auto;
    display: flex;
    justify-content: space-around;
    align-items: center;

}

.birthday .spotContent .content .birthday_group .birthday_item1 ul li .moreBtn {
    margin-top: 2rem;
}

.birthday .spotContent .content .birthday_group .birthday_item1 ul li:nth-of-type(2) {
    padding: 1rem 0 0 0;
}

.birthday .spotContent .content .birthday_group .birthday_item1 ul li a img {
    width: 90%;
    margin: 1rem auto 0;
}

.birthday .spotContent .content .birthday_group .birthday_item1 ul li p:before {
    /*content:"\A";
          white-space: pre;*/
}

.birthday .spotContent .content .birthday_group .birthday_item1 ul li p {
    line-height: 1.2rem;
    font-size: 0.95rem;
}

.birthday .spotContent .content .birthday_group .birthday_item1 ul li p a {
    text-decoration: underline;
    color: #207cc4;
}

.birthday .spotContent .content .birthday_group .text {
    /*position: absolute;
      top: 20%;
      left: 44%; */
    position: relative;
    z-index: 50;
    display: block;
    width: 10%;
    margin: 0 auto;
}

.birthday .spotContent .content .birthday_group .birthday_item2 {
    /*float: right;*/
    padding: 1.5rem;
    position: relative;
    margin-top: -1rem;
}

.birthday .spotContent .content .birthday_group .birthday_item2 .step {
    position: absolute;
    top: -1rem;
    left: -2rem;
}

.birthday .spotContent .content .birthday_group .birthday_item2 p {
    color: #795d20;
}

.birthday .spotContent .content .birthday_group .birthday_item2 ul {
    width: 90%;
    margin: 1rem auto;
    display: flex;
    justify-content: space-around;
    align-items: center;

}

.birthday .spotContent .content .birthday_group .birthday_item2 ul li {
    width: 30%;
}

.birthday .spotContent .content .birthday_group .birthday_item2 ul li img {
    width: 80%;
    margin: 0 auto;
}

.birthday .spotContent .content .birthday_group .birthday_item2 ul li p {
    line-height: 1.2rem;
    font-size: 0.95rem;
    color: #000;
}

.birthday .spotContent .content .birthday_group .birthday_item2 ul li span {
    border-bottom: 1px solid #000;
    width: 4rem;
    margin: 0 auto 1rem;
    min-height: 1rem;
    display: block;
}

.birthday .spotContent .content .birthday_group .birthday_item2 ul li p a {
    text-decoration: underline;
    color: #207cc4;
}

/*
  .birthday .spotContent .content .birthday_img {
    padding-top: 30px;
    height: 230px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }
    .birthday .spotContent .content .birthday_img img {
      display: inline; }
      */
.birthday .spotContent .content .birthday_text {
    height: 80px;
}

.birthday .spotContent .content .birthday_title {
    margin-top: -30px;
    width: 100%;
    font-size: 34px;
    font-weight: 900;
}

.birthday .spotContent .content .birthday_description {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 500;
}

.birthday .spotContent .content .moreBtn {
    margin: 100px auto 0 auto;
    font-size: 26px;
}

.birthday .Remind .remind_content {
    display: none;
}

.birthday .Remind .custom_container .remind_content ul li a {
    color: #207cc4;
    text-decoration: underline;
}

.remind_content ul li a {
    color: #207cc4;
    text-decoration: underline;
}

@media all and (max-width: 1100px) {
    .birthday .spotContent .content .birthday_group {
        padding: 0;
    }

    .birthday .spotContent .content .birthday_group .birthday_item {
        width: 45%;
    }

    .birthday .spotContent .content .birthday_title {
        width: 100%;
        font-size: 28px;
    }

    .birthday .spotContent .content .text {
        font-size: 28px;
    }
}

@media all and (max-width: 768px) {
    .birthday .pageTitle .custom_container {
        max-width: 640px;
        width: 100%;
        padding-top: 0px;
    }

    .birthday .pageTitle .pic {
        width: 180px;
        margin: 0;
    }

    .birthday .pageTitle .title {
        margin: 0px;
        margin-top: 5px 0 20px 0;
        line-height: 1;
    }

    .birthday .pageTitle .subTitle {
        line-height: 1.6;
        margin-top: 20px;
        font-size: 22px;
    }

    .birthday .pageTitle .subTitle br {
        display: none;
    }

    .birthday .pageTitle .text_group {
        width: 390px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 0 0 20px;
    }

    .birthday .spotContent .custom_container {
        padding: 0px;
    }

    .birthday .spotContent .title_group {
        padding: 0px;
    }

    .birthday .spotContent .title_group .title {
        display: none;
    }

    .birthday .spotContent .content {
        padding: 0px;
        font-size: 28px;
    }

    .birthday .spotContent .content .foreword,
    .birthday .spotContent .content .descriptioon_text,
    .birthday .spotContent .content .descriptioon_title {
        text-align: left;
        line-height: 1.5;
        font-size: 28px;
    }

    .birthday .spotContent .content .descriptioon_title {
        /*margin: 40px 35px;*/
        padding: 40px;
        letter-spacing: 0px;
    }

    .birthday .spotContent .content .descriptioon_text {
        margin: 40px 35px;
        text-align: center;
    }

    .birthday .spotContent .content .birthday_group {
        padding: 25px;
    }

    .birthday .spotContent .content .birthday_group .birthday_item {
        width: 80%;
        /*max-width: 500px;*/
        margin: 0px auto;
        /*height: 300px; */
    }

    .birthday .spotContent .content .birthday_group .birthday_item1 ul {
        width: 95%;
    }

    .birthday .spotContent .content .birthday_group .birthday_item2 ul {
        width: 95%;
    }

    .birthday .spotContent .content .birthday_group .birthday_item2 ul li {
        width: 45%;
        font-size: 85%;
    }

    .birthday .spotContent .content .birthday_group .birthday_item2 ul li b:before {
        white-space: pre;
        content: "\A";
    }

    .birthday .spotContent .content .birthday_group .birthday_item .step img {
        width: 65%;
    }

    .birthday .spotContent .content .birthday_group .birthday_item1,
    .birthday .spotContent .content .birthday_group .birthday_item2 {
        float: none;
    }

    .birthday .spotContent .content .birthday_group .text {
        /*position: relative;
        bottom: unset;
        left: unset;
        width: 100%;
        text-align: center;
        margin: 30px 0px; */
        position: relative;
        z-index: 50;
        display: block;
        width: 10%;
        margin: 0 auto;
    }

    .birthday .spotContent .content .birthday_text {
        width: 100%;
    }

    .birthday .spotContent .content .birthday_img {
        padding-top: 20px;
        /*height: 230px;*/
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .birthday .spotContent .content .birthday_img img {
        width: 80%;
        margin: 0 auto;
    }

    .birthday .spotContent .content .birthday_title {
        margin-top: -30px;
        font-size: 28px;
    }

    .birthday .spotContent .content .birthday_description {
        margin: 10px 0;
        font-size: 26px;
    }

    .birthday .spotContent .content .moreBtn {
        margin: 40px auto;
        font-size: 20px;
    }

    .birthday .spotContent .content .birthday_group .birthday_item1 ul li .moreBtn {
        margin: 20px auto 10px;
    }

}

.limitedOffer .pageTitle .custom_container {
    width: 650px;
    padding-top: 80px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.limitedOffer .pageTitle .title {
    margin-top: 50px;
    margin-bottom: 20px;
    line-height: 1;
}

.limitedOffer .pageTitle .subTitle {
    margin-top: 0;
    line-height: 1.6;
}

.limitedOffer .spotContent .custom_container {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.limitedOffer .spotContent .title_group .title {
    display: none;
}

.limitedOffer .spotContent .content {
    padding: 70px 45px;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.limitedOffer .spotContent .content .foreword {
    text-align: left;
    line-height: 1.5;
    padding: 0px 45px 60px 45px;
    font-size: 32px;
}

.limitedOffer .spotContent .content .good_group {
    padding: 0 25px;
}

.limitedOffer .spotContent .content .good_group::after {
    content: '';
    clear: both;
    display: block;
}

.limitedOffer .spotContent .content .good_item {
    float: left;
    position: relative;
    margin: 20px 40px 0 40px;
    margin-top: 60px;
    height: 310px;
    max-width: 495px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    border: 1px solid #7b5d21;
    background-color: #fff;
}

.limitedOffer .spotContent .content .good_item:hover .good_img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.limitedOffer .spotContent .content .good_text {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
}

.limitedOffer .spotContent .content .good_text p {
    color: #000;
    padding: 20px 0;
    font-size: 36px;
}

.limitedOffer .spotContent .content .moreBtn {
    margin: 50px auto 0 auto;
}

.limitedOffer .spotContent .content .note {
    margin-top: 60px;
    font-size: 30px;
    font-weight: 500;
    text-align: left;
}

.limitedOffer .Remind .remind_content {
    display: none;
}

@media all and (max-width: 1100px) {
    .limitedOffer .pageTitle .custom_container {
        width: 550px;
        padding-top: 60px;
    }

    .limitedOffer .pageTitle .title {
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .limitedOffer .spotContent .content .good_item {
        margin: 20px 4% 0 4%;
        max-width: 42%;
        width: 42%;
        height: 250px;
    }

    .limitedOffer .spotContent .content .good_item:nth-child(4) .good_img {
        position: relative;
        top: -15px;
    }

    .limitedOffer .spotContent .content .good_text p {
        padding: 15px 0;
        font-size: 22px;
    }
}

@media all and (max-width: 768px) {
    .limitedOffer .pageTitle .custom_container {
        width: 500px;
        padding-top: 0px;
    }

    .limitedOffer .pageTitle .title {
        margin: 80px 0 0 0;
    }

    .limitedOffer .pageTitle .subTitle {
        margin-top: 0px;
    }

    .limitedOffer .spotContent .custom_container {
        padding: 0 25px;
    }

    .limitedOffer .spotContent .content {
        padding: 60px 0px;
        font-size: 22px;
    }

    .limitedOffer .spotContent .content .foreword {
        padding: 0px 40px 40px 40px;
        font-size: 22px;
    }

    .limitedOffer .spotContent .content .good_group {
        margin-top: 20px;
        padding: 0px;
    }

    .limitedOffer .spotContent .content .good_item {
        float: left;
        width: 48%;
        max-width: 48%;
        margin: 20px 1% 0 1%;
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 15px;
    }

    .limitedOffer .spotContent .content .good_item:nth-child(4) .good_img {
        position: relative;
        top: 0px;
    }

    .limitedOffer .spotContent .content .good_text p {
        padding: 5px 0;
        font-size: 28px;
    }

    .limitedOffer .spotContent .content .moreBtn {
        font-size: 28px;
        margin: 50px auto 0 auto;
    }

    .limitedOffer .spotContent .content .note {
        margin-top: 40px;
        font-size: 22px;
        line-height: 1.5;
    }
}

.goodActivity .pageTitle .custom_container {
    width: 850px;
    padding-top: 50px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.goodActivity .pageTitle .title {
    margin-top: 50px;
    margin-bottom: 20px;
    line-height: 1;
}

.goodActivity .pageTitle .subTitle {
    margin-top: 0;
    line-height: 1.6;
}

.goodActivity .spotContent .custom_container {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.goodActivity .spotContent .title_group .title {
    display: none;
}

.goodActivity .spotContent .content {
    padding: 70px 45px;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.goodActivity .spotContent .content .foreword,
.goodActivity .spotContent .content .descriptioon_text,
.goodActivity .spotContent .content .descriptioon_title {
    text-align: left;
    line-height: 1.5;
}

.goodActivity .spotContent .content .foreword {
    padding: 0px 45px 60px 45px;
    font-size: 32px;
}

.goodActivity .spotContent .content .good_group {
    padding: 0 25px;
}

.goodActivity .spotContent .content .good_group::after {
    content: '';
    clear: both;
    display: block;
}

.goodActivity .spotContent .content .good_group .good_item {
    float: left;
    margin: 60px 40px 0 40px;
    padding: 40px 0;
    height: 310px;
    width: 495px;
    border-radius: 30px;
    border: 1px solid #7b5d21;
    background-color: #fff;
    text-align: center;
}

.goodActivity .spotContent .content .good_group .good_item img {
    display: inline-block;
}

.goodActivity .spotContent .content .good_group .good_item1,
.goodActivity .spotContent .content .good_group .good_item3 {
    padding-top: 80px;
}

.goodActivity .spotContent .content .moreBtn {
    margin: 50px auto 0 auto;
}

@media all and (max-width: 1100px) {
    .goodActivity .pageTitle .custom_container {
        width: 650px;
    }

    .goodActivity .spotContent .content .good_group .good_item {
        margin: 30px 1%;
        width: 48%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media all and (max-width: 768px) {
    .goodActivity .pageTitle .custom_container {
        width: 640px;
        padding-top: 0px;
    }

    .goodActivity .spotContent .custom_container {
        padding: 0 25px;
    }

    .goodActivity .spotContent .content {
        padding: 40px 0px;
        font-size: 22px;
    }

    .goodActivity .spotContent .content .foreword,
    .goodActivity .spotContent .content .descriptioon_text,
    .goodActivity .spotContent .content .descriptioon_title {
        text-align: left;
        line-height: 1.5;
    }

    .goodActivity .spotContent .content .foreword {
        padding: 0px 40px 60px 40px;
        font-size: 22px;
    }

    .goodActivity .spotContent .content .good_group {
        margin-top: 40px;
        padding: 0;
    }

    .goodActivity .spotContent .content .good_group .good_item {
        margin-top: 20px;
        padding: 50px 20px;
        width: 48%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .goodActivity .spotContent .content .good_group .good_item1,
    .goodActivity .spotContent .content .good_group .good_item3,
    .goodActivity .spotContent .content .good_group .good_item4 {
        padding-top: 100px;
    }

    .goodActivity .spotContent .content .moreBtn {
        font-size: 28px;
        margin: 50px auto 30px auto;
    }
}

.volte .spotContent .custom_container {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.volte .spotContent .title_group {
    position: relative;
    text-align: center;
    padding: 80px 0 70px 0;
}

.volte .spotContent .title_group-btmLine::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.volte .spotContent .content {
    padding: 90px 30px 80px 30px;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}

.volte .spotContent .content .foreword,
.volte .spotContent .content .descriptioon_text,
.volte .spotContent .content .descriptioon_title {
    text-align: left;
    line-height: 1.5;
}

.volte .spotContent .content .foreword {
    margin-bottom: 50px;
}

.volte .spotContent .content .descriptioon_title {
    margin-left: 10px;
    margin-top: 20px;
    color: #b68a2c;
}

.volte .spotContent .content .descriptioon_text {
    margin-top: 5px;
    margin-left: 36px;
}

.volte .spotContent .content .descriptioon_text .spot {
    color: #b68a2c;
}

.volte .spotContent .content .moreBtn {
    margin: 100px auto 0 auto;
}

.volte .pageTitle {
    padding: 0;
}

.volte .pageTitle .pageTitleKv {
    width: 100%;
    margin: 0 auto;
}

.volte .Remind .remind_content {
    display: none;
}

@media all and (max-width: 768px) {
    .volte .spotContent .custom_container {
        padding: 0 25px;
    }

    .volte .spotContent .title_group {
        padding: 40px 0;
    }

    .volte .spotContent .content {
        padding: 40px 0px 60px 0px;
        font-size: 22px;
    }

    .volte .spotContent .content .foreword,
    .volte .spotContent .content .descriptioon_text,
    .volte .spotContent .content .descriptioon_title {
        text-align: left;
        line-height: 1.5;
    }

    .volte .spotContent .content .foreword {
        margin-bottom: 40px;
    }

    .volte .spotContent .content .descriptioon_title {
        margin: 20px 0px 0 0;
    }

    .volte .spotContent .content .descriptioon_text {
        margin-top: 5px;
        margin-left: 20px;
    }

    .volte .spotContent .content .descriptioon_text .phonenumber {
        display: inline;
        color: #b68a2c;
    }

    .volte .spotContent .content .moreBtn {
        font-size: 28px;
        margin: 40px auto 0 auto;
    }
}

.margin-auto {
    margin: auto;
}

.service_item2 {
    margin-bottom: 30px;
}

.service_item2 .service_item_text {
    font-size: 27px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    line-height: 42px;
}

.service_item2 .service_item_text span {
    color: #8A7C6F;
}

.service_item_btn {
    margin: auto;
    text-align: center;
    padding: 15px;
    background: linear-gradient(45deg, #B49D7E, #847058);
    border-radius: 60px;
    max-width: 220px;
    box-shadow: 0px 3px 10px #00000078;
}

.service_item_btn a {
    color: #ffffff;
}

.service_item_btn:hover {
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -webkit-filter: contrast(2);
}

.service_group .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media(max-width: 768px) {
    .col-6 {
        width: 50%;
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(0, 0, 0, 0.5));
}

.service-item-popup2 {
    min-width: 63vw;
    background: #F9F6F1;
    border-radius: 10px;
    padding-bottom: 10vmin;
}

.service-item-popup-pic img {
    max-height: 150px;
}

.gold-bar {
    height: 5px;
    background: linear-gradient(45deg, #BAA276, #E5D4B8);
    margin-top: 20px;

}

.text-darkyellow {
    color: #775F21;
}

.txt-24 {
    font-size: 24px
}

.popup-body p {
    line-height: 36px;
    font-weight: bold;
}

.popup-body p span {
    color: #775F21;
}

.popup-body ul li {
    line-height: 36px;
    font-weight: bold;
    padding-left: 25px;
    position: relative;
}

.popup-body ul li span {
    color: #775F21;
}

.popup-body ul li span a{
    color: #775F21;
}

.service-item-popup2 ul li:before {
    content: "♦";
    position: absolute;
    left: 2px;
    top: -2px;
}

/*.service-item-popup2 ul li:nth-child(1):before {
    content: "♦";
    position: absolute;
    left: -10px;
    top: -2px;
    display: none;
}*/

.w-100 {
    width: 100%;
}

.d-flex {
    display: flex;
}

.t-underline {
    text-decoration: underline;
}

.popup-body p span a {
    color: #775F21;
    text-decoration: underline;
}

.popup-body p span a:hover {
    color: #000000;
}

.vip_main .vipService_wrap {
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .vip_main .vipService .vipService_item .vipService_text {
        width: 100%;
    }
}

.vip_main .maybeYouNoVIP.howToBeVIP {
    margin-top: 0px;
    padding: 90px 0 80px 0;
    background-color: #e8e8e8;
    text-align: center;
}

.vip_main .howToBeVIP.maybeYouNoVIP .howToBeVIP_description {
    margin: 0px 0 45px 0;
    font-size: 30px;
    line-height: 1.6;
}

@media (max-width: 1100px) {
    .vip_main .howToBeVIP.maybeYouNoVIP .howToBeVIP_description {
        margin: 0px 0 40px 0;
        font-size: 24px;
        line-height: 1.5;
    }
}

@media (max-width: 768px) {
    .vip_main .howToBeVIP.maybeYouNoVIP .howToBeVIP_description {
        margin: 0px 0 40px 0;
        font-size: 22px;
    }
}

.service_item_pic2 {
    max-width: 200px;
    margin: auto;
}

/* 20230427 */  

.modal-custom {
    width: 100%;
    margin: 48px auto;
}

.service-item-popup2{
    padding: 36px;
    min-width: inherit;
}

.service-item-popup2 .container{
    width: 100%;
}

.close{
    position: absolute;
    top:-30px;
    right: 10px;
    color: #fff;
    opacity: 0.75;
}

.close:focus, .close:hover{
    color: #fff;
}

@media (min-width: 1024px){
    .modal-custom {
        width: 1200px;
        margin: 100px auto;
    }
}
.continueAgree .spotContent .content .newtb table tbody{
    padding: 0;
}
.continueAgree .spotContent .content .newtb table{
    margin-left: 0px;
}
.continueAgree .spotContent .content .tableWrap.newtb table td{
    font-size: 18px;
    vertical-align: middle;
    border-bottom: 3px solid #f8f5f0;

}
.ul_style{
    list-style: disc;
    padding-left: 30px;
}
header nav .logo-section a.logo {

    background: url(../img/logo.svg) left center no-repeat;
 width: 153px;height: 50px;
 background-size: cover;
}


section#header header {
    min-width:auto;
}
.footer-right-copyright {
    span{
        font-size: 100%;
    }
}
@media screen and (min-width: 3px) {
    section#header {
        left: 0;
        width: 100%;
    }
}
.footer-container ul {
    padding-left: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.header-spacer {
    height: 120px;
}

@media screen and (max-width: 767px) {
    section#header header.scrolling-down {
        margin-top: 0;
    }
 
    header nav .extra-section .search .search-go {
        
        right: 0;
        top: 0;
        bottom: 0;
        
    }
    .footer-container .footer{
        width: auto;
    }
    header nav.show-mobile-search .neko-spacer.desktop-only {
        width: 0px;
    }
        header nav .logo-section{
            padding-left: 0;
        }
        section#header header{
            padding-right: 1rem;
        }
        header nav .logo-section a.logo{
            width: 110px;
            height: 36px;
        }
    
    .input_btn{
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 40px;
        height: 40px;
        z-index: 999;
    }
        
    header nav .extra-section .search .search-field.active{
        .input_btn{display: none;}
    }
}
.footer-left-Logo  img{
 
        height: 30px;
        display: inline;
    
    
}
@media (max-width: 664px) {
    .footer-left-Logo  img{
 
        height: auto;
    
    }
  
}
header nav .extra-section .location {
 
    margin: 0 9.5px;
   
}
@media (max-width: 664px) {

    header nav .extra-section .location {
 
        margin: 0 .7rem;
       
    }
}
.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
@media (min-width: 768px){
    .menu_group.menu_group-active .menu_item {
   
        padding: 49px 0;
    }
}

.continueAgree .spotContent .content table.new_width_2 {
   display: table;
}
.continueAgree .spotContent .content table.new_width_2 td{
    width: 50%;
 
}
.continueAgree .spotContent .content .tableWrap.newtb table.new_width_2 td{
    font-size: 22px;
}
.Roaming_item_ul{
    list-style: disc;
    padding-left: 28px;
    margin: 25px 0;
}
.Roaming_item_ul li{
    margin-bottom: 25px;
}
.Roaming_item_ul a{
   font-size: 100%;    color: #209cff;
   word-break: break-all;
}