@charset "UTF-8";
/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6
*/
.yith-wcwl-add-to-wishlist a,
.yith-wcwl-wishlistexistsbrowse a{
  width: max-content !important;
}
#wpytp-posts-container, .videos { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

#cat-slider-box #cat-slider-wrapper ul > li a { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; }

/* 改主題預設樣式 */
/* Grid 1240px ----------------------------------------------------------------------- */
.column, .columns, .the_content_wrapper { margin-left: 10px; margin-right: 10px; }

/* Extra Content */
.extra_content .the_content_wrapper { margin-left: 10px; margin-right: 10px; }

/* Contact Form 7 -------------------------------------------------------------------- */
.wpcf7-mail-sent-ok, .wpcf7-mail-sent-ng, .cf7p-message .wpcf7-validation-errors { margin-left: 10px !important; margin-right: 10px !important; }

/* Sizes ----------------------------------------------------------------------------- */
/* .column */
.one-sixth.column { width: 14.666%; width: -moz-calc(16.666% - 20px) ; width: -webkit-calc(16.666% - 20px) ; width: calc(16.666% - 20px) ; }

/* 1/6 */
.one-fifth.column { width: 18%; width: -moz-calc(20% - 20px) ; width: -webkit-calc(20% - 20px) ; width: calc(20% - 20px) ; }

/* 1/5 */
.one-fourth.column, .four.columns { width: 23%; width: -moz-calc(25% - 20px) ; width: -webkit-calc(25% - 20px) ; width: calc(25% - 20px) ; }

/* 1/4 */
.one-third.column { width: 31.333%; width: -moz-calc(33.333% - 20px) ; width: -webkit-calc(33.333% - 20px) ; width: calc(33.333% - 20px) ; }

/* 1/3 */
.two-fifth.column { width: 38%; width: -moz-calc(40% - 20px) ; width: -webkit-calc(40% - 20px) ; width: calc(40% - 20px) ; }

/* 2/5 */
.one-second.column { width: 48%; width: -moz-calc(50% - 20px) ; width: -webkit-calc(50% - 20px) ; width: calc(50% - 20px) ; }

/* 1/2 */
.three-fifth.column { width: 58%; width: -moz-calc(60% - 20px) ; width: -webkit-calc(60% - 20px) ; width: calc(60% - 20px) ; }

/* 3/5 */
.two-third.column { width: 64.666%; width: -moz-calc(66.666% - 20px) ; width: -webkit-calc(66.666% - 20px) ; width: calc(66.666% - 20px) ; }

/* 2/3 */
.three-fourth.column { width: 73%; width: -moz-calc(75% - 20px) ; width: -webkit-calc(75% - 20px) ; width: calc(75% - 20px) ; }

/* 3/4 */
.four-fifth.column { width: 78%; width: -moz-calc(80% - 20px) ; width: -webkit-calc(80% - 20px) ; width: calc(80% - 20px) ; }

/* 4/5 */
.five-sixth.column { width: 81.333%; width: -moz-calc(83.333% - 20px) ; width: -webkit-calc(83.333% - 20px) ; width: calc(83.333% - 20px) ; }

/* 5/6 */
.one.column { width: 98%; width: -moz-calc(100% - 20px) ; width: -webkit-calc(100% - 20px) ; width: calc(100% - 20px) ; }

/* 1/1 */
@media (max-width: 767px) { .column, .columns, .the_content_wrapper { margin-left: 0; margin-right: 0; } }
/* betheme 小工具 */
.themebg, #comments .commentlist > li .reply a.comment-reply-link, div.jp-interface, #Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a, .fixed-nav .arrow, .offer_thumb .slider_pagination a:before, .offer_thumb .slider_pagination a.selected:after, .pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current, .pager-single span:after, .portfolio_group.exposure .portfolio-item .desc-inner .line, .Recent_posts ul li .desc:after, .Recent_posts ul li .photo .c, .slider_pagination a.selected, .slider_pagination .slick-active a, .slider_pagination a.selected:after, .slider_pagination .slick-active a:after, .testimonials_slider .slider_images, .testimonials_slider .slider_images a:after, .testimonials_slider .slider_images:before, #Top_bar a#header_cart span, .widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a, .widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a, .widget_product_categories ul, .widget_recent_entries ul li:after, .woocommerce-account table.my_account_orders .order-number a, .woocommerce-MyAccount-navigation ul li.is-active a, .style-simple .accordion .question:after, .style-simple .faq .question:after, .style-simple .icon_box .desc_wrapper .title:before, .style-simple #Filters .filters_wrapper ul li a:after, .style-simple .article_box .desc_wrapper p:after, .style-simple .sliding_box .desc_wrapper:after, .style-simple .trailer_box:hover .desc, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet.selected:after, .tparrows.default, .tp-bullets.tp-thumbs .bullet.selected:after { background-color: #0246d9 !important; }

.idea_box, .ui-tabs, .accordion .question, .accordion .question.active .title, .accordion .question .title:before, .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li, .tabs_vertical.ui-tabs .ui-tabs-panel, table th, table td, .list_item .circle, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .promo_box.has_border:after, dl > dt, dl > dd, .article_box .desc_wrapper p, a.icon_bar, a.content_link, .how_it_works .image, .opening_hours, .opening_hours .opening_hours_wrapper li, .icon_box.has_border:after, .chart_box:before, .pricing-box, .team_list .bq_wrapper, .post-footer .post-links, .format-link .post-title .icon-link, .share_wrapper, .post-header .title_wrapper, .section-post-related .section-related-adjustment, #comments > :first-child, .widget-area, .widget:after, .fixed-nav .desc h6, .portfolio_group.list .portfolio-item, .portfolio_group .portfolio-item .desc .details-wrapper, .Recent_posts ul li .desc h6, .widget_recent_entries ul li a, .woocommerce .widget_best_sellers li, .woocommerce .widget_featured_products li, .woocommerce .widget_recent_reviews li, .woocommerce .widget_recent_products li, .woocommerce .widget_recently_viewed_products li, .woocommerce .widget_random_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_onsale li, .woocommerce .widget_layered_nav li, .woocommerce .widget_shopping_cart ul.product_list_widget li, .woocommerce .widget_products li, .woocommerce .product .related.products, .woocommerce .product .upsells.products, .woocommerce .product div.entry-summary h1.product_title:after, .woocommerce .quantity input.qty, .header-stack #Top_bar .logo, .offer_thumb .slider_pagination, .offer_thumb .slider_pagination a, .Latest_news ul li .desc_footer, .Latest_news ul li .photo, .offer_thumb.bottom .slider_pagination a, .style-simple .faq .question, .style-simple #Filters .filters_wrapper ul, #edd_checkout_cart th, #edd_checkout_cart td { border-color: rgba(255, 255, 255, 0.1) !important; }

