.abs,
.justify span,
body,
mark.mark-share {
    position: relative
}

.recommend li:before,
.recommend_text li:before {
    content: "•";
    margin-left: -1px;
    display: list-item
}

.newsletter .title,
body.newsletter .title {
    text-shadow: 1px 0 #ff9442
}

.clear:after {
    content: "";
    display: table;
    clear: both
}

.left,
.line_add_friend,
.member .member-control .check-box+label,
.member .member-control .radio-box+label,
.menu-pc .hot_topic {
    float: left
}

.display_none,
.pc-hidden,
.rsstitle,
.symbol-minus::after {
    display: none
}

.footer .footer-top .footer_middle ul,
.footer .footer-top .right ul,
.footer .footer-top .right-social ul,
.header .header-bottom .top-menu,
.header .header-top .right a,
.menu-pc .parner,
.right {
    float: right
}

.center {
    margin-left: auto;
    margin-right: auto
}

.mb-15,
.mb15,
.member .member-control .member-join .fb_login_button,
.sidebar_inner .freevideo {
    margin-bottom: 15px
}

#special .pager .pagination li span,
.fwbold,
.pager .pagination li a,
.txt_a {
    font-weight: 700
}

.fstyle_oblique {
    font-style: oblique
}

.fs10pt,
.fs10pt a {
    font-size: 10pt !important
}

.green {
    color: green
}

.linefriends .c_red,
.red {
    color: red
}

.article-detail .article span.sname,
.orange {
    color: #f60
}

.abs {
    padding: 16px 20px;
    background: #fcfef0;
    border-radius: 13px;
    font-size: 18px !important;
    line-height: 1.75em !important
}

.abs:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../image/articlepre1.png);
    bottom: 7px;
    right: 7px;
    position: absolute;
    display: inline-block
}

.picgreen_bg {
    background: #78be23
}

.picgreen_border,
.popup-login-close .fa-times-circle {
    color: #78be23
}

.picorange_bg {
    background: #ffb964
}

.picorange_border {
    color: #ffb964
}

.picred_bg {
    background: #ff7f7e
}

.picred_border {
    color: #ff7f7e
}

.picblue_bg {
    background: #277cd7
}

.picblue_border {
    color: #277cd7
}

.picpurple_bg {
    background: #987fff
}

.picpurple_border {
    color: #987fff
}

.piccoffee_bg {
    background: #d3a979
}

.link,
.symbol-close,
.symbol-minus,
.symbol-plus,
a {
    padding: 0;
    background-color: transparent;
    cursor: pointer
}

.piccoffee_border {
    color: #d3a979
}

.fontsize13 {
    font-size: 1.3em !important
}

.fontsize15 {
    font-size: 1.5em !important
}

.justify {
    display: block;
    width: 100%;
    text-align: justify
}

.sidebar-container .ad-list,
.tag-list {
    margin: 15px 0
}

.taglist {
    display: block;
    overflow: hidden
}

.tag-list .taglist .tag_a {
    font-size: 16px;
    border-radius: 17px;
    display: inline-block;
    padding: 10px;
    margin: 0 5px 5px 0;
    background-color: #ebebeb
}

.tag-list .taglist .tag_a:hover {
    color: #fff;
    background-color: #78be23
}

.tag-list .tag {
    font-size: 20px;
    font-weight: 700;
    float: left;
    padding: 5px 0;
    margin-right: 10px
}

.textcenter {
    text-align: center !important
}

.justify span {
    top: 12px
}

.justify::before {
    content: "";
    display: block;
    width: 100%;
    margin-bottom: -12px
}

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

.symbol-close,
.symbol-minus,
.symbol-plus {
    position: relative;
    border: none
}

.symbol-close::after,
.symbol-close::before,
.symbol-minus::after,
.symbol-minus::before,
.symbol-plus::after,
.symbol-plus::before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #3e3a39;
    position: absolute;
    top: 50%;
    left: 0
}

.symbol-close::before {
    transform: rotate(45deg)
}

.symbol-close::after {
    transform: rotate(-45deg)
}

.symbol-minus::before,
.symbol-plus::before {
    transform: rotate(0)
}

.symbol-plus::after {
    transform: rotate(90deg)
}

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

.ab-banner .ad-banner-mobile-250 div.CAN_ad table,
.ad-banner .text-center div.CAN_ad table,
body {
    margin: 0 auto
}

.link,
a,
a img {
    border: none
}

html {
    line-height: 1;
    height: 100%
}

menu,
ol,
ul {
    list-style: none
}

article ol {
    list-style: decimal;
    padding-left: 28px
}

.line_share {
    display: inline-block;
    margin-left: 3px
}

#container .mobile-hidden,
.btn,
.link,
.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab.more-sub .link-list .hidden-link,
.menu-pc .menu-navigation .menu-navigation-info li.open-sub .sub-menu,
.menu-pc .search-member .activity-wall:hover .activity-wall-img,
.vote-tag.show,
a,
article,
aside,
button,
details,
figcaption,
figure,
footer,
header,
hgroup,
iframe.resizeIframe,
main,
menu,
nav,
section,
summary {
    display: block
}

.magazine-list .mag_content .mag_description ul,
article ul.show_item {
    list-style: disc
}

article ul.show_item li {
    color: #000 !important;
    white-space: normal;
    word-break: break-all
}

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

caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

body {
    overflow-x: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#cboxLoadingGraphic,
.broad_content,
.col-md-10,
.input,
.share-text-popup,
input {
    box-sizing: border-box
}

.link,
a {
    color: #3e3a39;
    text-decoration: none;
    font-size: 13px;
    font-family: inherit;
    line-height: 13px
}

.link:hover,
.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .link-list>li .sub-menu-link:hover,
a:hover {
    color: #727171
}

img {
    object-fit: cover
}

mark.mark-share {
    background: linear-gradient(transparent 60%, #fde3af 0);
    border: none;
    cursor: pointer;
    font-weight: 900
}

.header .header-top .logo-health,
.header .header-top .logo-yahoo,
.img-scale img {
    background-repeat: no-repeat;
    background-position: center center
}

.share-text-popup {
    background-image: url(../image/mark_text_tooltip.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 185px;
    height: 61px;
    padding: .5rem 1rem;
    position: absolute;
    right: -46px;
    z-index: 1
}

.share-text-popup i {
    font-size: 16px !important
}

.share-text-popup a {
    line-height: 0 !important;
    margin-right: 2px;
    height: 28px;
    width: auto !important;
    border-bottom: 0 !important
}

.share-text-popup .text-popup {
    color: #fff;
    font-weight: 700;
    display: flex;
    font-size: 1rem !important;
    justify-content: center;
    align-items: center;
    height: 100%;
    letter-spacing: 2px !important;
    width: 100%;
    padding-top: 3px;
    margin-block-start: unset !important
}

.share-text-popup img {
    width: 28px
}

.lobibox {
    z-index: 4002;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .5) !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .5) !important
}

.lobibox.lobibox-confirm .lobibox-header {
    background-color: transparent !important
}

.lobibox.lobibox-confirm .lobibox-footer {
    background-color: #fff !important;
    padding-bottom: 36px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin: -1px 0
}

.lobibox .lobibox-body {
    display: block !important;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.lobibox-backdrop {
    z-index: 4001
}

.btn,
button {
    text-align: center;
    cursor: pointer
}

.lobibtn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 0 transparent;
    padding: 4px 10px;
    border-radius: 10px;
    width: 30%;
    font-size: 22px;
    font-weight: 700;
    outline: 0 !important
}

.btn-lobiblack {
    background: #636363;
    color: #fff
}

.lobibox .lobibox-body .lobibox-body-text-wrapper {
    display: inline-block !important;
    text-align: center;
    line-height: 28px;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    padding-left: 0 !important;
    padding: 17px 0
}

.lobibox .lobibox-header .btn-close {
    font-weight: 700;
    font-size: 30px
}

.lobibox .lobibox-footer>* {
    margin: 0 5px !important
}

.btn-green {
    background: #78be23;
    color: #fff
}

.col-md-2 {
    width: 20%;
    float: left
}

.col-md-10 {
    width: 80%;
    float: left;
    padding-left: 5px
}

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

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

.input,
input {
    width: 100%;
    padding: 6px;
    border: none;
    background-color: #fff;
    line-height: 23px;
    font-size: 12px;
    color: #727171;
    font-family: Roboto, sans-serif;
    letter-spacing: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 1px 0 #fff;
    -webkit-box-shadow: 0 0 1px 0 #fff;
    box-shadow: 0 0 1px 0 #fff;
    -moz-transition: box-shadow .4s;
    -o-transition: box-shadow .4s;
    -webkit-transition: box-shadow .4s;
    transition: box-shadow .4s
}

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

.input[type=checkbox],
input[type=checkbox] {
    width: auto;
    box-shadow: none
}

.input:focus,
input:focus {
    outline: 0;
    -moz-box-shadow: 0 0 1px 0 gray;
    -webkit-box-shadow: 0 0 1px 0 gray;
    box-shadow: 0 0 1px 0 gray
}

.wp320 {
    text-align: center !important;
    margin: 5px 0 30px
}

.wp320_retargeting_mobile {
    display: inline-block;
    text-align: center !important;
    margin: 10px 0;
    width: 100%
}

.img-scale img {
    position: relative;
    background-size: cover;
    max-width: 100%;
    height: auto
}

.member_note #cboxContent {
    background-color: #fff;
    margin-top: 10px;
    border-radius: 25px;
    overflow: hidden
}

#cboxWrapper .member_note {
    background-color: #fff0b6;
    border-radius: 25px
}

#cboxOverlay {
    background: #000;
    opacity: .4 !important;
    cursor: pointer;
    visibility: visible
}

.member_note #cboxClose {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    background: url("../image/close-button.png") top center/contain no-repeat;
    width: 30px;
    height: 30px;
    text-indent: -9999px
}

.broad_content {
    padding: 10px;
    background: #fff;
    width: 95%;
    margin: 10px auto;
    border-radius: 15px;
    overflow-y: scroll
}

.hidebox,
.url_share_article a {
    height: 100%
}

.broad_content::-webkit-scrollbar {
    width: 5px
}

.broad_content::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 30px 0 5px
}

.broad_content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #aebc17
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

@media (max-width:1024px) {
    #cboxContent {
        margin-top: 0
    }
}

.sup {
    top: -.5em
}

.sub {
    bottom: -.25em
}

.keep_reading {
    text-align: center;
    font-size: 18px;
    color: #58b4ae;
    margin-bottom: 30px
}

.keep_reading hr {
    width: 40px;
    display: none
}

.keep_reading .fa-angle-double-down {
    margin: 0 15px;
    padding: 10px 0;
    font-size: 16px
}

.member_note #cboxLoadedContent {
    border: 5px solid #dad834;
    background: 0 0;
    overflow: hidden !important;
    border-radius: 25px
}

.idle_popup #cboxLoadedContent {
    border: 5px solid #fff;
    border-radius: 10px
}

.member_popup #cboxLoadedContent {
    border: 5px solid #fff
}

.member_popup .member_popup_title {
    text-align: center;
    font-size: 28px;
    color: #000;
    padding: 0 0 30px;
    font-weight: bolder
}

#ifcontent .epaper-popup-login-close .fa-times-circle {
    color: #ffa26c;
    font-weight: 700;
    font-size: 30px;
    margin: 5px 5px 0 0
}

#cboxWrapper {
    border-radius: 10px
}

#cboxLoadingGraphic {
    position: inherit;
    background: 0 0;
    font: 48px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    animation: 2s linear infinite fa-spin;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#cboxLoadingGraphic::before {
    content: "";
    position: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 48px;
    margin: auto
}

.idle_popup #cboxContent {
    margin-top: 0;
    background: #fff;
    border-radius: 10px
}

.b_dashed {
    border-top: 5px dashed #dad834;
    width: 75%
}

#container_member_page .join-activity .tab a.tab-join:first-child,
.category_select a[data-tab=tabs-1-1],
.footer-top .container-with-width,
.media-article,
.member,
.member .member-control .form-input div,
.member .owl-wrapper-outer,
.member-join #form2 .tab a.tab-join1,
.menu-mobile ul li.has-sub,
.menu-pc .menu-navigation .menu-navigation-info .menu-name-book,
.menu-pc .menu-navigation .menu-navigation-info .menu-name-pic,
.menu-pc .menu-navigation .menu-navigation-info li .menu-name,
.note_banner,
.search-input label,
.sidebar-container .health,
.slider .item,
.url_share_article {
    position: relative
}

#container .fix-corner,
.right-corner span {
    position: fixed;
    width: 90px;
    height: 90px
}

.note_banner .news_badge {
    position: absolute;
    bottom: -35px;
    width: 75%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:768px) {
    .slideout-menu {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 0;
        width: 256px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        display: none
    }

    .cboxContent,
    .cboxLoadedContent {
        width: 300px !important
    }

    .slideout-panel {
        position: relative;
        z-index: 1
    }

    .slideout-open .slideout-menu {
        display: block
    }

    .share-text-popup {
        width: 250px;
        height: 83px;
        padding: 1rem .875rem .5rem;
        right: unset
    }

    .share-text-popup .text-popup {
        font-size: 1.25rem;
        padding-top: 0
    }

    .share-text-popup a {
        height: 35px
    }

    .share-text-popup img {
        width: 38px
    }
}

.menu-mobile {
    display: none;
    left: auto
}

.menu-mobile .title {
    background-color: #fde884;
    padding: 13px 15px
}

.menu-mobile ul li {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #fde884
}

.menu-mobile ul li a {
    font-size: 16px;
    font-weight: 700
}

.menu-mobile ul li .go {
    position: absolute;
    right: 0;
    font-size: 20px
}

.menu-pc {
    display: block;
    position: relative
}

.menu-pc .parner .parner-info {
    font-weight: 700;
    font-size: 15px
}

.menu-pc .parner a {
    display: inline-block;
    font-weight: 700;
    font-size: 15px
}

.menu-pc .search-member {
    padding-top: 11px
}

.menu-pc .search-member .search,
.searchMenu,
.searchMenu_hospital {
    float: left;
    padding: 5px 0
}

.menu-pc .search-member .search .search-input {
    float: left;
    position: relative;
    width: 420px;
    border: none;
    border-radius: 3px
}

.searchMenu ul li,
.searchMenu_hospital ul li {
    margin-right: 3px;
    border-radius: 3px;
    outline: 0;
    line-height: 18px;
    font-size: 15px;
    cursor: pointer
}

.searchMenu ul {
    display: inline-flex
}

.searchMenu ul li {
    background: #78be23;
    padding: 8px 9px;
    color: #fff
}

.searchMenu ul li:hover {
    background: #f90
}

.searchMenu ul li a.icon {
    width: 24px;
    height: 24px
}

.searchMenu a,
.searchMenu_hospital a {
    color: #fff;
    font-size: 15px;
    line-height: unset
}

.searchMenu_hospital ul li {
    background: #fff;
    padding: 6px 10px;
    border-color: #78be23
}

.searchRightLogo {
    margin-top: 20px
}

.searchRightLogo img {
    width: 120px
}

.menu-pc .search-member .search .search-input input[type=text] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff;
    padding: 8px 11px;
    line-height: 26px;
    border: 0 solid;
    color: #78be23;
    font-size: 18px;
    border-radius: 8px;
    background: #f4f4f4
}

.menu-pc .search-member .search .search-input input:-internal-autofill-selected,
.menu-pc .search-member .search .search-input input:-webkit-autofill,
.menu-pc .search-member .search .search-input input:-webkit-autofill:active,
.menu-pc .search-member .search .search-input input:-webkit-autofill:focus,
.menu-pc .search-member .search .search-input input:-webkit-autofill:hover {
    appearance: none;
    -webkit-transition: background-color 9999s ease-in-out 9999s;
    -o-transition: background-color 9999s ease-in-out 9999s;
    transition: background-color 9999s ease-in-out 9999s;
    -webkit-text-fill-color: #78BE23;
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important
}

.menu-pc .search-member .search .searchMenu {
    width: 26%;
    height: 26px;
    float: right;
    text-align: center;
    padding: 2px 5px 2px 0;
    background: #78be23
}

.menu-pc .search-member .search .searchMenu .searchSelected {
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding-top: 5px;
    padding-left: 5px
}

.menu-pc .search-member .search .searchMenu .searchTab {
    position: absolute;
    color: #78be23;
    width: 26%;
    border: 1px solid #78be23;
    border-top: none;
    background: #fff;
    height: auto;
    z-index: 20;
    float: left;
    padding: 2px
}

.menu-pc .search-member .search .searchMenu .searchTab li {
    line-height: 28px;
    color: #78be23;
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    float: left;
    text-align: center
}

.menu-pc .search-member .search .searchMenu .searchTab li.selected {
    background: #edf3fc;
    color: #f6a41c;
    font-weight: 700
}

.menu-pc .search-member .search .search-input input[type=text]:-moz-placeholder {
    color: #78be23
}

.menu-pc .search-member .search .search-input input[type=text]::-moz-placeholder {
    color: #78be23
}

.menu-pc .search-member .search .search-input input[type=text]:-ms-input-placeholder {
    color: #78be23
}

.menu-pc .search-member .search .search-input input[type=text]::-webkit-input-placeholder {
    color: #78be23
}

.menu-pc .search-member .search .search-input a {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 6px;
    right: 8px
}

.top185 {
    top: 185px !important
}

.menu-pc .search-member .search .search-hot {
    padding-left: 6px;
    font-size: 12px;
    letter-spacing: .05em
}

.menu-pc .search-member .search .search-hot .tag {
    display: inline-block;
    font-size: 12px;
    letter-spacing: .05em;
    line-height: 30px
}

.menu-pc .search-member .activity-wall {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1rem;
    width: fit-content;
    border-radius: 0 0 6px 6px;
    z-index: 1
}

.menu-pc .search-member .activity-wall span {
    display: block;
    line-height: 30px;
    padding: 0 1rem;
    font-weight: 700
}

.menu-pc .search-member .activity-wall .activity-wall-icon {
    width: 17px;
    height: 17px;
    vertical-align: text-bottom
}

.menu-pc .search-member .activity-wall .activity-wall-img {
    width: 250px;
    display: none;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(2px 2px 3px #999)
}

.menu-pc .search-member .activity-label {
    width: 90px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 45px;
    right: 160px
}

.menu-pc .search-member .activity-label2 {
    width: 90px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 45px;
    right: 270px
}

.menu-pc .search-member .activity-label img {
    width: 90px;
    height: 40px
}

.menu-pc .search-member .member {
    float: right;
    padding: 5px 0;
    position: absolute;
    top: 37px;
    right: 0
}

.menu-pc .search-member .member .member-info {
    float: left;
    padding: 4px 0;
    font-size: 15px;
    font-weight: 700;
    margin-right: 8px;
    line-height: 16px
}

.menu-pc .search-member .member .member-info a:last-child {
    margin-right: 0
}

.health-keywords .fab,
.health-keywords .fas,
.loginicon,
.menu-pc .search-member .member .member-info .member-name {
    margin-right: 5px
}

.menu-pc .search-member .member .member-info a {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
    position: relative;
    vertical-align: middle
}

.menu-pc .search-member .member .member-info a:hover {
    color: #3e3a39
}

.menu-pc .search-member .member .member-info div {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.125rem
}

.menu-pc .search-member .member .member-info .member-text {
    font-size: 1.125rem;
    letter-spacing: 1px
}

.menu-pc .search-member .member .member-info .member-menu,
.menu-pc .search-member .member .member-info .member-menu i {
    color: #646464;
    font-size: .875rem;
    letter-spacing: 1px
}

.menu-pc .search-member .member .member-info .member-menu {
    font-size: 1.125rem
}

.menu-pc .search-member .member .member-info .member-menu i {
    margin-left: 2px
}

.menu-pc .search-member .member .member-menu:hover .fa-chevron-down::before {
    content: "\f077"
}

.menu-pc .search-member .member .member-info .member-menu-list {
    display: none;
    position: absolute;
    z-index: 1;
    background: #fff;
    padding: .5rem 0;
    width: 150px;
    filter: drop-shadow(1px 2px 5px #aaa);
    left: 0;
    top: 48px
}

.header .header-bottom .top-submenu li,
.menu-pc .search-member .member .member-info .member-menu-list li {
    padding: 0 .75rem
}

.header .header-bottom .top-submenu li:hover,
.menu-pc .search-member .member .member-info .member-menu-list li:not(:first-child):hover {
    background: #fafafa
}

.menu-pc .search-member .member .member-info .member-menu-list li:first-child:hover a {
    color: #92d050
}

.header .header-bottom .top-submenu li:not(:last-of-type) a,
.menu-pc .search-member .member .member-info .member-menu-list li:first-of-type a {
    border-bottom: 1px solid #dedede
}

.menu-pc .search-member .member .member-info .member-menu-list li a {
    font-size: 1rem;
    width: 100%;
    padding: .75rem 0
}

.menu-pc .search-member .member .spacingfix {
    float: left;
    padding: 8px 0
}

.menu-pc .search-member .member .spacingfix a {
    font-size: 0;
    width: 24px;
    height: 24px;
    float: left
}

.menu-pc .search-member .member .spacingfix a:not(:last-child) {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin: 0
}

.footer .footer-top .right .spacingfix a+a,
.m-slider .media-slider .owl-item .item,
.menu-pc .search-member .member .spacingfix a:last-child {
    margin-left: 10px
}

.menu-pc .search-member .member .spacingfix a+a,
.top-tooltip i {
    margin-left: 5px
}

.menu-pc .search-member .member .spacingfix a:hover {
    background-color: #f7d90f
}

.menu-pc .search-member .member .spacingfix a:active {
    background-color: #d3c792
}

.index-page .article-wall-container .nav-categories,
.menu-pc .menu-navigation .menu-navigation-info {
    width: 100%;
    display: table
}

.ec-page .article-wall-container .nav-categories li,
.index-page .article-wall-container .nav-categories li,
.menu-pc .menu-navigation .menu-navigation-info>li {
    position: relative;
    display: table-cell;
    text-align: center
}

.ec-page .article-wall-container .nav-categories li .menu-name,
.index-page .article-wall-container .article-grid,
.index-page .article-wall-container .nav-categories li .menu-name,
.menu-pc .menu-navigation .menu-navigation-info>li .menu-name,
.menu-pc .menu-navigation .menu-navigation-info>li .menu-name-book,
.menu-pc .menu-navigation .menu-navigation-info>li .menu-name-pic {
    padding-top: 3px
}

.index-page .article-wall-container .nav-categories li.active .menu-name,
.index-page .article-wall-container .nav-categories li.active .menu-name>a,
.index-page .article-wall-container .nav-categories li:active .menu-name,
.index-page .article-wall-container .nav-categories li:active .menu-name>a,
.index-page .article-wall-container .nav-categories li:hover .menu-name,
.index-page .article-wall-container .nav-categories li:hover .menu-name>a,
.menu-pc .menu-navigation .menu-navigation-info li.open-sub .menu-name,
.menu-pc .menu-navigation .menu-navigation-info li.open-sub .menu-name>a,
.menu-pc .menu-navigation .menu-navigation-info li:active .menu-name,
.menu-pc .menu-navigation .menu-navigation-info li:active .menu-name>a,
.menu-pc .menu-navigation .menu-navigation-info li:hover .menu-name,
.menu-pc .menu-navigation .menu-navigation-info li:hover .menu-name>a,
.menu-pc .menu-navigation .menu-navigation-info>li+li .menu-name-book,
.menu-pc .menu-navigation .menu-navigation-info>li+li.active .menu-name,
.menu-pc .menu-navigation .menu-navigation-info>li+li.active .menu-name>a,
.menu-pc .menu-navigation .menu-navigation-info>li+li:active .menu-name,
.menu-pc .menu-navigation .menu-navigation-info>li+li:active .menu-name>a,
.menu-pc .menu-navigation .menu-navigation-info>li+li:hover .menu-name,
.menu-pc .menu-navigation .menu-navigation-info>li+li:hover .menu-name>a {
    background-color: #fdc808
}

.menu-pc .menu-navigation .menu-navigation-info>li .menu-name-book>a {
    background-color: #fdc808;
    padding: 10px 0
}

.menu-pc .menu-navigation .menu-navigation-info>li .menu-name-book .name,
.menu-pc .menu-navigation .menu-navigation-info>li .menu-name-pic .name {
    color: #3e3a39;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .075em;
    line-height: 26px;
    padding: 0 10px
}

.menu-pc .menu-navigation .menu-navigation-info>li+li .menu-name-pic {
    background-color: #f2866c
}

.menu-pc .menu-navigation .menu-navigation-info>li .menu-name-pic>a {
    background-color: #f2866c;
    padding: 10px 0
}

.index-page .article-wall-container .nav-categories li .menu-name>a,
.menu-pc .menu-navigation .menu-navigation-info>li .menu-name>a {
    background-color: #fde884;
    padding: 10px 0
}

.menu-pc .menu-navigation .menu-navigation-info>li .menu-name .name {
    color: #3e3a39;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .075em;
    line-height: 26px;
    padding: 0 11px
}

.ec-page .article-wall-container .nav-categories li+li .name,
.index-page .article-wall-container .nav-categories li+li .name,
.menu-pc .menu-navigation .menu-navigation-info .menu-name-book .name,
.menu-pc .menu-navigation .menu-navigation-info .menu-name-pic .name,
.menu-pc .menu-navigation .menu-navigation-info>li+li .name {
    border-left: 1px solid #fff
}

.index-page .article-wall-container .nav-categories li.active .menu-hover,
.index-page .article-wall-container .nav-categories li:active .menu-hover,
.index-page .article-wall-container .nav-categories li:hover .menu-hover,
.menu-pc .menu-navigation .menu-navigation-info li.open-sub .menu-hover,
.menu-pc .menu-navigation .menu-navigation-info li:active .menu-hover,
.menu-pc .menu-navigation .menu-navigation-info li:hover .menu-hover,
.menu-pc .menu-navigation .menu-navigation-info>.menu-book .menu-hover,
.menu-pc .menu-navigation .menu-navigation-info>.menu-pic .menu-hover,
.menu-pc .menu-navigation .menu-navigation-info>li+li.active .menu-hover,
.menu-pc .menu-navigation .menu-navigation-info>li+li:active .menu-hover,
.menu-pc .menu-navigation .menu-navigation-info>li+li:hover .menu-hover {
    position: absolute;
    top: 0;
    right: -3px;
    width: 0;
    height: 0;
    border-bottom: 3px solid #fe9d09;
    border-right: 3px solid transparent
}

.index-page .article-wall-container .nav-categories li.active .menu-name .name,
.index-page .article-wall-container .nav-categories li:active .menu-name .name,
.index-page .article-wall-container .nav-categories li:hover .menu-name .name,
.menu-pc .menu-navigation .menu-navigation-info li.open-sub .menu-name .name,
.menu-pc .menu-navigation .menu-navigation-info li:active .menu-name .name,
.menu-pc .menu-navigation .menu-navigation-info li:hover .menu-name .name,
.menu-pc .menu-navigation .menu-navigation-info>li+li.active .menu-name .name,
.menu-pc .menu-navigation .menu-navigation-info>li+li:active .menu-name .name,
.menu-pc .menu-navigation .menu-navigation-info>li+li:hover .menu-name .name {
    border-left-color: #fdc808
}

.menu-pc .menu-navigation .menu-navigation-info .menu-all-categories {
    z-index: 8;
    display: none;
    width: 100%;
    position: absolute;
    background-color: #fff
}

.menu-pc .menu-navigation .menu-navigation-info .menu-all-categories ul {
    border: 1px solid #fde884
}

.menu-pc .menu-navigation .menu-navigation-info .menu-all-categories ul li {
    padding: 0 10px;
    text-align: left
}

.menu-pc .menu-navigation .menu-navigation-info .menu-all-categories ul li a {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700
}

.menu-mobile ul li+li .name,
.menu-pc .menu-navigation .menu-navigation-info .menu-all-categories ul li+li a {
    border-top: 1px solid #fde884
}

.menu-pc .search-hot {
    float: left;
    font-size: 16px;
    margin: 7px 0;
    color: #707070;
    font-weight: 700
}

.menu-pc .tag {
    display: inline-block;
    color: #707070;
    font-size: 16px;
    font-weight: 700
}

.hot-search .keyword-list .tag:active,
.menu-pc .tag:hover,
.popup-login-close .fa-times {
    color: #78be23
}

.menu-pc .hot_tag {
    color: #78be23;
    display: inline-block
}

.ad-banner .ad-banner-pc {
    margin: 5px auto 35px
}

#forgetpw .member-join,
.ad-banner .ad-banner-pc.index-banner,
.ad-container img,
.article-grid .grid .grid-img img,
.linefriends main .subscribe .subscribe-out .twzip .twzip,
.linefriends main .subscribe .subscribe-out .twzip .zip_addrs,
.magazine-list .m_image img,
.member .member-control #member-join,
.note_banner img,
.share22 img,
.social_textcenter,
.tab-content.current,
.w100 {
    width: 100%
}

.ad .external-ad2,
.ad-banner .text-center,
.ad-list .ad-banner-mobile-250,
.article-detail .article .content .retarget_upbn,
.ec_hotword div,
.header .header-bottom .text-center,
.linefriends .center,
.member .member-center .member-center-info,
.member .member-collect .member-collect-features {
    text-align: center
}

.ad-banner .ad-banner-mobile,
.ad-banner .ad-banner-mobile-index {
    margin: 0 auto 15px
}

#slider-special-item-index,
.ad-banner .t15,
.member-join .tab-content,
.mt-15,
.right_panel,
.sidebar-container .subscribe {
    margin-top: 15px
}

.ad-banner .ad-banner-pc {
    width: 970px;
    height: auto;
    display: block;
    margin-bottom: 5px
}

.ad-banner .ad-banner-mobile,
.ad-banner .ad-banner-mobile-index {
    width: 300px;
    height: 100px;
    display: none
}

.ad-banner .ad-banner-mobile-250 {
    width: 300px;
    height: 250px;
    margin: 0 auto 15px;
    display: none
}

.maplayer audio {
    width: 80%;
    overflow: hidden;
    vertical-align: middle
}

.maplayer audio::-internal-media-controls-download-button {
    display: none
}

.maplayer audio::-webkit-media-controls-enclosure {
    overflow: hidden
}

.maplayer audio::-webkit-media-controls-panel {
    width: calc(100% + 30px)
}

.maplayer .tts_credit {
    width: 100%;
    text-align: end;
    font-size: 10px;
    padding-bottom: 5px
}

.maplayer .tts_credit a {
    display: inline;
    color: #2ea7e0
}

.audio_speak,
.footerimg {
    vertical-align: middle
}

.audio_speaktoyou {
    vertical-align: middle;
    font-weight: 700;
    font-size: 20px
}

div#article_page>details>ol li {
    font-size: 16px;
    letter-spacing: 0;
    word-break: break-all;
    word-wrap: break-word
}

div#article_page>details>ol li a {
    font-size: 16px
}

