:root{
    /*--customize-menu-color: var(--theme-color);*/
    --customize-menu-color: #000;
    --customize-menu-hcolor: #ffaeb6;
    --customize-menu-font-color: #fff;
    --customize-menu-font-hcolor: #fff;
    --customize-submenu-color: #000;
    --customize-submenu-hcolor: #000;
    --customize-submenu-border-color: #000;
    --customize-current-menu-color: #ffaeb6;
    --customize-current-menu-font-color: #fff;
    --mobile-customize-menu-color: #000;
    --mobile-customize-menu-border-color: #f7cacf;
    --mobile-customize-menu-exp-color: #F1A7AF;
    --mobile-customize-submenu-color: #000;
    --mobile-current-menu-color: #000;
    --mobile-current-menu-font-color: #fff;
    --customize-font-color: #000;
}
body, div, ul, li, a, p, span, table, tr, td, label, h1, h2, h3, h4, h5{ font-size: 16px; font-family: "Noto Sans TC", arial,"Microsoft YaHei",SimHei,"MS Gothic","Malgun Gothic","Microsoft JhengHei" !important}
.h2, .h2 a{ font-size: 30px;}
h1, h1 span, h1 a{ font-size: 32px !important;}
h2, h2 span, h2 a{ font-size: 28px !important;}
h3, .h3, h3 a, .h3 a{ font-size: 24px !important;}
h4, h4 span, h4 a{ font-size: 18px !important;}
p{ margin-bottom: 20px !important; margin-top: 5px; font-weight: normal; line-height: 27.5333px;}
ul,li{ list-style: none; padding: 0;}
ul, ol, dd{ margin-left: 0;}
iframe{ max-width: 100%;}
body{ background: #fff !important;}
/* Larger Fonts Size*/
@media (min-width: 768px) {
    body,div,ul,li,a,p,span,table,tr,td,label,h1,h2,h3,h4,h5 {letter-spacing: 1px;}
    body,div,ul,li,a,p,span,table,tr,td,label {font-size: 18px !important;}
    h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {line-height: 1.6;}
    .single .main, p {line-height: 1.9;}
    .article__title__meta {letter-spacing: normal;}
    .article__title__meta .article__author-name, .article__title__meta .article__author-name a, .article__title__meta time {font-size: 14px !important; line-height: 25px; vertical-align: top;}
    .article__title__meta .share_box a {font-size:16px !important;}
}
@media (max-width: 768px) {
  h1, h1 span, h1 a {font-size: 26px !important;}
  h2, h2 span, h2 a {font-size: 24px !important;}
  h3, h3 span, .h3, h3 a, .h3 a {font-size: 20px !important;}
  h4, h4 span, h4 a {font-size: 18px !important;}
}
/* Post OL and UL w/ Original Style */
._content_ ol, ._content_ ul {padding-left: 3rem;}
._content_ ol:not(.ad_link) li {list-style: decimal;}
._content_ ul:not(.ad_link) li {list-style: disc;}

/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'entypo';
  src: url("../fonts/entypo2/entypo.eot");
  src: url("../fonts/entypo2/entypo.eot?#iefix") format("embedded-opentype"), url("../fonts/entypo2/entypo.woff") format("woff"), url("../fonts/entypo2/entypo.ttf") format("truetype"), url("../fonts/entypo2/entypo.svg#entypo") format("svg");
  font-weight: normal;
  font-style: normal; }