.counter .desc_wrapper .number-wrapper, .chart_box .chart .num, .chart_box .chart .icon, .style-simple .quick_fact .number-wrapper, #edd_checkout_cart .edd_cart_header_row th { color: #e9ecef; }

hr { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.1); }

.article_box .desc_wrapper { background-color: #282828; background-image: url(/wp-content/themes/betheme/images/stripes/stripes_10_w.png); }

.image_frame, .wp-caption, .google-map, .icon_box .icon_wrapper, .content_slider .content_slider_ul, .author-box .avatar-wrapper, #comments .commentlist > li .photo, .edd_download_image { border-color: #282828; }

.image_frame .image_wrapper, .wp-caption img, .icon_box .icon_wrapper:before { border-color: #282828; }

div.chart_box .chart .num { font-size: 38px; }
div.chart_box::before { background-color: #282828; background-image: url(/wp-content/themes/betheme/images/stripes/stripes_10_w.png); }

div.counter .desc_wrapper .number-wrapper { font-size: 38px; line-height: 1; }

div.quick_fact .number-wrapper { font-size: 72px; line-height: 1; }
div.quick_fact .number-wrapper h3 { font-weight: normal; }

div.flat_box .desc_wrapper h4 { font-size: 24px; line-height: 1.5; }

div.icon_box .icon_wrapper { background-color: #282828; border-color: #282828; background-image: url(/wp-content/themes/betheme/images/stripes/stripes_10_w.png); }
div.icon_box .icon_wrapper::before { border-color: rgba(255, 255, 255, 0.1); }
div.icon_box .desc_wrapper h4 { font-size: 24px; line-height: 1.5; }

div.photo_box .desc h4 { font-size: 24px; line-height: 1.5; }

div.promo_box .desc_wrapper h2 { font-size: 24px; line-height: 1.5; }

div.sliding_box .desc_wrapper h4 { font-size: 24px; line-height: 1.5; }

div.story_box .desc_wrapper h3 { line-height: 1.2; }

div.trailer_box .desc h2 { font-weight: normal; }

.accordion .question .answer, .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .ui-tabs .ui-tabs-nav li.ui-state-active:after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a { background-color: #282828; }

.ui-tabs .ui-tabs-nav li.ui-state-active a, .accordion .question.active .title > .acc-icon-plus, .accordion .question.active .title > .acc-icon-minus, .faq .question.active .title > .acc-icon-plus, .faq .question.active .title, .accordion .question.active .title { color: #e9ecef !important; }

.ui-tabs .ui-tabs-nav li a, .accordion .question .title, .faq .question .title, table th { color: #adb5bd !important; }

.accordion .question .title > .acc-icon-plus, .accordion .question .title > .acc-icon-minus { color: rgba(255, 255, 255, 0.25); }

div.accordion .question .title { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #424242), color-stop(100%, #333333)); background-image: -moz-linear-gradient(#424242, #333333); background-image: -webkit-linear-gradient(#424242, #333333); background-image: linear-gradient(#424242, #333333); }

div.faq .question { background-color: #282828; }
div.faq .question::before { background-color: #424242; border-color: #14171a; }

.ui-tabs .ui-tabs-nav li a, .accordion .question .title, .faq .question .title, table th { background: #14171a; }

.ui-tabs .ui-tabs-nav { background: #14171a; }

.ui-tabs .ui-tabs-nav li a, .accordion .question .title, .faq .question .title, table th { background: #14171a; }

.tabs_vertical.ui-tabs .ui-tabs-nav li a { background: #14171a; }

div.helper { background-color: #282828; }

.helper .helper_header .links a.link { background-color: #424242; }

.helper .helper_header .links a.link.active, .helper .helper_header .links a:hover.link { background-color: rgba(255, 255, 255, 0.25); }

div.list_item .list_right h4 { font-size: 24px; line-height: 1.5; }
div.list_item .circle { background-image: url(/wp-content/themes/betheme/images/stripes/stripes_10_w.png); }

div.pricing-box { background-color: #282828; }
div.pricing-box .plan-footer a { width: 100%; text-align: center; background-color: #424242; }
div.pricing-box .plan-footer a .button_label { float: unset; }
div.pricing-box .plan-footer a:hover { background-color: #333; }

div.fancy_heading .title { font-size: 30px; line-height: 1; }

div.how_it_works > h4 { font-size: 24px; line-height: 1.5; }

div.team .desc_wrapper > h4 { font-size: 24px; line-height: 1.5; }
div.team .desc_wrapper a.icon_bar { color: #e9ecef !important; background-color: #282828; background-image: url(/wp-content/themes/betheme/images/stripes/stripes_10_w.png); }
div.team .desc_wrapper a.icon_bar:hover { color: #0246d9 !important; }

ul.timeline_items { background: url(/wp-content/themes/betheme-child/img/icon/timeline_top.png) no-repeat top center; }
ul.timeline_items li { background: url(/wp-content/themes/betheme-child/img/icon/timeline_right.png) no-repeat top center; }
ul.timeline_items li:nth-child(even) { background: url(/wp-content/themes/betheme-child/img/icon/timeline_left.png) no-repeat top center; }
ul.timeline_items li h3 { line-height: 1.5; }
ul.timeline_items li h3::before { border-color: #0246d9; }
ul.timeline_items li .desc { color: #adb5bd; background: url(/wp-content/themes/betheme-child/img/icon/textline.png); }
ul.timeline_items li .desc::before { background-image: url(/wp-content/themes/betheme/images/stripes/stripes_10_w.png); }

.date_label, .timeline_items li h3 span { background-color: #4d4d4d; background-image: url(/wp-content/themes/betheme/images/stripes/stripes_10_w.png); color: #e9ecef; }

.date_label:after, .timeline_items li h3 span:after { border-left-color: #4d4d4d; }

.opening_hours { background-color: #282828; }

.opening_hours .opening_hours_wrapper li label { background-color: #4d4d4d; background-image: url(/wp-content/themes/betheme/images/stripes/stripes_10_w.png); color: #e9ecef; }

.en { font-family: "Anton", Verdana, sans-serif; font-weight: 400 !important; letter-spacing: 0.4px; }

#Content { background: #14171a url(/wp-content/themes/betheme-child/img/icon/Gradient-bg.png) repeat-x left bottom; padding-bottom: 80px; }

h4.hr-title { padding: 10px 20px; margin-bottom: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjI0cHgiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIyNHB4IiBzdG9wLWNvbG9yPSIjMDI0NmQ5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDI0NmQ5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(24px, rgba(0, 0, 0, 0)), color-stop(24px, #0246d9), color-stop(100%, #0246d9)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 24px, #0246d9 24px, #0246d9 100%); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 24px, #0246d9 24px, #0246d9 100%); background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 24px, #0246d9 24px, #0246d9 100%); font-size: 28px; line-height: 1; font-weight: bold; }
h4.hr-title .en { font-size: 36px; line-height: 1; font-weight: normal; padding-right: 10px; }
h4.hr-title .tw { font-size: 18px; font-weight: bold; line-height: 1; }

/* scroll Mark */
.scroll-down { cursor: pointer; }
.scroll-down p + img { -moz-animation-name: VerticalMoveAnim; -webkit-animation-name: VerticalMoveAnim; animation-name: VerticalMoveAnim; -moz-animation-duration: 0.8s; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -moz-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/* 垂直移動動畫 */
@keyframes VerticalMoveAnim { 0% { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }
@keyframes HorizontalMoveAnim { 0% { -moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }
/* 圖片不要主題hover特效 */
.image_frame:hover .image_wrapper img, .image_frame.hover .image_wrapper img { top: 0 !important; }

/* 分類 slider */
#cat-slider-box { position: relative; margin-bottom: 60px; }
#cat-slider-box #cat-slider-wrapper { width: -moz-calc(100% - 20px) ; width: -webkit-calc(100% - 20px) ; width: calc(100% - 20px) ; height: 90px; overflow: hidden; position: relative; margin-left: 10px; margin-right: 10px; }
#cat-slider-box #cat-slider-wrapper ul { position: absolute; height: 70px; }
#cat-slider-box #cat-slider-wrapper ul > li { float: left; margin-right: 20px; }
#cat-slider-box #cat-slider-wrapper ul > li:last-of-type { margin-right: 0; }
#cat-slider-box #cat-slider-wrapper ul > li a { color: #e9ecef; text-decoration: none; text-align: center; min-width: 250px; height: 70px; padding-right: 20px; padding-left: 20px; background-color: #282828; -webkit-align-items: center; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#cat-slider-box #cat-slider-wrapper ul > li a span { display: block; }
#cat-slider-box #cat-slider-wrapper ul > li a .en { font-size: 22px; line-height: 1.5; }
#cat-slider-box #cat-slider-wrapper ul > li a .tw { font-size: 16px; line-height: 1.5; }
#cat-slider-box #cat-slider-wrapper ul > li:not(.active):hover a { background-color: #333; }
#cat-slider-box #cat-slider-wrapper ul > li.active a { background-color: #0246d9; position: relative; }
#cat-slider-box #cat-slider-wrapper ul > li.active a::after { content: ""; display: block; width: 100%; height: 20px; position: absolute; bottom: -20px; background-color: #0246d9; -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%); clip-path: polygon(100% 0, 0 0, 50% 100%); }
#cat-slider-box > a { display: block; width: 44px; height: 44px; background: transparent no-repeat center center; background-size: 20px 38px; position: absolute; top: 50%; transform: translateY(calc(-50% - 8px)); }
#cat-slider-box > a.prev { background-image: url(/wp-content/themes/betheme-child/img/icon/aaron-left@2x.png); left: -34px; }
#cat-slider-box > a.next { background-image: url(/wp-content/themes/betheme-child/img/icon/aaron-right@2x.png); right: -34px; }

/* go top btn */
#text-4 { position: static; }

#goTop { width: 44px; height: 44px; border: 4px solid #e9ecef; border-radius: 50%; position: absolute; right: 10px; top: -90px; background: url(/wp-content/themes/betheme-child/img/icon/aaron-up@2x.png) no-repeat center 44%; background-size: 24px 10px; z-index: 1000; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* 願望(收藏)清單 */
.wishlist-title > h2 { color: #00a0e9; font-size: 30px; font-weight: bold; line-height: 1.5; margin-bottom: 20px; }

.wishlist_table tfoot { display: none; }

.yith-wcwl-add-to-wishlist { margin: 0; padding-left: 4px; padding-right: 4px; }
.yith-wcwl-add-to-wishlist a { font-size: 16px; line-height: 1.5; color: #e9ecef; text-decoration: none; background: #444 no-repeat 12px 50%; background-size: 19px 17px; display: block; width: 64px; padding: 4px 15px 4px 38px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.yith-wcwl-add-to-wishlist a:hover { color: #fff; }
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a { background-image: url(/wp-content/themes/betheme-child/img/icon/hearty.png); float: right; }
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading { float: left; margin-top: 8px; margin-right: 4px; margin-left: -20px; }
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a { background-image: url(/wp-content/themes/betheme-child/img/icon/hearty-hover.png); }
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback, .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback { color: #adb5bd; }

#yith-wcwl-popup-message #yith-wcwl-message { color: #14171a; }

.addtoany_content { margin: 0 !important; -webkit-order: 1; order: 1; }
.addtoany_content .addtoany_list a > span { display: block; }

/* 商品清單 */
.woocommerce table.shop_table { border-collapse: collapse; border: unset; margin-bottom: 40px; }
.woocommerce table.shop_table tr { border-top: 1px solid #7d7d7d; border-bottom: 1px solid #7d7d7d; }
.woocommerce table.shop_table tr th { color: #e9ecef; font-size: 16px; line-height: 1.5; font-weight: bold; background: rgba(51, 51, 51, 0.9) !important; border: unset; }
.woocommerce table.shop_table tr td { border: unset; }
.woocommerce table.shop_table tr a { text-decoration: none; }
.woocommerce table.shop_table tr .product-thumbnail { width: auto; }
.woocommerce table.shop_table .product-remove a.remove { font-size: 18px; }

/* 分頁按鈕 */
.pager_wrapper .pager .pages { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; background: transparent; }
.pager_wrapper .pager .pages .page-numbers { border-radius: 0; background-color: #282828; display: block; width: 28px; height: 28px; line-height: 28px; margin: 0 5px; }
.pager_wrapper .pager .pages .page-numbers.current { background-color: #0246d9 !important; }
.pager_wrapper .pager .pages .page-numbers.prev { text-indent: 100%; overflow: hidden; background: #282828 url(/wp-content/themes/betheme-child/img/icon/icon-left-open-mini.png) no-repeat center center; background-size: 11px 18px; }
.pager_wrapper .pager .pages .page-numbers.next { text-indent: 100%; overflow: hidden; background: #282828 url(/wp-content/themes/betheme-child/img/icon/icon-right-open-mini.png) no-repeat center center; background-size: 11px 18px; }
.pager_wrapper .pager .pages a:hover { background-color: #0246d9 !important; }

/* subheader 分享與收藏按鈕 */
.post-actions { max-width: 1220px; padding: 0 10px; margin: 0 auto; position: absolute; bottom: 30px; left: 0; right: 0; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: flex-end; align-items: flex-end; }

@media (min-width: 1240px) { .post-actions { max-width: 1120px; } }
@media (min-width: 960px) and (max-width: 1239px) { .post-actions { max-width: 940px; } }
@media (min-width: 768px) and (max-width: 959px) { .post-actions { max-width: 708px; } }
@media (max-width: 767px) { #Content { padding-bottom: 64px; }
  .woocommerce .contact .contact-form { padding: 30px 20px; }
  #goTop { top: -54px; right: 33px; }
  #cat-slider-box #cat-slider-wrapper ul > li a { min-width: unset; }
  #cat-slider-box #cat-slider-wrapper ul > li a .en { font-size: 18px; }
  #cat-slider-box #cat-slider-wrapper ul > li a .tw { font-size: 13px; }
  .post-actions { max-width: 480px; padding: 0 33px; -webkit-justify-content: flex-start; justify-content: flex-start; } }
/* 404 */
#Error_404 .error_pic { width: 245px; }
#Error_404 .error_pic .icon-traffic-cone { color: #0246d9; font-size: 175px; line-height: 175px; width: 245px; margin: 0 auto; display: block; }
#Error_404 div.error_desk { width: calc(100% - 245px); }
#Error_404 div.error_desk h2, #Error_404 div.error_desk h4, #Error_404 div.error_desk p .check { color: #e9ecef; }

@media (max-width: 767px) { #Error_404 .error_pic { width: 100%; }
  #Error_404 div.error_desk { width: 100%; } }
/* header style */
#Header #Action_bar { background-color: #14171a; }
#Header #Action_bar #social-menu li { margin-right: 15px; border-right: none; padding-right: 0; }
#Header #Action_bar #social-menu li:last-child { margin-right: 0px; }
#Header #Action_bar #social-menu li#menu-item-526 a, #Header #Action_bar #social-menu li#menu-item-1021 a { background: transparent url(/wp-content/themes/betheme-child/img/icon/mail@2x.png) no-repeat left center; background-size: 23px 18px; width: 23px; height: 18px; display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; }
#Header #Action_bar #social-menu li#menu-item-526 a:hover, #Header #Action_bar #social-menu li#menu-item-1021 a:hover { background-image: url(/wp-content/themes/betheme-child/img/icon/mail-hover@2x.png); }
#Header #Action_bar #social-menu li#menu-item-528 a, #Header #Action_bar #social-menu li#menu-item-1022 a { background: transparent url(/wp-content/themes/betheme-child/img/icon/fb@2x.png) no-repeat left center; background-size: 18px 18px; width: 18px; height: 18px; display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; }
#Header #Action_bar #social-menu li#menu-item-528 a:hover, #Header #Action_bar #social-menu li#menu-item-1022 a:hover { background-image: url(/wp-content/themes/betheme-child/img/icon/fb-hover@2x.png); }
#Header #Action_bar #social-menu li#menu-item-527 a, #Header #Action_bar #social-menu li#menu-item-1023 a { background: transparent url(/wp-content/themes/betheme-child/img/icon/youtube@2x.png) no-repeat left center; background-size: 47px 18px; width: 47px; height: 18px; display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; }
#Header #Action_bar #social-menu li#menu-item-527 a:hover, #Header #Action_bar #social-menu li#menu-item-1023 a:hover { background-image: url(/wp-content/themes/betheme-child/img/icon/youtube-hover@2x.png); }
#Header #Action_bar #social-menu li#menu-item-509 a, #Header #Action_bar #social-menu li#menu-item-1024 a { background: transparent url(/wp-content/themes/betheme-child/img/icon/book@2x.png) no-repeat left center; background-size: 24px 18px; padding-left: 30px; }
#Header #Action_bar #social-menu li#menu-item-509 a:hover, #Header #Action_bar #social-menu li#menu-item-1024 a:hover { background-image: url(/wp-content/themes/betheme-child/img/icon/book-hover@2x.png); }
#Header #Action_bar #social-menu .social-menu { padding: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
#Header #Action_bar #social-menu a { font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Tahoma, sans-serif; font-size: 15px; line-height: 34px; text-decoration: none; }
#Header #Action_bar #social-menu a:hover { color: #909499; }
#Header #Top_bar #logo { height: 70px; line-height: 70px; }
#Header #menu .menu > li { margin: 0; }
#Header #menu .menu > li > a > span:not(.description) { padding: 12px 0; }
#Header #menu .menu > li > a > span:not(.description)::after { content: ""; display: block; height: 66px; border: 1px solid #ced4da; position: absolute; top: 12px; right: 0; }
#Header #menu .menu > li .mfn-megamenu { padding: 0; }
#Header #menu .menu > li .mfn-megamenu .mfn-megamenu-title { padding: 12px 15px; }
#Header #menu .menu > li .mfn-megamenu .mfn-megamenu-title span { display: block; }
#Header #menu .menu > li .mfn-megamenu .decoration { display: block; height: 3px; background-color: #0246d9; position: absolute; top: 80px; }
#Header #menu li a { margin: unset; }
#Header #menu li span .en { line-height: 38px; }
#Header #menu li span .tw { line-height: 28px; }
#Header #menu li .en { font-size: 22px; letter-spacing: 1.1px; color: #000; }
#Header #menu li.hover { border-radius: 0; background-color: #14171a !important; }
#Header #menu li.hover .en { color: #0246d9; }

.menu-lang-switcher { margin-right: 20px; display: none; }
.menu-lang-switcher a { color: #e9ecef; line-height: 44px; }

.menu-highlight #Top_bar #menu > ul li.current-menu-item .en, .menu-highlight #Top_bar #menu > ul li.current_page_item .en, .menu-highlight #Top_bar #menu > ul li.current-menu-parent .en, .menu-highlight #Top_bar #menu > ul li.current-page-parent .en, .menu-highlight #Top_bar #menu > ul li.current-ancestor .en, .menu-highlight #Top_bar #menu > ul li.current-page-ancestor .en, .menu-highlight #Top_bar #menu > ul li.current_page_ancestor .en, .menu-highlight #Top_bar #menu > ul li .hover .en { color: #0246d9; }

#Subheader ul.breadcrumbs { width: 100%; margin: 0; position: absolute; top: -17px; right: 0; }
#Subheader ul.breadcrumbs li > a { font-family: Verdana, "微軟正黑體", sans-serif; font-size: 13px !important; line-height: 20px; color: #e9ecef !important; text-decoration: none; display: block; padding-left: 14px; padding-right: 14px; background-color: #02346e; }
#Subheader ul.breadcrumbs li > a span { margin: 0; opacity: 1; }
#Subheader ul.breadcrumbs li > a .en { font-family: Verdana, sans-serif; }
#Subheader ul.breadcrumbs li:nth-of-type(n + 2) { background: url(/wp-content/themes/betheme-child/img/icon/g-topicpath-2.png) no-repeat left center; padding-left: 13px; }
#Subheader ul.breadcrumbs li:last-of-type { background-image: url(/wp-content/themes/betheme-child/img/icon/g-topicpath.png); }
#Subheader ul.breadcrumbs li:last-of-type a { background-color: #282828; color: #e9ecef; }
#Subheader ul.breadcrumbs li > span { display: none; }

.search-results #Subheader .title, .search-no-results #Subheader .title, .search #Subheader .title { font-size: 48px; line-height: 1.5; }

#Side_slide #menu ul li a { line-height: 1.7; padding: 12px 8px 12px 20px; }
#Side_slide #menu ul li a .en { font-size: 18px; margin-right: 10px; }
#Side_slide #menu ul li.submenu .menu-toggle { font-size: 24px; width: 54px; height: 54px; line-height: 54px; }

html[lang="zh-hant"] #Footer .menu li ul li .en, html[lang="zh-hant"] #Side_slide .menu li ul li .en { display: none; }

html[lang="en-US"] #Footer .menu li ul li .tw, html[lang="en-US"] #Side_slide .menu li ul li .tw { display: none; }

@media (min-width: 1240px) { .menu-highlight:not(.header-creative) #Top_bar .menu > li > a { -moz-border-radius: 0 !important; -webkit-border-radius: 0; border-radius: 0 !important; } }
@media (min-width: 768px) { .header-fixed.admin-bar.ab-show #Top_bar { top: 66px !important; }
  .header-fixed.ab-show #Top_bar { top: 34px !important; }
  #Top_bar .logo { margin-right: 38px; }
  #Top_bar .top_bar_left { display: -webkit-flex; display: flex; }
  #Top_bar .top_bar_left .menu_wrapper { -webkit-flex-grow: 1; flex-grow: 1; }
  #Top_bar .top_bar_left .menu_wrapper .menu { display: -webkit-flex; display: flex; }
  #Top_bar .top_bar_left .menu_wrapper .menu > li { -webkit-flex-grow: 1; flex-grow: 1; }
  #Top_bar .top_bar_left .search_wrapper { background: rgba(0, 0, 0, 0.8); }
  #Top_bar .container .top_bar_right { height: 90px; }
  #Top_bar .container .top_bar_right .top_bar_right_wrapper { top: 25px; }
  #Top_bar .top_bar_right #search_button .icon-search-fine::before { font-weight: 900; }
  #Top_bar .top_bar_right #search_button:hover { color: #000; }
  #Top_bar div.search_wrapper { left: unset; right: 0; width: 45%; }
  #Top_bar .menu > li .mfn-megamenu { background-color: transparent; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #Top_bar .menu > li .mfn-megamenu > li { background-color: #14171a; display: block !important; -webkit-flex: 1 1 auto; flex: 1 1 auto; }
  #Top_bar .menu > li .mfn-megamenu .mfn-megamenu > li a { padding: 10px 15px !important; line-height: 24px !important; }
  #Top_bar .menu > li .mfn-megamenu .mfn-megamenu > li a:hover { color: #00a0e9; }
  #Subheader { margin-top: 124px; padding-top: 107px; padding-bottom: 107px; background-position: center !important; }
  #Subheader .title { margin-top: 10px; }
  #Subheader .title span { display: block; }
  #Subheader .title .en { line-height: 1; margin-bottom: 14px; }
  #Subheader .title .tw { font-size: 36px; line-height: 1; } }
@media (max-width: 1239px) { .mobile-sticky.mobile-header-mini #Top_bar .top_bar_right { display: none; }
  .mobile-sticky.mobile-header-mini #Top_bar .menu_wrapper { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; }
  .mobile-sticky.mobile-header-mini #Top_bar .menu_wrapper .menu-lang-switcher { display: block; }
  .mobile-sticky.mobile-header-mini #Top_bar .menu_wrapper a.responsive-menu-toggle { background-color: transparent; width: 44px; height: 44px; position: static; margin-top: 0; margin-right: 15px; }
  .mobile-sticky.mobile-header-mini #Top_bar .menu_wrapper a.responsive-menu-toggle .icon-menu-fine { font-size: 32px; line-height: 44px; } }
@media (max-width: 767px) { .mobile-sticky.mobile-header-mini #Top_bar .top_bar_left { display: -webkit-flex; display: flex; }
  .mobile-sticky.mobile-header-mini #Top_bar .top_bar_left .logo { -webkit-flex-basis: 139px; flex-basis: 139px; }
  .minimalist-header-no #Subheader { background-position: center center; padding-top: 40px !important; padding-bottom: 40px !important; }
  .minimalist-header-no #Subheader .title .en { font-size: 36px; line-height: 1.6; }
  .minimalist-header-no #Subheader .title .tw { font-size: 18px; line-height: 1.2; }
  .minimalist-header-no.single #Subheader { padding-bottom: 110px !important; }
  .search-results #Subheader .title, .search-no-results #Subheader .title, .search #Subheader .title { font-size: 24px; } }
/* footer style */
#Footer aside .textwidget :last-child { margin-bottom: 0; }
#Footer .widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a { color: #e9ecef !important; }
#Footer .widget_mfn_menu ul li a { color: #e9ecef; }
#Footer .widget_mfn_menu .sub-menu li .en { font-family: Verdana, "微軟正黑體", sans-serif; font-size: 16px; line-height: 1.75; color: #e9ecef; }
#Footer .widget_mfn_menu .sub-menu li a:hover .en { color: #e9ecef; }
#Footer .menu { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: flex-start; justify-content: flex-start; }
#Footer .menu > li { -webkit-flex: 1 1 16.66667%; flex: 1 1 16.66667%; border-right: 1px solid #ced4da; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#Footer .menu > li:last-of-type { border-right: unset; }
#Footer .menu > li a { padding: 0 20px; margin-bottom: 0; border: 0; background: transparent !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#Footer .menu > li a:hover { background-color: #14171a !important; }
#Footer .menu > li a:hover .en { color: #0246d9; }
#Footer .menu > li > a { padding-top: 8px; padding-bottom: 15px; }
#Footer .menu > li span { display: block; line-height: 1.75; }
#Footer .menu > li .en { font-size: 22px; letter-spacing: 1.1px; color: #000; }
#Footer .menu > li .tw { font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Tahoma, sans-serif; color: #e9ecef; }
#Footer .menu > li ul li a::before { content: none; }
#Footer .social { display: none; }
#Footer .footer_copy { background-color: #14171a; border-top: none; }
#Footer .footer_copy .column { padding: 18px 0 11px 0; margin-bottom: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
#Footer .footer_copy .copyright { font-size: 15px; margin-bottom: 0 !important; -webkit-order: 2; order: 2; }
#Footer .footer_copy #social-menu { -webkit-order: 1; order: 1; }
#Footer .footer_copy #social-menu #menu-bottom-menu { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
#Footer .footer_copy #social-menu li { margin-right: 15px; border-right: none; padding-right: 0; }
#Footer .footer_copy #social-menu li:last-child { margin-right: 0px; }
#Footer .footer_copy #social-menu li#menu-item-531 a, #Footer .footer_copy #social-menu li#menu-item-1026 a { background: transparent url(/wp-content/themes/betheme-child/img/icon/mail@2x.png) no-repeat left center; background-size: 23px 18px; width: 23px; height: 18px; display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; }
#Footer .footer_copy #social-menu li#menu-item-531 a:hover, #Footer .footer_copy #social-menu li#menu-item-1026 a:hover { background-image: url(/wp-content/themes/betheme-child/img/icon/mail-hover@2x.png); }
#Footer .footer_copy #social-menu li#menu-item-532 a, #Footer .footer_copy #social-menu li#menu-item-1027 a { background: transparent url(/wp-content/themes/betheme-child/img/icon/fb@2x.png) no-repeat left center; background-size: 18px 18px; width: 18px; height: 18px; display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; }
#Footer .footer_copy #social-menu li#menu-item-532 a:hover, #Footer .footer_copy #social-menu li#menu-item-1027 a:hover { background-image: url(/wp-content/themes/betheme-child/img/icon/fb-hover@2x.png); }
#Footer .footer_copy #social-menu li#menu-item-533 a, #Footer .footer_copy #social-menu li#menu-item-1028 a { background: transparent url(/wp-content/themes/betheme-child/img/icon/youtube@2x.png) no-repeat left center; background-size: 47px 18px; width: 47px; height: 18px; display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; }
#Footer .footer_copy #social-menu li#menu-item-533 a:hover, #Footer .footer_copy #social-menu li#menu-item-1028 a:hover { background-image: url(/wp-content/themes/betheme-child/img/icon/youtube-hover@2x.png); }
#Footer .footer_copy #social-menu li#menu-item-534 a, #Footer .footer_copy #social-menu li#menu-item-1029 a { background: transparent url(/wp-content/themes/betheme-child/img/icon/book@2x.png) no-repeat left center; background-size: 24px 18px; padding-left: 30px; }
#Footer .footer_copy #social-menu li#menu-item-534 a:hover, #Footer .footer_copy #social-menu li#menu-item-1029 a:hover { background-image: url(/wp-content/themes/betheme-child/img/icon/book-hover@2x.png); color: #909499; }
#Footer .footer_copy #social-menu a { font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Tahoma, sans-serif; text-decoration: none; }
#Footer .footer_copy #social-menu a > img { height: 18px; width: auto; margin-bottom: -4px; }
#Footer .footer_copy #social-menu a > img ~ span { margin-left: 4px; }

@media (min-width: 768px) and (max-width: 1239px) { #Footer .footer_copy .column { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
  #Footer .footer_copy .column #social-menu { -webkit-flex-grow: 1; flex-grow: 1; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #495057; }
  #Footer .footer_copy .column #social-menu #menu-bottom-menu { -webkit-justify-content: center; justify-content: center; }
  #Footer .menu > li { -webkit-flex: 1 1 33.33333%; flex: 1 1 33.33333%; }
  #Footer .menu > li:last-of-type { border-right: 1px solid #ced4da; } }
@media (max-width: 767px) { #Footer .widgets_wrapper { display: none; }
  #Footer .footer_copy { background-color: #0246d9; }
  #Footer .footer_copy .column { -webkit-flex-direction: column; flex-direction: column; }
  #Footer .footer_copy #social-menu #menu-bottom-menu { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  #Footer .footer_copy #social-menu #menu-bottom-menu li { margin-bottom: 10px; }
  #Footer .footer_copy .copyright { padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
  #Footer .footer_copy .copyright .column { padding-bottom: 18px; } }
@media (max-width: 542px) { #Footer .footer_copy #social-menu #menu-bottom-menu li:first-child { display: none; } }
/* side bar style */
.widget-area { padding: 30px 0 0; }

/* news - side bar */
.sidebar { padding-bottom: 30px; }
.sidebar #text-3 { margin-bottom: 0; padding-bottom: 0; }
.sidebar #categories-2 h3 { display: none; }

.sidebar .widget-area { border-left: unset !important; }
.sidebar .widget-area::before { content: none !important; }
.sidebar .widget_categories ul { background-color: transparent; padding: 30px 0 0; list-style-type: none; }
.sidebar .widget_categories ul > li { background: transparent url(/wp-content/themes/betheme-child/img/icon/aaron-right@2x.png) no-repeat 15px center; background-size: 6px 13px; padding-left: 35px; }
.sidebar .widget_categories ul > li:hover { background-color: #282828; }
.sidebar .widget_categories ul > li::after { content: none; }
.sidebar .widget_categories ul > li > a { text-decoration: none; color: #e9ecef; line-height: 2; padding: 7px 0; }

#text-2 .fb-feeds { width: 100%; max-width: 257px; margin: 30px auto 0; }

@media (min-width: 960px) and (max-width: 1239px) { .sidebar .hr-title .en { display: block; margin-bottom: 5px; }
  .sidebar .hr-title .tw { display: block; } }
@media (min-width: 768px) and (max-width: 959px) { .sidebar .hr-title .en { font-size: 24px; display: block; margin-bottom: 5px; }
  .sidebar .hr-title .tw { font-size: 16px; display: block; }
  .sidebar #categories-2 { padding-bottom: 0; } }
@media (max-width: 767px) { .sidebar #text-3 .hr-title { padding-top: 16px; padding-bottom: 12px; background: #0246d9 url(/wp-content/themes/betheme-child/img/icon/aaron-down@2x.png) no-repeat calc(100% - 15px) center; background-size: 28px 12px; }
  .sidebar #text-3 .hr-title.hover { background-image: url(/wp-content/themes/betheme-child/img/icon/aaron-up@2x.png); }
  .sidebar #text-2 { padding-bottom: 0; }
  .sidebar #text-2 .hr-title { display: none; }
  .sidebar #text-2 .fb-feeds iframe { height: 280px; }
  .sidebar #categories-2 ul { background-color: #282828; padding-top: 15px; padding-bottom: 15px; } }
/* 影片按鈕 */
.video .mask img { display: block; }
.video .mask::after { content: ""; display: block; width: 56px; height: 56px; background-size: 56px; background-image: url(/wp-content/themes/betheme-child/img/icon/play-btn.png); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.video iframe { display: block; }

/* 彈跳視窗 影音 sylte */
#wpytp-modal-wrapper .close { background-color: #0246d9 !important; color: #e9ecef !important; font-size: 24px; width: 44px; width: 44px; right: -44px; }
#wpytp-modal-wrapper .video { background-color: #282828; }
#wpytp-modal-wrapper .text { background-color: #282828; }
#wpytp-modal-wrapper .text .title { font-size: 18px; line-height: 1.75; color: #e9ecef; padding: 6px 20px; border-bottom: 1px solid #0246d9; }
#wpytp-modal-wrapper .text .excerpt { font-size: 16px; line-height: 1.75; color: #6c757d; padding: 0 20px 15px; margin-bottom: 0; border-bottom: 1px solid #000; overflow: auto; }
#wpytp-modal-wrapper .text .excerpt::-webkit-scrollbar-track { width: 14px; background-color: #2b3238; }
#wpytp-modal-wrapper .text .excerpt::-webkit-scrollbar { width: 14px; background-color: #2b3238; }
#wpytp-modal-wrapper .text .excerpt::-webkit-scrollbar-thumb { background-color: #515e6a; }

.view-count { width: 100%; font-size: 13px; line-height: 1.5; border-top: 1px solid #0246d9; padding: 6px 20px; background-color: #282828; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* hr 影音 */
#wpytp-posts-container { margin-bottom: 30px; }
#wpytp-posts-container .wpytp-posts { -webkit-flex-basis: calc(100% - 20px); flex-basis: calc(100% - 20px); margin: 0 10px 40px; }

.videos { -webkit-justify-content: center; justify-content: center; }
.videos .text { background-color: #282828; }
.videos .text .title { font-size: 18px; line-height: 1.75; padding: 6px 20px; margin-bottom: 0; border-bottom: 1px solid #0246d9; }
.videos .text .excerpt { color: #6c757d; display: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.videos .text .excerpt::-webkit-scrollbar-track { width: 14px; background-color: #2b3238; }
.videos .text .excerpt::-webkit-scrollbar { width: 14px; background-color: #2b3238; }
.videos .text .excerpt::-webkit-scrollbar-thumb { background-color: #515e6a; }

/* 顯示更多 */
.loadmore-wrapper { text-align: center; }
.loadmore-wrapper .loadmore { font-size: 24px; line-height: 1.5; font-weight: bold; }
.loadmore-wrapper img { width: 38px; font-weight: bold; height: auto; }

@media (min-width: 768px) { /* hr 影音 */
  #wpytp-posts-container .wpytp-posts { -webkit-flex-basis: calc(33.333333% - 20px); flex-basis: calc(33.333333% - 20px); }
  #wpytp-posts-container .wpytp-posts:first-of-type { -webkit-flex-basis: calc(100% - 20px); flex-basis: calc(100% - 20px); display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; }
  #wpytp-posts-container .wpytp-posts:first-of-type .video { -webkit-flex-basis: calc(66.666667% - 10px); flex-basis: calc(66.666667% - 10px); }
  #wpytp-posts-container .wpytp-posts:first-of-type .text { -webkit-flex: 1 1 calc(33.333333%); flex: 1 1 calc(33.333333%); }
  #wpytp-posts-container .wpytp-posts:first-of-type .text .excerpt { display: block; padding: 20px; border-bottom: 1px solid #14171a; overflow: auto; } }
@media (max-width: 767px) { /* 影片按鈕 */
  .video .mask::after { width: 30px; height: 30px; background-size: 30px; }
  #wpytp-posts-container .wpytp-posts { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-basis: 100%; flex-basis: 100%; margin: 0 0 20px; background-color: #282828; }
  #wpytp-posts-container .wpytp-posts:first-of-type { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-basis: 100%; flex-basis: 100%; }
  #wpytp-posts-container .wpytp-posts:first-of-type .video { -webkit-flex-basis: 100%; flex-basis: 100%; }
  #wpytp-posts-container .wpytp-posts:first-of-type .text { -webkit-flex-basis: 100%; flex-basis: 100%; font-size: 16px; line-height: 1.75; }
  #wpytp-posts-container .wpytp-posts .video { -webkit-flex-basis: 120px; flex-basis: 120px; }
  #wpytp-posts-container .wpytp-posts .text { -webkit-flex: 0 0 calc(100% - 120px); flex: 0 0 calc(100% - 120px); }
  #wpytp-posts-container .wpytp-posts .text .title { font-size: 15px; border-bottom: unset; }
  #wpytp-posts-container .wpytp-posts .text .view-count { -webkit-flex-basis: 100%; flex-basis: 100%; border-top: 1px solid #0246d9; }
  /* 彈跳視窗 影音 sylte */
  #wpytp-modal-wrapper .close { background-color: #0246d9 !important; color: #e9ecef !important; font-size: 24px; width: 44px; width: 44px; right: -44px; }
  #wpytp-modal-wrapper .text .title { font-size: 16px; }
  #wpytp-modal-wrapper .text .excerpt { font-size: 13px; } }
.post-meta { overflow: hidden; margin-bottom: 0; }
.post-meta .author-date { font-size: 13px; line-height: 27px; margin-right: 10px; margin-bottom: 10px; }
.post-meta .author-date .post-date { color: #e9ecef; }
.post-meta .author-date span { display: block; }
.post-meta .categories { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; }
.post-meta .categories .cat { display: block; margin-right: 10px; margin-bottom: 10px; font-size: 13px; line-height: 1.5; text-decoration: none; padding: 4px 10px; color: #ced4da; background-color: #4d4d4d; }

.all-title { display: none; }

.blog .all-title { display: block; }

/* 文章列表 */
.extra_content { margin-left: 20px; margin-right: 20px; }

/* "沒有文章"訊息框 */
.posts_group .woocommerce-info { margin-top: 30px; }

.classic .post-item { padding: 20px; margin-bottom: 0; border-bottom: 1px solid #282828; box-sizing: border-box; }
.classic .post-item:hover { background-color: #282828; }
.classic .post-item a { text-decoration: none; }
.classic .post-item .image_frame { width: 142px; float: left; }
.classic .post-item .post-desc-wrapper { width: auto; margin-left: 142px; float: unset; }
.classic .post-item .post-desc-wrapper .post-meta { margin-bottom: 0; }
.classic .post-item .post-desc-wrapper .post-meta.clearfix::after { clear: unset; }
.classic .post-item .post-desc-wrapper .post-desc { padding-top: 0; padding-left: 20px; min-height: 94px; }
.classic .post-item .post-desc-wrapper .entry-title { font-size: 16px; line-height: 1.5; font-weight: normal; margin-bottom: 10px; }
.classic .post-item .post-desc-wrapper .excerpt { font-size: 13px; line-height: 1.5; color: #6c757d; }

/* 單一文章 */
.single-post .section-post-header .single-photo-wrapper { display: none; }
.single-post .section-post-header .post-header { padding-bottom: 15px; border-bottom: 1px solid #e9ecef; }
.single-post .section-post-header .author-date { margin-right: 10px; }
.single-post .section-post-header .entry-title { font-size: 24px; line-height: 1.5; margin-bottom: 10px; }

/* Sticky 箭頭 */
.fixed-nav .desc { background-color: rgba(0, 0, 0, 0.9); }

@media (max-width: 767px) { .categories .post-categories li:last-of-type { margin-right: 10px; }
  .classic .post-item { padding-left: 0; padding-right: 0; }
  .classic .post-item:hover { background-color: transparent; }
  .classic .post-item .image_frame { max-width: 90px; }
  .classic .post-item .post-desc-wrapper { margin-left: 90px; }
  .classic .post-item .post-desc-wrapper .post-desc { padding-left: 10px; }
  .classic .post-item .post-desc-wrapper .author-date { margin-right: 0; } }
/* 單一商品頁 */
.single #Content { background-color: transparent; background-image: url(/wp-content/themes/betheme-child/img/icon/Gradient-bg.png), url(/wp-content/uploads/2018/04/木紋.png); background-repeat: repeat-x, no-repeat; background-position: left bottom, center center; background-size: auto; background-attachment: scroll, fixed; }

.hr-title + p { margin-top: 40px; }

.woocommerce-content .shop-filters { display: none; }

/* 商品規格表 */
table { border-collapse: collapse; }
table tr { border-top: 1px solid #7d7d7d; border-bottom: 1px solid #7d7d7d; }
table tr th { background: rgba(51, 51, 51, 0.9); color: #e9ecef; border-width: 0; }
table tr td { border-width: 0; background: transparent; }

/* 商品介紹 中英文 */
.page-id-990 .image_frame, .page-id-496 .image_frame { background-color: #fff; }
.page-id-990 .image_frame a:hover img, .page-id-496 .image_frame a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }

/* 商品列表 */
.woocommerce ul.products li.product { width: calc(33.333333% - 20px) !important; margin-left: 10px !important; margin-right: 10px !important; background-color: #fff; }
.woocommerce ul.products li.product .desc { background-color: #232323; padding: 8px 15px; border-top: 1px solid #000; }
.woocommerce ul.products li.product .desc h4:only-child { margin-bottom: 0; }
.woocommerce ul.products li.product:hover img, .woocommerce ul.products li.product:hover .desc { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }
.woocommerce ul.products .product_cat-rod .desc, .woocommerce ul.products .product_cat-rod-en .desc { display: none; }

.shop-layout-col-2 > li .desc { display: none; }

.single-product-back-link { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.single-product-back-link a { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; color: #e9ecef; text-decoration: none; }
.single-product-back-link a img { width: 12px; height: auto; margin-right: 15px; }
.single-product-back-link a p { font-size: 24px; font-weight: bold; line-height: 1; margin-bottom: 0; }
.single-product-back-link a:hover img { -moz-animation-name: HorizontalMoveAnim; -webkit-animation-name: HorizontalMoveAnim; animation-name: HorizontalMoveAnim; -moz-animation-duration: 0.8s; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -moz-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.single-product-back-link a:hover p { color: #e9ecef; }

@media (min-width: 1240px) { .single-product-back-link { max-width: 1120px; } }
@media (min-width: 960px) and (max-width: 1239px) { .single-product-back-link { max-width: 940px; } }
@media (min-width: 768px) and (max-width: 959px) { .woocommerce ul.products li.product { width: calc(50% - 20px) !important; }
  .single-product-back-link { max-width: 708px; } }
@media (min-width: 768px) { table tr:hover { background: rgba(233, 236, 239, 0.1); }
  table tr :first-child { white-space: nowrap; text-align: left; }
  .shop-layout-col-2 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
  .shop-layout-col-2 > li { -webkit-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
@media (max-width: 767px) { .hr-title + p { margin-top: 20px; }
  .woocommerce ul.products li.product { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
  div.wpb_wrapper .woocommerce ul.products li.product { width: 100% !important; }
  .single-product-back-link { max-width: 480px; padding-left: 33px; padding-right: 33px; } }