.header .header-top {
    background-color: #78be23;
    color: #fff;
    padding: 11px 0 9px;
    -moz-box-shadow: 0 5px 5px 0 rgba(97, 97, 97, .1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(97, 97, 97, .1);
    box-shadow: 0 5px 5px 0 rgba(97, 97, 97, .1)
}

.leftad {
    margin: 10px 10px 10px 25px
}

.footer-title,
.footer-title2 {
    font-weight: 800 !important;
    margin-bottom: 7px !important
}

.header .header-top .logo-yahoo {
    background-image: url("../image/yahoo_new.png");
    background-size: contain;
    width: 141px;
    height: 60px;
    font-size: 0
}

.header .header-top .logo-health {
    background-image: url("../image/logo-health1.png");
    background-size: contain;
    width: 500px;
    height: 60px;
    font-size: 0;
    margin: -6px -150px -20px -130px
}

.header .header-top .ad-banner {
    width: 100%;
    max-width: 468px;
    height: 60px
}

.header .header-top .right .desc {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 60px;
    float: right;
    margin-right: 15px;
    letter-spacing: .095em
}

.header .header-bottom {
    margin: 0 -5px;
    display: block;
    background-color: #fff;
    -moz-box-shadow: inset 0 0 5px 3px rgba(97, 97, 97, .08);
    -webkit-box-shadow: inset 0 0 5px 3px rgba(97, 97, 97, .08);
    box-shadow: inset 0 0 5px 3px rgba(97, 97, 97, .08)
}

.header .search-button,
.header .toggle-button {
    background-color: transparent;
    display: none;
    border: none;
    outline: 0
}

.header .header-bottom a {
    display: inline-block;
    width: calc(100% / 3);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .1em;
    padding: 15px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header .header-bottom .parner-info {
    font-weight: 700;
    font-size: 17px;
    padding: 10px 0;
    line-height: 45px
}

.header .header-bottom .text-left {
    text-align: left
}

.header .header-bottom .text-right,
div.img-square div.txt .more {
    text-align: right
}

.header .header-bottom .top-menu li {
    float: left;
    padding: 0 .375rem;
    position: relative
}

.header .header-bottom .top-menu a {
    width: fit-content;
    font-size: 17px;
    color: #666
}

.header .header-bottom .top-menu li:first-of-type .top-menu-icon {
    color: #83c100
}

.header .header-bottom .top-menu li:nth-of-type(2) .top-menu-icon {
    color: #f69000
}

.header .header-bottom .top-menu li:nth-of-type(3) .top-menu-icon {
    color: #3480d4
}

.header .header-bottom .top-menu li:nth-of-type(4) .top-menu-icon {
    color: #f46341
}

.header .header-bottom .top-menu li.is-show .top-submenu,
.header .header-bottom .top-submenu li:hover .top-lastmenu {
    display: flex
}

.header .header-bottom .top-menu li.is-show .fa-caret-down:before {
    content: "\f0d8"
}

.header .header-bottom .top-submenu {
    background: #fff;
    display: none;
    flex-direction: column;
    position: absolute;
    top: 42px;
    filter: drop-shadow(1px 2px 5px #aaa);
    z-index: 2
}

.header .header-bottom .top-menu li:not(:first-child) .top-submenu {
    width: 152px
}

.header .header-bottom .top-submenu a {
    font-size: 1rem;
    color: #353535;
    width: 100%;
    letter-spacing: normal
}

.header .header-bottom .top-lastmenu {
    display: none;
    flex-direction: column;
    position: absolute;
    background: #fff;
    margin-top: -46px;
    left: 100%;
    border-top: 5px solid #83c200
}

.article-detail .article .img,
.article-grid .grid .grid-img,
.article-list .list .list-img {
    background-position: center center;
    background-size: cover
}

.header .search-button {
    position: absolute;
    top: 19px;
    right: 63px;
    width: 24px;
    height: 24px
}

.header .search {
    -moz-box-shadow: 0 5px 5px 0 rgba(97, 97, 97, .1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(97, 97, 97, .1);
    box-shadow: 0 5px 5px 0 rgba(97, 97, 97, .1)
}

.header .search .search-input {
    float: left;
    position: relative;
    width: calc(100% - 50px);
    border-radius: 3px
}

.header .search .search-input .msearchbar {
    width: 100%;
    float: right
}

.header .search .searchMenu {
    padding: 0;
    margin-left: -2px
}

.header .search .searchMenu ul li {
    background: #abe72a;
    border-radius: 5px;
    padding: 5px 7px
}

.header .search .searchMenu ul li a.icon {
    width: 35px;
    height: 35px
}

.header .search .searchMenu ul li .icon-header-search {
    background-size: 28px 28px
}

.header .search .search-input input[type=text] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
    padding: 10px 13px;
    line-height: 24px;
    border-radius: 7px 0 0 7px;
    font-size: 20px;
    background: #f1f1f1
}

.header .search .msearchMenu {
    width: 20%;
    height: auto;
    float: left;
    -webkit-padding-before: 7px;
    padding-top: 7px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.header .search .msearchMenu .msearchSelected {
    color: #fff;
    font-size: 16px
}

.header .search .msearchMenu .msearchTab {
    position: absolute;
    float: left;
    top: 28px;
    left: -.3%;
    color: #78be23;
    width: 20%;
    border-left: 1px solid #fff;
    background: #fff;
    z-index: 20;
    text-align: center
}

.article-grid .grid .grid-img .icon-video-play,
.article-list .list .list-img .icon-video-play {
    background-size: 40%;
    background-position: center;
    background-color: rgba(255, 255, 255, .7);
    bottom: 0;
    border-radius: 100px;
    left: 0;
    right: 0;
    top: 0
}

.header .search .msearchMenu .msearchTab li {
    line-height: 28px;
    color: #78be23;
    font-size: 16px;
    width: 100%;
    float: left;
    text-align: center
}

.header .search .msearchMenu .msearchTab li.selected {
    background: #edf3fc;
    color: #f6a41c
}

.header .search .search-input a {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 8px;
    right: 8px
}

.header .search-label {
    display: none;
    position: absolute;
    width: 100%;
    height: fit-content;
    background: #f6f6f6;
    padding: 1.25rem 2rem 1.5rem;
    top: 142px;
    border-bottom: 1px solid #a5a5a5;
    box-sizing: border-box
}

.article-grid .grid,
.article-grid .grid .grid-article {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.header .search-label .search-history,
.header .search-label .search-keyword {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 2px
}

.header .search-label .search-history>p,
.header .search-label .search-keyword>p {
    margin: 0 0 .75rem;
    font-weight: 700;
    font-size: 1.375rem
}

.header .search-label .search-history>p {
    display: inline-block;
    margin-bottom: .875rem
}

.header .search-label .search-history span {
    color: #b1b1b1;
    font-size: 1rem;
    font-weight: bolder;
    float: right;
    top: 7px;
    position: relative
}

.header .search-label .search-history span i {
    color: #b6b6b6
}

.header .search-label .search-keyword .keyword-label {
    padding: .625rem 0 .875rem;
    border-bottom: 1px solid #aaa;
    margin-bottom: 1.25rem
}

.header .search-label .search-history .history-label a,
.header .search-label .search-keyword .keyword-label a {
    font-size: 1.25rem;
    letter-spacing: normal;
    color: #fff;
    display: inline-block;
    padding: .625rem 1.25rem;
    border-radius: 20px;
    margin-bottom: .5rem
}

.footer .footer-top .left .spacingfix a,
.footer .footer-top .right .spacingfix a {
    font-size: 0;
    width: 32px;
    height: 32px;
    float: left
}

.header .search-label .search-keyword .keyword-label a {
    background: #a4c362
}

.header .search-label .search-history .history-label {
    padding: .5rem 0
}

.header .search-label .search-history .history-label a {
    background: #b1b1b1;
    margin: 0 .25rem .5rem
}

#container #member_page,
#container #picarticle_page,
#div-gpt-ad-,
.ab_hide,
.close-corner,
.hide,
.linefriends .no_show,
.menu-mobile ul li.has-sub .sub-menu .has-sub:before,
.menu-mobile ul li.has-sub .sub-nav,
.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .link-list .hidden-link,
.modal,
.newsletter .subscribe-finish,
.newsletter .subscribe-topic,
.paywall,
.projects .article-list .img-square.isAd,
.tooltiptext {
    display: none
}

#div-gpt-ad-1620096612764-0,
.member .member-control .member-join .emloginbtn {
    margin-bottom: 10px
}

.hot-search {
    padding-top: 70px
}

.hot-search .health-keywords {
    width: 10%;
    height: 55px;
    background-color: #f4f4f4;
    color: #7dc612;
    line-height: 25px;
    letter-spacing: 5px;
    font-size: 110%;
    text-align: center
}

.hot-search .health-keywords span.sc {
    font-size: 130%;
    font-weight: bolder;
    color: #cc3f2a
}

.hot-search .keyword-list {
    width: 90%;
    overflow: hidden
}

.hot-search .keyword-list .kitem {
    line-height: 25px;
    margin: 0 0 5px 5px;
    padding: 0 5px;
    background-color: #fff
}

.hot-search .keyword-list .tag {
    float: left;
    font-size: 17px;
    letter-spacing: .095em;
    font-weight: 700;
    line-height: 1.1em;
    margin-top: 5px
}

.hot-search .keyword-list .tag:hover {
    color: #fdc908
}

.footer .footer-top {
    background-color: #78be23;
    color: #fff;
    padding: 45px 0;
    -moz-box-shadow: inset 0 5px 5px 0 rgba(97, 97, 97, .2);
    -webkit-box-shadow: inset 0 5px 5px 0 rgba(97, 97, 97, .2);
    box-shadow: inset 0 5px 5px 0 rgba(97, 97, 97, .2)
}

.footer .footer-top .footer_middle,
.footer .footer-top .left,
.footer .footer-top .right,
.footer .footer-top .right-social,
.pic_category_page .article-list .list .list-img {
    width: 25%
}

.footer .footer-top .left ul *,
.footer .footer-top .left ul li {
    display: inline-block;
    color: #fff;
    line-height: 30px;
    font-size: 17px;
    letter-spacing: .06em
}

.footer .footer-top .left ul li a {
    color: #fff;
    font-size: 17px;
    line-height: 20px;
    border-right: 1px solid #fff;
    padding-right: 17px
}

.footer .footer-top .footer_middle ul li a,
.footer .footer-top .right ul li a,
.footer .footer-top .right-social ul li a {
    line-height: 30px;
    padding-right: 17px;
    color: #fff;
    font-size: 17px
}

.footer .footer-top .footer_middle,
.footer .footer-top .right-social {
    margin-top: 4px;
    float: left
}

.footer .footer-top .footer_middle ul li,
.footer .footer-top .right ul li,
.footer .footer-top .right-social ul li {
    margin: 3px 0;
    padding-right: 10px
}

.footer .footer-top .footer_middle ul li a {
    display: inline-block
}

.footer .footer-top .right {
    margin-top: 4px
}

.footer .footer-top .right ul li:last-child {
    padding-right: 0
}

.footer .footer-top .right ul li:last-child a {
    border-right: 0;
    padding-right: 0
}

.footer .footer-top .right .spacingfix {
    float: right;
    margin-top: 28px
}

.footer .footer-top .left .spacingfix a {
    margin-right: 5px;
    margin-top: 7px
}

.footer-title {
    font-size: 19px !important
}

.footer-title2 {
    font-size: 17px !important;
    margin-top: 7px !important
}

.footer .footer-bottom {
    text-align: center;
    background-color: #999;
    color: #fff;
    padding: 20px 0;
    font-size: 13px;
    letter-spacing: .06em
}

.footer .footer-bottom p,
.linefriends main section p span {
    line-height: 1.5em
}

.footer .footer-bottom a {
    line-height: 1.5em;
    color: #fff
}

.right-social .fab,
.right-social .fas {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    display: inline-block
}

#container .fix-corner {
    bottom: 10%;
    right: 5%;
    cursor: pointer;
    z-index: 1000
}

.right-corner .owl-item {
    height: 90px
}

.close-corner i {
    position: fixed;
    bottom: 20%;
    right: 4%;
    cursor: pointer;
    z-index: 1000
}

.hadclose,
.menu-mobile ul li .sub-menu .sub-menu-list li .sub-menu-tab .link-list.hidden,
.productmore_none {
    display: none !important
}

@media screen and (min-width:0px) and (max-width:767px) {
    .footer .footer-top .left {
        width: 100%;
        padding-left: 15px
    }

    .footer .footer-top .footer_middle,
    .footer .footer-top .right,
    .footer .footer-top .right-social {
        width: 50%
    }

    .footer .footer-top .footer_middle,
    .footer .footer-top .right {
        margin-top: 20px
    }

    .footer .footer-top .right ul {
        float: none
    }

    .footer .footer-top .right-social ul {
        float: left
    }

    .footer .footer-top .right .spacingfix {
        float: none;
        margin-top: 12px
    }

    .footer .footer-bottom .left,
    .footer .footer-bottom .right {
        width: 100%
    }
}

@media screen and (min-width:0px) and (max-width:768px) {
    .maplayer audio {
        width: 65%
    }

    .ad-banner .ad-banner-pc,
    .header .header-bottom,
    .header .header-top .right .ad-banner,
    .header .header-top .right .desc,
    .hot-search .health-keywords span,
    .menu-pc {
        display: none
    }

    .ad-banner .ad-banner-mobile,
    .ad-banner .ad-banner-mobile-index,
    .header .search-button,
    .header .toggle-button {
        display: block
    }

    .ad-banner .ad-banner-mobile-250 {
        display: block;
        text-align: center
    }

    .article-detail .article .content ul li a,
    .recommend,
    .recommend_text ul li a {
        font-size: 18px !important
    }

    .article-detail .article .content ul li .inarticle_recommend a {
        font-size: 20px !important
    }

    .header {
        background-color: #fff
    }

    .header .header-top {
        padding: 15px 0
    }

    .header .header-top .left,
    .header .header-top .right {
        width: auto;
        float: left
    }

    .header .header-top .logo-yahoo {
        width: 90px;
        height: 34px
    }

    .header .header-top .logo-health {
        width: 200px;
        margin-top: -14px;
        margin-left: auto
    }

    .hot-search .health-keywords {
        font-size: 110%;
        letter-spacing: 0
    }

    .hot-search .health-keywords:after {
        content: "搜\AHot";
        font-weight: 700
    }

    .hot-search .keyword-list {
        height: 55px;
        overflow: hidden
    }
}

.article-header,
.article-header-w50,
.sidebar-container .article-header-top {
    position: relative;
    background-color: #78be23;
    padding: 9px 11px 8px 16px
}

.article-header .title,
.sidebar-container .article-header-top .title {
    font-size: 18px;
    letter-spacing: .12em;
    float: left;
    font-weight: bolder
}

.article-header .more {
    font-size: 15px;
    line-height: 18px;
    float: right;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px
}

.recommend-text {
    width: 48%
}

.ad-header2,
.recommend-articles-container {
    display: inline-block;
    width: 100%
}

.recommend ul,
.recommend_text ul {
    list-style-type: none
}

.recommend li:before {
    position: absolute;
    font-size: 24px
}

.recommend_text li:before {
    position: absolute;
    font-size: 25px;
    margin-top: 5px
}

.recommend ul li a,
.recommend_text ul li a {
    color: green;
    line-height: 1.75em;
    letter-spacing: .075em;
    font-size: 20px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-left: 20px
}

.recommend ul li,
.recommend_text ul li {
    color: green;
    font-size: 20px
}

.article-header-w50 .title {
    font-size: 18px;
    letter-spacing: .12em;
    font-weight: bolder
}

.article-header .calendar {
    position: absolute;
    top: 7px;
    right: 17px;
    width: 21px;
    height: 21px
}

.article-header .calendar i {
    width: 21px;
    height: 21px
}

.article-grid {
    margin: 0 -7px 22px
}

.article-grid .grid {
    float: left;
    padding: 14px 7px 0;
    box-sizing: border-box
}

.article-grid .grid .grid-img {
    position: relative;
    background-repeat: no-repeat
}

.article-grid .grid .grid-img .icon-video-play {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    margin: auto
}

.article-grid .grid .grid-img img.img-square,
.slider .item img.img-square {
    height: 142px
}

.article-grid .grid .grid-img img.img-4 {
    height: 74px
}

.article-grid .grid .grid-img img.img-3 {
    height: 101px
}

#right_epaper,
.article-grid .grid .grid-img img.img-2 {
    height: 160px
}

#special .article-list .list .list-img img,
#special .articles-list-container .article-grid .grid .grid-img img.img-3,
.article-grid .grid .grid-img img.picimg-2,
.pic_category_page .article-list .list .list-img img {
    height: auto
}

.article-grid .grid .grid-article {
    box-sizing: border-box;
    padding: 7px 2px 0
}

.article-grid .grid .grid-article .content,
.article-grid .grid .grid-article .detail .title {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    letter-spacing: 0;
    text-align: justify;
    overflow: hidden
}

.article-grid .grid .grid-article .content {
    box-sizing: border-box;
    height: 66px;
    font-size: 14px;
    line-height: 1.5em
}

.article-grid .grid .grid-article .detail .title {
    box-sizing: border-box;
    height: 37px;
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 700;
    margin-bottom: 6px
}

.article-list .list,
.article-list .list .list-article {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.article-grid .grid .grid-article .detail .content {
    font-size: 15px;
    line-height: 1.5em
}

.article-grid .grid .grid-article .feature {
    cursor: default;
    float: right;
    font-size: 15px;
    letter-spacing: .025em;
    margin-top: 7px
}

.article-grid .grid .grid-article .feature .origin-price {
    text-decoration: line-through;
    color: #cc3f29;
    margin-right: 10px
}

.article-grid .grid .grid-article .feature .icon-eye {
    padding: 6px 7px;
    width: 14px;
    height: 12px;
    margin-right: 3px
}

.article-list .list {
    width: 100%;
    float: left;
    padding: 15px 0 0;
    box-sizing: border-box
}

.article-list .list .list-img {
    width: 44%;
    float: left;
    background-repeat: no-repeat;
    position: relative
}

.article-list .list .list-img img {
    width: 100%;
    height: 146px
}

.linefriends main .linefriends_title .img-container img,
.member-carousel .owl-item img,
.member-collect .article-list .list .list-img img,
.sidebar-container .article-list .list img,
.slider .item img.special_index {
    width: 100%;
    height: auto
}

.article-list .list .list-img .icon-video-play {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    margin: auto
}

.article-list .list .list-article {
    width: 56%;
    float: right;
    padding-left: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: border-box
}

.article-list .list .list-article .title a {
    font-size: 19px;
    line-height: 1em;
    letter-spacing: 0;
    font-weight: 700;
    color: #3e9d7b;
    height: 2em;
    overflow: hidden;
    margin-bottom: 7px;
    text-align: justify
}

.article-list .list .list-article .info {
    margin-top: 7px;
    margin-bottom: 15px
}

.article-list .list .list-article .info .left {
    margin-top: 6px
}

.article-list .list .list-article .info .date {
    float: left;
    font-size: 14px;
    font-weight: 700
}

.article-list .list .list-article .info .author {
    float: left;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .055em;
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #000
}

.article-list .list .list-article .info .feature a,
.article-list .list .list-article .info .feature>span {
    float: left;
    margin-left: 3px;
    font-size: 17px
}

.article-detail .feature .icon,
.article-list .list .list-article .info .feature .icon {
    width: 20px;
    height: 20px
}

.article-list .list .list-article .info .feature .number i {
    display: inline-block;
    vertical-align: middle;
    color: #969696
}

.article-list .list .list-article .info .feature .number span {
    float: right;
    font-size: 17px;
    line-height: 21px;
    padding-left: 3px;
    padding-right: 5px
}

.article-list .list .list-article .info .feature .google {
    background-color: #cc3f29;
    background-size: 11px auto
}

.article-list .list .list-article .info .feature .google:hover,
.idle-table-content .share-btn .google:hover,
.idle-table-content .share-btn .youtube:hover {
    background-color: #d56554
}

.article-list .list .list-article .info .feature .google:active,
.idle-table-content .share-btn .google:active,
.idle-table-content .share-btn .youtube:active {
    background-color: #b2776e
}

.article-list .list .list-article .info .feature .fb {
    background-color: #316ea0;
    background-size: 6px auto
}

.article-list .list .list-article .info .feature .fb:hover,
.idle-table-content .share-btn .fb:hover,
.member .member-control .fb-btn:hover {
    background-color: #5a8ab2
}

.article-detail .share .share-btn .fb:active,
.article-list .list .list-article .info .feature .fb:active,
.idle-table-content .share-btn .fb:active,
.member .member-control .fb-btn:active {
    background-color: #708698
}

.article-list .list .list-article .info .feature .line {
    background-color: #00bf00;
    background-size: 14px auto
}

.article-detail .share .share-btn .line:hover,
.article-list .list .list-article .info .feature .line:hover {
    background-color: #33ca33
}

.article-detail .share .share-btn .line:active,
.article-list .list .list-article .info .feature .line:active {
    background-color: #6a8d6a
}

.article-list .list .list-article .info .feature .sms {
    background-color: #a0a0a0;
    background-size: 14px auto
}

.article-list .list .list-article .info .feature .sms:hover {
    background-color: #a0a0a0
}

.article-list .list .list-article .info .feature .sms:active,
.idle-table-content .share-btn .sms:active {
    background-color: #d0bf71
}

.article-list .list .list-article .info .feature .eye,
.member .member-collect .member-collect-list .article-list .list .list-article .info .feature .line,
.member .member-collect .member-collect-list .article-list .list .list-article .info .feature .sms {
    background-size: 18px auto
}

.article-list .list .list-article .content {
    font-size: 16px;
    line-height: 1.4em;
    min-height: 4.1em;
    max-height: 7em;
    overflow: hidden;
    text-align: justify
}

.article-list .list .list-article .ad-content {
    font-size: 16px;
    line-height: 1.4em;
    height: 8.4em;
    overflow: hidden;
    text-align: justify
}

.article-list .img-square .list-img {
    width: 27%
}

.article-list .img-square .list-article {
    width: 70%
}

.pic_category_page .article-list .list {
    padding: 1.5% 0;
    border-bottom: 0 solid #a0d757
}

.pic_category_page .article-list .list:nth-of-type(2n) {
    background: #f5f5f5
}

.pic_category_page .article-list .list .list-article {
    width: 75%;
    padding: 0 7% 0 4%
}

.pic_category_page .article-list .first .list-img {
    width: 38%
}

.pic_category_page .article-list .first .list-article {
    width: 62%
}

.pic_category_page .article-list .list .list-article .title a {
    color: #080808;
    font-size: 25px;
    margin-top: 10px;
    height: auto;
    line-height: 32px
}

.pic_category_page .article-list .first .list-article .title a {
    font-size: 28px
}

.pic_category_page .article-list .list .list-article .content {
    font-size: 18px;
    color: #8a8a8a
}

.pic_category_page .article-list .list .list-article .date {
    font-size: 21px;
    line-height: 1.4em;
    overflow: hidden;
    text-align: justify;
    color: #8a8a8a;
    font-weight: 700;
    margin-bottom: 7px
}

.pic_c .pic_category,
.pic_category_page .pic_titleimg {
    margin: 0
}

.article-detail .trail {
    margin-bottom: 25px;
    white-space: nowrap
}

.article-detail .trail a,
.member .trail a {
    display: inline-block;
    font-size: 15px;
    letter-spacing: .095em;
    font-weight: 700
}

.article-detail .trail .active {
    color: #7ec512
}

.article-detail .trail span {
    font-size: 13px;
    vertical-align: top
}

.article-detail .trail .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px
}

.article-detail .article .title {
    font-size: 25px;
    letter-spacing: .013em;
    font-weight: 700;
    line-height: 1.15em;
    margin-bottom: 10px
}

.article-detail .article .date-author {
    margin-bottom: 8px
}

.article-detail .article .date-author .autor {
    display: block;
    font-size: 17px;
    letter-spacing: .035em;
    line-height: 1.15em;
    color: #777;
    margin-bottom: 5px
}

.article-detail .article .date-author .date {
    display: inline-block;
    font-size: 19px;
    letter-spacing: .035em;
    line-height: 1.15em;
    color: #777
}

.article_view {
    color: #777;
    font-size: 19px
}

.article-detail .article .date-author .author a {
    color: #a8a8a8;
    font-size: 18px
}

.article-detail .tag-view {
    margin-bottom: 6px;
    display: inline-block;
    width: 100%
}

.article-detail .tag-view .tag-list .tag {
    float: left;
    font-size: 17px;
    letter-spacing: .095em;
    font-weight: 700;
    line-height: 1em;
    color: #7ec512;
    margin-top: 3px
}

.article-detail .tag-view .tag-list a+a {
    float: left;
    border-left: 1px solid #7ec512;
    padding-left: 10px;
    margin-left: 10px
}

.article-detail .feature .number {
    float: left;
    margin-left: 3px
}

.article-detail .feature .number i {
    display: inline-block;
    vertical-align: middle
}

.article-detail .feature .number span {
    float: right;
    font-size: 21px;
    line-height: 21px;
    padding-right: 5px;
    color: #3e3a39;
    font-family: "Microsoft JhengHei", "微軟正黑體", Arial
}

.article-detail .article,
.article-detail .more-articles .recommend {
    margin-bottom: 40px
}

.article-detail .article .img {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
    margin-top: 5px
}

.article-detail .article .img .icon-video-play,
.slider .item .icon-video-play {
    position: absolute;
    display: block;
    width: 90px;
    height: 90px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 40%;
    background-position: center;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, .7)
}

#_popIn_recommend_word,
.magazine-list .download .fa-arrow-alt-circle-down {
    margin-left: 20px
}

.ad .sidebar-container .sidebar-ad .sidebar-ad-img img,
.article-detail .article .img img {
    visibility: hidden;
    width: 100%;
    height: 100%
}

.article-detail .article .content ul li {
    margin-left: 21px;
    list-style-type: disc;
    color: green
}

.article-detail .article .content ul li:before {
    content: "";
    display: list-item;
    position: absolute
}

.article-detail .article .content .show_item li:before,
.content .searchMenu li:before {
    content: none !important
}

.article-detail .article .content .show_item li a {
    display: inline;
    white-space: normal;
    border-bottom: 1px solid #7ec512;
    font-size: 20px !important
}

.content .searchMenu li {
    color: #fff !important
}

.article-detail .article .content ul li a {
    color: green;
    font-size: 20px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    border-bottom: 0 solid #7ec512
}

.article-detail .article .content ul li .inarticle_recommend a {
    color: green;
    display: initial;
    white-space: initial
}

.article-detail .article .content * {
    font-size: 20px;
    line-height: 1.75em;
    letter-spacing: .075em;
    text-align: left
}

.article-detail .article .content p {
    margin-block-start: 1em;
    margin-block-end: 1em
}

.article-detail .article .gboard {
    text-align: center;
    height: 350px;
    background-color: #799352
}

.article-detail .article .gboard:before {
    content: "";
    height: 100%;
    display: inline-grid;
    vertical-align: middle
}

#login_layer,
.article-detail,
.login_icon_email {
    padding: 0 10px
}

.article-detail .article .gboard span.stitle {
    font-size: 56px;
    color: #fff;
    display: inline-grid;
    vertical-align: middle
}

.article-detail .article p.dashline {
    border-bottom: 2px dashed #000
}

.main-container .tag-info {
    margin: 5px 0 12px
}

.main-container .tag-info .title {
    font-size: 26px;
    letter-spacing: .12em;
    font-weight: bolder;
    text-align: left;
    padding-bottom: 5px
}

.main-container .tag-info article {
    font-size: 20px;
    letter-spacing: .1em;
    text-align: left;
    line-height: 1.4em
}

.adinarticle_wrapper {
    border-radius: 10px;
    border: 2px dashed #dc9d76;
    margin: 7px 0;
    padding: 10px
}

.adinarticle_div {
    display: flex !important;
    align-items: center;
    line-height: 24px !important
}

.article-detail .article .content a.adinarticle {
    align-items: center;
    padding: 0;
    border-radius: 10px;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 0
}

.retarget_upbn a {
    border-bottom: 0 !important
}

#article_page .adinarticle_div img.adinarticle_img {
    display: inline-block;
    align-items: center;
    width: 30px;
    margin-bottom: 0;
    margin-right: 5px;
    vertical-align: middle
}

#article_page .adinarticle_div img.adinarticle_lastimg {
    display: inline;
    margin-bottom: 0;
    width: 17px;
    margin-left: 2px
}

.article-detail .article .content .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.article-detail .article .content .video-container embed,
.article-detail .article .content .video-container iframe,
.article-detail .article .content .video-container object,
.auto-resizable-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.article-detail .article .content a {
    color: green;
    display: inline;
    word-break: break-all;
    word-wrap: break-word;
    border-bottom: 1px solid #7ec512
}

.article-detail .article .content a:has(>img) {
    border-bottom: 0
}

.inarticle_recommend a {
    border-bottom: 1px solid #7ec512
}

.article-detail .article .content a.ulinks {
    color: #00f;
    text-decoration: underline;
    border-bottom: 0 solid #7ec512 !important
}

.article-detail .article .content caption,
.article-detail .article .content table,
.article-detail .article .content tbody,
.article-detail .article .content td,
.article-detail .article .content tfoot,
.article-detail .article .content th,
.article-detail .article .content thead,
.article-detail .article .content tr {
    border: 1px solid grey
}

.recommend {
    border-color: #f0ad4e;
    padding: 20px;
    font-size: 20px;
    line-height: 1.75em;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 28px
}

.recommend_title {
    margin-left: -10px;
    font-weight: 700;
    color: #3b3b3b
}

.article-detail .share {
    text-align: center;
    position: fixed;
    top: 45%;
    left: 5px
}

@media screen and (min-width:1280px) {
    .article-detail .share {
        left: 100px
    }
}

@media screen and (min-width:1380px) {
    .article-detail .share {
        left: 140px
    }
}

@media screen and (min-width:1480px) {
    .article-detail .share {
        left: 16%
    }
}

@media screen and (max-width:1070px) {
    .article-detail .share {
        display: none
    }
}

.article-detail .share .share-btn {
    padding: 5px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.article-detail .share .share-btn a {
    color: #fff;
    font-size: 20px;
    line-height: 1.8em;
    border-radius: 8px;
    font-weight: 700;
    width: 41px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative
}

.tooltip,
[data-tooltip] {
    position: relative;
    cursor: pointer
}

.tooltip:after,
.tooltip:before,
[data-tooltip]:after,
[data-tooltip]:before {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
    -moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -moz-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none
}

.tooltip:focus:after,
.tooltip:focus:before,
.tooltip:hover:after,
.tooltip:hover:before,
[data-tooltip]:focus:after,
[data-tooltip]:focus:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1
}

.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: 0 0;
    content: ""
}