.arrow{ background: url(../images/arrow.png) no-repeat; font-size: 0; display: inline-block; *display: inline; zoom: 1;}  
.d_arrow, .t_arrow{ width: 13px; height: 7px;}
.d_arrow{ background-position: 0 -10px;}
.t_arrow{ background-position: 0 0;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container2{ margin-bottom: 20px;}
.video-container3{ padding-bottom: 96%;}
.video-container iframe {
    width: 100%;
    height: 100%; 
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 899px){
    .video-container2 {margin-right: -10px; margin-left: -10px;}
    .navigation--mobile > ul > .menu-item a{color: var(--customize-menu-font-color);}
}
/*tips_box*/
.tips_box{ padding: 200px 0; text-align: center; }
.tips_box p{ margin: 0 !important;}
.tips_box .btn{ color: #fff; margin: 25px 10px 0; border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.tips_box .home_btn{ background: #e84191;}
.tips_box .return_btn{ background: #666;}
.btn--hover:hover{ background-color: #262525;}

.hN, .pagination li a, .pagination li span{ font-family: "Noto Sans TC",arial,"Microsoft JhengHei","MS Gothic","Malgun Gothic",SimHei,"Microsoft YaHei" !important;}
.heading .hN, .heading .hN a{ font-size: 30px !important; font-weight: bold; line-height: 30px;}
.article__title .hN{ line-height: 28px;}
.orange{ color: var(--more-theme-color) !important;}
.search-query{ height: 44px; color: #444; background: #fff; border: 2px solid #888 !important; border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -webkit-border-radius: 100px;}
.search-submit{ background: var(--more-theme-color); margin: 4px 5px; height: 36px; color: #fff; width: 36px; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%;}
.article__author-name, .comment__author-name{ /*background: var(--more-theme-color);*/ padding: 0 10px; font-size: 14px !important; height: 25px; line-height: 25px;}
.article__author-name a, .comment__author-name a{ color: var(--more-theme-color);}
.article__time, .comment__time{ /*background: #b2b2b2;color: #444 !important;*/ vertical-align: top; margin-left: -5px; line-height: 1.61; font-size: 16px; padding: 0 10px; height: 25px; line-height: 25px; font-size: 14px !important;}

.btn-list {padding-bottom: 20px;}
.btn-list .btn, .search_list2 .btn {white-space: normal;padding: 7px 15px; margin: 3px 4px; border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -webkit-border-radius: 100px; line-height:1;font-size: 16px !important;}
.btn-list .btn--secondary, .search_list2 .btn--secondary {border: 1px solid var(--theme-color);background-color: var(--share-icon-bg);color: var(--theme-color);}
.btn-list .btn--secondary:hover a,.search_list2 .btn--secondary:hover a{color:var(--share-icon-bg);}
.btn-list .btn--tertiary, .search_list2 .btn--tertiary {color: #4c4c4c; background: #fff; border: 1px solid #8d8d8d; }
.btn-list .btn--tertiary:hover, .search_list2 .btn--tertiary:hover {background-color: #e0e0e0;}


/*reset 框加CSS*/
@media only screen and (max-width: 768px){
.grid__item, .logged-in-as, .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment, .form-submit, .comment-subscription-form, .featured-area .heroslider, .featured-area__article, .featured-area__aside{
  padding-left: 0.75rem;
}
.grid, .comment-form, .featured-area {
    margin-left: -.75rem;
}
.post-container .grid .article__featured-image{
  margin-bottom: .75rem;
}
.post-article h1 a, .post-article h2 a, .post-article h3 a{ text-decoration: underline;}
.header-bar .search-query, .article__author-name,.small-link,.search-query,.heading .hN,.hN{ text-transform:none !important;}
.container--main{ position: relative;
    padding-right: 10px !important;
    padding-right: .75rem !important;
    padding-left: 10px !important;
    padding-left: .75rem !important;
}
h1, h2, .arqam-widget-counter li span, h3, h4, h5, h6, hgroup {
    margin-top: 1.5rem;
  }
  h1, h2, .arqam-widget-counter li span, h3, h4, h5, h6, hgroup, ul, ol, dl, blockquote, p, address, table, fieldset, figure, pre, .form-fields > li, .media, .author, .latest-comments__list, .island, .reviews, .islet {
     margin-bottom: .75rem;
}
.masonry__item, [data-columns] > div {
    padding-left: .75rem;
  }
}


.post-article h1 a, .post-article h2 a, .post-article h3 a{ text-decoration: underline;}
.header-bar .search-query, .article__author-name,.small-link,.search-query,.heading .hN,.hN, .btn{ text-transform:none !important;}
.header-bar > li{ margin: 0 3px;}
.container--main{ position: relative;}
.post-article .article__featured-image{ padding: 0;}
.wp-caption-text, .article__title, .wp-caption-text, .small-link, .post-nav-link__label, .author__social-link, .comment__links, .score__desc{ font-size: 16px; font-family: "Noto Sans TC",arial,"Microsoft JhengHei","MS Gothic","Malgun Gothic",SimHei,"Microsoft YaHei" !important;}
.media__body .article__title{ height: auto;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.media__body .article__title{ margin-bottom: 1px;}
.post-article{ color: #444; word-wrap:break-word;}
.article__time, .comment__time{ color: #807F7E;}
.nmg-popular-posts-list li {margin-bottom: 20px; display: flex;}
.nmg-popular-posts-list li .nmg-popular-post-left {width: 140px !important; height: 66px !important; padding-right: 16px; overflow:clip; flex: 0 0 140px;}
.nmg-popular-posts-list li .nmg-popular-post-left .nmg-popular-post-thumb {width: auto !important; height: auto !important; }
.nmg-popular-posts-list li .nmg-popular-post-left ,.nmg-popular-posts-list li .nmg-popular-post-right{display: flex!important;}
.nmg-popular-posts-list li .nmg-popular-post-right, .nmg-popular-posts-list .text_box,.nmg-templates-posts-list li .nmg-popular-post-right{ line-height: 28px !important;}
.nmg-popular-post-right .sort .orange:hover, .nmg-popular-posts-list .text_box .sort .orange:hover, .nmg-templates-posts-list  .text_box .sort .orange:hover{ text-decoration: underline;}
.nmg-popular-posts-list li .nmg-popular-post-date, .nmg-templates-posts-list li .nmg-templates-post-date, .article__meta-links .xpost_date{ color: #807F7E;font-size: 14px !important; line-height: 24px;height: 24px;}
.nmg-popular-posts-list .img_box img{ width: 100%; height: auto;}
.nmg-popular-posts-list .text_box, .nmg-popular-posts-list .text_box a, .nmg-popular-posts-list .nmg-popular-post-title, .nmg-popular-posts-list .nmg-popular-post-title a{ color: #000;}
.nmg-popular-posts-list .text_box{ padding-top: 10px;}
.nmg-popular-posts-list .text_box .sort, .nmg-templates-posts-list .text_box .sort{ padding-top: 4px;}
.nmg-popular-post-right .sort a, .nmg-popular-posts-list .text_box .sort a{ color: #ea73a9;}
.nmg-popular-post-right .sort .orange, .nmg-popular-posts-list .text_box .sort .orange{ color: var(--more-theme-color);}
.nmg-templates-post-left{width: 395px;height: 207px;overflow: hidden;}
.article__author-name a:hover{ text-decoration: underline;}
.wp-caption-text{ line-height: 27.5333px;}
a, .small-link{ color: #e994a0;}
.container a:not(.read_more):hover {text-decoration: underline;}
.article--thumb__title a{ color: #000;}
.article--thumb__title a:hover{ text-decoration: underline; color: #444;}
.heading--main, .widget--sidebar__title{ /*background: transparent; border-bottom: 4px solid var(--more-theme-color);*/}
.heading--main{ /*border-bottom: 16px solid var(--more-theme-color); padding-left: 36px; margin: -22px 20px 30px !important;*/}
.heading--main .hN, .widget--sidebar__title .hN{ background: #fff; padding: 6px 0;}
.heading--main .hN{ /*padding: 0 22px;*/ position: relative; /*bottom: -22px;*/ max-width: 90%;}
.heading--main2{ margin-top: 0 !important;}
.widget--sidebar__title .hN, .sidebar .widget__title .hN{ font-size: 20px !important;}
.heading--main .hN, .heading--main .hN a{ color: #444;}
.heading--main .hN .search_title{ display: inline-block; *display: inline; zoom: 1; font-size: 44px !important; line-height: 44px; word-break: break-all;}
.widget--sidebar__title .hN, .widget--sidebar__title .hN a{ color: var(--more-theme-color);}
.article--grid__meta{ padding: 0 0 0.42857rem; margin: 0 1.71429rem;}
.article--grid__meta::before{ background: transparent;}
.article--grid__header .article__title, .article--grid__header .article__title .hN{ margin-bottom: 0;}
.article--grid__header .article__title .hN {color: #444;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.article--grid__title::after{ background: #fff;}
.article--grid__title h3{ color: #000;}
.article--grid__header:hover .article--grid__title h3, .article--grid__header:hover .article--grid__title:after { background: var(--more-theme-color); color: #fff;}
.pagination .pagination-item--current span, .pagination .current, .single .pagination span, .pagination li a:hover, .pagination li span:hover{ background: var(--more-theme-color);}
div.split div.split__title a.small-link, div.article__category a.small-link{ display: block;}
.separator--section, .arqam-widget-counter, table, .pixcode--tabs, .article--grid__meta, .article--slider, .article--single__meta, .article--billboard-small, .widget--latest-comments, .wpgrade_popular_posts{ border-bottom: 0.14285rem solid #000;}
.image-wrap .article__title .hN{ width: 100% !important; font-size: 19px; line-height: 26px !important;}
.article--billboard__title2, .nmg-templates-post-title { color: #000;}
.site-content .container{ max-width: 100% !important;}
.sdk_login{ max-width: 100% !important;}
.site-content .left_wrap .container-fluid, .site-content .content .top_bb_his_wrap ul{ width: 100% !important;}
.site-content .content .top_bb_his_wrap li{ margin: 0 !important; padding: 0 16px 20px; float: none !important;}
.site-content .content .top_bb_his_wrap li img{ max-width: 100% !important;}
.site-content .info_tab + .tab-content, .site-content .content .BB_update_detail_wrap{ width: 82% !important;}
.site-content .secound_tab, .site-content .content .contact_wrap, .site-content .button_list{ width: 96% !important; }
.site-content .content .background_w, .site-content .content .background_o{ float: none !important;}
.site-content .content .msg_tab_wrap table{ padding-bottom: 0 !important;}
.site-content .content .word{ width: 100% !important;}
.site-content table, .site-content tbody, .site-content tr{ width: 100% !important; display: block; border: none !important;}
.site-content select{ padding: 0 !important;}
.site-content tr{ background-color: transparent !important;}
.site-content table input, .site-content .content .bb_lookbook_wrap input{ display: inline-block; *display: inline; zoom: 1; vertical-align: middle;}
.site-content .content .user_setting_wrap tr td + td, .site-content .content .BB_update_detail_wrap table td + td, .site-content .content .BB_update_detail_wrap table td[colspan]{ width: auto !important;}
.site-content .left_wrap .fb_login_wrap{ width: 100% !important;}
.alignleft{ float: none; max-width: 100%;}
.post-article .code-block a{ color: #e994a0;}
p.separator{ height: auto !important;}
.alignnone{min-width: auto !important;}
.article--grid__meta .split__title{ width: 65%; height: 24px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; color: #ef8400;}
/*.code-block{ margin: 40px 0 !important;}*/
.new_layout_ad .code-block{ margin: 8px 0 !important;text-align: center; }
.media__body {display: flex; flex-wrap: wrap;}
.media__body .article__category {order: 1; line-height: 1.75;}
.media__body .article__meta-links {order: 2;margin-left: 0.85rem;flex-basis: 0;flex-grow: 1;text-align: right;/*line-height: 28px;*/}
.media__body .article__title {margin-bottom: 1px; width: 100%; order: 3;}
.block-list .article__meta-links li.xpost_date{ font-size: 13px !important;}
.widget_popular_posts_widget a.popular-post-title:hover, .nmg-popular-posts-list .nmg-popular-post-title:hover, .nmg-popular-posts-list .nmg-popular-post-title a:hover{ text-decoration: underline;}
.nmg-templates-posts-list .text_box a:hover{ text-decoration: underline;}
.back-to-top a:hover:after, .back-to-top a:hover:before { border-color: var(--more-theme-color); }
.article--grid__header .article__featured-image{ height: 235px; overflow: hidden;}

/*reset 框加CSS*/
/*2021-11*/
.header-bar .search-query, .article__author-name,.small-link,.search-query,.heading .hN,.hN {text-transform:none !important;}
/*.nav__item{z-index: 1001}*/
.post-container h2 {color: #444;}
/*.navigation--main {background: #e84291;}*/
a, blockquote, .small-link, .tabs__nav a.current, .popular-posts__time a.current, .tabs__nav a:hover, .popular-posts__time a:hover, .widget--footer__title em, .widget_rss .widget--footer__title .hN, .widget_rss .widget--footer__title .article__author-name, .widget_rss .widget--footer__title .comment__author-name, .widget_rss .widget--footer__title .widget_calendar caption, .widget_calendar .widget_rss .widget--footer__title caption, .widget_rss .widget--footer__title .score__average-wrapper, .widget_rss .widget--footer__title .score__label, .article--billboard-small .small-link em, .article--billboard-small .post-nav-link__label em, .article--billboard-small .author__social-link em, .small-link, .post-nav-link__label, .author__social-link, .article--thumb__title a:hover, .widget_wpgrade_twitter_widget .widget--footer__title h3:before, a:hover > .pixcode--icon, .score__pros__title, .score__cons__title, .comments-area-title .hN em, .comment__author-name, .woocommerce .amount, .panel__title em, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before {color: var(--more-theme-color);}
.article__meta-links:hover, .article--thumb__title a:hover{ text-decoration: underline; color: #444;}
.heading--main .hN, .widget--sidebar__title, .pagination .pagination-item--current span, .pagination .current, .single .pagination span, .pagination li a:hover, .pagination li span:hover, .rsNavSelected, .badge, .progressbar__progress, .btn:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover, .widget_tag_cloud a:hover, .btn--primary, .comments_add-comment, .form-submit #comment-submit, a:hover > .pixcode--icon.circle, a:hover > .pixcode--icon.square, .article--list__link:hover .badge, .score__average-wrapper, .site__stats .stat__value:after, .site__stats .stat__title:after, .btn--add-to-cart {background: var(--more-theme-color);}
.heading--main .hN{ background: transparent; color:var(--theme-color); }
.pagination li a:hover {background: transparent; color: var(--more-theme-color);}
.pagination a.prev:hover:before, .pagination a.prev:hover:after, .pagination a.next:hover:before, .pagination a.next:hover:after, .pagination .pagination-item a:hover:before, .pagination .pagination-item a:hover:after {border-color: var(--more-theme-color);}
.btn--secondary:hover {background: var(--theme-color);color:var(--share-icon-bg);}
.btn-list .btn--secondary:first-of-type:hover {background: var(--share-icon-bg);color: var(--theme-color);cursor: unset;}
.small-link {color: #807F7E; font-size: 14px !important;line-height: unset !important;}
.media__body .small-link { font-size: 12px !important;}
.container--main {position: relative;}
.wp-caption-text, .article__title, .wp-caption-text, .small-link, .post-nav-link__label, .author__social-link, .comment__links, .score__desc {font-size: 16px;}
.article__title {color: var(--more-theme-color); line-height: 1.4;}
h1.article__title {color: var(--more-theme-color); line-height: 1.4;font-weight: bold;}
.nmg-templates-posts-list .text_box a:hover {text-decoration: underline;}
/*.nmg-popular-posts-list li {margin-bottom: 20px;}
.nmg-popular-posts-list li .nmg-popular-post-left {width: 140px !important; height: 64px !important; padding-right: 16px;}
.nmg-popular-posts-list li .nmg-popular-post-left .nmg-popular-post-thumb {width: 124px !important; height: 64px !important;}*/
.nmg-popular-posts-list li .nmg-popular-post-right, .nmg-popular-posts-list .text_box,.nmg-templates-posts-list li .nmg-popular-post-right {line-height: 28px !important;}
.nmg-popular-post-right .sort .orange:hover, .nmg-popular-posts-list .text_box .sort .orange:hover, .nmg-templates-posts-list  .text_box .sort .orange:hover {text-decoration: underline;}
.nmg-popular-posts-list .img_box img {width: 100%; height: auto;}
.nmg-popular-posts-list .text_box, .nmg-popular-posts-list .text_box a {color: #000;}
.nmg-popular-posts-list .text_box {padding-top: 10px;}
.nmg-popular-posts-list .text_box .sort, .nmg-templates-posts-list .text_box .sort {padding-top: 4px;}
.nmg-popular-post-right .sort a, .nmg-popular-posts-list .text_box .sort a {color: #807f7e;}
.nmg-popular-post-right .sort .orange, .nmg-popular-posts-list .text_box .sort .orange, .nmg-templates-posts-list .sort .orange, .nmg-templates-posts-list .text_box .sort .orange {color: #a0a0a0; font-size: 14px !important;}
.article__author-name a:hover {text-decoration: underline;}
.wp-caption-text {line-height: 27.5333px; margin: 0; border-left: 5px solid var(--more-theme-color); margin-top: 10px;}
.wp-caption, .gallery__item__caption, blockquote:before, .separator--subsection, .separator--striped {background: transparent;}
.image-wrap .article__title { position:relative;line-height: 1.5; color: #444; background: #f0f0f0e6; padding: .75rem; border-bottom: 5px solid var(--more-theme-color); transition: 0.3s ease background; height: 78px;display: none;}
/*.pixslider.js-pixslider .image-wrap .article__title{display:block;}*/
.image-wrap .article__title:hover {background-color: #f0f0f0ff;}
.image-wrap .article__title .hN {width: 100% !important; font-size: 1.35714rem !important;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}
.image-wrap .article__title .hN:hover {color: #444;}
.article--grid__header .article__featured-image {height: 235px; overflow: hidden;}
.nmg-templates-posts-list .nmg-templates-header, .nmg-popular-posts-list .img_box {height: 207px; overflow: hidden;}
@media only screen and (min-width: 900px) and (max-width: 1270px){
    .nmg-templates-posts-list .nmg-templates-header, .nmg-popular-posts-list .img_box {height: calc( (100vw - 6.8rem) * 0.333 * 1/1.91); overflow: hidden;} 
}
.heading--main, .widget--sidebar__title {background: transparent;}
/*.widget--sidebar__title { border-bottom-width: 0px; border-top: 5px solid var(--more-theme-color); margin-bottom: 0px; padding: 0.5rem 0;}*/

.heading--main {background: transparent;}
/*.heading--main .hN, .widget--sidebar__title .hN {background: #fff; /*padding: 6px 0;*/}*/

.heading--main .hN .search_title {display: inline-block; *display: inline; zoom: 1; font-size: 44px !important; line-height: 44px; word-break: break-all;}
/*.heading--main .hN { color:var(--more-theme-color); font-weight: bold;}*/
/*2022 font color*/
.widget--sidebar__title { border:none;margin-bottom: 1.71429rem;}
/*.heading--main .hN,*/ .widget--sidebar__title .hN {background: var(--theme-color); }
/*.heading--main .hN, */.widget--sidebar__title .hN { color:var(--customize-font-color); font-weight: bold; width: 100%;max-width:unset;}
.widget--sidebar__title .hN, .sidebar .widget__title .hN {font-size: 20px !important; font-weight: bold;}
/*.heading--main .hN,*/ .widget--sidebar__title .hN { padding:12px; }
/*.heading--main .hN, .heading--main .hN a {color: #444;}*/
/*.widget--sidebar__title .hN, .widget--sidebar__title .hN a {color: #444;}*/
.article--grid__meta {padding: 0 0 0.42857rem; margin: 0;}
.article--grid__meta::before {background: transparent;}
.article--grid__header .article__title, .article--grid__header .article__title .hN {margin-bottom: 0;}
.article--grid__header .article__title {padding: 0.75rem 1.71429rem;}
.article--grid__header .article__title .hN {padding: 0; height: 42px; overflow: hidden; margin-top: 0;}
.widget_popular_posts_widget a.popular-post-title, .nmg-popular-posts-list .nmg-popular-post-title, .nmg-popular-posts-list .nmg-popular-post-title a {color: #444;}
.widget_popular_posts_widget a.popular-post-title:hover, .nmg-popular-posts-list .nmg-popular-post-title:hover, .nmg-popular-posts-list .nmg-popular-post-title a:hover {text-decoration: underline;}
.block-list .article__meta-links li.xpost_date {font-size: 12px !important;height: 12px;line-height: 12px;}
.heading, .widget--footer__title {margin-bottom: 20px;}
.article--grid {margin-bottom: 40px;}
.separator--section, .arqam-widget-counter, table, .pixcode--tabs, .article--grid__meta, .article--slider, .article--single__meta, .article--billboard-small, .widget--latest-comments, .wpgrade_popular_posts {border-bottom: 1px solid #ddd;}
.article--grid__meta {padding-left: 1.7rem; padding-right: 1.7rem;}
.code-block:not(.sidebar .code-block,.content-module .code-block)  {margin: 40px 0 !important;}
.new_layout_ad .code-block {margin: 8px 0 !important;text-align: center;}
.media__body {display: flex; flex-wrap: wrap;}
.media__body .article__category {order: 2; line-height: 1; display: grid;place-content:center; height: 12px;}
.media__body .article__meta-links {order: 3;margin-left: 0.85rem;flex-basis: 0; flex-grow: 1; text-align: right; display: grid;line-height: 1;/*margin-top: 1.5px;*/ }
.media__body .article__title {margin-bottom: .75rem; width: 100%; order: 1;min-height: 56px;}
@media only screen and (max-width: 599px){
    .media__body .article__title {margin-bottom: 0.55rem;min-height: 42px; }
}

.pagination {margin-bottom: 1.78571rem;}
.badge {color: #ff6f33; border: none; background: transparent; width: 52px; height: 52px; line-height: 50px; background: url(../images/badge_bg.png) no-repeat;}
.badge--article {right: 10px; top: 10px;}
.article--grid__meta .split__title {width: 65%; height: 24px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; color: #ff6f33;}
.article__meta .article__meta-links {/*padding-top: 2px;*/}
.article--grid__header .article__title .hN {color: #444;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all; overflow: hidden;}
.article--grid__title:after {left: 0; right: 0; background: #f0f0f0;}
.article--billboard > a:hover .article__title:before, .article--billboard > a:hover .article--list__title:before, .article--billboard > a:hover .latest-comments__title:before, .article--grid__header:hover .article--grid__title h3, .article--grid__header:hover .article--grid__title:after {background: var(--more-theme-color)}
.article--grid__header:hover .article__title .hN {color: #fff; background: transparent;}
.article--grid__header a:hover {color: #fff; text-decoration: none!important;}
.shortcode-author-avatars div.author-list .user .alignnone {margin: 0 0 5px;}
.shortcode-author-avatars div.author-list .user .name {line-height: 20px; padding: 0 0.2em;}
.shortcode-author-avatars div.author-list .user .name:hover  {text-decoration:underline;}
.article--grid__title .hN, .article--grid__title .article__author-name, .article--grid__title .comment__author-name, .article--grid__title .score__average-wrapper, .article--grid__title .score__label, .article--grid__title .widget_calendar caption, .widget_calendar .article--grid__title caption {margin-left:0; margin-right: 0; padding-top: 0.85rem; padding-bottom: 0.85rem }
.post-article .article__featured-image {padding: 0;}
.post-article, .nmg-templates-posts-list .text_box, .nmg-templates-posts-list .text_box a {color: #444; word-wrap:break-word;}
.post-article h1, .post-article h2 {color: var(--more-theme-color);}
.post-article h1 {font-weight: bold;}
.post-article h3 {color: #000;}
.post-article h4 {color: #4c4c4c;}

/*2021-11*/

._content_ { position: relative; }


.mask{ position: fixed; height: 100%; width: 100%; display: none;}
.pt10 {
    padding-top: 10px;
}

.nopadding {
    padding: 0!important;
}

.fa-2x{ font-size: 1.5em;}

.v-top {
    vertical-align: top;
}

.post-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 999;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    min-width: 320px;
}

.post-header .leftbox, .post-header .rightbox{ padding: 0 6px;}
.post-header .rightbox{ padding-top: 8px !important;}
.post-header .rightbox .icon-search{ font-size: 22px; padding-right: 12px; color:#fff;}
.post-header .rightbox .nav_close{ background: url(../images/nav_close.png) no-repeat; width: 16px; height: 16px; font-size: 0 !important; display: block; margin: 12px 12px 18px 0; float: right;cursor: pointer;}
.post-header .nav--main > li a{ color: #fff;}

.sns-bar {
    color: white;
    /*background-color: var(--more-theme-color)!important;*/
    background-color: var(--mobile-customize-menu-color);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
    min-height: 53px;
    padding: 0 6px;
}

.share-bar span {
    line-height: 14px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

.share-bar .icon{
    padding-right: 0;
    vertical-align: top;
}

.share-icons {
    display: inline-block;
    list-style: none;
    margin-left: 0.5em;
    margin-bottom: 0;
}

.share-icons li {
    display: inline-block;
    padding: 0 8px;
}

.share-icons li a{
    width: 36px; 
    height: 36px; 
    background: #fff; display: block; 
    text-align: center; 
    border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    -o-border-radius: 50%; 
    line-height: 38px;
}

.share-icons .fa{ line-height: 38px;}

.share-icons li a{ cursor: pointer;}

.share-icons li a i {
    color: var(--more-theme-color);
}

.btn-fav {
    text-align: center;
    /*    position: relative;*/
    
    font-weight: normal;
    font-size: 20px;
    vertical-align: top;
    /*    padding-top: 5px;*/
    
    line-height: 1.4em;
    display: inline-block;
    cursor: pointer;
    /*
    border:2px solid #fff;
    padding:4px;
    border-radius: 8px;
*/
}

.post-fav-toggle {
    display: none;
    position: absolute;
    top: -100%;
    left: -100%;
    cursor: pointer;
}

.btn-fav .faved {
    display: none;
}

.post-fav-toggle + label {
    display: inline-block;
    /*    background-color: white;*/
    
    cursor: pointer;
    font-weight: normal;
    vertical-align: middle;
}

.read-full{
    position: relative;
    margin-bottom: 40px;
}

.read-full::after{
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(250, 249, 249, 0) 0px, #fff 100%) repeat scroll 0 0;
   /*  border-bottom: 35px solid #fff; */
    bottom: -10px;
    height: 200px;
    left: 0;
    position: absolute;
    content: "";
    width: 100%;
    z-index: 1;
}

.read_btn{ 
    position: relative;
    margin-top: -80px;
    z-index: 10;
    clear: both;
}
 
.read_btn .read_more{
    display: block;
    margin: 0 auto;
    width: 532px;
    height: 55px;
    line-height: 55px;
    border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; 
    text-align: center;
    background: var(--more-theme-color);
    color: #fff !important;
    font-size: 16px !important;
}

.post-header .container{ background: transparent;}
.post-header .leftbox{ float: left;} 
.post-header .leftbox{ width: 61%; position: relative;}
.post-header .leftbox .fixed_nav, .post-header .rightbox .fixed_nav  {
    display: block;
    width: 57px;
    height: 55px;
    z-index: 10;
    padding: 12px 18px 8px 6px;
    float: left;
    cursor: pointer;
    -moz-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
    -webkit-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out; 
}

.post-header .leftbox .fixed_nav, .post-header .rightbox .fixed_nav  {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    user-select: none;
}
.post-header .leftbox .fixed_nav .nav-icon, .post-header .rightbox .fixed_nav .nav-icon  {
    background: url(../images/menu_icon.png) no-repeat;
    background-size: 100% auto;
    width: 35px;
    height: 35px;
    display: block;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; 
}

/* .post-header .leftbox .fixed_nav .nav-icon:after { top: -12px; }
.post-header .leftbox .fixed_nav .nav-icon:before { top: 12px; } */
.navigation--is-visible .post-header .leftbox .fixed_nav .nav-icon, .navigation--is-visible  .post-header .rightbox .fixed_nav .nav-icon {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; 
}
.post-header .leftbox .nav_logo, .post-header .rightbox .fixed_nav .nav-icon{ line-height: 46px; float: left;}
.post-header .rightbox{ width: 39%; float: right; position: relative;}
.post-header .rightbox .like_box{ float: right; text-align: center; width: 160px; padding: 0 15px 0 20px; background: #2f3f6d; height: 38px; border-radius: 50px; -o-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.post-header .rightbox .like_box .text, .post-header .rightbox .like_box .like_icon{ display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
.post-header .rightbox .like_box .text{ width: 50px; line-height: 36px;}
.post-header .rightbox .like_box .like_icon{ width: 63px; height: 28px; line-height: 26px; position: relative; top: 0; left: 0; transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3);}
.post-header .rightbox .fb-like{ top: 2px;}
.post-header .banner_desktop{ margin: 0 !important;padding-left:0px;width: 66%;}
.post-header .rightbox .fb_img img{ width: auto; height: 38px;}
.post-header .navigation--main{ display: none;}
.post-header .navigation--main .push-half--top{ margin: 0 !important; padding: 24px 24px !important;background: var(--more-theme-color);}
.post-header .navigation--main .nav--main{ margin: 0;}
.share-bar { text-align: right;}
.post-header .form-search{ height: 44px;}
.post-header .nav--main li:hover{ background: #121212; border-bottom-color: #ef8400;}
.post-header .sub-menu, .post-header .sub-menu--mega{ background: #121212; top: 108%;}
.post-header .sub-menu .sub-menu{ top: 0; margin-top: 0;}
.post-header .nav_show, .post-header .nav_show2{ display: block;}
/*ad_box*/
.ad_box{/*  padding-bottom: 1.71429rem; */ margin-bottom: 30px; }
.ad_box .bg .item{ display: inline-block; *display: inline; zoom: 1;}

/*ad_link*/
.ad_link{ border-top: 1px solid #b2b2b2;}
.ad_link li{ border-bottom: 1px solid #b2b2b2; padding: 10px 0px;}
.ad_link li{ text-align: left;}

/*related_post_box*/
.related_post_box .related_post_list{ margin-left: -24px; font-size: 0; letter-spacing: -4px; word-spacing: -4px;}
.related_post_box .one-third{ width: 50%; letter-spacing: normal; word-spacing: normal;}
.related_post_box .heading{ margin: 0 0 20px !important; /*border-bottom: 4px solid var(--more-theme-color);*/ padding-left: 0;}
.related_post_box .heading{ background-color: var(--theme-color); }
.related_post_box .heading .hN, .related_post_box .heading .hN a{ font-size: 20px !important; line-height: 1.27316; padding: 6px 0; bottom: auto; max-width: auto; background: transparent;}
.related_post_box .heading .hN, .related_post_box .heading .hN a{ padding:12px; color: var(--customize-font-color); }

/*gpt_ads_box*/
.gpt_ads_box .gpt_ads_title{ text-align: center; padding-bottom: 10px; font-size: 11px !important; color: #505050;}
.gpt_ads_box .gpt_ads_bg{ background: url(../images/ad_bg.jpg) no-repeat; min-width: 300px; min-height: 250px; background-position: center;}
.gpt_ads_box .gpt_ads_nobg{ background: none;}
.gpt_ads_box .gpt_ads_bg ins, .gpt_ads_box .gpt_ads_bg iframe{ background: #fff;}
.article_in_adbox .article_in_ad .mobile-banner-ad{
    margin-top: 0!important;
}
@media (min-width: 900px) {
.article_in_adbox{
    display: none;
}
}

/*related_post*/
.wp_rp_wrap .related_post_title{ margin: 0 0 16px !important; font-weight: normal !important;;}
ul.related_post{ margin: 0 -15px 0 -11px !important;}
ul.related_post li{ width: 50% !important; padding: 0 15px 10px !important; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 0 0 -4px !important;}
ul.related_post li img{ width: 100% !important; height: auto; border-radius: 0 !important; box-shadow: none !important;}
ul.related_post li .yarpp-thumbnail-title{ max-height: 52px; overflow: hidden; line-height: 26px; color: #ef8400; padding-top: 6px;}
ul.related_post li a{ font-size: 16px !important; line-height: 28px !important; color: var(--more-theme-color) !important;}
.related_post2 h3{ font-weight: bold; margin: 16px 0 13px;}
.search-submit{ top: 0px;}

/*widget_wpgrade_posts_slider_widget*/
.widget_wpgrade_posts_slider_widget .article--slider__meta{ display: none;}
.widget_wpgrade_posts_slider_widget .article--slider{ border-bottom: none; position: relative;}
.widget_wpgrade_posts_slider_widget .article--slider .article--slider__title{ position: absolute; left: 0; bottom: -6px; width: 100%; z-index: 999; background-color: transparent;}
.widget_wpgrade_posts_slider_widget .article--slider .article--slider__title .hN{ background: #fff; text-align: center; color: #000; padding: 5px 10px; line-height: 26px;}
.widget_wpgrade_posts_slider_widget .article--slider .article--slider__title .hN a{ color: #000;}
.widget_wpgrade_posts_slider_widget .image-wrap{ padding-top: 56%;}
.widget_wpgrade_posts_slider_widget .rsArrow{ top: 48%;}

/*author-list*/
.author-list{ padding-bottom: 1.5em;}
.author-list .user{ float: left; padding: 0.2em; text-align: center;}
.author-list .user .avatar img{ height: 96px;}
.author-list .user .alignnone{ margin: 0;}
.author-list .user .name{ display: block;}

.share_bar{ position: fixed; top: 280px; left: 0; display: none;}
.share_bar .bar_list li{ 
    width: 70px; 
    height: 50px; 
    overflow: hidden; 
    background: #fff; 
    text-align: center; 
    display: table; 
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.share_bar .bar_list .share_icon:hover{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
}
.share_bar .bar_list li a, .share_bar .bar_list .share_num{ padding-left: 20px; color: #fff; display: table-cell; vertical-align: middle; height: 50px; overflow: hidden; }
.share_bar .bar_list .share_icon a:hover{ padding-left: 0;}
.share_bar .bar_list .hd{ line-height: 20px;}
.share_bar .bar_list .ft{ font-size: 12px !important; line-height: 16px;}
.share_bar .bar_list .share_num{ color: #000;}
.share_bar .bar_list .share_fb{ background: #3b5999;}
.share_bar .bar_list .share_g{ background: #de4b39;}
.share_bar .bar_list .share_tt{ background: #53acee;}
.share_bar .bar_list .share_mail{ background: #aaa;}

.share_bar2{ left: auto; right: 0;}
.share_bar2 .bar_list li{ 
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
}
.share_bar2 .bar_list li a, .share_bar2 .bar_list .share_num{ padding-right: 20px; padding-left: 0;}
.share_bar2 .bar_list .share_icon a:hover{ padding-right: 0;}

/*search_banner*/
.search_banner,.banner_desktop{ padding-left:1.71429rem; margin: 30px auto;}
.search_banner .search_bg{ background: url(../images/search_bg_d.jpg) no-repeat;  padding: 8px 15%; height: 60px;}
.search_banner .search_bg .search-form{ height: 3.12rem; margin: 0 !important; padding: 0 !important;}
.search_banner .search_bg .search-form .form-search{ height: 3.12rem;}
.search_banner .search_bg .search-form .form-search input{ border: 2px solid #fff !important;}

/*select_item*/
.select_item{ position: relative; height: 32px; background: #fff; border: 1px solid #888;}
.select_item .tri{ width: 12px; height: 7px; position: absolute; top: 11px; right: 10px; border-width:8px; border-style: solid dashed dashed dashed; border-color: #444 transparent transparent transparent;}
.select_item select{ height: 32px; line-height: 32px; vertical-align: middle; display: block; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; filter:alpha(opacity: 0); width: 100%; z-index: 9999;}


/*search_list2*/
 .search_list2{ padding: 10px 0;}
	
/*search_list2*/
.search_list2{margin: -6px 0 16px;}
/*search_list*/
.search_list ul{ margin: 0;}

/*search_list*/
.search_list li{ padding: 2px; float: left;}
.search_list li a{ background: #807f7e; display: block; padding: 6px 12px; color: #fff;}


.searchbox_header .heading{ margin: 0 0 20px !important; border-bottom: 4px solid #062441; padding-left: 0;}
.searchbox_header .heading .hN, .related_post_box .heading .hN a{ font-size: 20px !important; line-height: 1.27316; padding: 6px 0; bottom: auto; max-width: auto; background: transparent;}
.searchbox_header .select_box{ float: right; padding-bottom: 6px;}
.searchbox_header .select_box .title, .searchbox_header .select_box .select_item{ display: inline-block; *display: inline; zoom: 1; vertical-align: bottom;}
.searchbox_header .select_box .title{ padding-right: 6px;}
.searchbox_header .select_box .select_item{ width: 93px;}
.searchbox_header .select_box .placeholder{ height: 32px; line-height: 32px; text-align: left; padding-left: 10px; color: #444;}

/*footer*/
.footer .hd{ padding: 0 0 20px;}
.footer .hd .award{ width: 223px;}
.footer .hd .award img{ width: 100%; height: 78%;}
.footer .hd .source_box .title, .footer .hd .source_box .text p{ font-size: 12px !important; line-height: 20px; margin: 0 !important;}
.footer .hd .source_box .text p a{ text-decoration: underline; color: #231f20; font-size: 12px !important;}

/*分頁*/
.pagination a.prev, .pagination .pagination-item--prev a { margin-right: 0px; }
.pagination a.next, .pagination .pagination-item--next a { margin-left: 0px; }
.pagination li a, .pagination li span { padding: 6px 9px;}
.pagination a.prev:before, .pagination a.prev:after, .pagination a.next:before, .pagination a.next:after, .pagination .pagination-item a:before, .pagination .pagination-item a:after { width: 7px; height: 7px; margin: 0; }
.pagination { margin: 0 -15px;}

.tablenav-pages span, .tablenav-pages a{ padding: 6px 9px; display: inline-block; color: black; zoom: 1;}
.tablenav-pages a:hover{ background: #ef8400; color: #fff;}
@media (min-width: 601px) {
    /*post-header*/
    .admin-bar .post-header{ top: 32px;}
}

@media (min-width: 900px) {
    .m_show{ display: none !important;}
    .w_show{ display: block !important;}
    /*.banner_desktop{ position: absolute;}*/
    .banner_desktop{ display: block;}
    .banner_mobile{ display: none;}
    /* reset CSS */
    .sub-menu .sub-menu, .sub-menu--mega .sub-menu, .sub-menu .sub-menu--mega, .sub-menu--mega .sub-menu--mega{ margin-top: 1px;}
    .sub-menu li:first-child .sub-menu, .sub-menu--mega li:first-child .sub-menu, .sub-menu li:first-child .sub-menu--mega, .sub-menu--mega li:first-child .sub-menu--mega{ margin-top: 0;}
    .header-bar .search-query,.header-bar .search-submit{ background: var(--more-theme-color); color: #95a5a5;}
    .header-bar .search-query{ border-left: 1px solid #95a5a5;}
    .social-icon-link{ background: transparent;}
    .pixcode--icon.circle{ color: #fff; background-color: var(--more-theme-color);}
    .social-icon-link:hover .pixcode--icon.circle, .pixcode--icon.circle:hover{ background-color: var(--more-theme-color) !important; color: #fff !important;}
    .separator--subsection{ height: 2px;}
    .navigation--main{ /*background: var(--more-theme-color);*/background: var(--customize-menu-color);}
    .navigation--main .nav--main li:first-child{ border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px;}
    .navigation--main .nav--main > li{ border-top-width: 3px; border-top-width: 0.21428rem; border-bottom-width: 3px; border-bottom-width: 0.21428rem; }
    .navigation--main .nav--main > li:hover{ background: var(--customize-menu-hcolor); border-bottom-color: transparent;}
    .navigation--main .nav--main .current-menu-item{ background: var(--customize-current-menu-color); border-bottom-color: transparent;}
    .navigation--main .nav--main li a{ line-height: 2.3; padding: 0.1875rem 1.5rem;}
    .navigation--main .nav--main li a{ color: var(--customize-menu-font-color);}
    .navigation--main .nav--main li:hover > a{ color: var(--customize-menu-font-color);}
    .navigation--main .nav--main li.current-menu-item a{ color: var(--customize-current-menu-font-color);}
    .navigation--main .nav--main .menu-item2{ line-height: 16.8px; text-align: center;}
    .navigation--main .nav--main .sub-menu, .navigation--main .nav--main .sub-menu li{ /*background: #e9a2a9;*/ background: var(--customize-submenu-color) ; padding: 0;}
    .navigation--main .nav--main .sub-menu li a{ font-size: 16px; color: var(--customize-menu-font-color);/*border: 0px*/;}
    .sub-menu > li + li > a, .sub-menu--mega > li + li > a{border-top: 1px solid var(--customize-submenu-border-color);}
    .navigation--main .nav--main .sub-menu li:hover{ background: var(--customize-menu-hcolor);}
    .navigation--main .nav--main .sub-menu li:first-child, .post-header .navigation--main .nav--main li:first-child{ border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
    .navigation--main .nav--main .article__title{ line-height: 22px;}
    .menu-item--parent > .nav--sub-menu{ margin-top: 3px;}
    .article--billboard > a:hover .article__title:before{ background: var(--more-theme-color);}
    .article--billboard__header{ width: 30%; left: 30px; left: 3.143rem;}
    .article--billboard > a:hover .article__title:before, .article--billboard > a:hover .article--list__title:before, .article--billboard > a:hover .latest-comments__title:before {
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -o-transform: translateX(5px);
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    .social-icon-link{ background: transparent;}
    .pixcode--icon.circle{ color: #fff; background-color: #d33592;}
    .pixcode--icon.icon-e-facebook{ background-color: #3b5998;}
    .pixcode--icon.icon-e-instagram{ 
        background: -webkit-radial-gradient(circle at 12% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF); 
        background: -o-radial-gradient(circle at 12% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
        background: -moz-radial-gradient(circle at 12% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
        background: radial-gradient(circle at 12% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
    }
    .pixcode--icon.icon-e-instagram:hover{ background: none;}
    .pixcode--icon.icon-youtube-play{ background-color: #cc181e;}
    .pixcode--icon.icon-e-rss{ background-color: #3aaab4;}
    .pixcode--icon.circle:hover{ background-color: #ef8400 !important; color: #fff !important;}
    .header-bar .form-search{ width: 260px; background: transparent;}
    .header-bar .search-query{ color: #444; background: transparent; border: 2px solid #888; border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -webkit-border-radius: 100px;}
    .header-bar .form-search, .header-bar .search-query{ height: 44px;}
    .header-bar .form-search .search-submit{ margin: 4px 5px; height: 36px; background: var(--more-theme-color); color: #fff; width: 36px; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%;}
    .search-submit:hover{ background: #e994a0;}
    .header-bar .form-search .search-submit:hover{ background: #e994a0;}
    .navigation--main{ border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;min-height: 40px;}
    .sidebar .widget--main:first-child .code-block{ margin-top: 0 !important;}
    .block-list--alt > li{ border-bottom-width: 1px;}
    .site-content .content{ max-width: 100% !important;}
    .site-content .content .container{ padding: 0 1.71429rem !important; width: 100% !important;}
    .site-content .left_wrap .nav .active a, .site-content .left_wrap .nav li a{ font-size: 19px !important;}
    .site-content .left_wrap .container-fluid input{ outline: none !important;}
    .site-content .sidebar{ padding-left: 20px !important;}
    .heading, .widget--sidebar__title, .widget--footer__title{ /*margin-bottom: 1.71429rem !important;*/}
    /* reset end */

    .sidebar{ z-index: 1000; position: relative;}
    .sns-bar, .post-header .navigation--main{ width: 66%; }
    .navigation--is-visible .post-header .search_banner{ display: none;}
    .sns-bar2, .post-header .navigation--main2{ width: 100%;}
    .post-header .navigation--main{ background: #282828; border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;}
    .post-header .menu-item--parent > .nav--sub-menu{ margin-top: 0;}
    .post-header .nav_show{ display: block;}
    .sns-bar, .post-header .navigation--main{ width: 66%; }
    .post-header .rightbox .hidden{ display: none;}
    .post-header .navigation--main .nav--main > li:hover, .post-header .navigation--main .nav--main .current-menu-item{ background: var(--customize-menu-hcolor); border-bottom-color: var(--more-theme-color);}
    .post-header .search_banner{ width: 66%; margin: 0; padding: 0;}
    .fixed{position: fixed; top: 0;}
    .about_end{ position: absolute;  right: 15px; bottom: 0;}

    /*related_post*/
    ul.related_post li .wp_rp_thumbnail{ display: block; height: 235px; overflow: hidden;}

    /*share_list*/
    .share_list{ margin-bottom: 10px;}
    .share_list li, .nav .search-item{ display: inline-block; *display: inline-block; zoom: 1;}
    .share_list li{ margin-left: 16px;}
    .share_list li img{max-height: 69px;}

    .mobile_category{ padding-bottom: 12px;}

    /*ad_link*/
    .ad_link li a:hover{ text-decoration: underline;}

    /*code-block*/
    .code-block{ text-align: center;}
    .code-block .gpt_ads_box{ margin: 0 40px; display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
    .sidebar .code-block{ text-align: left;}
    .sidebar .code-block .gpt_ads_box{ margin: 0;}

    /*footer*/
    .footer .hd .nmgLogoFt, .footer .hd .siteText{ float: none;}
    .footer .hd .nmgLogoFt{ width: 116px; height: 102px; margin-right: 0; padding: 0 20px 10px 0;}
    .footer .hd .nmgLogoFt img{ height: 92px;}
    .footer .hd .siteText{ width: 194px; padding-bottom: 4px;}
    .footer .hd .nmgLogoFt, .footer .hd .siteText, .footer .hd .award, .footer .hd .source_box, .footer .hd .award, .footer .hd .source_box{ display: table-cell; vertical-align: bottom;}
    .footer .hd .award{ height: 104px; padding: 0 4px 0 14px; vertical-align: middle;}
    .footer .hd .source_box{ padding-bottom: 6px; padding-left: 10px;}
}
@media (min-width: 900px) and (max-width: 920px){
    .rsAutoHeight .rsSlide{ height: 100%;}
    .royalSlider.rsAutoHeight, .rsAutoHeight.pixslider{ height: 500px; }
}

@media (min-width: 900px) and (max-width: 990px){
    .article--billboard__title{ padding: 9px 12px 9px 48px; padding: 0.64286rem 0.85714rem 0.64286rem 3.42857rem; margin: 0 0 0 -48px; background: #fff; color: #1a1717;}
    .article--billboard > a:hover .article--billboard__title{ background: none;}
    .article--billboard > a:hover .article__title:before, .article--billboard > a:hover .article--list__title:before, .article--billboard > a:hover .latest-comments__title:before, .article--grid__header:hover .article--grid__title h3, .article--grid__header:hover .article--grid__title:after{background-color: var(--more-theme-color); color: #fff;}
}
@media (max-width: 899px) {
    .m_show{ display: block !important;}
    .w_show{ display: none !important;}
    .banner_desktop{ display: none;}
    .banner_mobile{ display: block;}
    .mask{ left: -75%;}
    /*reset 框加CSS*/
    .wrapper{ transform: none; -o-transform: none; -moz-transform: none; -webkit-transform: none;}
    .container--main .heading--main:first-child{ margin-top: 5px !important;}
    .layout--boxed .header_bg{ height: 52px; overflow: hidden; visibility: hidden;}
    .layout--boxed .header_bg img{ visibility: hidden;}
    .site-header{ padding-left: 58px; width: 40%; -webkit-box-sizing: initial; -moz-box-sizing: initial; -ms-box-sizing: initial; -o-box-sizing: initial; box-sizing: initial;}
    .nav--main li{ position: relative;}
    .nav--main li .sub-menu, .nav--main li .sub-menu--mega, .sub-menu > li.menu-item-has-children:hover > .sub-menu, .sub-menu--mega > li.menu-item-has-children:hover > .sub-menu, .sub-menu > li.menu-item-has-children:hover > .sub-menu--mega, .sub-menu--mega > li.menu-item-has-children:hover > .sub-menu--mega { display: none;}
    /*.nav--main > li.current-menu-item a{ color: var(--more-theme-color) !important;}*/
    .nav--main li > .arrow_box{ padding: 12px; position: absolute; right: 0; top: 0;}
    .nav--main > li.current-menu-item a{ color: var(--mobile-current-menu-font-color) !important;}
    .sub-menu li a, .sub-menu--mega li a{ position: relative; padding-left: 50px !important; line-height: 25px;}
    .sub-menu li a strong, .sub-menu--mega li a strong{ position: absolute; top: 11px; left: 25px;}
    .sub-menu, .sub-menu--mega {padding-left: 0;/*background: #e9a2a9;*/ background: var(--mobile-customize-submenu-color);}
    .sub-menu ul.nav--sub-menu { background: #d47985;}
    .sub-menu li a, .sub-menu--mega li a {position: relative; padding-left: 50px !important; line-height: 25px;}
    .sub-menu li a strong, .sub-menu--mega li a strong {position: absolute; top: 11px; left: 25px;}
    .site-navigation__trigger{ right: auto; left: 0;}
    .navigation--mobile{ position: fixed; background: var(--mobile-customize-menu-exp-color);}
    .navigation--mobile .nav_close{ background: url(../images/nav_close.png) no-repeat; width: 16px; height: 16px; font-size: 0 !important; display: block; margin: 15px 0 18px;}
    .navigation--mobile .form-search .search-submit{ background: var(--more-theme-color);}
    .navigation--mobile > ul{ margin: 0 -1.71429rem;}
    .navigation--mobile > ul > .menu-item{ border-bottom: 1px solid var(--mobile-customize-menu-border-color);}
    .navigation--mobile > ul > li.current-menu-item,.navigation--mobile > ul > li.current-menu-ancestor.current-menu-parent,.navigation--mobile > ul > li.current-menu-item .sub-menu, .sub-menu--mega { background-color: var(--mobile-current-menu-color); }
    .post-header .navigation--main .push-half--top{ margin-top: 0 !important; padding-top: 1.71429rem !important;background: var(--more-theme-color);}
    .push--bottom{ margin-bottom: 0 !important;}
    .navigation--is-visible .wrapper, .pull_left, .navigation--is-visible .site__footer, .navigation--is-visible .site__stats{ 
        -moz-transform: translateX(75%);
        -ms-transform: translateX(75%);
        -o-transform: translateX(75%);
        -webkit-transform: translateX(75%);
        transform: translateX(75%);
    }
    .navigation--mobile{ right:auto; left:0;}
    .article--grid__meta{ margin: 0 6px;}
    .article--grid__meta .split__title{ padding-left: 18px; width: 70%;}
    .article--grid__meta .article__meta-links li{ padding-right: 18px;/*line-height: 24px;*/}
    .article__time, .comment__time{ margin-left: 0; padding:0; /*display: table;*/}
    .article__title .hN, .featured-area__article.article--big .article__title .hN{ font-size: 18px !important; line-height: 1.2 !important;}
    .article--billboard__title2{ background: #fff !important;}
    .site-content .container{ width: 100% !important;}
    .block-list--alt > li + li { border-top-width: 0;}
    .block-list--alt > li {border-bottom-width: 1px;}
    .site__footer, .site__stats{
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .article__header .article--billboard__title2 .hN{ word-wrap: break-word; word-break: break-all;}
    /*reset 框加CSS*/

    .post-header{ display: block;}
    .post-header .container{ width: 100%; padding: 0 !important;}
    .post-header .sns-bar{ height: 55px; min-height: auto; padding: 0;}
    .post-header .leftbox .fixed_nav, .post-header .rightbox .fixed_nav{width: 46px; padding: 9px 3px 8px 8px; height: 43px;}
    .post-header .leftbox .nav_logo{ width: 62%;}
    .post-header .leftbox .nav_logo img{ width: auto; height: 38px;}
    .post-header .rightbox{ padding: 7px 8px 7px 0 !important;}
    .post-header .rightbox .fixed_nav{ float: right; padding-top: 2px;}
    .post-header .search_banner{ visibility: visible;}
    .admin-bar .post-header{ top: 46px;}
    .yarpp-thumbnails-horizontal .yarpp-thumbnail{ width: 100% !important; height: auto !important;}
    .yarpp-thumbnails-horizontal .yarpp-thumbnail img{ width: 100%; height: auto; margin: 0; padding: 5px;}

    .read_btn .read_more{ 
        width: 76%;
    }

    /*yarpp-related*/
    .yarpp-related .item_box .item{ margin: 0;}
    .yarpp-related .item_box .item .list{ width: 100%; margin-left: 0; padding: 5px 0;}

    .mobile_category{ padding-bottom: 24px;}

    /*related_post*/
    ul.related_post li{ width: 100% !important; margin-left: 0;}

    /*share_bar*/
    .share_bar{ display: none !important;}
    .share-bar .icon{ display: none;}

    /*gpt_ads_box*/
    .gpt_ads_box{ margin: 0 auto;}

    /*gpt_ads_box2*/
    .gpt_ads_box2{ width: 320px !important;}
    .gpt_ads_box2 .gpt_ads_bg{ background: url(../images/ad_bg2.jpg) no-repeat; min-width: 300px; min-height: 100px;}
    .gpt_ads_box .gpt_ads_nobg{ background: none;}
        /*seach_banner*/
    .seach_banner{ margin: 0 -1.71429rem;}
    .search_banner .search_bg{ background: url(../images/search_bg.png) no-repeat; background-size: auto 100%;}
    .search_banner{ visibility: hidden; margin: 0; padding: 0;}


    /*footer_fixed*/
    .footer_fixed{ 
        position: fixed; 
        width: 100%; 
        left: 0; 
        bottom: 0; 
        background: #aaa;
        transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -o-transform: translateY(200px);
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
        z-index: 9999;
    }
    .footer_fixed ul{ display: table; margin: 0; width: 100%;}
    .footer_fixed li{ display: table-cell; vertical-align: middle; width: 33.33333%; text-align: center; color: #fff; word-break: break-word; padding: 8px 0 6px;}
    .footer_fixed li img{ width: 38%; height: auto;}
    .footer_fixed li .hd, .footer_fixed li .ft{ font-size: 12px !important;}
    .footer_fixed .share_num{ background: #fff; color: #000; line-height: 13px;}
    .footer_fixed .share_fb{ background: #3b5998;}
    .footer_fixed .share_g{ background: #dd4b39;}
    .footer_fixed .share_wa{ background: #1d9e11;}
    .footer_fixed .share_line{ background: #01c312;}
    .footer_fixed .share_tt{ background: #53acee;}
    .footer_fixed .share_mail{ background: #aaaaaa;}

    /*footer_show*/
    .footer_show{
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .navigation--is-visible .footer_show{
        transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -o-transform: translateY(200px);
    }

    /*footer*/
    .footer .hd .nmgLogoFt, .footer .hd .siteText, .footer .ft .Copyright, .footer .ft .ftLink_box{ float: none; word-spacing: -1px; letter-spacing: 0px;}
    .footer .hd .nmgLogoFt{ padding: 0 0 10px; margin: 0 auto; height: auto; width: 91px;}
    .footer .hd .siteText, .footer .ft .Copyright, .footer .ft .ftLink_box{ text-align: center;}
    .footer .hd .siteText .s_hd{ font-size: 26px; padding-bottom: 12px; font-weight: 700; font-style: normal;}
    .footer .hd .siteText{ padding-top: 0;}
    .footer .hd .award{ margin: 10px auto 20px;}
    .footer .ft .ftLink_box{ padding-bottom: 10px;}
    .footer .ft .ftLink_box a{ padding: 0 3px;}
    .footer .ft .ftLink_box .Subscription .tri{ width: 32px; height: 18px; background-size: 32px auto; right: auto; left: 50%; margin-left: -16px; top: -14px;}
    .footer .ft .Copyright{ padding: 0;}
    .footer .hd .siteText{ padding-top: 0;}
    .ftPupop_box{ width: 80%; right: 10%; bottom: 81px;}
    .ftPupop_box .close{ top: 2%; right: 2%; font-size: 16px;}
    .ftPupop_box .pupop{ width: 90%; margin: 0 5%;}
    .ftPupop_box .pupop a img{ width: 80%; height: auto;}
    .ftPupop_box .pupop .AppleStore{ padding-top: 5px;}
    .ftPupop_box .pupop .GooglePlay{ padding-bottom: 30px;}
    .footer .ft{ padding-top: 22px;}
}

.page-header-video  {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.page-header-video iframe{ 
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (max-width: 1070px) {
    .site-content .info_tab, .site-content .content .bb_lookbook_wrap, .site-content .content .BB_update_detail_wrap{ width: 100% !important;}
    .site-content .left_wrap .info_tab li{ width: 20% !important; margin-bottom: 0!important; vertical-align: bottom; overflow: hidden; display: inline-block; *display: inline; zoom: 1; background: #e56ba0; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}
    .site-content .left_wrap .info_tab li:hover, .site-content .left_wrap .info_tab li.active{ background: #fff; border: 1px solid #eee; border-bottom: none;}
    .site-content .left_wrap .info_tab li a{ background: none !important;}
    .site-content .info_tab + .tab-content, .site-content .fb_login_tip{ width: 100% !important;}
    .site-content .fb_login_tip{ padding: 0 10px;}
}

@media (max-width: 990px) {
    .site-content .content .nav .join_button_last{ float: none !important; margin-top: 60px; clear: both; display: block;}
}

@media (min-width: 768px) {
    .site-content .m_nav{ display: none;}
    .site-content .content .top_bb_his_wrap ul{ font-size: 0; letter-spacing: -4px;word-spacing: -4px;}
    .site-content .content .top_bb_his_wrap li{ width: 33.3333%; display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; word-spacing: normal;}
    .article--grid__header .article__title .hN{ height: 68px; overflow: hidden; line-height: 30px;}
}

@media (min-width: 767px) {
    .article--grid__header .article__title .hN{ height: 68px; overflow: hidden; line-height: 30px;}
}
.related_post_box .article--grid__header .article__title .hN{ font-weight: normal; }

@media (max-width: 767px) {
    .site-content .w_nav{ display: none;}
    .site-content .m_nav{ display: block;}
    .site-content .content .msg_tab_wrap td{ word-wrap: break-word; word-break: break-all;}
    .site-content .content .msg_tab_wrap table .number{ width: 6% !important;}
    .site-content .content .msg_tab_wrap table .date{ width: 18% !important;}
    .site-content .content .msg_tab_wrap table .service_see{ width: 40% !important;}
    .site-content .content .msg_tab_wrap table .button{ width: 30% !important;}
    .site-content .content .nav .join_button_last{ margin-top: 15px;}
    .site-content .content .nav .join_button{ display: block;}
    .site-content .content .all_sreach_wrap{ height: auto !important;}
    .site-content .content .all_sreach_wrap div{ float: none !important; margin: 0 !important; padding: 10px 0 5px;}
    .site-content .content .all_sreach_wrap div a{ display: block;}
    .site-content .content .top_bb_his_wrap ul{ margin-left: 0 !important;}
    .site-content .content .top_bb_his_wrap li{ display: block;}
    .site-content .content .top_bb_his_wrap .small_img{ width: 100%;}
    .site-content .left_wrap .info_tab li{ width: 30% !important;} 
    .site-content .left_wrap .container-fluid .row-fluid{ padding-bottom: 15px;}
    .site-content .content .contact_wrap table td, .site-content .content .BB_update_detail_wrap table td{ display: block; padding: 10px;}
    .site-content .content .BB_update_detail_wrap table td input{ margin: 0 !important;}
    .site-content .content .user_setting_wrap table td[colspan]{ text-align: left !important;}
    .site-content .content .user_setting_wrap table td{ display: block;}
    .site-content .content .user_setting_wrap tr td + td, .site-content .content .user_setting_wrap textarea, .site-content .content .BB_update_detail_wrap table input[type="text"], .site-content .content .BB_update_detail_wrap table textarea{ width: 100% !important;}

    .site-header{ height: auto; min-height: 53px; padding-left: 40px;}
    .site-navigation__trigger{ height: 53px; width: 60px; padding: 7px 14px 2px 0; position: relative;}
    .site-navigation__trigger .nav-icon, .site-navigation__trigger .nav-icon{ background-size: 100% auto; width: 35px; height: 35px; top: 8px;}
    .navigation--is-visible .nav-icon{ top: 18% !important;}
    .header .site-header__branding{ width: 150px; display: block;}
    .site-logo--image{ margin: 9px 0;}
    .heading .hN, .heading .hN a{ font-size: 28px !important; line-height: 28px;}
    .heading--main{ /*border-bottom: 8px solid var(--more-theme-color); padding-left: 18px; margin: 0 10px 15px !important;*/}
    .heading--main .hN{ /*padding: 0 11px;*/ position: relative;/* bottom: -11px;*/}

    /*post-header*/
    .post-header .leftbox{ width: 70%;}
    .post-header .leftbox .nav_logo{ width: 120px; padding-left: 10px; margin-top: 3px;}
    .post-header .leftbox .nav_logo img{ height: auto;}
    .post-header .leftbox .fixed_nav .nav-icon, .post-header .rightbox .fixed_nav .nav-icon{ width: 35px; height: 35px;}
    .post-header .rightbox{ width: 30%;}
}

@media (min-width: 767px) {
    .article--grid__header .article__title .hN{ height: 58px; overflow: hidden; line-height: 30px;}
}

@media (max-width: 599px) {
    /*wpadminbar*/
    #wpadminbar{ position: fixed;}

    /*.article--grid__thumb, */
    .category__featured-posts, .image-wrap.full-img, .featured-area, .search_box2{ margin: 0 -.75rem;margin-bottom: 24px; margin-bottom: 1.71429rem;}
    .featured-area .featured-area__article{ padding: 0;}
    .featured-area .featured-area__aside{ padding: 0 .75rem;}
    .related_post_box .one-third{ width: 100%;}
     /*tag_img*/
    .tag_img .tag_box li.regist_item a span{ border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px;}
    .tag_img .tag_box .regist_item a .shop_icon{ display: none;}

    .heading--main .hN .search_title{ font-size: 22px !important; line-height: 26px; word-break: break-word; }
}

@media (max-width: 398px) {
    .article--grid__meta{ margin: 0;}
    .article--grid__meta .split__title{ padding-left: 0;}
    .article--grid__meta .article__meta-links li{ padding-right: 0;line-height: 24px;}
    .article--grid__title .hN, .article--grid__title .article__author-name, .article--grid__title .comment__author-name, .article--grid__title .score__average-wrapper, .article--grid__title .score__label, .article--grid__title .widget_calendar caption, .widget_calendar .article--grid__title caption{ padding: 0.42857rem 20px;}
    .article--grid__meta .split__title{ width: 50%;}

    /*post-header*/
    .post-header .rightbox .like_box{ width: 100%; padding: 0;}
    .post-header .rightbox .like_box .text{ width: 30%; }
}

@media (max-width: 320px) {
    /*.article--grid__thumb, */
    .category__featured-posts, .image-wrap.full-img, .featured-area, .search_box2,.gpt_ads_box2{ margin: 0 -10px;}
}

.fb_iframe_widget iframe{ position: relative !important;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe{ max-width: 100%;}

.search_banner { position: relative; }
.search_hot_tag { display: none; padding: 24px; margin: 0; }
.search_hot_tag .tags_title { text-align: left; margin-bottom: 6px; }
.site-header .search_hot_tag { position: absolute; z-index: 5002; top: 100%; margin-top: 2px; padding: 20px 12px; background: #fff; border: 1px solid #888; }
.post-header .search_hot_tag, .post-container .search_hot_tag { z-index: 0; top: auto; left: 0; right: 0; padding: 24px; border: none; }
.post-container .search_hot_tag .tags_title { color: #fff; }
.search_banner .search_hot_tag { background: var(--more-theme-color); }
.post-header .navigation--main { position: relative; background: var(--more-theme-color); }
.post-header .navigation--main .push-half--top, .post-header .navigation--main .search_hot_tag { background: rgba(242,242,242,.98) !important; }
.post-header .navigation--main .search_hot_tag { position: relative; margin: 0; display: block !important; padding-top: 0;}

.post-container .search_hot_tag { position: absolute; margin-left: 24px; z-index: 21; }
.btn--tertiary:hover { color: #fff !important; }


/*iTrial*/
.product-cover { max-width: 475px; min-width: auto; }
.product-cover img { display: block; width: 100%; }
._content_ ul.steps { list-style: none; margin: 0; padding-left: 0 !important; }
._content_ ul.steps li { display: block; width: 100%; margin-bottom: 24px; }
._content_ ul.steps .steps-head { background-color: #f4acb6; color: #fff; line-height: 1; font-size: 20px !important; padding: 8px; margin-bottom: 8px; display: inline-block; }
.details { display: block; max-width: 475px; margin-top: 12px; margin-bottom: 36px; box-sizing: content-box; border: 1px solid #dbdbdb; border-top: 8px solid #f4acb6; background: #fff; }
.details h3 { font-size: 24px; padding: 16px; margin: 0; border-bottom: 1px solid #f5f5f5; }
.details .details-img { display: block; width: 100%; }
.details .details-content { padding: 0 16px !important; margin: 0; list-style: none; }
.details .details-content li { display: block; width: 100%; padding: 16px 0; border-bottom: 1px solid #f5f5f5; overflow: hidden; }
.details .details-content li:last-child { border-bottom: none; }
.details .details-content li .detail-l,
.details .details-content li .detail-r { float: left; display: inline-block; }
.details .details-content li .detail-l { width: 25%; }
.details .details-content li .detail-r { width: 75%; }
.details-score { display: inline-block; width: 130px; height: 26px; vertical-align: top; margin: 0 4px; }
.details-score:before, .details-score:after { content: ""; display: inline-block; height: 22px; background-size: auto 100%; background-position: top left; background-repeat: repeat-x; }
.details-score:before { width: 0px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAAsCAYAAACDgMblAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEFElEQVR4nO2dQW4TMRSGH4hVNi0naDkB4QS0y6xAygFIT0C5QXuDcgKaA0SCVZaUE9CeAG4A3cy2yOqrNJlnTzxjP88z+j8pUmJPbH+t9PTGYzvPHh4eCAAAHM9FiQLNZrtyr9Jy8IkDPrYp6VMkIBDRil//C/CxDXxGon7L0Gy2cyL6yR/fzJaLW3FRRcDHNvBJo0SGcB54XyvwsQ18ElDNEJrN9pCI/nSKX86Wi7/i4gqAj23gk452huCLaL6yWvCN3VcGn2nwjd1XBp8A2gHBNxHiK6sF39h9ZfCZBt/YfWXwCaAWEJrN9j0RHYkKoiOuqwr42AY+edDMEPpSm746q/SNua8OPmXoG3NfHXxaqEwqNpvtMRH9EhW7vJotF79FqUHgYxv45EMrQ7gQJZKYa6wAH9vAJxPZMwR+VOIi14Go3OWeiI6tP+KCD3xKMrWPRoawipAhvqaGGWD42AY+GdEICEMmPGqY7IGPbeCTkeRbhmazPWl9dI9DPoqL+vlMRF+frpgtFze9VysDHwF8FLHmIwICb6Y45I+h929FSzr84FbdfdKt7/2+zR7wUQU+HWr3eSGaeJy9fCdKp6H9h/ON6RtH1T7gowd8JFX7iDmE2XLhLliLr9pjzWPtBT6TAR/beH1EQGApN3t5JirscMZjjAI+xYFPpT7egECPUtcsdS8qp+OeZa6HjgA+RYAPU6uPmFTswpMkN5HPRjVxMiepJ8bARw34eKjNJ5ghPMENOKk7UVkO1/c8x/FR8FEBPgFq84leh8BLKl2key0qdbnjyJZ1iSZ8sgGfCGrxGbwwqdls3f3HB1Ghwzo0+ZEL+CQBn4FY9xm8dJk7uBQV+bnU/ufAJwn4jMC6z+ily/zDEV9ERR56Z0I1gM8g4JOIVZ/Rm5taj1VyU/yfA59BwCcDVn1K/XITAKACUgPCiShJR6PNWOAzTZtT9g2fFggI+n3Dx3bf8GkxOiDwQZC+Y6JTOeK2iwKfaOCTAas+KRnCXJTkQ7PtEPCx0XYI+BRoOyUgaKZaU6Rx8LHRdgj4FGgbAaFMn/Cx3Sd8mJSAELsm262lPuVX7AaP0uu9h/QJH/jkwKTPqJWKfDDkd1Gxi9tueTFbLq463z3nY6b2bQc9LXUAJnx2vgsfZSz7jM0Q9qUka/4RiatuBZcdRxwzVTKNgw8DnyKY9fEdshpDqDOX0pzvi0y8FXPFO7+uAilOqA8NQn3BBz4ahPqa3GdsQOg+1vCmN/tg8XkgDSr5KAg+HuCjhlmfwbcMfCRUu+NgehNLIA064L5Ugc9+4JMP6z5j5hCeUpE7nrhY5ThdxrXB+7fbs6kl0jj4RACfbJj2GXPL4KLOp5SI1kcnDSqRxsFnAPBJxrRP9p+DBwBUChH9A8fzbGfRyNGAAAAAAElFTkSuQmCC); }
.details-score:after { width: 100%; background-position: right top; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAAsCAYAAACDgMblAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEAElEQVR4Ae2d8W1TMRCHD8T/LRO0yAMQJqCdADYgnYCyQbtBmYBmgzIBZQLaASzYgGaCIqtXKcnZL37PPr8z+n1SpMR2bH+tdLrn5+e8eHx8JAAACLwUJQp475fh1VoOPnnAxzYtfZoEBCJa8ut/AT62gc9E1C8ZvPcLIvrFH9855+5Eo46Aj23gU0aLDOE88b5X4GMb+BSgmiF47w+J6O9O8Wvn3INo3AHwsQ18ytHOEGIRLVbWC7G5x8rgMw+xucfK4JNAOyDEFkJiZb0Qm3usDD7zEJt7rAw+CdQCgvf+IxEdiQqiI67rCvjYBj510MwQhlKboTqrDM15qA4+bRia81AdfDZQWVT03h8T0W9Rsc0b59wfUWoQ+NgGPvXQyhAuRIkkp40V4GMb+FSieobAt0pC5DoQldusiejY+i0u+MCnJXP7aGQIywwZ4jY9rADDxzbwqYhGQBiz4NHDYg98bAOfihRfMnjvTzY+htshn0WjYb4S0c1zC+fc7WBrZeAjgI8i1nxEQOCHKQ75Y+r9e9GTDj+513CddBd7v+9hD/ioAp8devd5Jbp4Wr38IErnYfMPF5vTd46qQ8BHD/hIuvYRawjOudBgJb5qjxXPdRD4zAZ8bBP1EQGBpcLq5ZmosMMZzzEL+DQHPp36RAMCPUlds9RaVM7HmmWux84APk2AD9Orj1hU3IUXSW4z741qEmROSk+MgY8a8InQm08yQ3iGOwhS96KyHWHsRY3jo+CjAnwS9OaTvQ+Bt1SGSPdWVOpyz5Gt6hZN+FQDPhn04jN6Y5L3Plx/fBIVOqxSix+1gE8R8BmJdZ/RW5d5gEtRUZ9L7X8OfIqAzwSs+0zeusw/HPFNVNRhcCVUA/iMAj6FWPWZ/HDTxm2V2jT/58BnFPCpgFWfVr/cBADogNKAcCJKytHoMxf4zNPnnGPDZwMEBP2x4WN7bPhsMDkg8EGQsWOiSznivpsCn2zgUwGrPiUZwkKU1EOz7xTwsdF3Cvg06LskIGimWnOkcfCx0XcK+DToGwGhzZjwsT0mfJiSgJC7JzvspT7lV+4DHq33e48ZEz7wqYFJn0k7FflgyB+iYpvwuOWFc+5q57vnfMzUvsdBT1sdgAmfre/CRxnLPlMzhH0pyYp/ROJqt4LLjjOOmWqZxsGHgU8TzPrUDgj3HJmWQ49bhjp+8GIoDUqNoUFqLPjAR4PUWLP7TL1keNhJWaLpzYj+YmnQ2jl3KBorAJ9h4FMXyz6jMwQ+Empz4GR6k0siDTrgsVSBz37gUw/rPlMuGZ5Tkaz0JpdEGtQijYNPBvCphmmf2A+17CNEnS8lEW0IXhldcBrUYgcZfEYAn2JM+1T/OXgAQKcQ0T+ywWVuGJl43AAAAABJRU5ErkJggg==); }
.details-score[data-score="0.5"]:before { width: 10%; }
.details-score[data-score="0.5"]:after { width: 90%; }
.details-score[data-score="1"]:before { width: 20%; }
.details-score[data-score="1"]:after { width: 80%; }
.details-score[data-score="1.5"]:before { width: 30%; }
.details-score[data-score="1.5"]:after { width: 70%; }
.details-score[data-score="2"]:before { width: 40%; }
.details-score[data-score="2"]:after { width: 60%; }
.details-score[data-score="2.5"]:before { width: 50%; }
.details-score[data-score="2.5"]:after { width: 50%; }
.details-score[data-score="3"]:before { width: 60%; }
.details-score[data-score="3"]:after { width: 40%; }
.details-score[data-score="3.5"]:before { width: 70%; }
.details-score[data-score="3.5"]:after { width: 30%; }
.details-score[data-score="4"]:before { width: 80%; }
.details-score[data-score="4"]:after { width: 20%; }
.details-score[data-score="4.5"]:before { width: 90%; }
.details-score[data-score="4.5"]:after { width: 10%; }
.details-score[data-score="5"]:before { width: 100%; }
.details-score[data-score="5"]:after { width: 0px; }

.banner_desktop_mobile_ad { margin: 30px auto; margin-left: 1.71429rem; text-align: center; }
.sticky_banner{background:0 0!important; margin:0; z-index:100; margin-left: 0;}
.sticky_banner .sticky_banner_inner { overflow: hidden; }
.sticky_banner .sticky_banner_inner>a,.sticky_banner .sticky_banner_inner>img,.sticky_banner .sticky_banner_inner>div>div{margin-bottom:22px;background-color: rgb(221, 221, 221);}
.sticky_banner.container{margin:0;width:100%; position:fixed; padding: 0 1.71429rem;}
.sticky_banner.container .sticky_banner_inner{width:66%; margin: 0 -1.71429rem;}

.post-container .sticky_banner {margin-left:1.71429rem;}
@media(min-width:899px){
  .container--main:not(.post-container) .sticky_banner.container{top:0!important;}
}
@media(max-width:899px){
  .banner_desktop_mobile_ad{margin-left:0;left:0;}
  .sticky_banner{height:auto;width:806px;margin-left:-0.75rem;margin-right:-0.75rem;left:auto!important;}
  .sticky_banner .sticky_banner_inner>a,.sticky_banner .sticky_banner_inner>img,.sticky_banner .sticky_banner_inner>div>div{margin-bottom:0;}
  .post-container .sticky_banner{margin-left:0; margin-right: 0;}
}
@media(max-width:320px){
  .post-container .sticky_banner{margin-left:-10px;}
}

/*----- bloger page----*/
.vip_bloggers .category__featured-posts{margin-bottom: 0;}

/*----- featured-image 10x6 -----*/

@media (min-width: 1270px){
.article--grid__header .article__featured-image {
    height: 205px; /*calc((1270px * 0.333 - 44px) *6/10);*/
}
.post-container .grid>.article__featured-image{
    height: calc(807px *1/1.91);
    overflow:hidden;
}
}
@media (max-width: 1269px){
.article--grid__header .article__featured-image {
    height: calc((33.3vw - 44px) *1/1.91);
}

.post-container .grid>.article__featured-image{
    height: calc((66.6vw - 44px) *1/1.91);
    overflow:hidden;
}
}
@media (max-width: 1023px){
.article--grid__header .article__featured-image {
    height: calc((66.6vw - 48px) *1/1.91);
}
    .one-half .article--grid__header .article__featured-image { height: calc((50vw - 44px) *1/1.91); }
    .one-third .article--grid__header .article__featured-image{ height: calc((33.3vw - 44px) *1/1.91);}
}
@media (max-width: 899px) and (min-width:600px){
.article--grid__header .article__featured-image {
    height: calc((50vw - 60px) *1/1.91);
}
.post-container .grid>.article__featured-image{
    height: calc((100vw - 50px) *1/1.91);
    overflow:hidden;
}
}
@media (max-width: 599px){
.article--grid__header .article__featured-image{
    height: calc((100vw - 1.5rem) *1/1.91);
}
.post-container .grid>.article__featured-image{
     height: calc(100vw *1/1.91);
     overflow:hidden;
     width: 100vw;
     padding-right: .75rem;
}
.post-container .grid>.article__featured-image .image-wrap{
     overflow: unset;
}
}
.mshow .ad_link li .ad_thumbnail{
    height: 66px;
}

/*--- list page date ---*/
.artcle__meta-links li{margin-left: 8px;}


/* bloger info */
.vip_bloggers .category__featured-posts{margin-bottom: 0;}
.user.with-name img,.author .author__avatar img{border-radius: 100%;}
body.single-post .author,body.author .author{position: relative;}
body.single-post .author__avatar,body.author .author__avatar{float: none; position: absolute; left: 20px;height: 80px; width: 80px; display: flex;}
body.single-post .author__text>.author__title,body.author .author__text>.author__title{padding-left: 120px;text-align:left; }
body.single-post .author__text>.author__title a,body.author .author__text>.author__title a{color:var(--theme-color);font-weight: bold;font-size: 20px !important;}
body.single-post .author__text>.author__title .hN span,body.author .author__text>.author__title .hN span{font-size: 20px !important;font-weight: bold;color: var(--theme-color);}
body.single-post .author__text>.author__bio,body.author .author__text>.author__bio{padding:10px 20px 20px 120px; color: #444;background: var(--more-share-icon-bg);}

@media (max-width: 767px){
body.single-post .author__avatar,body.author .author__avatar{float: left; position: relative; left: 0; margin-right: 20px; margin-left: 20px;}
body.single-post .author__text,body.author .author__text{overflow: unset;}
body.single-post .author__text>.author__title,body.author .author__text>.author__title{padding-top:25px;}
body.single-post .author__text>.author__title .hN span,body.author .author__text>.author__title .hN span{font-size: 16px !important;}
body.single-post .author__text>.author__bio,body.author .author__text>.author__bio{padding: 38px 20px 20px 20px;margin-left: -10px; margin-right: -10px;}
}

/*---- blog page ----*/
.container .grid .grid__item .archive-meta{margin-bottom: 24px;margin-bottom: 1.71429rem;}
.vip_bloggers .author-list{float: none!important;}
.vip_bloggers div.author-list .user{float: none!important;display:inline-block!important;width:14%; vertical-align: top; letter-spacing: normal;}
.vip_bloggers div.author-list .user a,.vip_bloggers div.author-list .user a .avatar{letter-spacing: normal;}
.vip_bloggers div.author-list .user .name{line-height: 1.5;letter-spacing: normal;max-height: 81px;overflow: hidden;}
.vip_bloggers .alignnone{margin: 0;}
@media (max-width: 599px){
.vip_bloggers div.author-list .user{width:25%;}
/*.post-template-default .o2-in-side-view {top: 52px !important;}*/
}

/* newsapp download header/rightfloat button*/
.newsappdlb {
    position: fixed;
    bottom: 85px;
    right: 1%;
    z-index: 9999;
    border-radius: 0px 18px 18px 0px;
    -o-border-radius:  0px 18px 18px 0px;
    -moz-border-radius:  0px 18px 18px 0px;
    -webkit-border-radius:  0px 18px 18px 0px;
    width: 126px;
}
.newsappdlb_c .inner {
    right: 5px;
    top: 5px;
}
.newsappdlb_c .inner::after {
    content: " ";
}


.featured-image .video-container2 .video-wrap .vdb_player > div[id*="vdb"] > div[style*='position: absolute'] > div[style*='position: fixed'] {
    margin-top: 55px;
}
.category__featured-posts  .vdb_player > div[id*="vdb"] > div[style*='position: absolute'] > div[style*='position: fixed'] {
    margin-top: 55px;
}

/*2022 video z-index*/
.category__featured-posts {
    z-index: 1001;
}

@media (max-width: 599px){
    /*.post-template-default .o2-in-side-view {top: 55px !important;}*/
    ._page_ .oath-lrec-player .vdb_player > div[id*="vdb"] > div[style*='position: absolute'] > div[style*='position: fixed'] {
    margin-top: 55px;
}
}

._page_ .oath-lrec-player{ margin:0 10%; }

@media (max-width: 899px){
    ._page_ .oath-lrec-player{ margin:0 auto; }
}

body.mfp-zoom-out-cur .mfp-container {
    height: calc(100vh - 100px);
    top: 100px;
}
body.mfp-zoom-out-cur .mfp-container .mfp-figure .mfp-topbar,
body.mfp-zoom-out-cur .mfp-container .mfp-figure figcaption{
    z-index: 2;
}
body.mfp-zoom-out-cur .mfp-container .mfp-figure figure{
    z-index: 1;
}
/*inline-block之間的空隙*/
.grid {
    font-size: 0px !important;
}
#inread_video_wrapper .vdb_player>div[id*="vdb"]>div[style*='position: absolute']>div[style*='position: fixed'] {
    margin-top: 55px;
}


/*BLOCKQUOTE STYLE 2021*/
:root{
    --quote-color:var(--more-theme-color);
}
blockquote{
    font-style: normal;
    font-weight: bold;
    margin:0px 50px 0px 50px;
    padding:30px 30px 30px 50px;
    position:relative;
    font-family:Georgia,serif;
    font-size:20px;
    line-height:1.2;
    color: var(--quote-color);
    text-align:justify;
    border-left: 15px solid var(--quote-color);
    border-right: 5px solid var(--quote-color);
    }
blockquote:before{
    background-color:unset;
    content:unset;
    }
blockquote p {
    font-style: normal;
    font-weight: bold;
}
blockquote p:last-child:after{
    content:unset;
    }
blockquote p:first-child:before{
    content:"\201C";
    content:open-quote;
    font-family:Georgia,serif;
    font-size:60px;
    font-weight:bold;
    color:var(--quote-color);
    position:absolute;
    left:14px;top:5px;
    }
blockquote p::after{
    content:unset;
    }
blockquote p::before{
    content:unset;
    }
@media (max-width:899px){
    blockquote{
        margin:0px;
        padding:10px 20px 10px 40px;
    }
    blockquote p:first-child:before{
        font-size:38px;
        left:18px;top:18px;
    }
}

.site-logo img{
min-height: 100px;
}         
.content-module .code-block ,.sidebar .code-block {
    min-height: 250px;
}

/* icon svg 2021*/
[class^="icon-e-"]:before, [class*=" icon-e-"]:before ,.icon, [class^="icon-"]:before, [class*=" icon-"]:before{
    font-family: unset;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    content: " ";
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.icon-e-facebook:before{
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Facebook' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M17,1H3C1.9,1,1,1.9,1,3v14c0,1.101,0.9,2,2,2h7v-7H8V9.525h2v-2.05c0-2.164,1.212-3.684,3.766-3.684 l1.803,0.002v2.605h-1.197C13.378,6.398,13,7.144,13,7.836v1.69h2.568L15,12h-2v7h4c1.1,0,2-0.899,2-2V3C19,1.9,18.1,1,17,1z'/%3E%3C/svg%3E");
}
.icon-e-rss:before{
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='RSS' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M2.4,2.4v2.367c7.086,0,12.83,5.746,12.83,12.832h2.369C17.599,9.205,10.794,2.4,2.4,2.4z M2.4,7.137v2.369 c4.469,0,8.093,3.623,8.093,8.094h2.368C12.861,11.822,8.177,7.137,2.4,7.137z M4.669,13.059c-1.254,0-2.27,1.018-2.27,2.271 s1.016,2.27,2.27,2.27s2.269-1.016,2.269-2.27S5.923,13.059,4.669,13.059z'/%3E%3C/svg%3E");
}
.icon-e-instagram:before{
background-image: url("data:image/svg+xml,%0A%3Csvg id='Instagram' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Einstagram%3C/title%3E%3Cpath class='cls-1' d='M18.94586,6.28931a6.60561,6.60561,0,0,0-.41833-2.18463,4.41189,4.41189,0,0,0-1.03809-1.59412,4.41189,4.41189,0,0,0-1.59412-1.03809,6.60561,6.60561,0,0,0-2.18463-.41833C12.75073,1.01038,12.44427,1,10,1s-2.75073.01038-3.71069,0.05414a6.60561,6.60561,0,0,0-2.18463.41833A4.41189,4.41189,0,0,0,2.51056,2.51056,4.41189,4.41189,0,0,0,1.47247,4.10468a6.60561,6.60561,0,0,0-.41833,2.18463C1.01038,7.24927,1,7.55573,1,10s0.01038,2.75073.05414,3.71069a6.60561,6.60561,0,0,0,.41833,2.18463,4.41189,4.41189,0,0,0,1.03809,1.59412,4.41109,4.41109,0,0,0,1.59412,1.03809,6.60561,6.60561,0,0,0,2.18463.41833C7.24927,18.98969,7.55573,19,10,19s2.75073-.01031,3.71069-0.05414a6.60561,6.60561,0,0,0,2.18463-.41833,4.60208,4.60208,0,0,0,2.6322-2.6322,6.60561,6.60561,0,0,0,.41833-2.18463C18.98962,12.75073,19,12.44427,19,10S18.98962,7.24927,18.94586,6.28931Zm-1.61993,7.34747a4.97824,4.97824,0,0,1-.30994,1.67114A2.98017,2.98017,0,0,1,15.30792,17.016a4.9786,4.9786,0,0,1-1.67114.30994C12.68787,17.3692,12.40326,17.37836,10,17.37836s-2.68787-.00916-3.63678-0.05243A4.9786,4.9786,0,0,1,4.69208,17.016a2.78769,2.78769,0,0,1-1.03485-.67322A2.78769,2.78769,0,0,1,2.984,15.30792a4.97824,4.97824,0,0,1-.30994-1.67114C2.6308,12.68774,2.62164,12.40314,2.62164,10s0.00916-2.68774.05243-3.63678A4.9786,4.9786,0,0,1,2.984,4.69208a2.78769,2.78769,0,0,1,.67322-1.03485A2.78769,2.78769,0,0,1,4.69208,2.984a4.9786,4.9786,0,0,1,1.67114-.30994C7.31226,2.6308,7.59686,2.62164,10,2.62164s2.68774,0.00916,3.63678.05243a4.9786,4.9786,0,0,1,1.67114.30994,2.78769,2.78769,0,0,1,1.03485.67322A2.78769,2.78769,0,0,1,17.016,4.69208a4.9786,4.9786,0,0,1,.30994,1.67114c0.04327,0.949.05243,1.2337,0.05243,3.63678S17.3692,12.68774,17.32593,13.63678ZM10,5.37836A4.62164,4.62164,0,1,0,14.62164,10,4.62169,4.62169,0,0,0,10,5.37836ZM10,13a3,3,0,1,1,3-3A3,3,0,0,1,10,13Zm5.88422-7.8042a1.08,1.08,0,1,1-1.08-1.08A1.08,1.08,0,0,1,15.88422,5.1958Z' transform='translate(-1 -1)'/%3E%3C/svg%3E");
}
.icon-youtube-play:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Youtube' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve' style=' vertical-align: top;%0A'%3E%3Cpath fill='%23fff' d='M10,2.3C0.172,2.3,0,3.174,0,10s0.172,7.7,10,7.7s10-0.874,10-7.7S19.828,2.3,10,2.3z M13.205,10.334 l-4.49,2.096C8.322,12.612,8,12.408,8,11.974V8.026C8,7.593,8.322,7.388,8.715,7.57l4.49,2.096 C13.598,9.85,13.598,10.15,13.205,10.334z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-search:before {

      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Magnifying_glass' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M17.545,15.467l-3.779-3.779c0.57-0.935,0.898-2.035,0.898-3.21c0-3.417-2.961-6.377-6.378-6.377 C4.869,2.1,2.1,4.87,2.1,8.287c0,3.416,2.961,6.377,6.377,6.377c1.137,0,2.2-0.309,3.115-0.844l3.799,3.801 c0.372,0.371,0.975,0.371,1.346,0l0.943-0.943C18.051,16.307,17.916,15.838,17.545,15.467z M4.004,8.287 c0-2.366,1.917-4.283,4.282-4.283c2.366,0,4.474,2.107,4.474,4.474c0,2.365-1.918,4.283-4.283,4.283 C6.111,12.76,4.004,10.652,4.004,8.287z'/%3E%3C/svg%3E%0A");

}
.nav_close:before{
  content: unset;
  background-image: unset;
}


/*itrial box*/

.registration_box_itrial {
    display: block;
    padding: 40px 0;
}

.reg_cat_page {
    border: 2px solid #eca6ae;
    border-radius: 15px;
    text-align: center;
    min-height: 250px;
}

.reg_box_logo {
    display: inline-block;
    text-align: center;
    margin-top: -37px;
    margin-left: -45px;
    position: absolute;
    background: #fff;
}

.reg_box_logo img {
    width: 80%;
}

h2.reg_box_title {
    color: #e78491;
    font-weight: bold;
    margin: 30px 0 0;
}

.reg_box_content {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
}

.reg_box_text {
    text-align: left;
    flex: 0 0 auto;
    line-height: 1.6;
    flex-basis: 0;
    margin: 0 0 0 10px;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}
.reg_box_text_name {
    font-size: 16px !important;
}
.reg_box_wrapper {
    display: grid;
    place-items: center;
}

.reg_box_pic {
    width: 100px;
    display: inline-block;
}

a.reg_box_btn {
    margin: 20px;
    padding: 5px 50px;
    background: #eca6ae;
    border-radius: 50px;
    color: #fff;
    font-size: 16px !important;
    font-weight: bold;
    text-shadow: 1px 1px #a23232;
    width: 240px;
}

.reg_article_page {
    border: 2px solid #eca6ae;
    border-radius: 15px;
    text-align: center;
    min-height: 250px;
    display: flex;
}

.reg_article_pic {
    flex: 0 0 60%;
    max-height: 300px;
    /* box-shadow: 1px 0px 5px #eca6ae; */
    /* filter: drop-shadow(1px 0px 5px #eca6ae); */
    /* border-radius: 15px 0 0 15px; */
}

.reg_article_pic img {min-height: 100%;min-width: 100%;object-fit:cover;border-radius: 13px 0 0 13px;}

.reg_article_content {
    flex: 0 0 40%;
    padding: 10px 30px;
    text-align: left;
}

.reg_article_logo {
    text-align: center;
}

.reg_article_content .reg_box_text {
    /* display: block; */
    margin-left: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

.reg_article_content a.reg_box_btn {
    margin-left: auto;
    display: block;
    text-align: center;
    width: 90%;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}



.reg_article_page.popup .reg_article_pic {
    flex: unset;
    box-shadow: unset;
    max-height: 178px;
}
.reg_article_page.popup .reg_article_pic img{
    border-radius: 13px 13px 0 0;
}
.reg_article_page.popup .reg_article_content{
    /*position: absolute;*/
    flex:unset;
    margin: 0;
    padding: 10px 30px;
    width: 100%;
}

.popup_close {
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgb(0 0 0 / 40%);
    border-radius: 50%;
    right: 0;
    top: 0;
    display: grid;
    place-content:center;

}
.popup_close svg path{
    fill:var(--theme-color) !important;
}
.reg_popup {
    position: fixed;
    z-index: 99999;
    right: 10px; 
    bottom: 10px;
    top: unset;
    left: unset;
    display: grid;
    place-items: center;
    width: 300px;
    height: auto;
}
.reg_article_page.popup {
    z-index: 99999;
    top: unset;
    left: unset;
    bottom:0;
    right:10px;
    width: 300px;
    height: auto;
    background: #fff;
    display: block;
}

@media (max-width: 599px) {
h2.reg_box_title{
    margin-top:35px;
    margin-bottom:10px;
    font-size:25px !important;
}
    .reg_box_content {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
}
.reg_box_text_name {
    font-size: 14px !important;
}
.reg_article_page{
    display:block;
    position: relative;
}
/*.reg_article_page:not(.popup) .reg_article_content a.reg_box_btn{
    margin-top: 5px;
}*/
.reg_article_logo{
    /*position: absolute;*/
    top: 0;
}
.reg_article_pic {flex: 0 0 100%;box-shadow: unset;}
.reg_article_pic img{
    border-radius: 13px 13px 0 0;
}
.reg_article_content{
    /*position: absolute;*/
    /*margin: 0 24px 0 0;*/
    padding: 10px 30px;
}

.reg_popup {
    width:100%;
    right: unset;
    bottom:90px;
}

.reg_article_page.popup {
    z-index: 99999;
    top: unset;
    left: unset;
    right: unset;
    width: 300px;
    height: auto;
    display:block;
}
.reg_article_page.popup .reg_article_content{
    width: 100%;
}
.reg_article_page.popup .reg_article_logo{
    position: relative;
}
}


/*css for list page new layout 2021*/
.home .container.container--main .share_box,.page-template-template-keyword .container.container--main .share_box,.tag .container.container--main .share_box,.author .container.container--main .share_box,.category .container.container--main .share_box {
    display:none;
}
.container.container--main.cus_list .article--grid__header .article__featured-image {
    height: 169px;
    flex: 0 0 40%;
}
@media only screen and (max-width: 1270px){
.container.container--main.cus_list .article--grid__header .article__featured-image {
    height: calc( (66.6vw * 0.4 - 24px) * 1/1.91);
}
}
@media only screen and (max-width: 899px){
.container.container--main.cus_list .article--grid__header .article__featured-image {
    height: calc( (40vw - 24px) * 1/1.91);    
}
}
@media only screen and (max-width: 768px){
.container.container--main.cus_list .article--grid__header .article__featured-image {
    height: calc( (40vw - 0.68rem) * 1/1.91);
}
}
.container.container--main.cus_list .article.article--grid .article--grid__header a {
    display: flex;
}
.container.container--main.cus_list .article__meta.article--grid__meta {
    width: 60%;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: unset;
    z-index: 9999;
    padding-bottom: 0;
    padding: 0 1.71429rem;
    margin: 0;
}
.container.container--main.cus_list .article--grid__title:after {
    background: unset;
}
.container.container--main.cus_list .article--billboard>a:hover .article__title:before,.container.container--main.cus_list .article--billboard>a:hover .article--list__title:before,.container.container--main.cus_list .article--billboard>a:hover .latest-comments__title:before,.container.container--main.cus_list .article--grid__header:hover .article--grid__title h3,.container.container--main.cus_list .article--grid__header:hover .article--grid__title:after {
    background: unset;
}
.container.container--main.cus_list .article--grid__header:hover .article__title .hN {
    color: #444;
}
.container.container--main.cus_list .article--grid__header .article__title .hN {
    color: #444;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    height: 82px;
}
.container.container--main.cus_list .article--grid__meta::before,.container.container--main.cus_list .article__meta-links::after{
    content:unset;
}
.container.container--main.cus_list .article__meta.article--grid__meta .split {
    display: flex;
}
.container.container--main.cus_list .article--grid__meta .split__title {
    width: unset !important;
}
.container.container--main.cus_list .article__meta .article__meta-links {
    margin-left: unset;
    line-height: unset;
    padding-top: 0;
    flex-basis: 0;
    flex-grow: 1;
    text-align: left;
}
.container.container--main.cus_list ul.share_box {
    width: 30px;
    height: 30px;
    margin: 0;
    display:block;
}
.container.container--main.cus_list li.share_icon.share_oth {
    margin-left: 0;
    width: auto;
}
.container.container--main.cus_list .split .split__title {
    display: none;
}
.container.container--main.cus_list .article--grid {
    margin-bottom: 24px;
}
.container.container--main.cus_list .grid.masonry[data-columns]{
    position: relative;
    z-index: 99;
}
.container.container--main.cus_list [data-columns] .masonry__item-wrapper{
    position: relative;
    /*z-index: 99;*/
}
.container.container--main.cus_list [data-columns] .masonry__item,.container.container--main.cus_list [data-columns]>div {
    width: 100%;
}
.container.container--main.cus_list .article__meta-links .xpost_date {
    margin-left: 0;
}
@media (max-width: 899px){
    .container.container--main.cus_list .article--grid__header .article__title{
        padding:0 0 0 12px;
    }
    .container.container--main.cus_list .article--grid__header .article__title .hN {
        font-size:16px !important;
        height:58px;
        line-height: 1.2 !important;
    }
    .container.container--main.cus_list .article__meta.article--grid__meta{
        padding:0 0 0 12px;
        bottom: -8px;
    }
    .container.container--main.cus_list .article--grid__meta .article__meta-links li{
        font-size:12px!important;
    }
    .container.container--main.cus_list ul.share_box {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

/*content source, image source and video source css*/
/*Start: 2023-03 update*/
.source_by span {
    display: block;
    font-size: 16px !important;
    line-height: 1.51;
}
.source_by span a{
    font-size: 16px !important;
}
.source_by {
    position: relative;    
    margin: 20px 0;
    margin-top: 0;
    padding: 15px;
    border-radius: 5px;
    background: var(--share-icon-bg);
}
.source_by .source_by_wrap{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 48px;
}
.source_by i.icon{
    display: none;
}
.source_by.showarrow i.icon{
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: inline-block;
}
.source_by.showarrow.showmore .source_by_wrap{
    display:inline-block ;
    max-height: none;
}
/*End: 2023-03 update*/


.sidebar .widget_popular_posts_widget a.popular-post-title{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    line-height: 1.4;
}

/* 大電視圖片固定比例 1/1.91*/
.article--big .image-wrap img,.hard--sides .image-wrap img {
    position: unset;
}
.featured-area__aside,.featured-area__article{
    margin-bottom: 1.5rem;
}

@media (max-width: 899px){
/*mobile view float: left;*/
.media__img--rev{
    float: left;
    margin-right: 24px;
    margin-left: unset;
}
}
.article--big a.image-wrap{
    padding-top: unset !important;
    /*max-height: 446px;*/
    max-height: 368px;
}
@media (max-width: 899px){
.article--big a.image-wrap{
    /*max-height: calc(100vw * 1/1.91 + 78px);*/
    max-height: calc(100vw * 1/1.91);
}
}
.pixslider .article--big a.image-wrap{
    padding-top: unset !important;
    max-height: 422px;
}
.hard--sides a.image-wrap {
    padding-top: unset !important;
    height: 86px;
}
.block-list--alt > li{
    padding-bottom: 0.75rem;
}
.block-list--alt > li + li{
    padding-top: 0.75rem;
}
@media (max-width: 1270px){
    .hard--sides a.image-wrap {
    height: calc( (41.66vw - 3.2rem) * 0.333 * 1/1.91);
}
}
@media (max-width: 882px){
    .hard--sides a.image-wrap {
    height: calc( (100vw - 4.8rem) * 0.333 * 1/1.91);
}
}
@media (max-width: 752px){
    .hard--sides a.image-wrap {
    height: calc( (100vw - 1.4rem) * 0.333 * 1/1.91);
}
.pixslider.js-pixslider.rsHor.slider--loaded,.rsOverflow.grab-cursor{
height:calc( 100vw * 1/1.91 )!important;
}
}

.ac-widget-placeholder.ac-reset{
    margin-right: unset;
}


/* .featured-area__article.article--big .image-wrap .gallery__item {
    height:422px;
    overflow: hidden;
}
@media (max-width: 1270px){
    .featured-area__article.article--big .image-wrap .gallery__item {
        height: calc((66.66vw - 60px) * 1/1.9);
        
    }
}
@media (max-width: 899px){
    .featured-area__article.article--big .image-wrap .gallery__item {
        height: calc((100vw - 68px) * 1/1.9);
        
    }
}
@media (max-width: 768px){
    .featured-area__article.article--big .image-wrap .gallery__item {
        height: calc((100vw - 40px) * 1/1.9);
        
    }
}
@media (max-width: 752px){
    .featured-area__article.article--big .image-wrap .gallery__item {
        height: calc((100vw - 40px) * 1/1.9);
        
    }
}
@media (max-width: 599px){
    .featured-area__article.article--big .image-wrap .gallery__item {
        height: calc(100vw * 1/1.9);
        
    }
} */

.container .article__author-name {
    background: transparent;
    width: auto !important;
    padding-left: 0;
    color: #a0a0a0;
    display: inline-block;
}


    .container .article__author-name {
    background: transparent;
    width: auto !important;
    padding-left: 0;
    padding-right: 0;
    color: #a0a0a0;
    display: inline-block;
    }
    /*.container .article__author-name::after {
    content: "-";
    padding: 0 5px;
    margin: 0 !important;
    display: inline-block;
    }*/
    .article__author-name a {
    color: #a0a0a0;

    border-radius: 5px;
    font-size: 14px !important;
    }

    article.post-article .article__title__meta{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 24px !important;
    }

    time.article__time {
    background: transparent;
    color: #a0a0a0;
    flex-basis: 0;
    flex-grow: 1;

    text-align: left;
    padding-right: 0;
    padding-left: 0px;
    margin: 0;
    display: inline-block;
    }

    .container .article__cat-name {
    background: transparent;
    width: auto !important;

    padding-left: 0;
    flex: 0 0 50%;
    }

    .article__cat-name a {
    color: var(--theme-color);

    border-radius: 5px;
    font-size: 16px !important;
    vertical-align: top;
    line-height: 30px;
    }

    .article__cat-name a:hover {
    /* text-decoration: none !important;
    color: var(--share-icon-bg);
    background: var(--theme-color); */
    }
    .article__author-name:after, .comment__author-name:after{
    content: "-";
    padding: 0 5px;
    margin: 0 !important;
    display: inline-block;
    }
    .share_box {height: 30px;}
    .share_box .share_icon{
    margin-bottom:0 !important;
    }
    @media (max-width: 899px) {
    .container .article__cat-name {
    flex: 0 0 40%;
    }
    .share_box{ width: 60%; }
    .article__cat-name a {
    vertical-align: unset;
    }
    }

/* Fix Desktop browser width to avoid floating button overlapping the text */
@media (max-width: 1375px){
.share_bar {
    display: none !important;
}
}

/*2022.12.26 new footer*/
.footer .hd{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  padding:0;
}

.footer .hd .nmgLogoFt {
    max-width: 200px !important;
    max-height: 200px !important;
  width:auto;
  height:auto;
}

.nmgLogoFt img {
    width: 100% !important;
    height: 100%!important;
}

.store-btns {
    display: flex;
    justify-content: space-between;
}

.bu {
    display: flex;
    flex-direction: column;
  align-items:center;
  padding:0 20px 26px 0;
}

.store-btns a {
    max-width: 80px;
    width: 48%;
}

.store-btns a img {
    width: 100%;
}
.bu .logo{
  max-width:160px; 
  max-height:80px;
  margin-bottom: 10px;
}
.source_box .text p {
    font-size: 12px !important;
}
.source_box .text p a{
text-decoration: underline;
    color: #231f20;
    font-size: 12px !important;
}
.footer .hd .source_box{
    padding-bottom: 26px;
}

@media (max-width: 899px) {
  .footer .hd{
    display:flex;
  justify-content:center;
  align-items:center;
    flex-direction: column;
  }
  .footer .hd .nmgLogoFt{
    width:80%;
    max-width:180px!important;
    padding:0;
  }
  .footer .hd .bu{
  padding:0 0 20px;    
  }
  .footer .source_box{
    padding-bottom:0;
  }
}
/* Start:2023-03-20*/
.post-article i.icon{
    background-position: center center;
    cursor: pointer;
}
.question {
    color: var(--theme-color);
    padding: 0;
    margin-bottom: 5px !important;
    line-height: 1.4;
    display: flex;
}
.question:before {
    display: none;
    content: '問:';
    color: var(--theme-color);
    font-size: 18px;
    font-weight: 600;
    margin-right: 5px;
}
.question span.text,.answer span.text{
    line-height: 1.45;
    width: fit-content;
}
.answer {
    padding: 0;
    line-height: 1.4;
}
.answer:before {
    display: none;
    content: '答:';
    font-size: 18px;
    font-weight: 600;
    margin-right: 5px;
}
.qa_box .answer{
    display:none;
}
.qa_box.showa .answer{
    display:flex;
}

._content_ .qa_box{
    border-bottom: 1px solid #e9ebee;
}
._content_ .qa_box:last-of-type {
    border-bottom: none;
}


i.icon.fa-angle-down{
/*    background-image: url("data:image/svg+xml,%3Csvg fill='%23ED8422' height='18px' width='18px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve' transform='rotate(180)'%3E%3Cpath id='XMLID_224_' d='M325.606,229.393l-150.004-150C172.79,76.58,168.974,75,164.996,75c-3.979,0-7.794,1.581-10.607,4.394 l-149.996,150c-5.858,5.858-5.858,15.355,0,21.213c5.857,5.857,15.355,5.858,21.213,0l139.39-139.393l139.397,139.393 C307.322,253.536,311.161,255,315,255c3.839,0,7.678-1.464,10.607-4.394C331.464,244.748,331.464,235.251,325.606,229.393z'%3E%3C/path%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23F1A7AF' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6l1.41-1.42Z'/%3E%3C/svg%3E");
}
i.icon.fa-angle-up{
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ED8422' height='18px' width='18px' version='1.1' viewBox='0 0 330 330'%3E%3Cpath d='M325.606,229.393l-150.004-150C172.79,76.58,168.974,75,164.996,75c-3.979,0-7.794,1.581-10.607,4.394 l-149.996,150c-5.858,5.858-5.858,15.355,0,21.213c5.857,5.857,15.355,5.858,21.213,0l139.39-139.393l139.397,139.393 C307.322,253.536,311.161,255,315,255c3.839,0,7.678-1.464,10.607-4.394C331.464,244.748,331.464,235.251,325.606,229.393z'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23F1A7AF' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z'/%3E%3C/svg%3E");
}

.post-article .btn-list{
/*    text-overflow: ellipsis;*/
    display: block;
/*    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;*/
    word-break: break-all;
    height: 40px;
    overflow: hidden;
    padding: 0;
    margin-bottom: 20px;
}

.post-article .btn-list[id*="tag_position"] i.icon{
    display:none;
}

.post-article .btn-list[id*="tag_position"].showarrow i.icon{
    margin-top: 8px;
    margin-bottom: 4px;
    display:inline-block;
    float: right;
}
.post-article .btn-list[id*="tag_position"].showarrow.showmore{
    height: auto;
    overflow: unset;
    display: inline-block;
}

.post-article .btn-list[id*="tag_position"].showarrow i.icon.fa-angle-down,.source_by.showarrow i.icon.fa-angle-down{
/*    background-image: url("data:image/svg+xml,%3Csvg fill='%23444' height='18px' width='18px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve' transform='rotate(180)'%3E%3Cpath id='XMLID_224_' d='M325.606,229.393l-150.004-150C172.79,76.58,168.974,75,164.996,75c-3.979,0-7.794,1.581-10.607,4.394 l-149.996,150c-5.858,5.858-5.858,15.355,0,21.213c5.857,5.857,15.355,5.858,21.213,0l139.39-139.393l139.397,139.393 C307.322,253.536,311.161,255,315,255c3.839,0,7.678-1.464,10.607-4.394C331.464,244.748,331.464,235.251,325.606,229.393z'%3E%3C/path%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23444' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6l1.41-1.42Z'/%3E%3C/svg%3E");
}
.post-article .btn-list[id*="tag_position"].showarrow i.icon.fa-angle-up,.source_by.showarrow i.icon.fa-angle-up{
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23444' height='18px' width='18px' version='1.1' viewBox='0 0 330 330'%3E%3Cpath d='M325.606,229.393l-150.004-150C172.79,76.58,168.974,75,164.996,75c-3.979,0-7.794,1.581-10.607,4.394 l-149.996,150c-5.858,5.858-5.858,15.355,0,21.213c5.857,5.857,15.355,5.858,21.213,0l139.39-139.393l139.397,139.393 C307.322,253.536,311.161,255,315,255c3.839,0,7.678-1.464,10.607-4.394C331.464,244.748,331.464,235.251,325.606,229.393z'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23444' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z'/%3E%3C/svg%3E");
}
/* End:2023-03-20*/


/*20231106: product item payment box start*/
.product_item_payment_box {
        display: block;
        padding: 20px 0;
        margin: 20px 0;
        background: linear-gradient(0deg, var(--theme-color) 0%, var(--share-icon-bg) 100%);
        font-family: "Noto Sans TC", arial,"Microsoft YaHei",SimHei,"MS Gothic","Malgun Gothic","Microsoft JhengHei" !important;
    }

    .product_item_box_text {
    text-align: left;
    flex: 0 0 auto;
    line-height: 1.6;
    /*flex-basis: 0;*/
    margin: 0 0 0 10px;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}
a.product_item_box_btn {
    margin: 20px;
    padding: 5px 50px;
    background: #eca6ae;
    border-radius: 50px;
    color: #fff;
    font-size: 16px !important;
    font-weight: bold;
    text-shadow: 1px 1px #a23232;
    width: 240px;    
}
.product_item_article_page {
    /*border: 2px solid #eca6ae;
    border-radius: 15px;*/
    text-align: center;
    min-height: 250px;
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    /*background-color: #fff;*/
    width: calc(100% - 40px);
    margin: 0 auto;
    position:relative;
    /*filter: drop-shadow(1px 0px 3px #EE8C98);*/
}
.product_item_article_pic {
    flex: 0 0 56%;
    /*overflow: hidden;*/
    border-radius: 13px;
    position: relative;
    /*max-height: 300px;
    padding: 30px;
    filter: drop-shadow(1px 0px 5px #EE8C98); */
}
.product_item_article_page:before{
content: "熱門推介";
    position: absolute;
    width: 120px;
    left:0;
    top:0;
    margin: -20px 0 0  -20px;
    padding: 3px 5px;
    font-size: 16px;
    border-radius: 0 0 13px 13px;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    z-index:22;
    background:linear-gradient(90deg, rgba(238,135,128,1) 50%, var(--theme-color) 100%);
    filter: drop-shadow(1px 0px 3px var(--theme-color));
    }
/*.product_item_article_pic:before {
    content: "熱門推介";
    position: absolute;
    width: 60%;
    margin: 0 20%;
    padding: 3px 5px;
    font-size: 16px;
    border-radius: 0 0 13px 13px;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    background:linear-gradient(90deg, rgba(238,135,128,1) 50%, rgba(250,176,75,1) 100%);
    filter: drop-shadow(1px 0px 3px #EE8C98);
}*/
.product_item_article_pic img {min-height: 100%; min-width: 100%;width: 100%; object-fit:cover;/*border-radius: 13px;*/}
.post-article ._content_ .product_item_article_pic img:hover{ opacity: unset; }
.product_item_article_content {
    flex: 0 0 70%;
    padding: 10px 30px;
    text-align: left;
}
.product_item_article_content .product_item_subtitle{
    line-height: 1.6;
    font-size: 16px!important;
    text-align:left;
}
.product_item_article_content .product_item_price_count{
    /*margin-top: 10px;*/
    display:flex;
    justify-content:center;
    align-items:center;
}
.product_item_article_content .product_item_price_count .product_price{
    font-size: 30px!important;
    font-weight: bold;
    margin-right: 20px;
    vertical-align: middle;
    color: var(--theme-color);
}
.product_item_article_content .product_item_price_count .product_count{
    font-size: 16px!important;
}
.product_item_box_text.title h3{
    margin: 20px 0 0;
    word-break: break-word;
    text-align:center;
}
.product_item_article_content .product_item_box_text {
    margin-left: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product_item_article_content a.product_item_box_btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    place-content: center;
    text-align: center;
    width: 100%;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    min-height: 50px;
}
.product_item_article_content a.reg_box_btn {
    width: 80%;
    height: 64px;
    padding: 15px;
    margin: 20px auto;
    display: flex;
    place-content: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    background: #000;
    box-sizing: border-box;
    align-items: center;
}
.product_item_article_content a.reg_box_btn:hover{
    background: linear-gradient(90deg, var(--theme-color) 50%, var(--theme-color) 100%);
    text-decoration: none;
}

.product_item_article_pic {
    /*max-height: 178px;*/
    width:50%;
    border: 2px solid #eca6ae;
    filter:drop-shadow(1px 0px 3px #EE8C98);
    z-index:11;
}
.product_item_article_pic img{
    border-radius: 13px;
}
.product_item_article_content{
    flex:unset;
    padding: 10px 30px;
    width: 100%;
    border: 2px solid var(--theme-color);
    border-radius: 15px;
    text-align: center;
    min-height: 250px;
    display: flex;
    flex-direction:column;
    background-color: #fff;
    margin: -20px auto 0;
    z-index:1;
    filter: drop-shadow(1px 0px 3px var(--theme-color));
    }

@media (max-width: 599px) {
.product_item_payment_box{
    margin: 20px -10px;
    padding: 40px 0 20px;
}
.product_item_article_page{
    display:block;
    position: relative;
    width: calc(100vw - 40px);
    margin-left: 20px;
}
.product_item_article_page:before{
    margin: -40px 0 0 -20px;
   left:calc(50vw - 60px);
}
.product_item_article_content .product_item_price_count,.product_item_box_text.title{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.product_item_article_pic {
flex: 0 0 100%;
width:100%;
box-shadow: unset;
border-radius: 13px;
}
.product_item_article_pic img{
    /*border-radius: 13px;*/
}
.product_item_article_pic:before{
    width: 40%;
    margin: 0 30%;
}
.product_item_article_content{
    padding: 0px 30px 10px;
}
.product_item_article_content{
    width: 100%;
}
.product_item_box_text.title h3{
    font-size: 24px!important;
    line-height: 1.6;
}
.product_item_article_content a.reg_box_btn{
    margin: 20px auto;
    width: 60%;
    height: 54px;
}
}

.hide{
    display: none;
}

.skuItemWrapper {
    display: inline-block;
    margin-top: 20px;
}
.skuItem {
    min-width: 36px;
    max-width: 300px;
    min-height: 36px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 9px;
    margin-right: 4.5px;
    padding: 2px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /*background-color: rgba(0,0,0,.06);*/
    border: 1px solid var(--theme-color);
    cursor: pointer;
    text-align: center;
    line-height: 34px;
}
.skuItem.current{
    background-color: var(--mobile-customize-menu-exp-color);
}
.skuItem.disabled{
    cursor: not-allowed;
    color: #ccc;
    background-color: rgba(0,0,0,.06);
    border: 1px solid #ccc;
}
.moreskuItemsButton {
    min-width: 36px;
    max-width: 300px;
    min-height: 36px;
    display: inline-block;
    border: 2px solid #EE8C98;
    margin: 0 auto;
    color: #EE8C98;
    padding: 2px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    line-height: 36px;
}
/* 2023/01/12 update */
.skuItem {
    max-width: 400px;
    max-width: 100%;
    margin-right: 0 !important;
    text-align: left;
    line-height: 1.35;
    padding: 10px;
    font-weight: 500;
}
.skuItem.current {
    position: relative;
    padding-right: 34px;
}
.skuItem.current::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0C5.37188 0 0 5.37188 0 12C0 18.6281 5.37188 24 12 24ZM17.2969 9.79688L11.2969 15.7969C10.8563 16.2375 10.1438 16.2375 9.70781 15.7969L6.70781 12.7969C6.26719 12.3563 6.26719 11.6438 6.70781 11.2078C7.14844 10.7719 7.86094 10.7672 8.29688 11.2078L10.5 13.4109L15.7031 8.20312C16.1437 7.7625 16.8562 7.7625 17.2922 8.20312C17.7281 8.64375 17.7328 9.35625 17.2922 9.79219L17.2969 9.79688Z' fill='%23b57376'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    right: 10px;
    top: 50%;
    margin-top: -12px;
}

.skuItem span.product_count {
    display: block;
    font-size: 14px !important;
    font-weight: normal;
}


.product_item_article_content {
    padding-left: 1rem;
    padding-right: 1rem;
}
.product_item_box_text.title h3 {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    font-weight: bold;
    text-align: left;
    line-height: 1.35;
    
}
.product_item_article_content .product_item_price_count {
    width: 100%;
    justify-content: left;
    margin: 0 auto;
    line-height: 1.5;
}
.product_item_article_content .product_item_subtitle {
    text-align: left;
    width: 100%;
    padding: 1rem 0;
}
.skuItemWrapper {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
}
.product_item_article_content a.reg_box_btn {
    max-width: 200px;
    text-shadow: unset;
}
.product_item_article_content .product_item_box_text {
    margin: 0 auto;
}

.product_item_article_content .product_item_price_count .product_price {
    font-size: 32px !important;
}
.product_item_article_content .product_item_price_count .product_price_prefix {
    top: -9px;
    position: relative;
    font-size: 16px !important;
}

@media (min-width: 600px) {
    .product_item_box_text.title h3 {
        font-size: 28px !important;
        font-weight: bold;
        max-width: 500px;
        margin: 1rem auto 0 auto;
    }
    .product_item_article_content .product_item_price_count {
        max-width: 500px;
        margin: 0 auto;
        
    }
    .product_item_article_content .product_item_subtitle {
        max-width: 500px;
        margin: 0 auto;
    }
    .skuItemWrapper {
        max-width: 500px;
        margin: 0 auto;
    }
    .product_item_article_content .product_item_box_text {
        margin: 0 auto;
    }
    
}
/*2023.4.4*/
.skuItemWrapper {
    flex-direction: row;
    flex-flow: wrap;
}
.skuItem {
    width: calc( 50% - 10px);
    margin: 5px 10px;
}
.moreskuItemsButton {
    border: none;
    max-width: 500px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    line-height: 0;
}

.more_product_item_div {
    display: flex !important;
    flex-direction: row;
    flex-flow: wrap;
    color: #000;
}

.more_product_item_div .skuItem {
    width: calc( 50% - 10px);
    margin: 5px 10px;
}
.moreskuItemsButton {
    display: none;
}
/*20231106: product item payment box end*/

/*20240306: vip-bloger start*/
.vip_blogger_list .shortcode-author-avatars div.author-list .user a .avatar {
    width: min( 80%, 90px);
    height: min( 80%, 90px);
    aspect-ratio: 1/1;
    object-fit: cover;
    display: inline-block;
}
.vip_blogger_list .widget_popular_posts_widget{
    display: none;
}
/*20240306: vip-bloger end*/

._content_ ._page_ iframe[src*='youtube.com/embed/'] {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}


/*20241108 加footer css*/
.layout--boxed .site__footer .footer::before {
    background: transparent;
    content: unset;
}

.footer .hd {
    /*background: #F2F0F4;*/
    width: 100%;
    align-items: flex-start;
    justify-content: unset;
}

.site__footer {
    max-width: 1270px !important;
}

.layout--boxed .site__footer .footer {
    /*background: #F2F0F4;*/
}

.footer .ft {
    padding: 20px 8px;
    border-top: 1px solid #0000000D;
}

.hd.social_icons {
    justify-content: flex-end;
    align-items: center;
    padding-right: 4px;
}

.site__footer .so_icon {
    margin: 15px;
    display: flex;
    align-items: center;
}
.footer .hd .source_box .text p a{
    text-decoration: none;
}
.footer .bu_src {
    width: 330px;
    display: flex;
    flex-direction: column;
}

.footer .hd .nmgLogoFt {
    max-width: unset;
    max-height: unset;
    padding: 18px 0 0 0;
    width: auto;
}

.footer .hd .source_box {
    /* flex-basis: 0; */
    /* flex-grow: 1; */
    width: 100%;
    max-width: 100%;
    display: flex;
    padding: 0 0 0 20px;
}

.footer .bu_list {
    display: flex;
}

.bu {
    flex-direction: revert;
    padding: 20px 0 20px 20px;
}

.store-btns {flex-direction: column;padding-left: 22px;height: 90px;justify-content: space-evenly;}

.store-btns a {
    width: 116px;
    max-width: 116px;
}

.site_map {
    display: flex;
    width: calc(100% - 330px);
    justify-content: space-between;
    padding: 20px;
}


.footer .hd .nmgLogoFt img {
    height: 97px!important;
}

.map-item {
    display: flex;
    flex-direction: column;
}

a.map-item-parent {
    font-size: 18px !important;
    color: #1B1B1F;
    margin-bottom: 10px;
}

a.map_item-sub {
    font-size: 14px !important;
    color: #5F5E62;
}

.footer .hd .source_box .text p,.footer .hd .source_box .text p a,.footer .ft .ftLink_box a,.footer .ft .Copyright{
    font-size: 14px !important;
    line-height: 22px;
    color: #5f5e62;
    letter-spacing: 0;
}
@media only screen and (max-width: 899px){
    .nmgLogoFt ,.site_map{
        display:none;
    }
    .footer .bu_src{
        width:100%;
        align-items: center;
    }
    .footer .hd .bu{
        padding-top:36px;
        width: 100%;
    }
    .store-btns{
        height: 90px;
    }
    .store-btns a{
        width:120px;
        max-width: unset;
    }
    .footer .source_box .text {
        text-align: center;
    }
    .hd.social_icons{
        padding: 10px 20px;
        flex-direction: revert;
        justify-content: center;
    }
    .footer .hd .source_box .text p,.footer .hd .source_box .text p a,.footer .ft .ftLink_box a,.footer .ft .Copyright{
        font-size: 14px !important;
        line-height: 22px;
        color: #5f5e62;
    }
    .footer .ft .ftLink_box{
        padding-bottom: 20px;
    }
    .footer .hd .source_box {
        padding: 0 11%;
    }
}