.tooltip:after,
[data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    width: 160px;
    background-color: hsla(0, 0%, 20%, .9);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2
}

.tooltip-top:after,
.tooltip-top:before,
.tooltip:after,
.tooltip:before,
[data-tooltip]:after,
[data-tooltip]:before {
    bottom: 100%;
    left: 50%
}

.tooltip-top:before,
.tooltip:before,
[data-tooltip]:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: hsla(0, 0%, 20%, .9)
}

.tooltip-top:focus:after,
.tooltip-top:focus:before,
.tooltip-top:hover:after,
.tooltip-top:hover:before,
.tooltip:focus:after,
.tooltip:focus:before,
.tooltip:hover:after,
.tooltip:hover:before,
[data-tooltip]:focus:after,
[data-tooltip]:focus:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px)
}

.tooltip-right:after,
.tooltip-right:before {
    bottom: 20%;
    left: 100%
}

.tooltip-right:before {
    margin-bottom: 9px;
    margin-left: -11px;
    border-top-color: transparent;
    border-right-color: hsla(0, 0%, 20%, .9)
}

.tooltip-right:focus:after,
.tooltip-right:focus:before,
.tooltip-right:hover:after,
.tooltip-right:hover:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.article-detail .share .share-btn a span,
.idle-table-content .share-btn a span {
    background-position: center left;
    padding-left: 20px;
    display: inline-block
}

.article-detail .share .share-btn .telegram span {
    padding-left: 17px;
    margin-left: -7px
}

.article-detail .share .share-btn .instagram {
    background-color: #ff496e
}

.article-detail .share .share-btn .instagram span {
    padding-left: 24px
}

.article-detail .share .share-btn .instagram:active,
.article-detail .share .share-btn .instagram:hover {
    background-color: #f24180
}

.article-detail .share .share-btn .fb {
    background-image: url("../image/shareFB_green.png")
}

.article-detail .share .share-btn .fb span {
    padding-left: 18px
}

.article-detail .share .share-btn .line {
    background-image: url("../image/shareLine_green.png")
}

.article-detail .share .share-btn .line span,
.article-detail .share .share-btn .sharelink span,
.article-detail .share .share-btn .sms span {
    padding-left: 28px
}

.article-detail .share .share-btn .sms {
    background-image: url("../image/sharemail_green.png")
}

.article-detail .share .share-btn .sharelink {
    background-image: url("../image/share_green.png")
}

.share_text {
    transform: rotate(-90deg);
    float: right;
    margin-top: 30px
}

.member .member-collect .member-collect-features a:first-child,
.share_text img {
    width: 70px
}

.article-detail .more-articles {
    padding-bottom: 50px
}

.article-detail .more-articles .header {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .115em;
    margin-bottom: 30px
}

.article-detail .more-articles .also-extend .also-read,
.article-detail .more-articles .also-extend .extend-read,
.index-page .latest-articles-container .editor-articles,
.index-page .latest-articles-container .latest-articles {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.article-detail .more-articles .also-extend .also-read {
    padding-right: 20px
}

.article-detail .more-articles .also-extend .extend-read,
.idle-table-content .share-btn .fb span {
    padding-left: 20px
}

.article-detail .more-articles .also-extend .title {
    margin-top: 18px;
    position: relative
}

.article-detail .more-articles .also-extend .title span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background-color: #7ec512
}

.article-detail .more-articles .also-extend .title a {
    font-size: 16px;
    letter-spacing: .06em;
    line-height: 1em;
    height: 1em;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (min-width:0px) and (max-width:768px) {
    .article-grid .grid {
        width: 100% !important
    }

    .article-grid .grid .grid-img {
        width: 44%;
        float: left
    }

    .picarticle .grid {
        width: 50% !important;
        float: left
    }

    .article-grid .grid .grid-img img {
        width: 100%
    }

    .article-grid .grid .grid-img img.img-2,
    .article-grid .grid .grid-img img.img-3,
    .article-grid .grid .grid-img img.img-4,
    .article-grid .grid .grid-img img.img-square,
    .article-list .list .list-img img {
        height: 172px
    }

    .article-grid .grid .grid-article {
        padding: 2px 0 2px 8px;
        width: 56%;
        float: right
    }

    .article-grid .grid .grid-article .detail .title {
        font-size: 18px;
        height: auto;
        max-height: 3.9em;
        letter-spacing: .033em
    }

    .article-grid .grid .grid-article .detail .content {
        font-size: 18px;
        height: auto;
        max-height: 81px
    }

    .article-list .list .list-article {
        padding: 2px 0 2px 8px
    }

    .article-list .list .list-article .ad-content {
        height: auto;
        max-height: 5.6em
    }

    .article-detail .more-articles .also-extend .also-read,
    .article-detail .more-articles .also-extend .extend-read {
        width: 100%;
        padding: 10px 0
    }

    .article-detail .share {
        margin: 0 -2px 40px;
        text-align: center
    }

    .article-detail .share .share-btn {
        width: calc(100% / 2);
        padding: 2px
    }

    .article-grid .grid .grid-article .content {
        font-size: 16px;
        height: 76px;
        font-weight: 700
    }
}

.tryout {
    background-color: #fff591;
    box-shadow: 0 0 2px 2px #f6eec7;
    text-align: center;
    position: relative;
    padding: 9px 11px 8px 16px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
    border-radius: 12px
}

.tryout:hover {
    background-color: #ffe75e
}

@media screen and (max-width:320px) {
    .article-detail .article .date-author {
        margin-bottom: 6px
    }

    .article-detail .article .content * {
        font-size: 17px
    }

    .article-detail .article .gboard {
        height: 187px !important
    }

    .article-detail .article .gboard span.stitle {
        font-size: 30px !important
    }
}

.sidebar-container .article-header {
    background-color: #7ec512;
    margin-top: 17px
}

.sidebar-container .article-header .title {
    font-size: 18px;
    letter-spacing: .12em
}

.sidebar_ac .owl-item {
    margin-top: 13px
}

.sidebar-container .article-header #sidebar_a_title {
    letter-spacing: 0
}

.sidebar-container .article-list .list .list-article {
    padding: 8px 0 0 8px
}

.sidebar-container .article-list .list .list-article .content {
    font-size: 15px;
    line-height: 1.27em;
    height: 58px;
    min-height: 58px;
    font-weight: 700
}

.sidebar-container .article-list .list.img-square .list-article {
    padding: 5px 0 5px 8px
}

.sidebar-container .article-list .list.img-square .list-article .title a {
    font-size: 16px;
    letter-spacing: .04em;
    height: 16px
}

.sidebar-container .article-list .list.img-square .list-article .content {
    height: 39px;
    min-height: 39px;
    font-weight: 400
}

.ad .sidebar-container .sidebar-ad .sidebar-ad-img,
.sidebar-container .ad-list .list .list-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.sidebar-container .ad-list .list .list-img img {
    width: 100%;
    height: 100%
}

.sidebar-container .health .article-header .title {
    letter-spacing: .5px
}

.sidebar-container .health .lead-health-icon {
    position: absolute;
    top: 2px;
    left: 16px
}

.sidebar-container .subscribe i {
    display: inline-block;
    margin-top: 1px;
    float: left;
    width: 11px;
    height: 13px
}

.sidebar-container .subscribe p {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .157em;
    overflow: hidden;
    padding-left: 5px
}

.sidebar-container .subscribe .subscribe-out .subscribe-check {
    display: inline;
    width: 46%;
    margin-bottom: .5rem;
    float: left;
    color: #666;
    font-family: 微軟正黑體;
    letter-spacing: 2px;
    font-size: 15px;
    font-weight: 700
}

.sidebar-container .subscribe .subscribe-out .subscribe-check:nth-child(2n) {
    margin-left: 10px;
    width: 50%
}

.sidebar-container .subscribe .subscribe-out {
    height: 5px;
    width: 100%;
    padding: 10px 0 15px
}

.sidebar-container .subscribe .subscribe-out .subscribe-input {
    float: left;
    position: relative;
    width: 100%;
    margin: .75rem 0
}

.sidebar-container .subscribe .subscribe-out input[type=checkbox] {
    position: relative;
    line-height: 14px;
    font-size: 25px;
    cursor: pointer
}

.sidebar-container .subscribe .subscribe-out input[type=checkbox]:before {
    position: absolute;
    top: -2px;
    left: -1px;
    content: "";
    height: 15px;
    width: 15px;
    border: 1px solid #7ec512;
    background: #fff
}

.sidebar-container .subscribe .subscribe-out input[type=checkbox]:checked:before {
    content: "✔";
    color: #7ec512
}

.sidebar-container .subscribe .subscribe-out input[type=checkbox]:hover:before {
    border: 1px solid #40a5c6
}

.sidebar-container .subscribe .subscribe-out .subscribe-input input[type=email] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
    padding: 0 12px;
    line-height: 30px;
    border: 1px solid #969696;
    border-radius: 0;
    color: #969696;
    font-size: 14px
}

.sidebar-container .subscribe .subscribe-out .subscribe-input input[type=email]:-moz-placeholder {
    color: #969696;
    font-size: 14px
}

.sidebar-container .subscribe .subscribe-out .subscribe-input input[type=email]::-moz-placeholder {
    color: #969696;
    font-size: 14px
}

.sidebar-container .subscribe .subscribe-out .subscribe-input input[type=email]:-ms-input-placeholder {
    color: #969696;
    font-size: 14px
}

.sidebar-container .subscribe .subscribe-out .subscribe-input input[type=email]::-webkit-input-placeholder {
    color: #969696;
    font-size: 14px
}

.sidebar-container .subscribe .subscribe-out .subscribe-input a {
    position: absolute;
    background-color: #969696;
    color: #fff;
    top: 0;
    right: 0;
    width: 95px;
    height: 100%
}

.sidebar-container .subscribe .subscribe-out .subscribe-input a .submit {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: .157em;
    text-align: center;
    padding: 8px 0
}

.sidebar-container .fb .ad-list .list a {
    height: 216px
}

.sidebar-container .line .line-inner {
    background-color: rgba(126, 197, 18, .3);
    color: #78be23;
    height: 300px;
    text-align: center;
    font-size: 18px;
    letter-spacing: .05em
}

.sidebar-container .line .line-inner p {
    padding-top: 20px;
    font-weight: 700
}

.sidebar-container .line .line-inner .qrcode {
    padding: 7px;
    background-color: #fff;
    margin-top: 20px
}

.sidebar-container .line .line-inner .line-button {
    width: 195px;
    height: 44px;
    margin: auto;
    padding-top: 15px
}

.sidebar-container .line .line-inner .line-button a {
    background-color: #78be23;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .05em;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.linefriends main .subscribe .subscribe-out td,
.linefriends main .subscribe .subscribe-out th,
.sidebar-container .line .line-inner .line-button a img {
    padding: 8px 0
}

.sidebar-container .line .line-inner .line-button a span {
    position: relative;
    top: -15px;
    padding-left: 6px
}

.sidebar_inner .sidebar_podcast_text {
    display: inline-block;
    font-family: Microsoft JhengHei;
    vertical-align: middle;
    font-weight: 700;
    color: #666;
    font-size: 14px
}

.sidebar_inner .sidebar_podcast {
    display: inline-block;
    width: 35px;
    vertical-align: middle
}

.sidebar_inner .sidebar_podcast img {
    width: 39px
}

.tab-change .tab,
.tab-right-change .tab {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 10px 0 7px;
    border-bottom: 4px solid #7ec512;
    curdor: pointer;
    text-align: center
}

.owl-controls .owl-pagination .owl-page.active span,
.pager .pagination li.active,
.pager .pagination li:hover,
.slider .owl-theme .owl-controls .owl-pagination .owl-page.active span,
.tab-change .active,
.tab-right-change .active,
.tab-right-change .tab:hover {
    background-color: #7ec512
}

.tab-change .tab span,
.tab-right-change .tab span {
    font-size: 17px;
    font-weight: 700;
    padding-left: 3px
}

.greenlogo,
.tab-change .menu-name .greenlogo,
.tab-change .menu-name .whitelogo {
    margin-right: 3px;
    padding-left: 15px;
    width: 20px
}

.tab-content,
.tab-right-content {
    display: none;
    background: #fff
}

#retargeting_mobile,
.ad .project-footer-top .footer-container ul li,
.input-text,
.join_activity,
.lineimg,
.logintext,
.pc_ec,
.result_link_block,
.tab-content.current,
.tab-right-content.current,
.tabcontent .search_label {
    display: inline-block
}

@media screen and (min-width:0px) and (max-width:768px) {
    .sidebar-container .article-list .list .list-img img {
        height: 172px
    }

    .sidebar-container .article-list .list .list-article .content {
        font-size: 18px;
        height: auto;
        max-height: 63px
    }

    .sidebar-container .projects .article-list .list .list-article .title a {
        font-size: 18px;
        height: 20px
    }

    .sidebar-container .projects .article-list .list .list-article .content {
        height: auto;
        max-height: 47px
    }

    .sidebar-container .projects .article-list .list .txt {
        display: none
    }
}

.pager {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 26px
}

.article-detail .pager {
    margin-top: 25px
}

.pager .pagination li {
    display: inline-block;
    background-color: #d6d7d9;
    border-radius: 2px;
    margin: 0 2px
}

.pager .pagination li a,
.pager .pagination li span {
    display: block;
    font-size: 18px;
    width: 31px;
    height: 31px;
    line-height: 35px
}

.pager .pagination li a.actbtn {
    width: auto !important;
    padding: 0 5px
}

.slider .item img {
    width: 100%;
    height: 330px
}

.slider .owl-theme .owl-controls {
    margin-top: 7px;
    margin-bottom: 18px
}

.owl-controls .owl-pagination .owl-page span,
.slider .owl-theme .owl-controls .owl-pagination .owl-page span {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 1px solid #7ec512;
    opacity: 1;
    margin: 0 2px
}

.member-activity .tab a.tab-join,
.member-join #form2 .tab a.tab-join {
    color: #747474;
    border-bottom: 4px solid #747474;
    text-align: center;
    box-sizing: border-box;
    font-weight: 700
}

.slider .owl-theme .owl-controls .owl-buttons .owl-next,
.slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: transparent;
    width: 26px;
    height: 63px;
    opacity: 1;
    font-size: 0
}

#sidebar_ac .owl-controls .owl-buttons .owl-prev,
#slider-special-item-index .owl-controls .owl-buttons .owl-prev,
.popular-video-container .slider .owl-theme .owl-controls .owl-buttons .owl-prev,
.slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 15px;
    background-image: url("../image/slider-prev.png")
}

#sidebar_ac .owl-controls .owl-buttons .owl-next,
#slider-special-item-index .owl-controls .owl-buttons .owl-next,
.popular-video-container .slider .owl-theme .owl-controls .owl-buttons .owl-next,
.slider .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 15px;
    background-image: url("../image/slider-next.png")
}

#special .slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 23%
}

#special .slider .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 23%
}

.slider #slider-items {
    padding-top: 68px;
    margin-top: -68px;
    margin-left: -14px
}

.slider #slider-items .owl-item .item {
    margin-left: 14px
}

.slider #slider-items .owl-item p {
    padding-top: 5px;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: .1em;
    height: 63px
}

.m-slider .media-slider .owl-controls .owl-pagination,
.slider #slider-items .owl-controls .owl-pagination {
    position: absolute;
    top: 50px;
    right: 0
}

.slider #slider-items .owl-controls .owl-pagination .owl-page span {
    width: 10px;
    height: 10px
}

.slider #slider-items .owl-controls .owl-buttons .owl-next,
.slider #slider-items .owl-controls .owl-buttons .owl-prev {
    width: 16px;
    height: 40px
}

.slider #slider-items .owl-controls .owl-buttons .owl-prev {
    left: 14px
}

#sidebar_ac .owl-controls .owl-buttons .owl-next,
#sidebar_ac .owl-controls .owl-buttons .owl-prev,
#slider-special-item-index .owl-controls .owl-buttons .owl-next,
#slider-special-item-index .owl-controls .owl-buttons .owl-prev,
.popular-video-container .slider .owl-theme .owl-controls .owl-buttons .owl-next,
.popular-video-container .slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    top: -30px;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: transparent;
    width: 0;
    height: 28px;
    opacity: 1;
    font-size: 0
}

.m-slider .owl-theme .owl-controls .owl-buttons .owl-next,
.m-slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    opacity: 1;
    font-size: 0
}

.m-slider .owl-wrapper-outer {
    height: 71px
}

.m-slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 5px;
    background-image: url("../image/arrow_l.png")
}

.m-slider .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 5px;
    background-image: url("../image/arrow_r.png")
}

.author-container .author .author-experience,
.m-slider .media-slider {
    padding-top: 12px
}

.m-slider .media-slider .owl-controls .owl-buttons .owl-next,
.m-slider .media-slider .owl-controls .owl-buttons .owl-prev {
    width: 16px;
    height: 66px
}

.m-slider .media-slider .owl-controls .owl-buttons .owl-prev {
    left: -10px;
    opacity: .5
}

.m-slider .media-slider .owl-controls .owl-buttons .owl-next {
    right: -10px;
    opacity: .5
}

.pc_ec {
    text-align: center !important;
    width: 100%;
    margin-left: 25%
}

.ec-page .article-wall-container,
.index-page .article-wall-container {
    padding-top: 6px
}

.ec-page .article-wall-container .nav-categories {
    width: 200px !important;
    display: table;
    padding: 0 5px
}

.ec-page .article-wall-container .nav-categories li .menu-name>a {
    color: #fff;
    padding: 5px
}

.ec-page .article-wall-container .nav-categories li .menu-name .name,
.index-page .article-wall-container .nav-categories li .menu-name .name {
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .075em;
    line-height: 26px;
    padding: 0 12px
}

.ec-page .article-wall-container .nav-categories li.active .menu-name,
.ec-page .article-wall-container .nav-categories li:active .menu-name,
.ec-page .article-wall-container .nav-categories li:hover .menu-name {
    background-color: #009a88;
    border-radius: 5px
}

.ec-page .article-wall-container .nav-categories li.active .menu-name>a,
.ec-page .article-wall-container .nav-categories li:active .menu-name>a,
.ec-page .article-wall-container .nav-categories li:hover .menu-name>a {
    background-color: #009a88
}

.ec-page .article-wall-container .nav-categories li.active .menu-name .name,
.ec-page .article-wall-container .nav-categories li:active .menu-name .name,
.ec-page .article-wall-container .nav-categories li:hover .menu-name .name {
    border-left-color: #009a88
}

.sun-ec-block .nav-categories li .menu-name>a,
.sun-ec-block .nav-categories li.active .menu-name {
    background-color: #ea5514 !important
}

.sun-ec-block .nav-categories li.active .menu-name>a {
    background-color: #ea5514 !important;
    padding: 5px !important
}

.tbs-block div.tbs-hr {
    border: 1px solid #ea5514
}

.sun-tbs ul.clearfix {
    background-color: #fefdee !important
}

.sun-tbs ul li h3 a {
    color: #ed7100 !important
}

.sun-tbs ul li p {
    color: #595757 !important;
    font-size: 14px;
    line-height: 1.7em
}

.sun-tbs ul li strong {
    color: #6b3906;
    font-size: 14px;
    line-height: 1.7em
}

.tbs-block {
    position: relative;
    text-align: left;
    display: none
}

.ad-tab ul.nav-categories li div a {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .055em;
    line-height: 20px
}

.tbs-block ul li h3 a {
    color: #006400;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 700
}

.tbs-block.current {
    display: inherit;
    padding: 0 5px;
    width: 100%
}

.tbs-block ul.clearfix {
    padding: 5px;
    background-color: #e9ebee
}

.tbs-block ul.clearfix li {
    display: inline-table;
    max-width: 128px;
    width: auto;
    padding-left: 10px
}

.tbs-block ul.clearfix img {
    width: auto
}

.search-filter-select {
    display: inherit;
    background-color: #78be23;
    border-radius: 4px
}

.search-filter-select select {
    padding: 0 5px 0 6px;
    font-size: 17px;
    margin: 3px 3px 3px 0;
    letter-spacing: .095em;
    font-family: "Microsoft JhengHei", "微軟正黑體", Arial
}

.newsletter .title,
.subscribe-progress p,
body.newsletter .title {
    font-family: 'Noto Sans TC', '微軟正黑體', sans-serif
}

.search-filter-select span {
    align-self: center;
    color: #fff;
    padding: 0 5px
}

.flex-right {
    display: flex;
    float: right
}

.activity_pod_bn {
    background-color: #f8f8fa;
    padding: 11px 16px 7px;
    margin-top: 5px;
    border-radius: 9px;
    width: 300px;
    box-sizing: border-box
}

.cp-topArticles {
    padding-top: 2px
}

.activity_bn {
    background-color: #f4f4f4;
    padding: 13px 16px;
    margin-top: 15px
}

.activity_block {
    width: 33%;
    float: left;
    padding: 8px;
    box-sizing: border-box
}

.activity_bn .activity_title a {
    color: #3a3a3a;
    float: left;
    display: block;
    width: 33%;
    font-size: 20px;
    text-align: center;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 2px
}

.activity_bn .activity_title:nth-child(odd) a {
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2
}

.social_bn {
    padding: 0 20px;
    margin-top: 5px
}

.social_bn .social_block {
    width: 25%;
    float: left;
    padding: 10px 4px;
    box-sizing: border-box
}

.tab_read_more {
    font-size: 15px;
    background: linear-gradient(transparent 53%, #78be23 31%);
    line-height: 24px;
    padding: 0 0 0 5px;
    font-weight: 700
}

#MainVideoPlayer2 {
    margin-top: 10px
}

@media screen and (min-width:620px) and (max-width:768px) {
    .slider .item img {
        height: 391px
    }

    .index-page .container {
        padding-top: 402px
    }

    .index-page .container .main-container .slider-container {
        position: absolute;
        top: 150px;
        left: 0;
        width: 100%
    }

    .index-page .container .main-container .no-ad {
        top: 79px
    }
}

@media screen and (min-width:520px) and (max-width:619px) {

    .article-grid .grid .grid-img img.img-2,
    .article-grid .grid .grid-img img.img-3,
    .article-grid .grid .grid-img img.img-4,
    .article-grid .grid .grid-img img.img-square,
    .article-list .list .list-img img {
        height: 138px
    }

    .sidebar-container .article-list .list .list-img img {
        height: auto
    }

    .slider .item img {
        height: 314px
    }

    .index-page .container {
        padding-top: 325px
    }

    .index-page .container .main-container .slider-container {
        position: absolute;
        top: 194px;
        left: 0;
        width: 100%
    }

    .index-page .container .main-container .no-ad {
        top: 79px
    }
}

@media screen and (min-width:420px) and (max-width:519px) {

    .article-grid .grid .grid-img img.img-2,
    .article-grid .grid .grid-img img.img-3,
    .article-grid .grid .grid-img img.img-4,
    .article-grid .grid .grid-img img.img-square {
        height: 115px
    }

    .article-list .list .list-img img {
        height: 125px
    }

    .article-detail .article .date-author {
        margin-bottom: 6px
    }

    .sidebar-container .article-list .list .list-img img {
        height: auto
    }

    .slider .item img {
        max-height: 262px
    }

    .index-page .container {
        padding-top: 273px
    }

    .index-page .container .main-container .slider-container {
        matgin-top: 14%;
        position: absolute;
        top: 194px;
        left: 0;
        width: 100%
    }

    .index-page .container .main-container .no-ad {
        top: 79px
    }
}

@media screen and (max-width:419px) {

    .article-grid .grid .grid-img img.img-2,
    .article-grid .grid .grid-img img.img-3,
    .article-grid .grid .grid-img img.img-4,
    .article-grid .grid .grid-img img.img-square,
    .article-list .list .list-img img {
        height: 90px
    }

    .article-detail .article {
        margin: 0 10px;
        text-align: left
    }

    .member-collect .article-list .list .list-img img {
        height: 100px
    }

    .article-detail .article .date-author {
        margin-bottom: 6px
    }

    .sidebar-container .article-header {
        margin-top: 0
    }

    .header .header-top .logo-health {
        padding: 0 10px
    }

    .header_fixed_top {
        margin-top: 35px
    }

    .sidebar-container .article-list .list .list-img img {
        height: auto
    }

    .tabcontent .search_input {
        width: auto
    }

    .tab-right-change {
        margin-top: 15px
    }

    #special .slider .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: 15px
    }

    #special .slider .owl-theme .owl-controls .owl-buttons .owl-next {
        right: 15px
    }

    .member .article-list {
        border-top: 1px solid #d6d6d6;
        border-bottom: 2px solid #d6d6d6;
        padding: 10px 0
    }

    .slider .item img {
        height: 100%;
        padding: 5px 0;
        max-height: 215px;
        box-sizing: border-box
    }

    .sidebar-container .top-articles {
        padding-top: 25px
    }

    .index-page .container {
        padding-top: 220px
    }

    .index-page .container .main-container .slider-container {
        position: absolute;
        top: 110px;
        left: 0;
        width: 100%
    }

    .index-page .container .main-container .no-ad {
        top: 79px
    }
}

.index-page .latest-articles-container,
.member .trail {
    margin-bottom: 30px
}

.member .trail .active {
    color: #f8c409
}

.member .trail span {
    margin: 0 5px
}

.member .member-bg {
    background-color: #fff;
    padding: 10px 0
}

.member-settings {
    margin: auto
}

.member .member-collect-features-user .form-input {
    background-color: #fff;
    padding: 0 20px
}

.member .member-control .member-btn {
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .35);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .35);
    padding: 9px 0;
    border-radius: 3px;
    display: block;
    text-align: center
}

.member .member-control .input-title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .15em
}

.member .member-control .input-title .sub-title {
    display: block;
    font-size: 15px;
    letter-spacing: .075em;
    margin-top: 5px
}

.member .member-control .input-select,
.member .member-control .input-text,
.member .member-control .radio-box+label {
    letter-spacing: .095em;
    font-size: 17px
}

.member .member-control .input-text {
    border-radius: 0;
    border-bottom: 1px solid #b2b2b2;
    font-family: "Microsoft JhengHei", "微軟正黑體", Arial;
    font-weight: 700
}

.member .member-control .member-modify .input-text {
    border-radius: 0;
    font-size: 17px;
    letter-spacing: .095em;
    border-bottom: 0 solid #b2b2b2;
    font-family: "Microsoft JhengHei", "微軟正黑體", Arial;
    font-weight: 700
}

.member .member-control .input-text1::placeholder {
    color: #b2b2b2
}

.member .member-control .input-text::placeholder {
    color: #b2b2b2
}

.member .member-control .input-select {
    border: none;
    background-color: #fff;
    border-radius: 0;
    padding: 6px 6px 6px 8px;
    font-family: Microsoft JhengHei
}

.member .member-control .check-box,
.member .member-control .radio-box {
    width: 30px;
    height: 20px;
    float: left
}

.member-center {
    padding: 0 0 0 50px;
    margin-top: 18px
}

.member .member-control .check-box+label {
    font-size: 17px;
    letter-spacing: .055em;
    line-height: 1.3em
}

.member .member-control .email-btn,
.member .member-control .fb-btn,
.member .member-control .line-btn {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    line-height: 1em;
    margin: 6px 0;
    cursor: pointer
}

.social_register_in_em {
    margin-bottom: 5%
}

.member .member-control .fb-btn {
    background-color: #395795;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    font-family: 微軟正黑體;
    position: relative;
    border: none
}

.member .member-control .input-text1,
.newsletter .subscribe-topic .go-back,
body {
    font-family: "Microsoft JhengHei", "微軟正黑體", Arial
}

.line_login_button img,
.member .member-control .fb-btn img,
.member .member-control .line-btn img {
    width: 26px;
    position: absolute;
    left: 10px;
    top: 4px
}

.member .member-control .email-btn {
    background-color: #ff9400
}

.member .member-control .email-btn-register {
    color: #000;
    tect-align: center;
    font-size: 17px;
    font-weight: 700
}

.member .member-control .check-btn {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    line-height: 1em;
    letter-spacing: .135em;
    background-color: #ff9400;
    margin-top: 15px
}

.idle-table-content .share-btn .sms:hover,
.member .member-control .check-btn:hover {
    background-color: #fed93c
}

.member .member-control .check-btn:active {
    background-color: #d1bf76
}

.member .member-control .member-modify .form-input {
    padding: 10px 0 10px 10px;
    box-shadow: 2px 5px 9px #ccc;
    border-radius: 8px
}

.member .member-control .form-input .user {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 5px 0
}

.member .member-control .form-input .input-left {
    display: inline-block;
    float: left;
    width: 20%;
    padding: 10px 0
}

.member .member-control .form-input .input-right {
    display: inline-block;
    width: 100%;
    font-family: 微軟正黑體
}

.member .member-control .member-modify .form-input .input-right {
    display: inline-block;
    width: 70%;
    font-family: 微軟正黑體
}

.member-activity #membercenter-tab a.tab-join {
    width: 42%;
    font-size: 20px;
    font-weight: 700;
    color: #bbb;
    display: inline-block;
    text-align: left;
    float: left;
    padding: 0 0 13px;
    box-sizing: border-box;
    border-bottom: 0 solid #ccc
}

.member-activity .tab a.tab-join {
    width: 50%;
    font-size: 19px;
    display: inline-block;
    float: left;
    padding: 0 0 13px
}

#container_member_page .join-activity .tab a.tab-join:first-child:after,
.member-join #form2 .tab a.tab-join1:after {
    content: '';
    height: 80%;
    width: 2px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ececec
}

.member-join #form2 .tab a.tab-join {
    width: 50%;
    font-size: 20px;
    display: inline-block;
    float: left;
    padding: 0 0 13px
}

.membercenter_title {
    font-size: 31px;
    color: #818181;
    font-weight: 700
}

.sigma-content {
    text-align: left;
    background-color: #fff;
    margin-top: 12px;
    position: relative
}

.sigma-middle-line:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #eaeaea;
    position: relative;
    top: 17px;
    left: 0
}

.sigma-line-text {
    display: inline-block;
    background: #fff;
    padding: 0 18px 0 0;
    position: relative;
    font-size: 26px;
    color: #818181;
    font-weight: 700
}

.join-epaper {
    line-height: 20px
}

.member-collect {
    box-sizing: border-box;
    padding: 0 50px
}

.member-activity .tab a.active,
.member-join #form2 .tab a.active {
    color: #f8c409;
    border-bottom: 4px solid #f8c409
}

.member-activity #membercenter-collect-tab a.active,
.member-activity #membercenter-tab a.active {
    border-bottom: 0 solid #f8c409;
    color: #767676
}

.member .member-control .member-login {
    padding: 102px 100px
}

.notice-list .tabnote-2 {
    width: 64%;
    display: inline-block;
    margin-top: 30px;
    float: right;
    text-align: right
}

.notice-list .tabnote-2 .text1 {
    color: #f8c102;
    font-size: 17px;
    font-weight: 700;
    margin-left: 10px
}

.notice-list .tabnote-2 .text2 {
    color: #7c7c7c;
    font-size: 16px;
    font-weight: 700
}

.member .member-control .member-join .form-input .input-title,
.member .member-control .member-login .input-title {
    letter-spacing: .1em
}

.member .member-control .member-login .fb-email {
    padding-bottom: 64px
}

.member .member-control .member-login .fb-email .email-btn,
.member .member-control .member-login .fb-email .fb-btn,
.member .member-control .member-modify .modify-addr select {
    width: 50%
}

.member .member-control .member-login .fb-email .fb-btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.member .member-control .member-login .fb-email .email-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.member .member-control .member-login .captcha input {
    width: 55%;
    float: left
}

.member .member-control .member-login .captcha .icon-captcha,
.member .member-control .member-login .captcha .icon-captcha-check {
    display: inline-block;
    float: left
}

.member .member-control .member-login .captcha .icon-captcha {
    margin-left: 5px;
    width: 94px;
    height: 41px
}

.member .member-control .member-login .captcha .icon-captcha-check {
    margin: 5px;
    width: 29px;
    height: 26px
}

.member .member-control .member-login .login .forgetpw,
.member .member-control .member-login .login .join {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .137em;
    margin-bottom: 10px
}

.join_check_enews {
    margin-bottom: 3px;
    font-size: 14px
}

.forgetpw_info {
    padding: 10px;
    letter-spacing: 0;
    line-height: 1.27em;
    font-size: 17px;
    font-weight: 700;
    color: #b2b2b2
}

.member .member-control .member-login .login .check-btn {
    clear: both
}

.member .member-activity .member-note {
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 25px 40px;
    box-sizing: border-box
}

.member .member-control .member-activity,
.member .member-control .member-join #form2 {
    padding: 25px 30px;
    margin-top: 22px;
    box-shadow: 5px 5px 5px #ccc;
    height: 480px;
    box-sizing: border-box
}

.member .member-activity .member-note .content .a_img {
    width: 40%;
    float: left
}

.member .member-activity .member-note .content .a_img img {
    width: 100%;
    float: left;
    height: 160px;
    border-radius: 6px
}

.member .member-activity .member-note .member-activity .a_content,
.member .member-control .member-activity .a_content {
    width: 60%;
    float: left;
    padding-left: 20px;
    box-sizing: border-box
}

.member .member-activity .member-note .content,
.member .member-control .member-activity .content {
    margin-top: 30px
}

.member .member-activity .member-note .a_content .type_date .type {
    display: inline-block;
    background: #5e5e5e;
    padding: 6px;
    margin: 0 5px 0 0;
    position: relative;
    color: #fff;
    font-weight: 700
}

.member .member-activity .member-note .a_content .type_date .type::after,
.member .member-control .member-activity .a_content .type_date .type::after {
    content: '';
    position: absolute;
    border-top: 14px solid transparent;
    border-left: 19px solid #5e5e5e;
    border-bottom: 14px solid transparent;
    right: -19px;
    top: 0
}

.member .member-activity .member-note .a_content .type_date .date {
    margin-left: 20px;
    color: #a5a5a5
}

.member .member-activity .member-note .a_content .title {
    font-size: 19px;
    font-weight: 700;
    padding: 10px 0;
    line-height: 23px
}

.member .member-control .member-activity {
    width: 62%;
    float: left;
    border-radius: 18px;
    border: 1px solid #ccc
}

.member .member-control .member-activity .a_content .type_date .type {
    display: inline-block;
    background: #5e5e5e;
    padding: 6px;
    margin: 0 5px 0 0;
    position: relative;
    color: #fff;
    font-size: 16px
}

.member .member-control .member-activity .a_content .type_date .date {
    margin-left: 20px;
    color: #a5a5a5;
    font-size: 16px
}

.member .member-control .member-activity .a_content .title {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0;
    line-height: 23px
}

.member .member-control .member-activity .join_activity_mag .a_content .title {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0;
    line-height: 23px;
    height: 100px
}

.tab-content .mainlogin_title {
    text-align: center;
    background: #e9e9e9;
    position: absolute;
    font-size: 17px;
    font-weight: 700;
    left: 0;
    width: 94%;
    bottom: 0;
    padding: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.member .member-control .member-activity .tab {
    padding: 0 20%
}

.member .member-control .member-activity .content .a_img {
    width: 40%;
    float: left;
    border-radius: 6px
}

.member .member-control .member-activity .content .a_img img {
    width: 100%;
    float: left;
    border-radius: 7px
}

.member .member-control .member-join {
    width: 38%;
    float: left;
    position: relative
}

.member .member-control .member-join .tab {
    padding: 0 20px
}

.member .member-control #member-join #form2 {
    margin-left: 0;
    border: 0 solid #ccc;
    box-shadow: 0 0 0 #ccc
}

.member .member-control .member-join #form2 {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 18px;
    margin-left: 20px
}

.member .member-control .member-join #form2.active {
    box-shadow: 0 0 13px #ffdc7a;
    border: 1px solid #f3c11c
}

.member .member-control .member-join .login_td3 {
    padding: 28px 20px 0
}

.member .member-control .member-join .fb-email {
    font-size: 17px;
    font-weight: 700;
    text-align: center
}

.member .member-control .member-join .fb-email .or {
    margin-left: 50px;
    margin-top: 8px;
    margin-bottom: 8px
}

.member .member-control .member-join .fb-email .num {
    float: left;
    width: 28px;
    display: inline-block;
    text-align: center;
    padding: 6px 0;
    border-radius: 50px;
    border: 1px solid #f8c409;
    margin: 6px 0;
    color: #f8c409
}

.member .member-control .member-join .fb-email .num+.member-btn {
    margin-left: 50px
}

.member .member-control .member-join .form-info {
    padding: 30px 0
}

.member .member-control .member-join .form-info p {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .06em;
    margin-bottom: 14px
}

.member .member-control .member-join .form-info span {
    font-size: 15px;
    letter-spacing: .055em
}

.member .member-control .member-join .form-input {
    padding-bottom: 20px
}

.member .member-control .member-join .form-input .input-title .star,
.member .member-control .member-join .form-input .input-title.email {
    font-size: 17px;
    letter-spacing: .055em;
    font-weight: 700
}

.member .member-control .member-join .form-input .input-attention {
    position: absolute;
    bottom: -1.3em;
    left: 0;
    font-size: 12px;
    letter-spacing: .055em
}

.member-join .join_check_enews {
    font-size: 10px;
    padding-top: 5px
}

.join-check .term {
    font-size: 10px
}

.member .member-control .member-join .form-input .check-email {
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    right: -33px;
    top: 8px
}

.member .member-control .member-join .join-check {
    margin-bottom: 5px;
    width: 100%
}

.member .member-control .member-join .join-check input[type=checkbox]+label {
    padding: 6px 0
}

.member .member-control .member-join .join-check .terms-of-service {
    display: inline-block;
    font-size: 10px;
    letter-spacing: .055em;
    color: #ff9201;
    line-height: 1.3em
}

.member .member-control .member-modify {
    padding: 0 40px;
    width: 70%;
    margin: 25px auto
}

.member .member-control .member-modify .modify-gender {
    padding-top: 10px
}

.member .member-control .member-modify .modify-gender input[type=radio]+label {
    margin-right: 20px
}

.member .member-control .member-modify .modify-birthday {
    margin-top: 2px;
    font-size: 17px;
    letter-spacing: .095em
}

.member .member-control .member-modify .modify-birthday select {
    letter-spacing: .015em;
    margin-right: 3px;
    margin-bottom: 3px
}

.member .member-control .member-modify .modify-addr .input-text {
    margin-top: 3px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%
}

.member .member-control .member-modify .order-newsletter {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #707070
}

.member .member-control .member-modify .order-newsletter .input-title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .095em;
    color: #707070
}

.member .member-control .member-modify .order-newsletter .newsletter-check {
    display: inline-block;
    margin-left: 15px
}

.member .member-control .member-modify .order-newsletter .newsletter-check label {
    font-size: 17px;
    letter-spacing: .095em;
    line-height: 15px
}

.member .member-control .member-modify .modify {
    width: 45%;
    margin: 0 auto
}

.member .member-center .member-center-info .title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .095em;
    margin-bottom: 6px;
    display: block
}

.member-center-info img {
    width: 80%;
    padding: 12px 11px;
    box-sizing: border-box
}

.member .member-center .member-center-info .name {
    font-size: 20px;
    letter-spacing: .135px;
    line-height: 25px
}

.member .member-center .member-center-features {
    text-align: center;
    border-top: 10px solid #fdc90d;
    box-shadow: 2px 5px 9px #ccc
}

.member .member-center .member-center-features .feature {
    width: calc(100%/4);
    float: left;
    box-sizing: border-box;
    display: table;
    padding: 0 5px
}

.member .member-center .member-center-features .feature_social {
    width: 100%;
    float: left;
    box-sizing: border-box;
    display: table;
    padding: 0 10px
}

.member .member-control .member-activity .join_activity_mag .a_img img {
    width: 100%;
    height: 185px;
    float: none
}

.member .member-center .member-center-features .feature a {
    font-size: 20px;
    font-weight: 700;
    color: #5e5e5e;
    letter-spacing: .06em;
    line-height: 1.1em;
    height: 62px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #b1b1b1
}

.member .member-center .member-center-features .feature a:nth-child(4) {
    border-bottom: 0 solid #b1b1b1
}

.member .member-center .member-center-features .feature a.active,
.member .member-center .member-center-features .feature a:active,
.member .member-center .member-center-features .feature a:hover {
    color: #b1b1b1
}

.member .member-collect .member-collect-features-user {
    text-align: center;
    border-bottom: 1px solid #b1b1b1
}

.member .member-settings .member-collect-features-user {
    text-align: center;
    border-bottom: 1px solid #b1b1b1;
    width: 70%;
    margin: auto
}

.member .member-collect .member-collect-features a {
    width: 105px;
    float: left;
    margin-right: 6px;
    font-size: 20px;
    letter-spacing: .155em;
    line-height: 2em;
    font-weight: 700;
    text-align: left;
    color: #b4b4b4;
    margin-top: 13px
}

.member .member-collect .member-collect-features-user a {
    width: 50%;
    float: left;
    font-size: 17px;
    letter-spacing: .155em;
    line-height: 2em;
    font-weight: 700;
    color: #707070
}

.member .member-collect .member-collect-features a.active,
.member .member-collect .member-collect-features a:active,
.member .member-collect .member-collect-features a:hover {
    border-bottom: 3px solid #fdc601;
    color: #818181
}

.member .member-collect #membercenter-collect-tab a.active,
.member .member-collect #membercenter-collect-tab a:active,
.member .member-collect #membercenter-collect-tab a:hover {
    border-bottom: 0 solid #fdc601;
    color: #818181
}

.member .member-collect .member-collect-features-user a.active,
.member .member-collect .member-collect-features-user a:active,
.member .member-collect .member-collect-features-user a:hover {
    border-bottom: 3px solid #fdc601;
    color: #fdc601
}

.member .member-collect .member-collect-search .search-input input[type=text]:-moz-placeholder {
    color: #fdc601
}

.member .member-collect .member-collect-search .search-input input[type=text]::-moz-placeholder {
    color: #fdc601
}

.member .member-collect .member-collect-search .search-input input[type=text]:-ms-input-placeholder {
    color: #fdc601
}

.member .member-collect .member-collect-search .search-input input[type=text]::-webkit-input-placeholder {
    color: #fdc601
}

.member .member-collect .member-collect-search .search-input a {
    width: 23px;
    height: 21px;
    position: absolute;
    top: 2px;
    right: 4px
}

.member .member-collect .member-collect-list .article-list .list {
    padding: 20px 12px 20px 10px;
    border-bottom: transparent;
    position: relative
}

.member-collect #form_01,
.member-collect #form_03,
.member-collect-list .notice-list {
    margin-top: 35px;
    box-sizing: border-box
}

.collect-tab {
    padding: 7px 15px
}

.member .member-collect .member-collect-list .article-list .list .list-article {
    padding-top: 0
}

.member .member-collect .member-collect-list .article-list .list .list-article .title a {
    color: #383838;
    font-size: 19px;
    line-height: 1.3em;
    height: 2.6em
}

.member .member-collect .member-collect-list .article-list .list .list-article .info {
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px
}

.member .member-collect .member-collect-list .article-list .list .list-article .info .feature .fb,
.member .member-collect .member-collect-list .article-list .list .list-article .info .feature .google,
.member .member-collect .member-collect-list .article-list .list .list-article .info .feature .line,
.member .member-collect .member-collect-list .article-list .list .list-article .info .feature .sms {
    width: 30px;
    height: 30px
}

.member .member-collect .member-collect-list .article-list .list .list-article .info .feature .google {
    background-size: 16px auto
}

.member .member-collect .member-collect-list .article-list .list .list-article .info .feature .fb {
    background-size: 8px auto
}

.member .member-collect .member-collect-list .article-list .list .list-article .content {
    height: 43px
}

.member .member-collect .member-collect-list .notice-list .list {
    position: relative;
    padding: 0;
    font-size: 17px
}

.member .member-collect .member-collect-list .notice-list .list+.list {
    margin-top: 18px
}

.member .member-collect .member-collect-list .notice-list .list .date {
    margin-left: 25px;
    margin-bottom: 40px;
    font-weight: 700
}

.member .member-collect .member-collect-list .notice-list .list .title {
    margin-bottom: 26px
}

.member .member-collect .member-collect-list .notice-list .list .title a {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3em;
    letter-spacing: .033em;
    outline: 0
}

.member .member-collect .member-collect-list .notice-list .list .notice-read {
    text-align: right;
    margin-bottom: 5px
}

.member .member-collect .member-collect-list .notice-list .list .notice-read i {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 6px;
    margin-bottom: -5px
}

.member .member-collect .member-collect-list .notice-list .list .new {
    position: absolute;
    width: 36px;
    height: 50px;
    top: -3px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding-top: 19px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #d4d5d7;
    -moz-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .25)
}

.member .member-collect .member-collect-list .notice-list .list .new.active {
    background-color: #fdc90d
}

.member .member-collect .member-collect-list .notice-list .list .new:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    color: #222;
    border-bottom: 10px solid #faf9f5;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    position: absolute;
    bottom: -2px;
    left: -4px;
    right: 0;
    margin: auto
}

.member .owl-theme .owl-controls {
    position: absolute;
    z-index: 99;
    left: 25%;
    right: 25%;
    margin-top: -20px
}

.idle-table-content .share-btn .sms,
.member .member-collect .member-collect-pager .pager .pagination li.active,
.member .member-collect .member-collect-pager .pager .pagination li:hover {
    background-color: #fdc601
}

.member .member-collect .member-collect-data {
    text-align: center;
    margin: 13px 0;
    width: 100%;
    float: left;
    border-bottom: 1px solid #b1b1b1;
    position: relative
}

.member .member-collect .member-collect-data a {
    width: 110px;
    float: left;
    font-size: 20px;
    letter-spacing: .155em;
    line-height: 1.77em;
    border-bottom: 0;
    font-weight: 700
}

.member .member-collect .mycollectdata {
    padding-bottom: 1px;
    border-bottom: 1px solid #fdc601;
    margin-bottom: 10px
}

.login-line-title,
.member .member-collect .mycollectdata .member-collect-data a select:hover,
.member .member-collect .mycollectdata .member-collect-data a.active,
.member .member-collect .mycollectdata .member-collect-data a:active,
.member .member-collect .mycollectdata .member-collect-data a:hover {
    cursor: pointer
}

.member .member-collect .member-collect-data a:first-child {
    border-right: 1px solid #3e3a39
}

.member-collect-data a select {
    border: 0;
    background-color: #fff;
    width: 100%;
    -webkit-appearance: none;
    letter-spacing: .155em;
    font-size: 20px;
    font-weight: 700
}

.member-collect-data a select:after {
    content: '\0025BC';
    font: 12px/1 FontAwesome;
    color: #000;
    right: 14px;
    top: 4px;
    height: 26px;
    padding: 15px 0 0 8px;
    position: absolute;
    pointer-events: none
}

.member-collect-data a.active select {
    position: relative;
    border: 0;
    width: 100%;
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
    font-weight: 700
}

.member-collect-list .search-input input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
    padding: 0 6px;
    line-height: 35px;
    border: 2px solid #fdc601;
    color: #fdc601;
    border-radius: 10px;
    font-size: 16px
}

.magazine-list .download a,
.member-center .terms a {
    font-size: 18px;
    color: #fff
}

.member-collect-list .search-input {
    text-align: right;
    position: absolute;
    right: 0;
    width: 50%;
    bottom: 5px
}

#searchma_label {
    bottom: 17px;
    z-index: 5
}

.member-collect-list input::placeholder {
    color: #fdc601;
    margin-left: 10px
}

.member-collect-list .t-content .search-input a {
    width: 23px;
    height: 21px;
    position: absolute;
    top: 2px;
    right: 10px
}

.magazine {
    margin-top: 26px
}

.magazine_sub {
    float: right;
    font-size: 21px;
    font-weight: 700;
    color: #ccc
}

.magazine-list {
    width: 100%;
    float: left;
    margin-bottom: 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.magazine-list .m_image {
    width: 30%;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.magazine-list .mag_content {
    width: 70%;
    float: right;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.magazine-list .mag_description {
    padding-left: 20px;
    font-size: 20px
}

.magazine-list .download {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f8c102;
    padding: 7px 10px;
    border-radius: 2px;
    font-weight: 700;
    color: #fff
}

.magazine-list .mag_content .mag_description ul li {
    line-height: 25px;
    color: #6b6b6b;
    font-weight: 700
}

.magazine-list .mag_content .mag_title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 700;
    padding: 0 0 5px
}

.category_select a[data-tab=tabs-1-1]::after {
    content: "▼";
    position: absolute;
    right: 12px;
    top: 0;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none
}

.member-collect-data a.active select:focus,
.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list .today-articles .sub-menu-tab .link-list>li:last-child .sub-menu-link {
    border: 0
}

#optionData {
    position: relative;
    z-index: 2
}

.member-collect-data a option {
    background-color: #fff;
    -webkit-appearance: none
}

.mainlogin_title_tr {
    background: #e9e9e9;
    position: absolute;
    width: 100%;
    margin: 0 -20px;
    bottom: 0;
    padding: 10px
}

.forgetpw_label a,
.mainlogin {
    color: #ff9201;
    font-size: 17px;
    border-bottom: 1px solid #ff9201;
    padding-bottom: 3px
}

.member_popup_wrapper {
    height: 360px;
    position: relative
}

.mainlogin_title {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: 700
}

.mainlogin {
    display: inline-block
}

.forgetpw_label a {
    font-weight: 700
}

.member_popup_wrapper #cboxContent {
    position: unset;
    margin-top: 0
}

#forgetpw_icon,
#forgetpw_join_icon {
    color: #b7b7b7
}

#container #container_member_page,
#container #container_picarticle_page {
    width: 970px
}

.member-center .terms {
    display: inline-block;
    background: #5d5d5d;
    padding: 12px;
    border-radius: 20px;
    margin: 10px 0;
    width: 100%;
    box-sizing: border-box
}

.member-center .terms a {
    font-weight: 700
}

.member-activity .tab-note {
    display: inline-block;
    width: 30%
}

.tabnote {
    width: 36%;
    display: inline-block;
    margin-top: 30px
}

.member-note .a_content {
    padding-left: 16px;
    display: inline-block;
    width: 60%;
    float: left;
    box-sizing: border-box
}

.join_activity .gotolink,
.join_activity_mag .gotolink,
.member-note .gotolink a {
    float: right;
    color: #fff;
    border-radius: 20px
}

.member-note .gotolink a {
    background: #fcbf00;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    width: 25%;
    padding: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.join_activity .gotolink {
    background: #f5bf0e;
    width: 37%;
    padding: 3px 10px;
    display: inline-block;
    margin-bottom: 26px
}

.join_activity .gotolink a,
.join_activity_mag .gotolink a {
    color: #fff;
    background: #fcbf00;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    padding: 8px;
    border-radius: 20px
}

.join_activity_mag .gotolink {
    background: #f5bf0e;
    width: 37%;
    padding: 0 10px;
    display: inline-block;
    margin-bottom: 15px
}

.article_bar_leftblock img,
.northstar_pc img {
    max-height: 40px
}

#special .slider .item {
    position: relative;
    height: 450px
}

#special .article-grid .grid .grid-article {
    height: 136px
}

.special_bn_a {
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

.special_bn {
    width: 55% !important;
    height: auto !important;
    margin-top: 25px
}

@media screen and (min-width:1800px) {
    .special_bn {
        width: 50% !important;
        height: auto !important;
        margin-top: 25px
    }
}

.special_title {
    font-size: 28px;
    width: 100%;
    border-bottom: 3px solid #ccc;
    font-weight: 700;
    padding-bottom: 6px
}

.special_title .a {
    border-bottom: 4px solid #88ae41
}

.special_title .b {
    border-bottom: 4px solid #6f7e9c
}

.special_title .c {
    border-bottom: 4px solid #ffc352
}

.special_doll {
    position: absolute;
    width: 20%;
    bottom: 0;
    left: 100px
}

@media screen and (min-width:1600px) {
    .special_bn {
        width: 50% !important;
        height: auto !important;
        margin-top: 25px
    }

    .special_doll {
        width: 300px;
        left: 170px
    }

    #special .slider .item {
        height: 500px
    }
}

.special_content {
    font-size: 18px;
    line-height: 28px;
    color: #919191;
    font-weight: 700
}

#special_mag .special_content {
    margin-top: 20px;
    font-weight: 700
}

.specialurl {
    margin-top: 5%
}

#special .article-grid {
    margin: 3.5% 0 35px
}

#special .article-list .list {
    padding: 3.5% 0 0;
    border-bottom: 0 solid #a0d757;
    position: relative
}

#special .article-list .list .list-img {
    width: 35%
}

#special .article-list .list .list-article {
    width: 65%;
    padding: 0 5%
}

#special .article-list .list .list-img #specialimg {
    height: 280px;
    width: auto
}

#special .article-grid .grid .grid-article .detail .title {
    height: auto;
    font-size: 20px
}

#special .article-grid .grid .grid-article .content {
    font-size: 18px;
    color: #919191;
    font-weight: 700;
    height: auto
}

#special .article-list .list .list-article .content,
.search_label span {
    font-size: 18px
}

#special .article-list .list .list-article .title a {
    font-size: 20px;
    line-height: 1.1em;
    letter-spacing: 0;
    font-weight: 700;
    color: #000;
    height: auto;
    text-align: justify
}

.specialurl .link1,
.specialurl .link2 {
    width: 50%;
    float: left;
    text-align: center;
    margin: auto;
    border-radius: 30px;
    display: grid
}

.picblue_border::before,
.piccoffee_border::before,
.picgreen_border::before,
.picorange_border::before,
.picpurple_border::before,
.picred_border::before {
    z-index: 13;
    right: -5px;
    width: 20px;
    height: 20px;
    top: 45px;
    content: ""
}

.specialurl .link1 a,
.specialurl .link2 a {
    font-size: 19px;
    font-weight: 700;
    display: inline-block;
    padding: 20px;
    text-align: center;
    color: #fff;
    letter-spacing: 0;
    box-shadow: 0 4px 7px rgb(0 0 0 / 50%)
}

.specialurl .link1 a {
    background-color: #a3c85e
}

.specialurl .link2 a {
    background-color: #e97067
}

.special_other_button {
    color: #e7ba48;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    width: 25%;
    border-radius: 20px;
    position: absolute;
    right: 0;
    bottom: 0
}

.special_other_button .fas {
    margin-left: 5px;
    font-size: 20px
}

.special_bg .slider .owl-theme .owl-controls .owl-pagination .owl-page.active span {
    background-color: #fe9644
}

.special_bg .slider .owl-theme .owl-controls .owl-pagination .owl-page span {
    width: 15px;
    height: 15px;
    border: 1px solid #fe9644;
    margin: 0 6px
}

#special .pager .pagination li {
    background-color: #fff;
    border: 1px solid #dcd6c7
}

#special .pager .pagination li:hover,
.pager .pagination li.active {
    background-color: #dcd6c7 !important
}

#special .slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    background-image: url(../image/larrow_white.png);
    width: 10px;
    height: 34px
}

#special .slider .owl-theme .owl-controls .owl-buttons .owl-next {
    background-image: url(../image/rarrow_white.png);
    width: 10px;
    height: 34px
}

#special_mag {
    margin-bottom: 75px
}

@media (max-width:420px) {

    .col-md-10,
    .col-md-2 {
        width: 100%;
        padding-left: 0
    }

    #vip-banner {
        width: 100vw;
        height: calc(1 / 5 * 100vw);
        background-size: contain;
        position: relative;
        overflow: hidden;
        top: 0;
        left: 0;
        display: none
    }

    #vip-banner .close-banner,
    #vip-banner .close-banner2 {
        color: transparent;
        font-size: 2.75rem;
        position: absolute;
        left: 2vw;
        top: 50%;
        transform: translateY(-50%)
    }

    #vip-banner .vip-link {
        color: transparent;
        line-height: calc(1 / 5 * 100vw);
        display: block;
        width: 93vw;
        right: 0;
        position: absolute;
        height: 75px
    }

    #searchma_label {
        z-index: 5
    }

    .member-collect #form_03 {
        margin-top: 20px
    }

    #m_activitytab-2 {
        padding: 0 10px
    }

    .member .member-control .member-join #form2 {
        height: 490px;
        background: #fff
    }

    .tab-content .mainlogin_title {
        width: 95%
    }

    .member .member-collect .member-collect-list .article-list .list .list-article .title a {
        font-size: 17px
    }

    .member .member-collect .member-collect-data a,
    .member-collect-data a select {
        font-size: 19px
    }

    .member .member-collect .member-collect-features a:first-child {
        width: 65px;
        font-size: 20px
    }

    .member .member-collect .member-collect-features-user {
        margin-top: 25px
    }

    .article-list .list .list-article .info .feature a .collect_icon_done {
        display: inline-block;
        height: 30px;
        width: 30px;
        vertical-align: middle;
        background: url(../image/collectYY.png) center center/contain no-repeat;
        margin-right: 1px
    }

    .member .member-control .member-activity .content .join_activity_mag .a_img {
        width: 100%;
        text-align: center;
        float: none
    }

    .member .member-control .member-activity .content .join_activity_mag .a_img img {
        width: 75%;
        text-align: center;
        float: none
    }

    .member .member-control .member-activity .join_activity_mag .a_content .title {
        height: auto
    }

    .member-collect-list .info span.collect_icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        vertical-align: middle;
        background: url(../image/collectY.png) center center/contain no-repeat
    }

    .member-collect-list .search-input input {
        width: 95%;
        line-height: 38px
    }

    .member-collect-list .search-input {
        position: relative;
        text-align: center;
        width: 100%
    }

    .member-collect-list .info span.collect_icon,
    .member-collect-list .info span.collect_icon_done {
        margin-right: -5px !important;
        margin-top: -1px
    }

    .article-list .list .list-article .info .left .eye,
    .special_doll {
        display: none
    }

    .member .member-center .member-center-features .feature_social {
        width: calc(100%/4);
        padding: 0 5px
    }

    .member .member-center #email_feature .feature_social {
        width: calc(100%/5);
        padding: 0 5px
    }

    .member .member-center .member-center-features {
        border: 0 solid #b1b1b1;
        border-top: 0 solid #b1b1b1;
        box-shadow: none;
        display: inline-block;
        width: 100%;
        padding: 0 9px;
        box-sizing: border-box
    }

    .member .member-center .member-center-features .feature a {
        border: 1px solid #b1b1b1;
        padding: 0 5px
    }

    .member .member-center .member-center-features .feature a.active,
    .member .member-center .member-center-features .feature a:active,
    .member .member-center .member-center-features .feature a:hover {
        color: #5e5e5e;
        border: 1px solid #fdc90d;
        border-radius: 5px
    }

    .member .member-collect .member-collect-search .search-input {
        width: 100%
    }

    .magazine-list .m_image {
        width: 36%
    }

    .magazine-list .mag_content {
        padding: 0 10px;
        width: 64%
    }

    .magazine-list .download {
        position: inherit;
        margin: 10px auto auto;
        text-align: center;
        width: 52%
    }

    .member-collect #form_01 {
        margin-top: 20px;
        border-top: 1px solid #d6d6d6;
        border-bottom: 2px solid #d6d6d6;
        padding: 10px 0
    }

    #form_01 .member .member-collect .member-collect-features a {
        width: auto;
        font-size: 20px
    }

    #special .article-list .list {
        padding: 20px 0 0
    }

    #special .slider .item {
        height: 210px
    }
}

#slider-item-indexvideo .content,
.pic_category_title,
.picarticle .content {
    display: inline-block;
    font-weight: 700
}

.pic_category {
    position: relative;
    border-bottom: 4px solid;
    margin: 0 14px
}

#container_picarticle_page .articles-list-container {
    border-top: 0 solid #a0d757
}

.picgreen_border::before {
    position: absolute;
    background: radial-gradient(#78be23 56%, transparent 60%) -2px 50%/20px 20px;
    background-repeat: no-repeat
}

.picorange_border::before {
    position: absolute;
    background: radial-gradient(#ffb964 56%, transparent 60%) -2px 50%/20px 20px;
    background-repeat: no-repeat
}

.picred_border::before {
    position: absolute;
    background: radial-gradient(#ff7f7e 56%, transparent 60%) -2px 50%/20px 20px;
    background-repeat: no-repeat
}

.picblue_border::before {
    position: absolute;
    background: radial-gradient(#277cd7 56%, transparent 60%) -2px 50%/20px 20px;
    background-repeat: no-repeat
}

.picpurple_border::before {
    position: absolute;
    background: radial-gradient(#987fff 56%, transparent 60%) -2px 50%/20px 20px;
    background-repeat: no-repeat
}

.piccoffee_border::before {
    position: absolute;
    background: radial-gradient(#d3a979 56%, transparent 60%) -2px 50%/20px 20px;
    background-repeat: no-repeat
}

.pic_banner .logo {
    text-align: center;
    margin-bottom: 7px
}

.pic_category_title {
    color: #fff;
    padding: 12px;
    font-size: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    letter-spacing: 4px
}

.pic_category span {
    position: absolute;
    right: 20px;
    font-size: 20px;
    color: #797979;
    font-weight: 700;
    top: 25px
}

.picarticle .title {
    font-size: 18px;
    font-weight: 700;
    text-align: justify;
    height: 40px;
    line-height: 22px;
    overflow: hidden;
    letter-spacing: 2px
}

.picarticle .content {
    color: #a7a7a7;
    font-size: 16px;
    height: 42px;
    overflow: hidden;
    line-height: 20px;
    margin: 13px 0;
    text-align: justify
}

.popular-video-container .picarticle .title {
    font-size: 16px;
    font-weight: 700;
    height: 54px;
    line-height: 19px;
    text-align: justify
}

.popular-video-container .picarticle .content {
    font-weight: 700;
    color: #8a8a8a;
    font-size: 16px;
    height: 39px;
    display: inline-block;
    overflow: hidden;
    line-height: 19px;
    margin: 5px 0;
    text-align: justify
}

.popular-video-container .picarticle .pic_content {
    padding: 0 13px
}

.products-container .grid_block {
    display: contents
}

#slider-item-indexvideo .title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    margin: 4px 0 0;
    height: 54px;
    letter-spacing: 2px;
    overflow: hidden
}

#slider-item-indexvideo .content {
    color: #8a8a8a;
    font-size: 16px;
    height: 39px;
    overflow: hidden;
    line-height: 19px;
    margin: 2px 0;
    text-align: justify
}

#slider-item-indexvideo img {
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 4px 10px 0
}

.indexpic_titleimg {
    position: absolute;
    top: -30px;
    right: -22px;
    width: 45px
}

.pic_titleimg {
    width: 30px;
    vertical-align: text-bottom;
    margin: 0 -5px
}

.picarticle .date {
    font-weight: 700;
    margin: 6px 0;
    font-size: 14px;
    color: #a7a7a7
}

.picarticle .pic_content {
    padding: 1px 10px 15px
}

.picarticle .grid-article-2 .grid {
    padding: 0 17px
}

.picarticle .grid-article-2 .grid .grid-inner a {
    box-shadow: 2px 5px 9px #ccc;
    margin: 10px 0;
    box-sizing: border-box
}

.pic_banner .col-2 {
    display: flex;
    flex-wrap: wrap
}

.pic_banner .col-6 {
    background: #fff2d5;
    padding: 40px 20px 32px;
    box-sizing: border-box;
    margin: 0 0 25px
}

.pic_banner .row {
    border: 0 solid #b1b1b1;
    border-top: 0 solid #b1b1b1;
    box-shadow: none;
    display: inline-block;
    width: 100%;
    padding: 10px 90px;
    box-sizing: border-box
}

.pic_banner .col-4 {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: auto
}

.pic_banner .pic_href {
    float: left;
    padding: 20px;
    letter-spacing: 3px;
    border-radius: 25px;
    box-sizing: border-box;
    text-align: center;
    width: calc(100%/3 - 20px);
    display: inline-block;
    margin: 0 10px
}

.pic_banner .pic_href a {
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

.pic_banner .pic_description {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 22px;
    font-weight: 700
}

.pic_banner .pic_description div {
    color: #3e3f41;
    margin: 5px 0;
    letter-spacing: 2px
}

.article-list .list .list-article .info .feature .number .fa-bookmark {
    margin-top: 5px
}

.member-clap {
    position: absolute;
    right: 12px;
    bottom: -18px;
    background-image: url(../image/clap.png);
    width: 80px;
    height: 80px;
    background-size: cover;
    border: 0;
    background-color: #fff
}

.icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-footer-fb {
    background-image: url("../image/footer-fb.png")
}

.icon-footer-instagram {
    background-image: url("../image/footer-instagram.png")
}

.icon-footer-wifi {
    background-image: url("../image/rss_png.png")
}

.icon-footer-phone {
    background-image: url("../image/footer-phone.png")
}

.icon-footer-sms {
    background-image: url("../image/footer-sms.png")
}

.icon-footer-cn {
    background-image: url("../image/footer-cn.png")
}

.icon-footer-tw {
    background-image: url("../image/footer-tw.png")
}

.icon-menu-search {
    background-image: url("../image/menu-search.png")
}

.icon-member-search {
    background-image: url("../image/search_yellow.png")
}

.icon-fb {
    background-image: url("../image/fbnew.png")
}

.icon-instagram-header {
    background-image: url("../image/instagram_new.png")
}

.icon-google {
    background-image: url("../image/google.png");
    background-size: 17px 17px
}

.icon-fb2 {
    background-image: url("../image/fb2.png");
    background-size: 18px 27px
}

.icon-instagram {
    background-image: url("../image/instagram.png");
    background-size: 20px 20px
}

.icon-gray-fb {
    background-image: url("../image/fb_gray1.png");
    background-size: 30px
}

.icon-wifi {
    background-image: url("../image/wifi.png")
}

.icon-sms {
    background-image: url("../image/sms_new.png")
}

.icon-member {
    background-image: url("../image/profile_photo4.png");
    font-size: 0 !important;
    width: 32px;
    height: 32px;
    line-height: 19px
}

.icon-member.notify {
    background-image: url("../image/profile_photo3.png")
}

.m_sms {
    background-image: url("../image/Mail_ICON.png");
    background-size: cover
}

.m_icon-fb {
    background-image: url("../image/FB_ICON.png")
}

.m_icon-line {
    background-image: url("../image/LINE_ICON.png")
}

.article-list .list .list-article .info .feature .m_sms {
    width: 30px;
    height: 30px;
    border-radius: 3px
}

.member .member-collect .member-collect-list .article-list .list .list-article .info .feature .m_icon-line {
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 3px
}

.member .member-collect .member-collect-list .article-list .list .list-article .info .feature .m_icon-fb {
    background-size: cover;
    border-radius: 3px
}

.icon-eye {
    background-image: url("../image/eye.png")
}

.icon-line {
    background-image: url("../image/line_new.png")
}

.icon-grayline {
    background-image: url("../image/line_gray1.png");
    background-size: 30px
}

.icon-line2 {
    background-image: url("../image/line-large.png");
    background-size: 24px 23px
}

.icon-grayig {
    background-image: url("../image/ig_gray.png");
    background-size: 30px
}

.icon-heart {
    background-image: url("../image/heart.png");
    background-size: 18px 15px
}

.icon-heart:hover {
    background-image: url("../image/heart_hover.png")
}

.icon-heart:active {
    background-image: url("../image/heart_active.png")
}

.icon-angle-right {
    background-image: url("../image/angle-right.png")
}

.icon-exclamation {
    background-image: url("../image/exclamation.png")
}

.icon-search-result {
    background-image: url("../image/search-result1.png")
}

.icon-menu-mobile {
    background-image: url("../image/menu-mobile.png")
}

.icon-mobile-search {
    background-image: url("../image/mobile-search.png")
}

.icon-calendar {
    background-image: url("../image/calendar.png")
}

.icon-calendar:hover {
    background-image: url("../image/calendar_hover.png")
}

.icon-calendar:active {
    background-image: url("../image/calendar_active.png")
}

.icon-up {
    background-image: url("../image/up.png");
    background-size: 37px 24px
}

.icon-right-corner {
    background-size: 90px
}

.icon-telegram,
.icon-youtube {
    height: 36px;
    background-size: contain !important;
    background-position: center !important
}

.icon-email-error {
    background-image: url("../image/email-error.png")
}

.icon-email-success {
    background-image: url("../image/email-success.png")
}

.icon-captcha {
    background-image: url("../image/captcha.png")
}

.icon-captcha-check {
    background-image: url("../image/captcha-check.png")
}

.icon-checkbox-uncheck {
    background-image: url("../image/checkbox-uncheck.png")
}

.icon-checkbox-checked {
    background-image: url("../image/checkbox-checked.png")
}

.icon-video-play {
    background-image: url("../image/video-play.png")
}

.icon-telegram {
    background-image: url("../image/telegram.png");
    width: 110px
}

.icon-youtube {
    background-image: url("../image/youtube_all.svg");
    width: 104px
}

.icon-header-fb,
.icon-header-google,
.icon-header-line,
.icon-header-search,
.icon-header-sms {
    background-size: 25px 25px
}

.icon-header-search {
    background-image: url("../image/search.png")
}

.icon-header-fb {
    background-image: url("../image/header-fb.png")
}

.icon-header-google {
    background-image: url("../image/header-google.png")
}

.icon-header-line {
    background-image: url("../image/header-line.png")
}

.icon-header-sms {
    background-image: url("../image/header-sms.png")
}

.icon-header-menu {
    background-image: url("../image/header-menu.png");
    background-size: 24px 17px
}

.icon-header-searchbar {
    background-image: url("../image/menu-search.png");
    background-size: 15px 15px
}

.icon-header-member {
    background-image: url("../image/profile_photo2.png");
    background-size: 36px 36px;
    width: 36px !important;
    height: 36px !important
}

.icon-header-member.notify {
    background-image: url("../image/profile_photo1.png")
}

.index-page .latest-articles-container .latest-articles {
    padding-right: 10px
}

.index-page .latest-articles-container .editor-articles {
    padding-left: 10px
}

.index-page .latest-articles-container .articles .title {
    padding: 10px 10px 6px 6px
}

.index-page .latest-articles-container .articles .title i {
    display: inline-block;
    float: left;
    height: 16px;
    width: 11px;
    font-size: 7px;
    color: #78be23
}

.index-page .latest-articles-container .articles .title a,
.latest-articles-container ul li a {
    height: 3em;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: .06em;
    text-overflow: ellipsis;
    overflow: hidden
}

.latest-articles-container ol,
ul.index {
    list-style: disc;
    margin-left: 25px;
    color: #78be23
}

.latest-articles-container ul li {
    margin: 10px 0;
    font-size: 25px
}

.latest-articles-container ul li a {
    font-size: 16px
}

.index-page .latest-articles-container .articles .title a {
    font-size: 16px;
    padding-left: 6px
}

body.newsletter {
    background-color: #fefaf7
}

.newsletter .newsletter-header {
    background-color: #78be23;
    color: #fff;
    -moz-box-shadow: 0 15px 15px 0 rgba(97, 97, 97, .1);
    -webkit-box-shadow: 0 15px 15px 0 rgba(97, 97, 97, .1);
    box-shadow: 0 15px 15px 0 rgba(97, 97, 97, .1)
}

.newsletter .newsletter-header .logo_img {
    width: 160px;
    padding: .75rem 2.25rem
}

.linefriends .linefriends-header .header-top,
.newsletter .newsletter-header .header-top {
    width: 190px;
    height: 55px;
    margin: auto
}

.linefriends .linefriends-header .header-top .logo-health,
.newsletter .newsletter-header .header-top .logo-health {
    background-image: url("../image/logo-health1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 190px;
    height: 55px;
    font-size: 0
}

.newsletter .header-bottom {
    margin: 0 auto 60px;
    height: 25px;
    width: 58px
}

.newsletter main {
    min-height: calc(100vh - 210px);
    width: 640px
}

.newsletter.after-subscribe main section {
    position: absolute;
    width: inherit;
    top: 50%;
    transform: translateY(-50%)
}

.newsletter .subtitle,
.newsletter .title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #ff9442;
    margin-bottom: .75rem
}

body.newsletter .title {
    letter-spacing: 4px
}

.subscribe-progress p {
    font-size: 1.25rem;
    text-align: center;
    font-weight: 700;
    color: #757575
}

.newsletter .subtitle {
    font-size: 1.5rem;
    color: #737373;
    margin-bottom: 1rem
}

.newsletter .subscribe-form p,
.newsletter .subscribe-topic>p {
    font-family: 'Noto Sans TC', '微軟正黑體', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #9dc75a;
    margin-bottom: .5rem
}

.newsletter .subscribe-topic>p {
    font-family: 'Microsoft JhengHei', '微軟正黑體', sans-serif
}

.newsletter .subscribe-form #mail {
    width: 75%;
    font-size: 1.25rem;
    border: 1px solid #e4e4e4;
    color: #777;
    height: 34px;
    border-radius: 4px 0 0 4px
}

.newsletter .subscribe-form button {
    display: inline-block;
    background: #9dc75a;
    color: #fff;
    border: 0;
    font-family: '微軟正黑體', sans-serif;
    font-size: 1.1rem;
    padding: 6px 0;
    margin-left: -4px;
    width: calc(25% - 4px);
    font-weight: 700
}

.newsletter .subscribe-topic {
    padding: 2rem 4rem;
    background: #fff;
    border-radius: 2rem;
    margin: 3rem 0 2rem
}

.newsletter .subscribe-finish {
    position: relative;
    margin-top: 3rem
}

.newsletter .subscribe-finish .subtitle {
    font-size: 1.75rem;
    color: #737373;
    margin-bottom: 1rem
}

.newsletter .subscribe-topic .go-back {
    color: #ff9442;
    font-size: 1.25rem;
    display: inline;
    font-weight: 700;
    float: right;
    line-height: 3
}

.newsletter .subscribe-topic .go-back i {
    font-weight: 900
}

.newsletter .subscribe-topic .submit-edm {
    background: #ff9442;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    margin: 1.5rem auto;
    border: 0;
    padding: .5rem 3rem;
    border-radius: 10px;
    font-weight: 700
}

.newsletter-topic {
    width: 100%;
    padding: 1rem 0
}

.newsletter-topic:not(:last-child) {
    border-bottom: 1px dashed #737373
}

.newsletter-topic p {
    width: 85%;
    display: inline-block;
    font-size: 1.35rem;
    font-weight: 700
}

.newsletter-topic p span {
    font-size: 1rem;
    font-weight: 400;
    color: #4c4c4c;
    margin-top: 8px;
    display: block
}

.newsletter-topic .switch {
    height: 50px;
    vertical-align: top;
    transform: translateY(10px);
    margin-right: 0;
    float: right
}

.newsletter .footer {
    background-color: #78be23;
    text-align: center;
    -moz-box-shadow: 0 -15px 15px 0 rgba(97, 97, 97, .1);
    -webkit-box-shadow: 0 -15px 15px 0 rgba(97, 97, 97, .1);
    box-shadow: 0 -15px 15px 0 rgba(97, 97, 97, .1);
    height: 85px
}

.linefriends .footer .footer-container,
.newsletter .footer .footer-container {
    color: #fff;
    padding: 32px 0 29px;
    font-size: 18px;
    line-height: 1.3em
}

.linefriends .footer .footer-container p,
.newsletter .footer .footer-container p {
    display: inline-block;
    letter-spacing: .06em;
    padding: 0 2px
}

.newsletter p.content {
    font-size: 1.5rem;
    color: #737373;
    text-align: center;
    font-weight: 700;
    margin-bottom: 1rem
}

.newsletter a.join-line,
.newsletter a.join-member,
.newsletter a.latestnews {
    font-size: 1.5rem;
    width: 250px;
    margin: 0 auto 1rem;
    padding: 1.25rem 1.5rem;
    border-radius: .5rem !important;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.newsletter a.join-line {
    background: #a6bd6c
}

.newsletter a.join-member {
    background: #789e3c
}

.newsletter a.latestnews {
    background: #ff9442
}

.newsletter h1.title::after,
.subscribe-finish .subtitle::after {
    content: " ";
    background: url(../image/newsletter-cover.png) center center/contain no-repeat;
    width: 100px;
    height: 144px;
    position: absolute;
    top: -7rem
}

.subscribe-finish .subtitle::after {
    top: 50%;
    right: .5rem;
    transform: translateY(-50%)
}

.newsletter-backdrop {
    display: none;
    position: fixed;
    z-index: 4000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.newsletter-box {
    display: none;
    position: absolute;
    z-index: 4001;
    width: 640px;
    left: 50%;
    background: #fff;
    transform: translate(-50%);
    padding: 2rem 4rem;
    border-radius: 2rem;
    box-sizing: border-box
}

.newsletter-box .newsletter {
    padding-bottom: .25rem
}

.newsletter-box .newsletter::-webkit-scrollbar {
    background: 0 0;
    width: 23px
}

.newsletter-box .newsletter::-webkit-scrollbar-thumb {
    background: #808280;
    border-left: 17px solid #fff
}

.newsletter-box .close {
    color: transparent;
    background-image: url(../image/close.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 3.5rem;
    height: 4rem;
    z-index: 1
}

.newsletter-box .after-subscribe {
    height: 520px;
    position: relative
}

.newsletter-box .after-subscribe section {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.unsubscribe .small {
    font-size: 1rem;
    color: #989898;
    display: block;
    line-height: 1.25rem;
    width: 235px;
    margin: 1rem auto
}

.unsubscribe .lobibtn {
    width: fit-content;
    font-size: 1.125rem;
    padding: 8px 16px;
    border-radius: 16px
}

.unsubscribe .lobibox-body-text-wrapper {
    padding: 10px 0 17px !important
}

.unsubscribe .lobibox-footer {
    padding-bottom: 24px !important
}

.switch {
    display: inline-flex;
    margin: 0 10px;
    vertical-align: middle
}

.switch input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden
}

.switch input[type=checkbox]:checked+label {
    background: #9dc75a;
    border-color: #9dc75a
}

.articles-list-container,
.search-container.no_result,
.search-container.result {
    border-top: 1px solid #a0d757
}

.switch input[type=checkbox]:checked+label::after {
    background: #fff;
    left: calc(100% - 2px);
    transform: translateX(-100%)
}

.switch input[type=checkbox]:disabled+label {
    cursor: auto
}

.switch label {
    cursor: pointer;
    width: 48px;
    height: 24px;
    background: #fff;
    display: block;
    border-radius: 24px !important;
    position: relative;
    border: 1px solid #737373
}

.switch label::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 4px;
    width: 20px;
    height: 20px;
    background: #737373;
    border-radius: 16px;
    transition: .3s
}

.switch.has-label {
    margin: 1rem 10px 1rem 0
}

.switch.has-label span {
    font-family: '微軟正黑體', sans-serif;
    font-size: 20px;
    line-height: 1.5rem;
    margin-left: .25rem;
    color: #737373;
    font-weight: 700
}

.switch.has-label input[type=checkbox]:checked+label+span {
    color: #9dc75a
}

.progress-steps {
    margin: 30px 0;
    overflow: hidden;
    counter-reset: step;
    display: flex;
    justify-content: space-between;
    position: relative
}

.progress-steps::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 50%;
    height: 4px;
    width: calc(100% - 135px);
    background: #ffbb8b;
    z-index: -1;
    transform: translateX(-50%)
}

.ad .ad-header .header-top .logo-health,
.author-container .author-img,
.columnist-container .author-list .author-img {
    background-repeat: no-repeat;
    background-position: center center
}

.progress-steps li.progress {
    position: absolute;
    top: 24px;
    left: 67px;
    width: 0;
    height: 4px;
    background-color: #fe9543;
    z-index: -1;
    transition: .5s ease-in
}

.progress-steps li:not(.progress) {
    font-family: 'Noto Sans TC', '微軟正黑體', sans-serif;
    list-style-type: none;
    color: #ff9442;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2rem;
    width: 135px;
    height: 80px;
    float: left;
    position: relative
}

.progress-steps li:not(.progress):before {
    content: counter(step);
    counter-increment: step;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    display: block;
    font-size: 1.3rem;
    color: #fff;
    background: #ffbb8b;
    border-radius: 50%;
    margin: 0 auto 10px
}

.progress-steps li.active:after,
.progress-steps li.active:before {
    background: #fe9543;
    color: #fff
}

.ad-cal {
    height: 354px;
    padding: 0 0 44px !important;
    background-color: #f7f7f7
}

.sidebar-ad {
    margin-bottom: 10%
}

.ad-height {
    height: 310px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2)
}

.ad-video {
    float: left;
    width: calc(100% / 3)
}

.ad-video .videos {
    text-align: center;
    margin-bottom: 5%
}

.project_title {
    margin-bottom: 10px;
    text-align: left;
    color: #373737;
    font-weight: 700;
    font-size: 24px;
    padding: 5px 15px
}

.project_logo {
    float: left;
    width: 160px;
    margin-left: 10%
}

.special_logo {
    float: left;
    width: 160px;
    margin: 3px 10%
}

.project_title_border {
    width: 22px;
    height: 4px;
    background: #373737;
    position: relative;
    bottom: 7px;
    right: -16px
}

.spacingfix_project a {
    font-size: 0;
    width: 45px;
    height: 45px;
    float: left;
    border-radius: 50px;
    margin-right: 5px
}

.spacingfix_project {
    float: right;
    margin-right: 10%;
    margin-top: 17px
}

.spacingfix_project .icon-line {
    background-size: 25px 25px
}

.spacingfix_project .icon-fb {
    background-size: 13px 25px
}

@media screen and (min-width:0px) and (max-width:768px) {
    .picarticle .grid-article-2 .grid {
        padding: 0 6px
    }

    .member .member-control .member-join .form-input .input-left,
    .member .member-control .member-join .form-input .input-right,
    .newsletter main,
    .picarticle .grid-article-2 .grid .grid-inner a,
    .register_input,
    .register_label {
        width: 100%
    }

    .member .member-control .check-btn,
    .member .member-control .input-text,
    .member .member-control .input-title,
    .member .member-control .member-modify .modify-birthday,
    .member .member-control .member-modify .order-newsletter .input-title,
    .member .member-control .radio-box+label {
        font-size: 17px
    }

    .member .member-control .input-title .sub-title {
        display: inline-block;
        margin-left: 5px
    }

    .member .member-control .input-select {
        font-size: 17px;
        padding: 6px 0
    }

    .member .member-control #area {
        width: 49%
    }

    .member .member-control .form-input {
        padding-bottom: 20px
    }

    .member .member-control .form-input div+div {
        padding-top: 12px
    }

    .member .member-control .form-input .input-left {
        width: 20%
    }

    .member .member-control .form-input .input-right {
        width: 80%
    }

    .member .member-control .member-login .fb-email {
        padding-bottom: 30px
    }

    .member .member-control .member-login .fb-email .email-btn,
    .member .member-control .member-login .fb-email .fb-btn {
        width: 100%;
        margin-bottom: 5px
    }

    .member .member-control .member-login .fb-email .fb-btn {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .member .member-control .member-login .fb-email .email-btn {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .member .member-control .member-login .captcha input {
        width: 40%
    }

    .member-note .gotolink a {
        width: 30%
    }

    .member .member-control .member-join .form-input .check-email {
        width: 18px;
        height: 18px;
        right: -22px
    }

    .member .member-control .member-modify .order-newsletter .newsletter-check label {
        font-size: 17px;
        letter-spacing: .095em;
        line-height: 15px
    }

    .member .member-collect .member-collect-data {
        position: relative
    }

    .member .member-center .member-center-features .feature a {
        font-size: 18px;
        letter-spacing: 0;
        background: #fff;
        border-radius: 5px
    }

    .member .member-collect .member-collect-list .article-list .list .list-article .info {
        margin-bottom: 25px
    }

    .member .member-collect .member-collect-list .article-list .list .list-article .info span+span {
        padding-top: 5px
    }

    .article-detail .article .gboard {
        height: 261px
    }

    .article-detail .article .gboard span.stitle {
        font-size: 36px
    }

    .pic_banner .logo img {
        width: 60%
    }

    .pic_banner .row {
        padding: 5px 0
    }

    .pic_banner .pic_href {
        margin: 0 4px;
        padding: 15px 10px;
        letter-spacing: 0
    }

    .pic_category_page .article-list .list .list-img {
        width: 38%
    }

    .pic_category_page .article-list .list .list-article {
        width: 62%
    }

    .pic_category_page .article-list .first .list-article .title a,
    .pic_category_page .article-list .list .list-article .title a {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 24px
    }

    .pic_banner .pic_href a {
        line-height: 23px
    }

    .pic_banner .pic_description {
        text-align: center;
        font-size: 20px;
        line-height: 20px
    }

    .picarticle .title {
        font-size: 18px;
        text-align: justify;
        height: 63px;
        line-height: 22px;
        letter-spacing: 0
    }

    .pic_category {
        margin: 0
    }

    .index-page .sidebar-container {
        display: block !important
    }

    .index-page .article-wall-container .article-grid .grid {
        margin-top: 0
    }

    body.newsletter .subscribe-form button,
    div.newsletter .subscribe-form button {
        background: #9dc75a;
        color: #fff;
        border: 0;
        font-family: '微軟正黑體', sans-serif;
        line-height: 2rem
    }

    .project_logo {
        width: 140px
    }

    .newsletter .title {
        font-size: 1.5rem
    }

    .newsletter .subtitle {
        font-size: 1.25rem;
        margin-bottom: 1.25rem
    }

    .newsletter .subscribe-form {
        margin-bottom: 0
    }

    .newsletter .subscribe-form #mail {
        width: 65%;
        font-size: .8rem;
        line-height: 2rem;
        height: auto
    }

    div.newsletter .subscribe-form button {
        width: 30%;
        font-size: .8rem;
        display: inline-block;
        padding: .5rem 0;
        margin-left: -4px
    }

    body.newsletter .subscribe-form #mail {
        width: 85%;
        font-size: 1rem;
        line-height: 2rem;
        height: auto;
        margin: 0 auto 10px;
        display: block
    }

    body.newsletter .subscribe-form button {
        width: 85%;
        margin: auto;
        display: block
    }

    body.newsletter .switch.has-label {
        transform: scale(.9);
        float: left;
        margin: 1rem 0 1rem -5px
    }

    .newsletter-topic p {
        font-size: 1.25rem;
        width: 75%;
        text-align: justify
    }

    .newsletter .footer .footer-container {
        font-size: 16px;
        background-color: #78be23
    }

    .newsletter-topic p span {
        line-height: 20px
    }

    .newsletter .subscribe-finish .subtitle,
    .newsletter .subscribe-topic>p,
    .newsletter p.content,
    .newsletter-box .after-subscribe .subtitle {
        font-size: 1.25rem
    }

    .subscribe-progress .title {
        font-size: 2.2rem
    }

    .subscribe-progress>p {
        max-width: 350px;
        margin: 0 auto
    }

    .progress-steps {
        margin: 30px auto;
        width: 90vw
    }

    .progress-steps::before {
        top: 15px;
        width: calc(100% - 70px)
    }

    .progress-steps li.progress {
        top: 15px;
        left: 36px
    }

    .progress-steps li:not(.progress) {
        font-size: 1rem;
        width: 96px
    }

    .progress-steps li:not(.progress):before {
        width: 2rem;
        height: 2rem;
        line-height: 2rem
    }

    .progress-steps li:nth-child(4) {
        text-align: center
    }

    .newsletter .subscribe-topic {
        padding: 1rem;
        margin: 2rem 0;
        border-radius: 1.25rem
    }

    .newsletter .subscribe-topic .go-back {
        font-size: 1rem;
        margin-top: 4px
    }

    body.newsletter.newsletter .subscribe-form p {
        font-size: 1.25rem;
        margin-left: 29px
    }

    .switch.has-label span,
    div.newsletter .switch.has-label span {
        font-size: 18px
    }

    .subscribe-finish .subtitle::after {
        top: 40%;
        right: 0;
        width: 75px
    }

    .newsletter .newsletter-header .logo_img {
        visibility: hidden;
        padding: 0
    }

    .newsletter .subscribe-finish {
        margin-bottom: 3rem
    }

    .newsletter .footer {
        height: 145px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .newsletter main {
        justify-content: flex-start;
        padding-top: 2rem;
        min-height: calc(100vh - 240px)
    }

    .newsletter-box {
        width: 95vw;
        padding: 2rem;
        position: absolute;
        transform: translate(-50%);
        border-radius: 2rem;
        box-sizing: border-box
    }

    .newsletter-box .close {
        width: 2.5rem;
        height: 2.5rem
    }

    .newsletter-box .newsletter::-webkit-scrollbar {
        display: none
    }

    .newsletter-box .after-subscribe .title {
        font-size: 2rem
    }

    .newsletter-box .after-subscribe h1.title::after {
        top: -6rem;
        right: 1rem
    }
}

@media screen and (min-width:0px) and (max-width:320px) {
    .header .header-top .logo-yahoo {
        display: none
    }

    .newsletter .subscribe-form #mail {
        font-size: .75rem
    }

    .newsletter .subscribe-form button {
        font-size: .875rem
    }
}

.ad,
.linefriends {
    background-color: rgba(238, 211, 171, .1)
}

.ad .ad-header {
    background-color: #fdc601;
    color: #fff;
    padding: 20px 0 25px
}

.ad .ad-header .header-top {
    width: 950px;
    height: 36px;
    margin: auto
}

.ad .ad-header .header-top .logo-health {
    background-image: url("../image/logo-health1.png");
    background-size: contain;
    width: 125px;
    height: 36px;
    font-size: 0
}

.ad .external-ad2 img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.ad-header-special {
    background-color: #fff6ed;
    display: inline-block;
    width: 100%;
    box-shadow: 2px 3px 2px #f2e3d5
}

.special_bg {
    background-image: url("../image/wall1.jpg");
    background-size: cover;
    height: 510px;
    background-position: 0 -66px;
    position: relative
}

#special {
    background-image: url("../image/wall2.jpg");
    background-size: cover
}

#special .articles-list-container {
    border-top: 0 solid;
    padding: 50px;
    width: 80%;
    margin: 0 auto 50px;
    background-color: #fff;
    border-radius: 30px
}

#special .article-grid .grid,
.menu-mobile ul li .menu-name,
.menu-mobile ul li .sub-menu .sub-menu-list li .sub-menu-tab {
    padding: 0 15px
}

#goTop {
    position: fixed;
    bottom: 15%;
    right: 15px;
    border-radius: 5px;
    cursor: pointer
}

#goTop img {
    width: 60px
}

@media screen and (min-width:1600px) {
    .special_bg {
        height: 560px
    }
}

.ad #container {
    margin: auto;
    background-color: #f7f7f7
}

.ad #container .container-out .container-top {
    padding: 53px 0
}

.ad #container .container-out .container-top ul {
    width: 100%;
    display: table;
    border-bottom: 4px solid #fff
}

.ad #container .container-out .container-top ul>li {
    position: relative;
    display: table-cell;
    text-align: left;
    border-bottom: 2px solid #4d4d4d
}

.ad #container .container-out .container-top ul>li>a {
    color: #4d4d4d;
    padding: 20px 0;
    font-size: 20px;
    line-height: 24px
}

.ad #container .container-out .container-top ul>li+li {
    border-bottom: 2px solid grey
}

.ad #container .container-out .container-top ul>li+li+li {
    border-bottom: 2px solid #a0a0a0
}

.ad #container .container-out .container-top ul>li+li+li+li {
    border-bottom: 2px solid #c6c6c6
}

.ad #container .container-out .container-top ul>li.active,
.ad #container .container-out .container-top ul>li:active,
.ad #container .container-out .container-top ul>li:hover {
    border-bottom: 4px solid #fdc601
}

.ad #container .container-out .container-top ul>li.active a,
.ad #container .container-out .container-top ul>li:active a,
.ad #container .container-out .container-top ul>li:hover a {
    color: #fdc601;
    padding: 20px 0 18px
}

.ad #container .container-out .main-container {
    margin-bottom: 76px
}

.ad #container .container-out .ad-mobile-list {
    margin-bottom: 0
}

.ad #container .container-out .main-container .article-grid {
    margin: 0 -15px
}

.ad #container .container-out .main-container .article-grid .grid {
    padding: 0 15px 44px
}

.ad #container .container-out .main-container .article-grid .grid .grid-inner {
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
    background: #fff
}

.ad #container .container-out .main-container .article-grid .grid .grid-article .title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0;
    color: #333;
    padding: 10px 15px;
    max-height: 4.3em;
    min-height: 3em
}

.ad #container .container-out .main-container .article-grid .grid .grid-article p {
    font-size: 17px;
    letter-spacing: 0;
    line-height: 1.5em;
    padding: 0 15px 28px;
    height: 78px
}

@media screen and (max-width:1260px) {
    .ad #container {
        width: 100%
    }
}

.sidebar-video-container .video {
    margin-bottom: 10%;
    text-align: center
}

.ad .footer-top {
    background-color: #fdc601;
    padding: 45px
}

.ad .footer-top .footer-container {
    margin-top: 0;
    text-align: center
}

.ad .footer-top .footer-container ul li a {
    color: #575449;
    font-size: 16px;
    line-height: 18px
}

.ad .footer-top .footer-container ul li+li {
    padding-left: 8px
}

.ad .footer-top .footer-container ul li+li a {
    border-left: 1px solid #575449;
    padding-left: 12px
}

.ad .footer-bottom .footer-container p {
    text-align: center;
    letter-spacing: .06em
}

.columnist-container .title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .195em;
    border-bottom: 1px solid #4d4d4d;
    padding-bottom: 8px;
    padding-left: 16px
}

.columnist-container .author-list {
    width: 100%;
    float: left;
    padding: 4% 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #c1c1c1
}

.author-container .author,
.columnist-container .author-list .author {
    padding-top: 5px;
    padding-bottom: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.columnist-container .author-list .author-img {
    width: 28%;
    float: left;
    background-size: cover
}

.columnist-container .author-list .author-img img {
    width: 100%;
    height: 171px
}

.columnist-container .author-list .author {
    width: 72%;
    float: right;
    padding-left: 16px;
    box-sizing: border-box
}

.columnist-container .author-list .author .author-name {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .063em;
    line-height: 1.24em;
    color: #80c60c;
    height: 21px;
    margin-bottom: 10px
}

.columnist-container .author-list .author .author-intro {
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 20px
}

.columnist-container .author-list .author .author-article a {
    font-size: 16px;
    letter-spacing: .04em;
    color: #007e55;
    line-height: 1.4em
}

.author-container {
    margin-bottom: 20px
}

.author-container .author-img {
    width: 202px;
    height: 240px;
    float: left;
    background-size: cover
}

.author-container .author-img img {
    width: 100%;
    max-height: 100%
}

.author-container .author {
    margin-left: 202px;
    padding-left: 28px;
    box-sizing: border-box
}

.header .header-top,
.header .search {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.author-container .author .author-name {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .093em;
    color: #80c60c;
    text-align: center;
    border-bottom: 1px solid #4d4d4d;
    padding-bottom: 6px
}

.author-container .author .author-experience .title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .135em;
    margin-bottom: 10px
}

.author-container .author .author-experience .experience {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 20px
}

@media screen and (min-width:0px) and (max-width:768px) {
    .ad .ad-header .header-top {
        width: 100%;
        padding-left: 2px
    }

    .ad #container .container-out .container-top {
        padding: 15px 0
    }

    .ad #container .container-out .main-container {
        padding-top: 4.5%
    }

    .ad #container .container-out .main-container .article-grid .grid {
        padding-bottom: 4.5%
    }

    .ad .sidebar-video-container {
        width: 100%
    }

    .ad .footer-top {
        padding: 45px 0
    }

    .author-container .author-img {
        width: 210px;
        height: auto;
        margin: 0 auto;
        float: none
    }

    .author-container .author {
        padding: 0;
        margin: 20px 0 0
    }

    .ad-video {
        width: 50%
    }
}

@media screen and (min-width:0px) and (max-width:520px) {
    .member-clap {
        bottom: -7px;
        width: 70px;
        height: 69px;
        right: 3px
    }

    .columnist-container .author-list .author-img img {
        height: 120px
    }

    .ad-video {
        width: 100%
    }

    .project_logo {
        right: 0;
        width: 90px;
        margin-left: 2%
    }

    .project_title {
        font-size: 20px
    }

    .project_title_border {
        width: 20px;
        bottom: 10px
    }

    .spacingfix_project .icon-line {
        background-size: 25px 25px
    }

    .spacingfix_project .icon-fb {
        background-size: 10px 18px
    }

    .spacingfix_project a {
        font-size: 0;
        width: 35px;
        height: 35px;
        float: left;
        border-radius: 50px;
        margin-right: 5px
    }

    .spacingfix_project {
        float: right;
        margin-right: 2%;
        margin-top: 3px
    }

    .ad-cal,
    .ad-height {
        height: 270px;
        box-shadow: 0 0 0 0 transparent
    }
}

.search-container.no_result {
    font-size: 18px;
    line-height: 1.6em;
    letter-spacing: .133em;
    text-align: center;
    padding-bottom: 30px
}

.search-container.no_result .search-icon {
    width: 86px;
    height: 86px;
    border-radius: 50px;
    background-color: #7ec512;
    background-size: auto;
    margin: 30px auto
}

.search-container.result {
    border-bottom: 1px solid #a0d757;
    font-size: 17px;
    line-height: 1.65em;
    letter-spacing: .095em;
    padding: 14px 0 14px 10px
}

.search-container.result .search-icon {
    width: 19px;
    height: 28px;
    float: left;
    margin-right: 6px
}

.search-container.result p {
    margin-left: 28px
}

.header .header-top {
    min-height: 63px;
    box-sizing: border-box
}

.top-carousel {
    width: 125px
}

.header .toggle-button {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 9px;
    width: 40px;
    height: 40px
}

.header .header-buttons {
    display: none;
    position: absolute;
    right: 45px;
    height: 36px;
    margin: auto;
    top: 0;
    bottom: 0
}

.header .header-buttons .icon {
    font-size: 0;
    width: 25px;
    height: 36px;
    float: left;
    margin-right: 10px
}

.header .search {
    display: none;
    background-color: #87bf1b;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    padding: 16px 25px
}

#container .container-bg,
#container .main-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.header .search .search-input input[type=text] {
    background-color: #fff;
    color: #87bf1b
}

.header .search .search-input input[type=text]:-moz-placeholder {
    color: #87bf1b
}

.header .search .search-input input[type=text]::-moz-placeholder {
    color: #87bf1b
}

.header .search .search-input input[type=text]:-ms-input-placeholder {
    color: #87bf1b
}

.header .search .search-input input[type=text]::-webkit-input-placeholder {
    color: #87bf1b
}

@media screen and (min-width:0px) and (max-width:350px) {
    .header .header-index {
        padding: 19px 0 15px
    }

    .header .header-index .logo-yahoo {
        display: block;
        width: 60px
    }

    .header .header-index .logo-health {
        width: 130px
    }
}

.menu-mobile {
    font-size: 18px;
    line-height: 18px
}

.menu-mobile ul li {
    padding: 0;
    border: 0
}

.menu-mobile ul li .name {
    font-size: 18px;
    line-height: 18px;
    padding: 13px 0;
    color: #3e3a39
}

.menu-mobile ul li .sub-menu .sub-menu-list {
    padding: 13px 0
}

.menu-mobile ul li .sub-menu .sub-menu-list li {
    padding: 0
}

.menu-mobile ul li .sub-menu .sub-menu-list li .sub-menu-tab .sub-menu-name {
    font-size: 18px;
    line-height: 18px;
    padding: 13px 0;
    font-weight: 400;
    color: #3e3a39
}

.menu-mobile ul li .sub-menu .sub-menu-list li .sub-menu-tab .link-list .sub-menu-link {
    font-weight: 400;
    font-size: 14px;
    color: #3e3a39;
    padding: 13px 0;
    border-top: 1px solid #fde884
}

.menu-mobile ul li.has-sub:before {
    position: absolute;
    right: 17px;
    top: 16px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #fcca1a;
    pointer-events: none
}

.menu-mobile ul li.has-sub.open-sub .menu-name {
    background-color: #fcca1a;
    color: #fff
}

.menu-mobile ul li.has-sub.open-sub .menu-name .name {
    border-top: 1px solid #fcca1a
}

.menu-mobile ul li.has-sub.open-sub:before {
    top: 17px;
    border-width: 5px 5px 0;
    border-color: #fff transparent transparent
}

.menu-mobile ul li.has-sub .sub-menu .has-sub.open-sub:before {
    border-color: #fcca1a transparent transparent
}

.menu-pc .menu-navigation .menu-navigation-info {
    position: relative;
    margin-bottom: 10px;
    margin-left: 0
}

.menu-pc .menu-navigation .menu-navigation-info li {
    position: static
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu {
    display: none;
    position: absolute;
    top: 48px;
    left: 0;
    padding-top: 14px;
    font-size: 15px;
    color: #3e3a39;
    text-align: left;
    z-index: 10;
    width: 100%
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list {
    width: 100%;
    font-size: 0;
    text-align: center
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li {
    width: 16%;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    text-align: left
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab {
    padding-bottom: 28px;
    position: relative;
    border: 1px solid #fde884;
    border-right: 0;
    background-color: #fff
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab.fulled {
    padding-bottom: 0
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab:before {
    content: "";
    position: absolute;
    right: -1px;
    top: 1px;
    width: 1px;
    height: 100%;
    background: #fde884
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .sub-menu-title {
    font-weight: 700;
    padding: 9px 7px 7px;
    background-color: #fde884;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 1em
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .sub-menu-title>a {
    font-size: 1em
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .link-list>li {
    padding: 0 7px
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .link-list>li .sub-menu-link {
    font-size: 15px;
    padding: 8px 0 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 1em;
    border-bottom: 1px solid #fde884
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .more {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 20px;
    color: #ff9700;
    font-size: 15px
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .more:before {
    position: absolute;
    right: 6px;
    top: 7px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #ff9700
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .more:active,
.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .more:hover {
    color: #cc7605
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .more:active:before,
.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab .more:hover:before {
    border-color: transparent transparent transparent #cc7605
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab.more-sub .more:before {
    top: 9px;
    border-width: 0 4px 5px;
    border-color: transparent transparent #ff9700
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab.more-sub .more:active:before,
.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list>li .sub-menu-tab.more-sub .more:hover:before {
    border-color: transparent transparent #cc7605
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list .today-articles {
    width: 36%
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list .today-articles .sub-menu-tab {
    padding: 0;
    border: 1px solid #fde884
}

.menu-pc .menu-navigation .menu-navigation-info .sub-menu .sub-menu-list .today-articles .sub-menu-tab .today-img {
    width: 100%;
    height: 180px
}

body {
    width: 100%;
    height: 100%
}

.container-with-width {
    width: 970px;
    margin: 0 auto
}

#container {
    background-color: #fefbf6;
    width: 100%
}

#container .container-bg {
    width: 1260px;
    padding-left: 155px;
    padding-right: 155px;
    padding-bottom: 20px;
    margin: 0 auto;
    background-color: #fff;
    box-sizing: border-box
}

#container .main-container {
    display: block;
    width: 630px;
    box-sizing: border-box
}

#container .sidebar-container {
    width: 340px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sidebar_inner {
    padding-left: 40px;
    box-sizing: border-box
}

#container .go-top {
    display: none;
    position: fixed;
    top: 45%;
    right: 5%;
    width: 70px;
    height: 70px;
    background-color: #fde884;
    border-radius: 100px;
    cursor: pointer
}

#index-pic,
#index-video {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box
}

.popular-video-container {
    width: 100%;
    float: left;
    padding: 10px;
    box-sizing: border-box
}

#popular-video-container-mobile,
#shopping-discount {
    width: 100%;
    margin-top: 16px
}

.picaticle_index .article-header {
    background-color: #86c820
}

div.img-square div.img {
    width: 23%;
    float: left
}

div.img-square div.title a {
    font-size: 16px;
    letter-spacing: .04em;
    height: 16px;
    font-weight: 700;
    color: #088357;
    overflow: hidden;
    margin-bottom: 7px;
    text-align: justify;
    line-height: 1em
}

div.img-square div.txt {
    display: none;
    font-size: 15px;
    line-height: 1.27em;
    height: auto;
    overflow: hidden;
    text-align: justify;
    padding: 5px 0 5px 8px;
    width: 77%;
    float: right;
    box-sizing: border-box
}

.floatingR {
    float: right;
    animation-name: Floating;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: Floating;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out
}

@keyframes Floating {

    from,
    to {
        transform: translate(0, 0)
    }

    65% {
        transform: translate(0, -5px)
    }
}

@-webkit-keyframes Floating {

    from,
    to {
        -webkit-transform: translate(0, 0)
    }

    65% {
        -webkit-transform: translate(0, -5px)
    }
}

@-moz-keyframes Floating {

    from,
    to {
        -moz-transform: translate(0, 0)
    }

    65% {
        -moz-transform: translate(0, -5px)
    }
}

.badge {
    padding: 6px 8px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    color: #fff;
    background-color: #999;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    position: absolute;
    top: -22px;
    left: 25px
}

.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.idle_table .idle-close,
.idle_table .idle_table_title {
    color: #000;
    font-family: Microsoft JhengHei;
    text-align: center
}

.badge-error {
    background-color: #f5353e
}

.badge-error:hover {
    background-color: #b94a48
}

@media screen and (min-width:970px) and (max-width:1260px) {
    #container .container-bg {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    #container .go-top {
        right: 20px
    }
}

@media screen and (min-width:0px) and (max-width:970px) {
    .pic_banner .pic_href {
        width: calc(100%/3 - 20px)
    }

    .member .member-control .member-login,
    .member .member-control .member-modify {
        padding: 0;
        width: 90%
    }

    #container #container_member_page,
    #container #container_picarticle_page,
    .member .member-control .member-join {
        width: 100%
    }

    .member .member-control .member-activity {
        margin-top: -20px;
        width: 100%;
        height: auto
    }

    .member .member-control .member-join #form2 {
        margin: 15px 0
    }

    .container-with-width {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box
    }

    #container .container-bg {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    #container .main-container {
        width: 70%
    }

    #container .sidebar-container {
        width: 30%;
        padding-left: 10px
    }

    #container .go-top {
        top: auto;
        bottom: 70px;
        right: 20px;
        width: 50px;
        height: 50px;
        border-radius: 100px;
        background-size: 50%
    }
}

@media screen and (min-width:0px) and (max-width:768px) {
    .header {
        position: fixed;
        top: 0;
        z-index: 100;
        width: 100%
    }

    .header.header_relative {
        position: relative
    }

    .header .header-buttons {
        display: block
    }

    .slideout-menu {
        background-color: #fff;
        top: 63px;
        -moz-transition: top .4s;
        -o-transition: top .4s;
        -webkit-transition: top .4s;
        transition: top .4s
    }

    .slideout-menu.show-searchbar {
        top: 113px
    }

    .container-with-width {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box
    }

    #container .container-bg {
        padding-top: 80px;
        padding-bottom: 50px
    }

    .pd30 {
        padding-top: 30px !important
    }

    #container .main-container {
        width: 100%
    }

    #container .sidebar-container {
        width: 100%;
        padding-left: 0;
        display: none
    }

    #container .ad-mobile {
        display: block;
        padding-top: 0;
        text-align: center
    }

    #container .mobile-hidden {
        white-space: normal;
    }

    #container>.header {
        position: fixed;
        top: 0;
        z-index: 1;
        width: 100%
    }
}

.idle_table {
    background-color: #fff;
    height: 100%;
    display: none
}

.idle1_table {
    height: 100%;
    display: none
}

.idle_table .idle_top {
    height: 8%;
    background-color: #78be23
}

.idle_table .idle_content {
    height: 80%
}

.idle_table .idle_footer {
    height: 10%
}

.idle_table .idle_table_title {
    background-color: #78be23;
    float: left;
    width: 95%;
    height: 30px;
    padding-top: 10px;
    font-weight: 700
}

.idle_table .idle-close {
    background-color: #78be23;
    font-size: 28px;
    float: right;
    width: 5%;
    height: 35px;
    padding-top: 5px
}

.idle_table .idle-close:hover {
    background-color: #f0c01f;
    color: #fff;
    cursor: pointer
}

.idle_table .idle-hr {
    width: 100%;
    float: left;
    height: 5px
}

.idle_left {
    width: 55%;
    height: 412px;
    float: left
}

.idle_right {
    width: 45%;
    height: 412px;
    float: right
}

.idle_right #idle-ad-top {
    padding-top: 30px
}

.idle_left .article-list {
    width: 100%;
    float: left
}

.idle_left .article-list .idle-header {
    position: relative;
    border-bottom: 3px solid #78be23;
    padding: 9px 11px 3px 10px
}

.idle_left .article-list .idle-header .title {
    font-size: 18px;
    color: #78be23;
    letter-spacing: .12em;
    float: left;
    font-weight: bolder
}

.idle-content .image .title a,
.link {
    text-decoration: none;
    font-size: 15px;
    font-family: inherit;
    cursor: pointer;
    padding: 3px 0 0 6px
}

.idle-content .image a,
.link {
    display: block;
    color: #3e3a39;
    line-height: 18px;
    border: 0;
    padding: 0 0 0 6px;
    background-color: transparent
}

.idle-content .image .vimg {
    border-bottom: 5px solid #000;
    border-top: 5px solid #000
}

.popular-video-container .slider .item img {
    padding: 5px 28px;
    box-sizing: border-box;
    height: auto
}

.idle-table-content {
    margin: 0 -7px 40px;
    text-align: center
}

.idle-table-content .share-btn {
    width: calc(100% / 5);
    float: left;
    padding: 0 7px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.idle-table-content .share-btn a {
    color: #fff;
    font-size: 16px;
    line-height: 1.9em
}

.idle-table-content .share-btn .google {
    background-color: #cc3f29
}

.idle-table-content .share-btn .google span,
.idle-table-content .share-btn .sms span {
    padding-left: 26px
}

.idle-table-content .share-btn .fb {
    background-color: #316ea0
}

.idle-table-content .share-btn .youtube {
    background-color: #ec0700
}

.idle-table-content .share-btn .youtube span {
    padding-left: 22px
}

.idle-table-content .share-img {
    position: absolute;
    right: 0;
    bottom: 5px
}

.popup-dfp {
    border: 0;
    z-index: 1000010;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.channel-top-dfp,
.channel-top-dfptest {
    height: 60px;
    width: 468px
}

.channel-top-dfptest {
    display: inline-block
}

.mobile-w300-dfp {
    height: 100px;
    width: 300px
}

.mobile-h250-dfp {
    height: 250px;
    width: 300px
}

.calc-2 {
    width: calc(100% / 2)
}

.calc-3 {
    width: calc(100% / 3)
}

.calc-4 {
    width: calc(100% / 4)
}

#under_tag {
    margin-top: 36px
}

.linefriend_article {
    display: block;
    text-align: center
}

.btn1,
.clear1,
.email input-title input-left,
.emloginbtn,
.input-title input-left {
    display: inline-block
}

.line-friend {
    font-size: 20px;
    line-height: 1.15em;
    margin-bottom: 10px
}

.line-friend-img {
    width: 214px;
    height: 72px;
    object-fit: inherit
}

.linefriends .linefriends-header {
    background-color: #78be23;
    color: #fff;
    padding: 28px 0 38px;
    -moz-box-shadow: 0 15px 15px 0 rgba(97, 97, 97, .1);
    -webkit-box-shadow: 0 15px 15px 0 rgba(97, 97, 97, .1);
    box-shadow: 0 15px 15px 0 rgba(97, 97, 97, .1)
}

.linefriends .header-bottom {
    margin: auto;
    height: 25px;
    width: 58px
}

.linefriends main .linefriends_title {
    padding: 50px 0 32px
}

.linefriends main .linefriends_title .img-container {
    width: 500px;
    margin: auto
}

.linefriends main section {
    padding: 0 0 20px
}

.linefriends main section p {
    color: grey;
    font-weight: 700;
    font-size: 32px
}

.linefriends main section p a {
    color: #124aa2;
    font-size: 20px;
    display: initial
}

.linefriends main section p .medium {
    font-size: 24px
}

.linefriends main section p .small {
    font-size: 16px;
    line-height: .5em
}

.linefriends main section p .policy {
    font-size: 20px;
    color: #807d7d;
    font-weight: initial
}

.linefriends main .subscribe {
    border-top: 1px solid #adadad;
    padding: 20px 0 30px
}

.linefriends main .subscribe .subscribe-out td input[type=button] {
    background-color: #7ec512;
    color: #fff;
    font-size: 21px;
    padding: 0 12px;
    line-height: 44px;
    border: 1px solid #adadad
}

.linefriends main .subscribe .subscribe-out td input[type=password],
.linefriends main .subscribe .subscribe-out td input[type=tel],
.linefriends main .subscribe .subscribe-out td input[type=text] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
    padding: 0 12px;
    line-height: 44px;
    border: 1px solid #adadad;
    border-radius: 0;
    color: #adadad;
    font-size: 21px
}

.linefriends main .subscribe .subscribe-out td input[type=password]:-moz-placeholder,
.linefriends main .subscribe .subscribe-out td input[type=text]:-moz-placeholder {
    color: #adadad;
    font-size: 21px
}

.linefriends main .subscribe .subscribe-out td input[type=password]::-moz-placeholder,
.linefriends main .subscribe .subscribe-out td input[type=text]::-moz-placeholder {
    color: #adadad;
    font-size: 21px
}

.linefriends main .subscribe .subscribe-out td input[type=password]:-ms-input-placeholder,
.linefriends main .subscribe .subscribe-out td input[type=text]:-ms-input-placeholder {
    color: #adadad;
    font-size: 21px
}

.linefriends main .subscribe .subscribe-out td input[type=password]::-webkit-input-placeholder,
.linefriends main .subscribe .subscribe-out td input[type=text]::-webkit-input-placeholder {
    color: #adadad;
    font-size: 21px
}

.linefriends main .subscribe .subscribe-out td p,
.linefriends main .subscribe .subscribe-out th p {
    color: #adadad;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0;
    text-align: left;
    line-height: 1.8125em
}

.linefriends .footer {
    background-color: #78be23;
    text-align: center;
    -moz-box-shadow: 0 -15px 15px 0 rgba(97, 97, 97, .1);
    -webkit-box-shadow: 0 -15px 15px 0 rgba(97, 97, 97, .1);
    box-shadow: 0 -15px 15px 0 rgba(97, 97, 97, .1)
}

.linefriends main .subscribe .subscribe-out .twzip .zipcode {
    width: 70px;
    font-family: inherit
}

.linefriends main .subscribe .subscribe-out .twzip .zip_select {
    box-sizing: border-box;
    outline: 0;
    padding: 0 12px;
    line-height: 44px;
    border: 1px solid #adadad;
    border-radius: 0;
    color: #adadad;
    font-size: 21px;
    height: 46px;
    background: #fff;
    font-family: inherit
}

@media screen and (max-width:725px) {
    .linefriends main .linefriends_title .img-container {
        width: auto;
        max-width: 500px
    }
}

@media screen and (max-width:768px) and (min-width:0px) {

    .recommend ul li a,
    .recommend_text ul li a {
        font-size: 18px !important
    }

    .recommend ul li,
    .recommend_text ul li {
        font-size: 20px
    }

    .linefriends main .linefriends_title {
        padding: 20px 10px 30px
    }

    .linefriends main section p,
    .linefriends main section p span {
        font-weight: 700;
        font-size: 20px;
        line-height: 1.5em
    }

    .linefriends main section p .small {
        font-size: 13px
    }

    .linefriends main section p .medium {
        font-size: 16px
    }

    .linefriends main section p .policy {
        font-size: 15px
    }

    .linefriends main section p a {
        color: #124aa2;
        font-size: 15px;
        display: initial
    }

    .linefriends main .subscribe p {
        font-size: 17px
    }

    .linefriends main .subscribe .subscribe-out td,
    .linefriends main .subscribe .subscribe-out th {
        padding: 5px 0
    }

    .linefriends main .subscribe .subscribe-out td p,
    .linefriends main .subscribe .subscribe-out th p {
        letter-spacing: 0;
        font-size: 17px
    }

    .linefriends main .subscribe .subscribe-out td input[type=password],
    .linefriends main .subscribe .subscribe-out td input[type=tel],
    .linefriends main .subscribe .subscribe-out td input[type=text] {
        line-height: 34px;
        font-size: 17px
    }

    .linefriends main .text_show {
        padding: 0 10px
    }

    .linefriends main .subscribe .subscribe-out .twzip .zip_select {
        height: 36px;
        font-size: 17px
    }
}

.member-join member-join-popup {
    padding: 30px 5%
}

.line_picture {
    width: 90%
}

.clear1 {
    width: 70%
}

.input-title input-left {
    font-size: 15px
}

.email input-title input-left {
    font-size: 15px;
    width: 24%
}

.member .member-control .input-text1 {
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .095em
}

.popup-win-close,
.popup-win-inapp-close {
    background: #fff;
    float: right;
    cursor: pointer
}

.popup-login-close {
    float: right;
    cursor: pointer;
    padding: 2px
}

.member-btn .social-textcenter .line-btn {
    background-color: #00c300
}

.member .member-control .line-btn {
    background-color: #00c300;
    width: 100%;
    font-family: 微軟正黑體;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 5px;
    position: relative;
    border: none
}

.member .member-control .line-btn:hover {
    background-color: #8fbc8f
}

.fb-register-title {
    border-bottom: 2px solid #4f6aa3;
    color: #4f6aa3;
    font-weight: 700;
    text-align: center;
    padding: 10px 20px;
    font-size: 120%
}

.line-register-title {
    border-bottom: 2px solid #00c300;
    color: #00c300;
    font-weight: 700;
    text-align: center;
    padding: 10px 20px;
    font-size: 120%
}

.fb_login_button,
.line_login_button {
    color: #fff;
    width: 100%;
    text-align: center;
    float: left;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    outline: 0
}

.line_login_button {
    padding: 8px 20px;
    background-color: #00bf00;
    border-radius: 5px;
    border: 0
}

.fb_login_button {
    padding: 8px 12px;
    margin: 5px 0;
    border-radius: 5px;
    background: #395795;
    border: 0
}

.fb_login_button img {
    width: 25px;
    position: absolute;
    left: 10px;
    top: 5px
}

.errspan {
    float: right;
    margin-right: 6px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    color: #000
}

#socialMedia_mobile_show_ad,
.hotword_close {
    position: fixed;
    z-index: 95;
    display: none;
    width: 100%
}

.close_popup_register {
    color: #666;
    font-weight: 700;
    padding: 5px;
    font-size: 25px
}

.btn1 {
    width: 100%;
    background-color: #eee;
    margin-top: 3px;
    cursor: pointer
}

.login-fb-title {
    cursor: pointer;
    margin-left: 24px
}

.small_picture {
    width: 30px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle
}

.social_picture_register {
    float: left;
    width: 30%
}

@media (max-width:767px) {
    .social_picture_register {
        width: 100% !important;
        text-align: center !important
    }

    .line_picture {
        width: 20%
    }

    .clear1 {
        display: inline-block;
        width: 100% !important
    }

    .member .member-control .member-join .join-check {
        margin-bottom: 3px;
        width: 100%;
        font-size: 12px
    }

    .member .member-control .member-join .join-check .terms-of-service {
        font-size: 12px
    }

    .input-title {
        font-size: 14px
    }

    .member .member-control .form-input div+div {
        padding-top: 1px
    }

    .member .member-control .member-join .form-input {
        padding-bottom: 4px
    }

    .member .member-control .member-btn {
        padding: 13px 0
    }
}

button:focus,
select:focus {
    outline: 0
}

.login_tbody {
    background-color: #fff
}

.emloginbtn,
.login_to_register {
    cursor: pointer;
    background: #ff9400;
    font-weight: 700
}

.emloginbtn {
    width: 100%;
    border: 0;
    border-radius: 5px;
    padding: 8px 0;
    color: #fff
}

.emregisterbtn {
    float: right;
    padding-left: 10px;
    text-align: center;
    width: 30%
}

.login_td {
    width: 50%;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #dfdfdf
}

.login_td2,
.login_td5 {
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 0;
    color: #78be23
}

.login_icon_circle {
    color: #666;
    font-weight: 700;
    font-size: 25px
}

.login_td3,
.login_td6 {
    text-align: left;
    padding: 5px 20px
}

.login_input_user,
.login_input_user_password {
    padding-left: 10px;
    border-bottom: 1px solid #d4d4d4;
    height: 30px
}

.login_input_user {
    font-size: 17px
}

.login_input_user_password {
    font-size: 100%
}

.forgetpw_label {
    text-align: center;
    padding: 5px 20px
}

.login_td4 {
    padding: 15px 20px;
    text-align: center
}

.login_to_register {
    text-align: center;
    padding: 5px 15px;
    color: #fff;
    letter-spacing: 1.2px;
    border-radius: 10px;
    font-size: 16px
}

#article_page img,
#article_page img.lazyloading,
.line_add_friend_icon {
    background-repeat: no-repeat;
    background-position: center center
}

.img {
    border-radius: 5px;
    transition: .3s
}

.broad_title {
    text-align: center;
    padding: 10px 0 2px;
    font-size: 22px;
    font-weight: 700
}

.member_note .box_content {
    padding: 0 10%;
    font-size: 18px;
    line-height: 26px;
    background: #fff
}

#socialMedia_mobile_show_ad {
    bottom: 0;
    left: 0;
    padding: 5px;
    background: #fff;
    text-align: center
}

#socialMedia_mobile_show {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    text-align: center;
    box-shadow: 0 -5px 5px 0 #f0f0f0
}

.hotword_close {
    bottom: 100px;
    right: 5px;
    font-size: 35px;
    text-align: right
}

.ec_title {
    display: flex;
    flex-direction: row;
    color: #9d9d9d;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 800;
    margin: 27px 0 15px
}

.text_a_r,
.tool_txt,
.tool_txt_r {
    font-size: 14px
}

.ec_title:after,
.ec_title:before {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #9d9d9d;
    margin: auto 8px
}

#socialMedia_mobile_show .bottom_right {
    float: right;
    margin-right: 8px
}

#socialMedia_mobile_show a {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 17px
}

.join_for_ig_li,
.share_for_fb_li,
.share_for_line_li {
    width: 12%
}

.join_for_shop_li {
    width: 92px;
    margin-left: 23px;
    padding: 0 5px
}

.join_for_line {
    width: 104px
}

.tool_txt_r {
    margin-top: 10%
}

.text_a_r {
    display: inline-block;
    font-weight: 700
}

.line_add_friend_icon {
    background-color: #22b14c;
    background-image: url(../image/linefri.png);
    background-size: contain;
    width: 220px !important;
    display: inline-block
}

.article .line_friend_icon {
    display: inline-block;
    height: 30px;
    width: 29px;
    vertical-align: middle;
    background: url(../image/line40.png) top left/20px 20px no-repeat;
    margin-top: 4px
}

.article .fb_icon,
.article .line_icon {
    height: 32px;
    width: 32px;
    vertical-align: middle;
    display: inline-block
}

.article .line_icon {
    background: url(../image/line40.png) center center/20px 20px no-repeat
}

.article .fb_icon {
    background: url(../image/fb2.png) center center/20px 32px no-repeat
}

.article .mail_icon {
    display: inline-block;
    height: 28px;
    width: 27px;
    vertical-align: middle;
    background: url(../image/sms.png) center center/18px 14px no-repeat
}

.article .collect_icon,
.article .collect_icon_done {
    width: 32px;
    margin-right: 1px;
    display: inline-block;
    vertical-align: middle;
    height: 32px
}

.article .collect_icon {
    background: url(../image/collect_off.png) center center/contain no-repeat
}

.article .collect_icon_done {
    background: url(../image/collect_on.png) center center/contain no-repeat
}

.article .url_icon {
    display: inline-block;
    width: 27px;
    vertical-align: middle
}

.article .collect_article,
.article .fb_share_article,
.article .line_share_article,
.article .mail_share_article,
.article .url_share_article {
    border-radius: 3px;
    margin: auto;
    vertical-align: bottom;
    display: inline-block;
    color: #fff
}

.article .url_icon a {
    margin-top: 8px;
    display: inline-block;
    vertical-align: text-bottom;
    box-sizing: border-box;
    padding: 0 1px;
    color: #fff;
    font-weight: 700
}

.line_share_icon {
    display: inline-block;
    width: 18px;
    height: 14px;
    vertical-align: middle;
    margin: 2px
}

.article .line_share_article {
    background-color: #1dc320;
    position: relative;
    height: 32px
}

.article .fb_share_article {
    background-color: #45619d;
    position: relative;
    height: 32px
}

.article .mail_share_article {
    background-color: #98d6ea;
    position: relative;
    height: 28px
}

.article .url_share_article {
    background: url("../image/URL_1.png") 0 0/cover #ea9085;
    width: 32px;
    height: 32px
}

.article .line_share_friend {
    display: inline-block;
    background-color: #1dc320;
    position: relative;
    color: #fff;
    padding-right: 6px;
    border-radius: 3px;
    width: 72px;
    height: 28px
}

.article .collect_article {
    position: relative;
    height: 32px
}

.article .line_join_txt {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px
}

.sright {
    text-align: right;
    width: 100%
}

.line_txt {
    color: #fff;
    font-weight: 700;
    padding: 8px 5px;
    font-size: 15px
}

.bshowup,
.showup {
    display: inline-block;
    width: 120px;
    background-color: #f1935c;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    text-align: center;
    color: #fff;
    opacity: 0
}

.showup {
    animation: 5s fadeOuf;
    -webkit-animation: 5s fadeOut;
    -moz-animation: 5s fadeOut;
    -o-animation: 5s fadeOut;
    -ms-animation: fadeOut ease 5s;
    right: 5px;
    margin-top: 31px
}

.bshowup {
    animation: 5s fadeOuft;
    -webkit-animation: 5s fadeOut;
    -moz-animation: 5s fadeOut;
    -o-animation: 5s fadeOut;
    -ms-animation: fadeOut ease 5s;
    right: 176px;
    margin-top: -24px
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media (max-width:340px) {
    .socialMedia_mobile a {
        font-size: 20px
    }
}

@media screen and (max-width:1000px) {
    .shares {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        background: rgba(255, 255, 255, .75);
        z-index: 95
    }

    #socialMedia_mobile_show li {
        float: left;
        display: block;
        text-align: center;
        height: 55px
    }

    #socialMedia_mobile_show a {
        display: block;
        width: 100%
    }

    #socialMedia_mobile_show li img {
        width: auto;
        height: 35px;
        margin-top: 8px
    }
}

@media screen and (min-width:768px) {

    #socialMedia_mobile_show,
    .desktop-hidden,
    .hotword_close {
        display: none !important
    }

    .vote-card {
        right: -450px !important;
        -webkit-transition: .4s;
        transition: .4s
    }

    .vote-card.show {
        right: 16px !important
    }

    .fixed-article-height .grid {
        height: 254px
    }
}

#twzipcode #search_subject,
#twzipcode .zip_select,
#twzipcodep .zip_select {
    border-radius: 4px;
    background-color: #fff
}

.tabcontent .search_input .search-bar {
    border: 1px solid #a9a9a9;
    font-size: 100%;
    font-family: 微軟正黑體;
    padding: 0 0 0 3px
}

.tabcontent ul {
    display: inline-flex;
    text-align: center;
    width: 100%
}

.tabcontent ul li {
    display: inline;
    width: 50%
}

.list_item .css-table {
    display: inline-block;
    font-size: 15px;
    line-height: 23px;
    width: 70%;
    vertical-align: middle
}

.list_item .css-table .thead,
.list_item_result .css-table .thead {
    display: table-header-group
}

.list_item .css-table .tbody,
.list_item_result .css-table .tbody {
    display: table-row-group
}

.list_item .css-table .tr,
.list_item_result .css-table .tr {
    display: table-row
}

.list_item .css-table .td:nth-child(odd),
.list_item .css-table .th {
    display: table-cell;
    width: 100px
}

.list_item_result .css-table {
    display: inline-block;
    font-size: 20px;
    line-height: 23px;
    width: 100%;
    padding: 8px;
    vertical-align: middle;
    border-collapse: separate;
    border-spacing: 13px
}

.list_item_result .css-table .td:nth-child(odd),
.list_item_result .css-table .th {
    display: table-cell;
    width: 140px;
    border-left: 5px solid #78be23;
    padding-left: 6px
}

.mar_box .title_img {
    padding: 10px;
    font-size: 16px;
    font-weight: 600
}

.tabcontent .search_input,
.tabcontent .search_input_send {
    width: 33%;
    display: inline-block;
    margin: 5px;
    font-size: 15px
}

.tabcontent .select_country {
    border: 1px solid #5aa11b;
    height: 200px;
    padding: 30px 20px
}

.tabcontent .find_hospital,
.tabcontent .find_pharmacy {
    border-top: 1px solid #78be23;
    border-right: 1px solid #78be23;
    border-left: 1px solid #78be23;
    padding: 13px;
    font-weight: 600;
    cursor: pointer;
    font-size: 18px
}

.tabcontent .find_pharmacy {
    background-color: #78be23
}

.tabcontent .find_hospital {
    background-color: #fff
}

.mar_box .search_text_strong {
    font-weight: 700;
    color: orange
}

.search_input_send #search_submit {
    position: relative;
    padding: 5px 28px;
    margin: 0 10px 10px 0;
    border-radius: 4px;
    font-family: 微軟正黑體;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: #78be23;
    width: 25%
}

@media screen and (max-width:419px) {
    .member_note .box_content {
        padding: 0 5%
    }

    .ad #container .container-out .container-top {
        padding: 15px 0
    }

    .tabcontent .search_input {
        width: 65%
    }

    .road_input {
        width: 60% !important
    }

    .tabcontent .search_input_send {
        width: 100%;
        display: inline-block;
        margin: 5px;
        font-size: 15px
    }

    .search_input #search_submit,
    .search_input_send #search_submit {
        width: auto
    }
}

.search_input .animate {
    transition: .1s;
    -webkit-transition: .1s
}

#myImg,
.close {
    transition: .3s
}

.search_input #search_submit:active {
    transform: translate(0, 5px);
    -webkit-transform: translate(0, 5px);
    border-bottom: 1px solid
}

.result_link_block .item_photo_box {
    display: inline-block;
    width: 28%;
    vertical-align: middle
}

#now_c .search_result_name {
    font-size: 28px;
    display: inline-block;
    margin-left: 5px
}

#now_c .item_box {
    display: block;
    border: 1px solid;
    margin-bottom: 5px;
    padding: 15px
}

.opendata_time {
    text-align: right;
    font-size: 14px;
    padding: 3px 0
}

.hospital_table,
.hospital_table td,
.hospital_table th {
    border: 1px solid #000;
    padding: 5px 10px;
    text-align: center
}

.hospital_data .item_in_txt {
    border-left: 6px solid #78be23;
    padding-left: 6px;
    margin-top: 15px;
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-shadow: 0 0 1px #ccc
}

.hospital_data .phone {
    width: 30%;
    display: inline-block
}

.hospital_data .mobile_phone {
    display: inline-block;
    margin-left: 10px
}

@media (max-width:415px) {
    .hospital_data .phone {
        width: 50%
    }

    .hospital_table,
    .hospital_table td,
    .hospital_table th {
        padding: 5px
    }
}

@media (max-width:360px) {
    .text_a_r {
        font-size: 12px
    }

    .hospital_table,
    .hospital_table td,
    .hospital_table th {
        padding: 0
    }
}

#article_page img.lazyloading {
    position: relative;
    background-size: cover;
    max-width: 100%;
    height: auto;
    display: inline
}

#article_page img {
    position: relative;
    background-size: cover;
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
    display: inline
}

#article_page>span.sup {
    margin-left: -6px
}

#article_page.article_preview>span.sup {
    margin-left: 1px
}

#myImg {
    border-radius: 5px;
    cursor: pointer
}

#myImg:hover {
    opacity: .7
}

.modala {
    display: block !important;
    position: fixed !important;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .7)
}

.modal-content {
    margin: auto;
    display: block;
    width: 90%;
    max-width: 700px;
    -webkit-animation-name: zoom;
    -webkit-animation-duration: .6s;
    animation-name: zoom;
    animation-duration: .6s
}

.cookiesBox,
.cookiesBox_forshop {
    display: none;
    left: 0;
    overflow: hidden
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 700
}

.close:focus,
.close:hover {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

@media only screen and (min-width:700px) and (max-width:1024px) {
    .modal-content {
        max-width: 900px
    }
}

@media only screen and (min-width:1024px) {
    .modal-content {
        max-width: 1000px
    }
}

.cookiesBox {
    padding: 10px;
    background: #fff8dc;
    position: relative;
    top: 0;
    width: 100%
}

.cookiesBox .cookie_content {
    color: #000;
    display: block;
    padding: 0 30px 0 60px;
    line-height: 20px;
    float: left;
    width: 65%;
    margin: 8px auto
}

.cookiesBox a {
    color: #000;
    display: inline-block;
    font-size: unset;
    line-height: 20px;
    font-weight: 700;
    white-space: nowrap
}

.cookiesBox_forshop {
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    width: 100%;
    z-index: 999;
    position: fixed
}

.cookiesBox_forshop .cookie_content {
    color: #fff;
    display: block;
    text-align: center;
    line-height: 20px;
    width: 100%;
    margin: 8px auto;
    font-size: 20px;
    font-weight: 700
}

.cookiesBox_forshop a {
    color: #000;
    background: #fff;
    display: inline-block;
    font-size: unset;
    line-height: 20px;
    font-weight: 700;
    white-space: nowrap;
    padding: 5px;
    margin-left: 5px
}

.cookie_check,
.cookie_shop_check a {
    text-decoration: none;
    vertical-align: middle;
    display: inherit
}

.cookie_shop_check {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0
}

.cookie_shop_check a {
    position: absolute;
    right: 0;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    height: 100%;
    line-height: 35px;
    font-size: 24px
}

.cookie_check {
    text-align: right;
    background: #78be23;
    border-radius: 2px;
    padding: 7px 15px;
    color: #00a3e0;
    margin: 8px 70px 8px auto;
    float: right
}

.cookie_check .fa-check-square {
    margin-right: 3px
}

@media only screen and (max-width:700px) {
    .modal-content {
        width: 100%
    }

    .cookiesBox {
        padding: 0
    }

    .cookiesBox .cookie_content {
        padding: 0 12px;
        width: 95%
    }

    .cookie_check {
        margin: auto auto 10px;
        float: initial
    }
}

@media only screen and (max-width:420px) {
    #special .article-grid .grid .grid-article .detail .title {
        font-size: 22px
    }

    #goTop img {
        width: 48px
    }

    #special .article-grid .grid {
        padding: 0 7px 30px 0
    }

    #special {
        background-image: url("../image/wall1.jpg");
        background-position: -40px 25px
    }

    .special_bg {
        height: 265px;
        background-position: 0 0;
        background-repeat: no-repeat
    }

    .special_bn {
        width: 100% !important
    }

    #special .articles-list-container {
        width: 85%;
        border-radius: 20px;
        padding: 20px
    }

    #special #special_mag .list-img,
    #special .article-grid .grid .grid-img,
    .b_dashed,
    .member .member-activity .member-note .content .a_img,
    .member .member-control .member-activity .content .a_img,
    .pic_banner .logo img {
        width: 100%
    }

    #special .article-list .list .list-img img,
    #special .articles-list-container .article-grid .grid .grid-img img.img-3 {
        height: auto
    }

    #special .article-grid .grid .grid-article {
        padding: 2px 0;
        width: 100%;
        height: auto
    }

    #special .article-list .list .list-img {
        width: 40%
    }

    #special .article-list .list .list-img #specialimg {
        height: 230px
    }

    #special .article-list .list .list-article {
        width: 60%
    }

    .special_other_button {
        text-align: right;
        font-size: 20px;
        width: 38%
    }

    #special #special_mag .list-article {
        width: 100%;
        padding: 0
    }

    .specialurl .link1 a,
    .specialurl .link2 a {
        padding: 13px 0 13px 3px;
        width: 100%;
        box-sizing: border-box;
        font-size: 18px
    }

    .specialurl .link1,
    .specialurl .link2 {
        width: 40%;
        margin: 0 10px
    }

    #special .article-list .list .list-article .title a {
        line-height: 1.1em;
        height: 2.3em;
        font-size: 20px
    }

    #special .spacingfix_project {
        margin-top: 16px
    }

    #special .special_logo {
        width: 135px;
        margin: 3px 10% 3px 3%
    }

    .special_content {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }

    .pic_banner .pic_href {
        width: calc(100%/3 - 8px)
    }

    .pic_banner .pic_description {
        text-align: left;
        font-size: 17px;
        line-height: 20px
    }

    .pic_banner .pic_description div {
        margin: 2px 0
    }

    .member-center-info img {
        width: 30%;
        float: left
    }

    .member .member-control .member-activity .tab {
        padding: 0 8%
    }

    .cookie_check,
    .cookiesBox .cookie_content {
        font-size: 13px
    }

    .badge {
        padding: 4px 8px;
        position: relative;
        top: -4px;
        left: 0
    }

    .member-collect {
        margin-left: 0;
        padding: 0
    }

    .member-collect-list .notice-list {
        margin-left: 0;
        border-bottom: 2px solid #d6d6d6;
        padding: 0 0 15px;
        margin-top: 20px
    }

    .member .member-control .member-activity .a_content {
        width: 100%;
        padding-left: 0;
        padding-top: 20px
    }

    .tabnote {
        width: 80%;
        display: inline-block;
        margin-top: 16px;
        padding-left: 10px
    }

    .member-activity {
        border-top: 1px solid #d6d6d6;
        background: #fff;
        padding: 10px 0
    }

    .member .member-collect .member-collect-list .notice-list .list {
        padding: 0 10%
    }

    .member-activity #membercenter-tab a.tab-join {
        font-size: 19px;
        width: 30%
    }

    .member .member-collect .member-collect-features,
    .sigma-content {
        padding-left: 10px
    }

    .sigma-line-text {
        padding: 0;
        font-size: 21px
    }

    .sigma-middle-line:before {
        width: 90%;
        height: 1px;
        top: 12px
    }

    .member .member-activity .member-note .content .a_img img {
        width: 100%;
        height: auto
    }

    .member-note .a_content {
        width: 100%;
        padding-left: 0;
        padding-top: 16px
    }

    .member-note .gotolink a {
        width: 50%
    }

    .member .member-center .member-center-info .title {
        float: left;
        font-size: 19px;
        color: #818181;
        font-weight: 700;
        margin-top: 30px
    }
}

.open-btn {
    display: block;
    width: 30%;
    margin: 30px auto 0;
    border: 1px solid transparent;
    background-color: #2fe7be;
    -webkit-box-shadow: 0 4px 0 #18cda6;
    box-shadow: 0 4px 0 #18cda6;
    color: #fff
}

.open-btn:active {
    transform: translateY(2px);
    -webkit-box-shadow: 0 2px 0 #18cda6;
    box-shadow: 0 2px 0 #18cda6
}

.fake-hide {
    opacity: 0
}

.popup-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    perspective: 1000;
    z-index: 20;
    transition: .4s
}

.popup-box {
    color: #fff;
    position: relative;
    width: 260px;
    height: 400px;
    background-color: #2b2f3e;
    margin: 100px auto 0;
    border-radius: 4px;
    transition: .1s
}

.popup-box .close-btn {
    position: absolute;
    font-size: 40px;
    left: auto;
    right: 20px;
    top: 10px;
    color: #fff;
    cursor: pointer;
    z-index: 2
}

.entry {
    animation: 1s entry
}

@keyframes entry {
    0% {
        transform: rotateX(90deg) translateY(-200px)
    }

    100% {
        transform: rotateX(0) translateY(0)
    }
}

@media (max-width:501px) {
    .open-btn {
        width: 40%
    }
}

@media (max-width:320px) {
    .close-btn {
        font-size: 35px
    }
}

.footer_logo {
    background-image: url(../image/logo-health1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 161px;
    height: 60px;
    font-size: 0;
    margin-top: -6px
}

.overlay-container {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 3000;
    opacity: 0;
    display: none;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 0;
    padding: 0;
    border: 0
}

#div-gpt-ad-1558679862503-0 {
    line-height: 0;
    font-size: 0
}

#div-gpt-ad-1558679862503-0>div {
    position: absolute;
    border: 0;
    display: inline-block;
    width: 100%;
    height: auto
}

#div-gpt-ad-1558679862503-0>div>iframe {
    position: fixed;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    -webkit-transition: .3s;
    transition: .3s
}

.popup-close {
    width: 231px;
    height: 29px;
    position: absolute;
    left: 55px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(../image/close_popup.png) center center/100% 100% no-repeat;
    -moz-background-size: 100% 100%;
    text-indent: 200%;
    color: transparent;
    outline: 0;
    cursor: pointer
}

.order_epaper {
    position: absolute;
    bottom: 35px;
    left: 30%
}

#side_edminput_popup {
    width: 325px;
    height: 45px;
    text-align: center;
    font-size: 16px;
    font-family: 微軟正黑體
}

.submit_epaper {
    background-color: #588801;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    font-weight: 700;
    display: block;
    margin-top: 8px;
    text-align: center
}

.epaper-popup-login-close {
    cursor: pointer;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

.border {
    border: 1px solid
}

.health-keywords-searchpage .keyword-list .kitem {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 32px;
    border: 1px solid;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px
}

.health-keywords-searchpage .keyword-list .kitem a {
    color: #000;
    display: inline-block;
    float: left
}

.health-keywords-searchpage .health-keywords {
    display: inline-block;
    width: 100%;
    margin-left: 5px;
    font-weight: 700;
    margin-bottom: 10px
}

.mt-20 {
    margin-top: -20px
}

.top-tooltip {
    position: absolute;
    padding: 5px;
    border: 2px solid #f2af27;
    right: 40%;
    top: 2.5em;
    white-space: nowrap;
    color: #f2af27;
    box-shadow: 1px 1px 3px grey;
    background: #fff;
    z-index: 1000;
    -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .5)
}

.top-tooltip a {
    display: contents !important;
    color: #f2af27
}

.top-tooltip.logind {
    border-color: #f03328;
    color: #f03328
}

.top-tooltip.logind a {
    color: #f03328
}

.m-tooltip-target,
.tooltip-target {
    z-index: 1001
}

.header-buttons #unreadcount {
    left: 15px;
    top: -7px
}

.vsvideo {
    text-align: center;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000
}

#vs_close,
.vsvideo_close {
    position: fixed;
    top: 0;
    right: 0
}

.vsvideo.relative {
    position: initial
}

.vsvideo iframe {
    width: 300px;
    height: 200px
}

.vsvideo_close {
    z-index: 10001;
    width: 27px
}

#vs_close {
    width: 25px
}

#vsiframe.inheritwidth {
    width: 500px;
    height: 315px
}

.top-tooltip.desktop-hidden {
    top: 3.2em;
    right: 2em
}

.media-article::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "";
    font-family: Font Awesome\ 5 Free;
    font-weight: lighter;
    font-size: 80px;
    color: #fff;
    opacity: .8;
    text-shadow: 0 0 30px rgb(0 0 0 / 50%)
}

.media-article:hover::before {
    color: #eee
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    height: auto !important;
    margin: auto !important;
    overflow: visible !important;
    width: auto !important;
    white-space: normal !important
}

.sr-only.sr-only-focusable {
    z-index: 1010
}

.accesskey {
    color: transparent
}

.accesskey:active,
.accesskey:focus {
    color: #000
}

.accesskey.flow {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000
}

.article-detail .article .sitemapMenu {
    display: block;
    margin: 1rem .5rem;
    padding: 1rem;
    font-size: 1rem !important
}

.article-detail .article .sitemapMenu .category {
    display: block;
    letter-spacing: .12em;
    font-size: 1.5rem;
    font-weight: bolder;
    color: #000;
    background-color: #7ec512;
    width: 100%;
    padding: .5rem .75rem
}

.article-detail .article .sitemapMenu .tagGroup {
    font-size: 1.25rem
}

.article-detail .article .sitemapMenu ul li {
    list-style: none;
    margin-left: 3rem
}

#shopping-discount thead {
    background-color: #f8c102
}

#shopping-discount thead th {
    color: #fff;
    text-align: center;
    line-height: 1.8rem;
    font-size: 18px;
    font-weight: 700
}

#shopping-discount tbody tr {
    border-bottom: 1px solid #e3e3e3;
    line-height: 3.5rem
}

#shopping-discount tbody td,
#shopping-discount tbody td a {
    text-align: center;
    line-height: 20px;
    font-size: 17px;
    color: #7d7d7d;
    font-weight: 700
}

#shopping-discount tbody .shopping-amount {
    color: #f8c102;
    font-size: 1.5rem;
    font-weight: bolder;
    font-family: sans-serif;
    line-height: 56px
}

#shopping-discount tbody .shopping-amount::first-letter {
    font-size: 1rem
}

#shopping-discount tbody .shopping-link {
    background-color: #dc0104;
    width: 90%;
    color: #fff;
    font-size: 18px;
    border-radius: .5rem;
    padding: 6px;
    box-sizing: border-box;
    float: right
}

#shopping-discount tbody .shopping-link::after {
    content: "";
    background-image: url("../image/coin.png");
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: .25rem;
    margin-right: -.75rem;
    vertical-align: -.25rem;
    display: inline-block
}

#shopping-discount tbody .shopping-link.disabled {
    background-color: #ccc;
    pointer-events: none
}

#shopping-discount tbody .shopping-link.disabled::after {
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%)
}

@media (max-width:420px) {
    .popular-video-container .slider .item img {
        padding: 10px 28px
    }

    .magazine-list .mag_description,
    .magazine_sub {
        font-size: 16px
    }

    .vsvideo {
        position: inherit;
        padding: 20px 0 5px
    }

    .magazine-list .download a,
    .terms {
        font-size: 17px
    }

    .terms {
        border-radius: 17px;
        border: 1px solid #ccc;
        padding: 7px;
        display: inline-block;
        font-weight: 700;
        background: #fff;
        position: absolute;
        bottom: -4px;
        right: 10px
    }

    .terms a {
        font-size: 19px
    }

    .member-settings {
        width: 100%;
        border-top: 1px solid #d6d6d6;
        margin-top: 20px
    }

    .magazine-list .mag_content .mag_title {
        font-size: 19px;
        margin-bottom: 5px
    }

    .member .member-center .member-center-info .name {
        float: left;
        font-size: 18px;
        color: #818181;
        font-weight: 700;
        width: 70%;
        text-align: left
    }

    .notice-list .tabnote-2 {
        width: 100%;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .member-center {
        background: #fff;
        padding: 10px 25px;
        border-bottom: 1px solid #d6d6d6
    }

    #shopping-discount tbody .shopping-link {
        width: 80%;
        line-height: 24px;
        margin: 14px 0
    }

    #shopping-discount tbody .shopping-link::after {
        background-image: none;
        background-size: 0;
        width: 0;
        height: 0;
        display: block
    }

    #shopping-discount tbody tr {
        line-height: 0
    }
}

.vote-btn,
.vote-card .vote-head a,
.vote-tag {
    background-repeat: no-repeat
}

.select-lock {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vote-tag {
    display: none;
    position: fixed;
    right: 0;
    top: 30%;
    background-image: url("../image/vote-label.png");
    background-size: contain;
    width: 60px;
    height: 163px;
    z-index: 1
}

.vote-card {
    position: fixed;
    width: 400px;
    height: 400px;
    top: calc(20% - 100px);
    right: 1rem;
    background-color: #91d1e0;
    z-index: 9999;
    box-shadow: 0 0 10px #666
}

.vote-card .vote-head {
    width: 100%;
    height: 95px;
    background: url("../image/vote-article-head.png") 0 0/cover no-repeat;
    color: transparent
}

.vote-card .vote-head a {
    position: absolute;
    background-image: url(../image/close.png);
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
    top: 5px;
    right: 5px
}

.vote-card .vote-main {
    position: relative;
    width: 312px;
    height: 250px;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 1.5rem;
    bottom: 1rem;
    transform-style: preserve-3d;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.vote-card .vote-main::before {
    position: absolute;
    content: " ";
    background-image: url("../image/vote-shadow.jpg");
    background-size: contain;
    width: 100%;
    height: 100%;
    top: .75rem;
    left: .75rem;
    transform: translateZ(-1px);
    border-radius: 1.75rem
}

.vote-title {
    font-size: 2rem;
    color: #44b7ca;
    font-weight: 700
}

.vote-btn {
    color: #fff !important;
    background-image: url("../image/vote-button.png");
    background-size: cover;
    margin: 0 auto;
    font-size: 1.5rem;
    width: 10rem;
    height: 4rem;
    line-height: 3.5rem;
    text-align: center;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .vote-card {
        width: 95vw;
        height: 95vw;
        bottom: 50%;
        transform: translate(50%, 50%);
        right: -50%;
        -webkit-transition: .4s;
        transition: .4s
    }

    .vote-card.show {
        right: 50%
    }

    .vote-card .vote-main {
        width: calc(85vw - 48px);
        height: 59%
    }
}

.paywall_login {
    position: relative;
    margin-bottom: 50px;
    font-size: 1.125rem;
    z-index: 1;
    text-align: center !important
}

.paywall_login .a {
    color: #88c925;
    font-weight: 700;
    text-align: center !important
}

.paywall_login .b {
    color: #000;
    font-weight: 700;
    text-align: center !important;
    margin-bottom: 15px
}

.article-detail .article .content .paywall_login .article_limit_login {
    color: #fff;
    background-color: #88c925;
    font-weight: 700;
    text-align: center !important;
    padding: 8px 20px;
    border-radius: 21px;
    margin: 8px
}

.article-detail .article .content .paywall_login .article_limit_register {
    color: #fff;
    background-color: #ff6937;
    font-weight: 700;
    text-align: center !important;
    padding: 8px 20px;
    border-radius: 21px;
    margin: 8px
}

.auto-resizable-iframe {
    max-width: 100%;
    margin: 0 auto
}

.auto-resizable-iframe>#videos {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    margin-top: 20px
}

.auto-resizable-iframe>#yvideos {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    padding-top: 5%
}

.auto-resizable-iframe>#newsvideos {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    margin-top: 20px
}

.paywall_login::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 150px;
    background-image: url("../image/blur.png");
    background-size: auto
}

.retarget_upbn {
    text-align: center;
    display: none
}

.article-detail .article .content .retarget_upbn .text {
    margin-top: -5px !important;
    line-height: 23px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: auto;
    width: 300px;
    text-align: justify
}

.article-detail .article .content .retarget_upbn img {
    margin-bottom: 0 !important;
    margin: auto;
    width: 300px
}

.projects .article-list .img-square.isAd:has(iframe) {
    display: block
}