@charset "UTF-8";
/*loading*/
.loading_wrap { width: 100%; height: 100%; background-color: rgba(0, 21, 29, 0.9); z-index: 999; position: fixed; top: 0; left: 0; }

.loading_wrap .loading_center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.lds-ring { display: inline-block; position: relative; width: 64px; height: 64px; }

.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; }

.lds-ring div:nth-child(1) { animation-delay: -0.45s; }

.lds-ring div:nth-child(2) { animation-delay: -0.3s; }

.lds-ring div:nth-child(3) { animation-delay: -0.15s; }

@keyframes lds-ring { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

/*------------------------------
	Button Styles
------------------------------*/
.btn { color: #fff; box-shadow: none; display: inline-block; padding: 7px 15px; text-shadow: none; transition: all 0.4s ease 0s; background: #00151D; border-color: #00151D; }

a.btn-sm { padding: 1px 8px; border-radius: 11px 0; border: none; font-size: 12px; }

button:focus { outline: none; }

.btn:hover, .btn:focus, .btn:active { background: #00ADD9; color: #fff; border-color: #00ADD9; }

.btn.focus, .btn:focus { outline: 0; box-shadow: none; }

.btn-pdf { background: #E7F1F5; border-color: #C5C5C1; border-radius: 13px 0; transform: skewX(-15deg); padding: 2px 8px; color: #00add9; font-size: 12px; }

.btn-default { color: #2f2f2f !important; }

.btn-default:hover, .btn-default:focus { color: #006F97 !important; }

.btn-primary { font-size: 14px; border-radius: 22px 0; color: #fff; padding: 5px 19px; background: #00151D; border-color: #00151D; transform: skewX(-15deg); }

.btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #00ADD9; border-color: #00ADD9; }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #00151D; border-color: #00151D; }

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(208, 208, 208, 0.5); }

.btn-secondary { font-size: 14px; border-radius: 22px 0; padding: 7px 30px; background-color: #00ADD9; color: #fff; border-color: #00ADD9; font-size: 14px; transform: skewX(-15deg); }

.btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #006F97; border-color: #006F97; }

.btn_blue { background: #00add9; color: #fff; font-style: italic; border-radius: 20px 0 0 0; width: 60px; background: -webkit-linear-gradient(left, #0393b5 0%, #00add9 100%); background: linear-gradient(to right, #0393b5 0%, #00add9 100%); }

.btn_blue:hover, .btn_blue:focus { background: #006f95; color: #fff; }

.btn_blue a { color: #fff; }

.btn_block { border-radius: 0 0 20px 0; background: #00151D; color: #fff; font-style: italic; width: 60px; }

.btn_block:hover, .btn_block:focus { background: #006f95; color: #fff !important; }

.shopbtn { color: #00151D; font-size: 14px; font-weight: 600; position: relative; text-transform: uppercase; position: relative; padding-right: 51px; left: 0; display: inline-flex; align-items: center; transition: all 0.3s ease; }

.shopbtn::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #00151D; display: inline-block; position: absolute; right: 0; }

.shopbtn::after { content: ""; display: inline-block; height: 1px; margin: 0; width: 44px; background: #00151D; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.shopbtn:hover { transition: all 300ms ease-in 0s; color: #006F97; left: 10px; }

.shopbtn:hover::before { border-color: transparent transparent transparent #006F97; }

.shopbtn:hover::after { background: #006F97; }

.color__turquoise .shopbtn:hover { color: #00151D; }

.color__turquoise .shopbtn:hover::after { background-position: 100% 50%; }

.wnro__btn { position: relative; z-index: 9 !important; }

.bg-secondary { background-color: #00ADD9 !important; color: #fff !important; }

.bg-lightblue { background-color: #EAF2F5 !important; }

.style-download { font-weight: bold; margin-bottom: 0; display: inline-block; vertical-align: middle; }

.fa-phone { display: inline-block; font: normal normal normal 14px/1 'Material-Design-Iconic-Font'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.fa-phone:before { content: '\f2be'; }

.text-white-hover { color: #00151D; }

.text-white-hover:hover, .text-white-hover:focus { color: #fff; }

@media screen and (max-width: 1500px) { .col-xlg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } }

.owl-theme .owl-nav [class*=owl-] { background: #00d7e9; border-radius: 8px 0; opacity: 1; font-size: 19px; width: 30px; height: 30px; line-height: 30px; transform: rotate(45deg); border: 1px solid #ffffff; color: #ffffff; }

.owl-theme .owl-nav [class*=owl-] > .fas { transform: rotate(-45deg); }

.owl-theme .owl-nav .owl-prev { left: 15px; }

.slide__arrow01 .owl-nav div.owl-next { right: 15px; }

@media (max-width: 1199px) { .section-padding--lg { padding: 156px 0 130px; } }

@media (max-width: 991px) { .section-padding--lg { padding: 0 0 130px; } }

.in-gtutblock { margin-bottom: 15px; }

.table-secondary, .table-secondary > td, .table-secondary > th { background: #ededed; }

.post_content h4.col-sm-12, .txtNormal h4.col-sm-12, .product__info__main h4.col-sm-12, .depiction h4.col-sm-12 { padding-left: 51px; }

.post_content h4.col-sm-12:before, .txtNormal h4.col-sm-12:before, .product__info__main h4.col-sm-12:before, .depiction h4.col-sm-12:before { left: 15px; }

.post_content h4, .txtNormal h4, .product__info__main h4, .depiction h4 { font-size: 26px; line-height: 2; font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color: #00151D; font-weight: normal; letter-spacing: 0.2vw; margin-bottom: 10px; position: relative; padding-left: 32px; }

.post_content h4:before, .txtNormal h4:before, .product__info__main h4:before, .depiction h4:before { content: ""; background: url(/assets/frontend/images/index/icon_style_01.png) no-repeat; width: 30px; height: 22px; position: absolute; left: 0; top: 13px; background-size: 100% auto; }

.post_content h5, .txtNormal h5, .product__info__main h5, .depiction h5 { font-size: 20px; font-weight: normal; color: #006F97; line-height: 1.8; margin-bottom: 10px; }

.post_content h6, .txtNormal h6, .product__info__main h6, .depiction h6 { font-size: 16px; color: #00151d; line-height: 1.6; background: #e7f7fb; padding: 0 8px; font-weight: normal; display: inline-block; margin-bottom: 10px; }

.post_content p, .txtNormal p, .product__info__main p, .depiction p { margin: 0 0 10px; }

.post_content ul, .txtNormal ul, .product__info__main ul, .depiction ul { padding-left: 25px; list-style: disc; margin-bottom: 30px; }

.post_content ol, .txtNormal ol, .product__info__main ol, .depiction ol { padding-left: 25px; margin-bottom: 30px; }

.post_content li, .txtNormal li, .product__info__main li, .depiction li { font-size: 14px; }

.post_content table, .txtNormal table, .product__info__main table, .depiction table { border: solid #ededed thin; width: auto; }

.post_content table td, .txtNormal table td, .product__info__main table td, .depiction table td { border: 1px solid #ededed; padding: 6px; }

.h-in-gtuttable thead { border-bottom: solid #006f94 2px; }

.h-in-gtuttable thead th { background: #e6f0f4; border: solid #B9B9B9 thin; }

.h-in-gtuttable th { border: solid #B9B9B9 thin; }

.h-in-gtuttable td { border: solid #B9B9B9 thin; }

.h-in-gtuttable tr:nth-child(even) { background: #EBEBEB; }

.rl-in-gtuttable th { background: #e6f0f4; border-right: solid #006f94 2px; width: 200px; }

.rl-in-gtuttable tr:nth-child(odd) { background: #EBEBEB; }

.twin-in-gtuttable thead { border-bottom: solid #006f94 2px; }

.twin-in-gtuttable th { background: #e6f0f4; }

.twin-in-gtuttable tr:nth-child(odd) { background: #EBEBEB; }

.post-thumbnail ul li a { border: 1px solid #ededed; border-radius: 0; }

#mainbanner { position: relative; color: #2f2f2f; }

@media (max-width: 1199px) { #mainbanner { margin-top: 167px; } }

@media (max-width: 991px) { #mainbanner { margin-top: 115px; } }

#mainbanner .contentbox { max-width: 600px; width: 47%; margin-left: auto; }

@media (max-width: 991px) { #mainbanner .contentbox { width: 50%; } }

#mainbanner .contentbox .title img { left: -9px; transform: translateX(-100%); top: 2%; }

#mainbanner p { font-size: 14px; }

#mobile_banner .contentbox .title { font-size: 5vw; line-height: 1.2; text-align: center; }

#mobile_banner .contentbox .title img { width: 9vw !important; position: relative; display: inline-block; margin-right: 6px; }

#mobile_banner .contentbox .description { text-align: center; }

@media (max-width: 575px) { #mobile_banner .contentbox .description { max-width: 300px; margin: 0 auto; } }

#mobile_banner .slider_text { top: inherit; bottom: 1rem; transform: translate(-50%, 0); }

.contentbox { color: #2f2f2f; position: relative; }

.contentbox .title { transform: skewX(-15deg); line-height: 1.1; font-size: 3vw; text-transform: uppercase; }

@media (max-width: 991px) { .contentbox .title { font-size: 4vw; } }

.contentbox .title img { height: auto; width: 7vw !important; position: absolute; max-width: 50px; }

.contentbox .description { margin-top: 1rem; color: #00add9; }

.contentbox .description span { padding-left: 10px; padding-right: 2px; }

@media (max-width: 991px) { .contentbox .description { font-size: 13px; } }

.contentbox .description a { color: #00add9; }

.fb_dialog { background: none !important; overflow: hidden !important; }

.fb_dialog_content::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: transparent; }

.fb_dialog_content::-webkit-scrollbar { background-color: transparent; }

.fb_dialog_content::-webkit-scrollbar-thumb { -webkit-box-shadow: none; background-color: transparent; }

@media (max-width: 575px) { #menu-search { padding: 0; } }

#menu-search .minisearch .field__search { --menuheight: 45px; position: relative; right: 0; top: 0; background: rgba(0, 173, 217, 0.1); }

#menu-search .minisearch .field__search input { height: var(--menuheight); }

#menu-search .minisearch .field__search .action .btn i { display: inline-block; height: var(--menuheight); line-height: var(--menuheight); }

.mobile-nav-btn { margin-left: 0; margin-right: 0; }

@media (max-width: 991px) { .mobile-nav-btn { z-index: 888; } }

.searchbar__content .content-inner .switcher-currency .switcher-options .switcher-currency-trigger .setting__menu span a { color: #fff; }

.header__area .header__sidebar__right > li.shopcart > a span.product_qun { color: #006f95; }

.header__area .header__sidebar__right > li:last-child:after { display: none; }

.header__area .header__sidebar__right > li:after { content: ""; width: 1px; height: 24px; background: rgba(255, 255, 255, 0.5); transform: rotate3d(1, 1, 1, 45deg); }

.header__area .header__sidebar__right > li > a span { color: #fff; margin-left: 5px; }

.minicart-content-wrapper .micart__close { color: #ffffff; }

.minicart-content-wrapper .micart__close > span { position: relative; top: 7px; }

.minicart-content-wrapper .single__items .miniproduct .item01 .content .product_prize ul li i { color: #ffffff; }

.mean-container { z-index: 999; }

.mean-container .mean-nav { margin-top: 0; }

.mean-container .mean-nav .meninmenu { padding-top: 78px; }

.mean-container .mean-nav ul li li a, .mean-container .mean-nav ul li li .li-menu { opacity: 1; }

.mean-container .mean-nav ul li a:hover { background: #00ADD9; }

.mean-container .mean-nav ul li li li a { background: #006f95; }

.mean-container .mean-nav ul li li li a:hover, .mean-container .mean-nav ul li li li a:focus { background: #004c67; }

.mean-container .mean-nav ul li li li .li-menu { background: #006f95; }

.mean-container .mean-nav ul li a.mean-expand { height: 25px; line-height: 25px; color: #b7b7b7; }

.blog-page .blog__post .content h4 a { font-size: 16px; line-height: 1.4; }

.slick-track { transform: none !important; }

.minicart-content-wrapper .single__items .miniproduct .item01 .thumb a { border: 1px solid rgba(237, 237, 237, 0.2); }

.minicart-content-wrapper .single__items .miniproduct .item01 .content h6 a { color: #ffffff; }

.minicart-content-wrapper .single__items .miniproduct .item01 .content .prize { color: #ffffff; }

.js-nav-btnopen.close { position: absolute; z-index: 1000; top: 30px; right: 15px; }

.check-menu { background: #006f96; color: #fff; position: relative; z-index: 999; }

.in_check-menu_item .item { position: relative; }

.in_check-menu_item .item:after { content: ""; width: 1px; height: 18px; background: white; transform: rotate3d(1, 1, 1, 45deg); z-index: 1; position: absolute; right: 0; top: 0; }

.in_check-menu_item .item:nth-child(2):after { display: none; }

.in_check-menu_item .item a { color: #fff; }

.in_check-menu_item .item a:hover, .in_check-menu_item .item a:focus { color: #00cbff; }

.header__area .header__sidebar__right { height: auto; }

#navtool { color: #fff; background: #000; border-radius: 22px 0; border-bottom: none; transform: skewX(-15deg); }

#navtool > ul > li { align-items: center; display: flex; transform: skewX(15deg); }

#navtool > ul > li h6 a { padding: 0; }

@media (max-width: 575px) { #navtool { margin-right: 0; } }

#navtool > ul > li > a { padding: 10px 20px; }

#nav-logo { padding-top: 7px; padding-bottom: 7px; }

.logo a { padding: 0; }

@media (max-width: 991px) { .logo a { z-index: 888; } }

@media (max-width: 1199px) { #nav-menu { border-top: solid #ddd thin; } }

@media (max-width: 1200px) { #nav-menu nav .meninmenu > li > a { padding-bottom: 15px; padding-top: 15px; } }

a#scrollUp { padding: 10px 0; border-radius: 17px 0; transform: skewX(-15deg); height: 40px; width: 40px; right: 32px; bottom: 94px; }

a#scrollUp i { transform: skewX(15deg); }

@media (max-width: 1199px) { .header__area .container-fluid { padding: 0; } }

.testimonial__container .tes__img__slide .slick-slide { transition: all 0.3s; transform: scale(1); }

.testimonial__container .tes__img__slide .slick-slide.slick-current { transform: scale(1.2); }

.testimonial__container .tes__img__slide .slick-slide.slick-current .testimonial__img img { filter: none; }

#index-news { padding-top: 6rem; padding-bottom: 6rem; }

.date__time { font-size: 14px; color: #929292; }

@media (max-width: 575px) { .blog_content { margin-top: 15px; } }

@media (max-width: 575px) { .blog_content .btn { margin-top: 15px; } }

/*下拉選單設計*/
@media (max-width: 1199px) { #mainnav { margin: 0; } }

#mainnav .megamenu .title { border-bottom: solid rgba(255, 255, 255, 0.5) thin; padding-bottom: 0; color: #fff; margin-bottom: 0; }

#mainnav .megamenu .title a { color: #fff; }

#mainnav .megamenu .title a:hover, #mainnav .megamenu .title a:focus { color: #00add9; }

#mainnav .megamenu .item:last-child .title { border-bottom: none; }

#mainnav li.drop .megamenu { width: 265px; padding: 0px; }

@media (max-width: 1199px) { #mainnav li.drop .megamenu { top: 99%; justify-content: start; } }

#mainnav li.drop .megamenu ul { width: 100%; }

#mainnav li.drop .megamenu ul.item.item06 { padding-right: 0; }

#mainnav li.drop .megamenu .item > li a { padding: 8px 20px; display: flex; }

.item-img .img { height: 3vw; overflow: hidden; background: #006f96; width: calc(50% / 2); margin-right: 0.5rem; margin-bottom: 1rem; margin: 6px; }

@media (max-width: 1199px) { .item-img .img { height: 4vw; } }

.item-img .text { color: #0fb2db; padding: 22px 0; }

@media (max-width: 1650px) { .item-img .text { padding: 15px 0; } }

@media (min-width: 1200px) and (max-width: 1300px) { .item-img .text { padding: 15px 0; } }

@media (max-width: 1199px) { .item-img .text { padding: 16px 0; } }

a.item-img img { transition: all 0.1s cubic-bezier(0.4, 0, 1, 1); object-fit: cover; width: 100%; height: 100%; }

a.item-img:hover .text { color: #fff; }

a.item-img:hover img { transform: scale(1.1); opacity: 0.5; }

/*滑下時選單特效*/
.signin { text-align: left; }

.signin label { display: none; }

.title__be--2 { font-size: 41px; font-family: 'Raleway', Microsoft JhengHei, sans-serif; padding: 0 0 50px; font-style: italic; }

.title__be--2:before { content: ""; width: 60px; height: 4px; background: #00add9; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); border-radius: 10px 0; background: linear-gradient(to right, #008fc1 0%, #00add9 100%); }

@media (max-width: 767px) { .title__be--2 { font-size: 31px; margin-bottom: 0; } }

.version_list_06 { background: #ddd; }

.product_button { overflow: hidden; margin-top: 1rem; }

.product ul.add_to_links li a { padding: 0; text-align: center; display: block; border: none; border-radius: 0; }

#index-product { padding-top: 6rem; padding-bottom: 6rem; padding-right: 30px; }

#index-about { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006f97+0,00add9+100 */ background: #006f97; }

#index-about .thumb { mix-blend-mode: hard-light; background-attachment: fixed; background-position: center; }

.banner--8 .content { padding: 5rem 30px; }

#index-news .testimonial__text__slide .testimonial_title { margin-top: 15px; margin-bottom: 15px; color: #006f95; }

#index-news .testimonial__container .wen-slick-next.slick-arrow { right: 15%; }

@media (max-width: 575px) { #index-news .testimonial__container .wen-slick-next.slick-arrow { right: 15px; } }

.banner--8 .content h3 { font-size: 41px; margin-bottom: 5px; pointer-events: auto; }

@media (max-width: 767px) { .banner--8 .content h3 { font-size: 31px; } }

.product_button a { padding: 5px 12px; font-size: 12px; }

.product { margin-bottom: 3rem; }

.product.product__style--3 .product__content h4 a { font-size: 16px; line-height: 1.4; }

.product_tool { margin-top: 10px; }

.product__info__main .box-tocart .addtocart__actions .tocart { transform: skewX(-15deg); }

.product__info__main .box-tocart .input-text { transform: skewX(-15deg); border-radius: 22px 0; width: 80px; text-indent: 9px; }

.ya-product-list__add-cart-button { margin-right: 0; }

.testimonial__container .slick-arrow { background: #ffffff; border: 1px solid #a7a7a7; color: #a7a7a7; border-radius: 8px 0; opacity: 1; font-size: 19px; width: 30px; height: 30px; line-height: 0; transform: rotate(45deg) translateY(-50%); box-shadow: none; top: 0; left: 15%; }

@media (max-width: 575px) { .testimonial__container .slick-arrow { left: 0; } }

.testimonial__container .slick-arrow > .fas { transform: rotate(-45deg); }

#wn__footer { background: url(/assets/frontend/images/index/bg_footer.jpg); background-position: bottom right; background-size: cover; }

#wn__footer .copyright__wrapper { background: transparent; opacity: 0.3; border-top: solid #fff thin; }

/*內頁*/
.page-titel { text-align: left; border-bottom: solid #E8E8E8 thin; padding-bottom: 1rem; padding-top: 1rem; }

.fotorama__thumb-border { border-color: #00add9; }

.wedget__title { border-bottom: none; margin-bottom: 20px; padding-bottom: 5px; padding-right: 50px; padding-left: 45px; position: relative; font-size: 24px; }

.wedget__categories #ya-sidebar-menu > .card.active > .card-header > a:hover a { padding-left: 30px; padding-top: 15px; padding-bottom: 15px; border-radius: 50px 0 0; }

.wedget__categories #ya-sidebar-menu > .card.active > .card-header > a:hover a:hover { padding-left: 30px; border-radius: 0; background: #006f94; }

.wedget__categories .card-header { border-top: solid #E8E8E8 thin; border-bottom: none; }

.wedget__categories .card-header:hover button { background: #006f94; color: #fff; position: relative; }

.wedget__categories .card-header:hover button::before { content: ""; border-left: solid rgba(255, 255, 255, 0.6) thin; position: absolute; left: 0; top: 0; height: 50px; }

.wedget__categories.poroduct--cat ul li .li-menu, .wedget__categories.poroduct--cat ul li a { line-height: 1.4; padding: 10px; }

#ya-sidebar-menu { padding-left: 30px; }

#ya-sidebar-menu > .active > .card-header { border-radius: 30px 0 0 0; overflow: hidden; }

#ya-sidebar-menu > .active > .card-header a { padding-left: 30px; }

#ya-sidebar-menu .card-body .card-header { border-radius: 0; }

.ya-sidebar-menu li.card.active { border-top: none !important; }

.wedget__categories .card .card-body.show .card.active > .card-header { border-radius: 0; }

.wedget__categories #ya-sidebar-menu > .card.active > .card-header > a, .wedget__categories #ya-sidebar-menu > .card.active > .card-header > button { background: #0b7898; padding-left: 30px; padding-right: 30px; }

.ya-sidebar-menu li.card.active .card { background: #00add9; }

.ya-sidebar-menu li.card.active .card a { color: #fff; }

.ya-sidebar-menu .card .card-body li.card .card-header:hover, .ya-sidebar-menu .card .card-body li.card .card-header:focus { background: rgba(0, 0, 0, 0.3) !important; }

.ya-sidebar-menu .card .card-body li.card.active .card-header { background: rgba(0, 0, 0, 0.3) !important; }

.first__img { display: block; overflow: hidden; }

.inside-container { max-width: 1170px; min-height: 400px; margin: 0 auto; width: 100%; padding: 0 30px; }

@media (max-width: 1200px) { .inside-container { padding: 0 15px; } }

.sider-bar { position: relative; background: #fff; border-radius: 0 90px 0 0; padding: 3rem 0; z-index: 1; width: 280px; }

@media (max-width: 1440px) and (min-width: 1280px) { .sider-bar { width: 250px; } }

@media (max-width: 1200px) { .sider-bar { width: 100%; } }

.filter-table { max-width: 300px; width: 100%; padding-top: 0; padding-bottom: 8rem; padding-right: 30px; padding-right: 30px; color: #fff; }

.filter-to-table-xs .list__view .content { padding-left: 15px; }

a.js_filterclose { position: absolute; top: 45px; right: 30px; color: #fff; cursor: pointer; font-size: 30px; text-align: center; z-index: 1; }

@media (max-width: 991px) { a.js_filterclose { top: 0; } }

a.js_filterclose:hover i, a.js_filterclose:focus i { color: #00ADD9; }

a.js_filterclose i { color: #fff; }

@media (max-width: 767px) { .js-filteropen { position: fixed; left: 0; z-index: 99; border-radius: 0 5px 5px 0; transform: skewX(0); padding: 15px 16px; }
  .js-filteropen > span { display: none; } }

#ya-action-classification-form { height: 100vh; overflow-y: auto; margin-top: 6rem; /* Track */ /* Handle */ /* Handle on hover */ }

@media (max-width: 767px) { #ya-action-classification-form { margin-top: 3rem; } }

#ya-action-classification-form::-webkit-scrollbar { width: 10px; }

#ya-action-classification-form::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; }

#ya-action-classification-form::-webkit-scrollbar-thumb { background: #005e7f; border-radius: 10px; }

#ya-action-classification-form::-webkit-scrollbar-thumb:hover { background: #004963; }

.sider-tool { background: #eaf2f5; padding-top: 50px; border-radius: 0 100px 0 0; left: 0; }

@media (max-width: 991px) { .sider-tool { position: fixed; left: -100px; z-index: 9999; top: 36px; height: 100%; } }

.sider-inside { min-width: 72.5%; }

@media (max-width: 1199px) { .sider-inside { min-width: 64%; } }

.sider-filter { overflow-y: auto; display: none; }

.in-filter-table { margin-bottom: 1rem; padding-bottom: 2rem; padding-top: 1rem; position: relative; }

.in-filter-table:after { content: ""; border-bottom: solid rgba(255, 255, 255, 0.6) thin; position: absolute; bottom: 0; left: 15px; width: calc(100% - 30px); }

.in-filter-table h6 { font-size: 14px; font-weight: normal; line-height: 1.4; margin-bottom: 1rem; margin-top: 1rem; color: #00cbff; }

.filter-to-table tbody tr:nth-child(odd) { background: #EBEBEB; }

.filter-to-table thead { background: rgba(0, 111, 151, 0.1); border-bottom: solid #006f94 2px; }

.filter-to-table thead th { padding: 8px 6px; border: solid #B9B9B9 thin; text-align: center; white-space: nowrap; }

.filter-to-table td { border: solid #B9B9B9 thin; padding: 6px; text-align: center; }

.filter-to-table td.product-down { white-space: nowrap; }

.filter-to-table td.product-down .btn-pdf .fa-file-pdf { display: none; }

.filter-to-table .first__img { display: block !important; }

.filter-to-table .fancybox { cursor: pointer; }

.fancybox-skin { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: none; width: 36px; height: 36px; cursor: pointer; z-index: 8040; background: #000; color: #fff; position: absolute; top: 0; right: 0; padding: 2px 0; text-align: center; }

#fancybox-loading:after, .fancybox-close:after, .fancybox-prev span:after, .fancybox-next span:after { content: "\f136"; font-family: Material-Design-Iconic-Font; font-size: 24px; }

.page-shop-sidebar { padding-top: 10.5rem; }

.page-shop-sidebar.page-about { padding-top: 0; }

@media (max-width: 1200px) { .page-shop-sidebar { padding-top: 11rem; } }

.thumb { overflow: hidden; }

.new__box { z-index: 1; }

.minicart-content-wrapper .single__items { border-color: rgba(237, 237, 237, 0.2); margin: 0px -20px 0; padding: 0 15px 15px 15px; }

#nav-attribute tbody th { width: 50%; border: 1px solid #dee2e6; }

/*產品列表購物車按鈕*/
.filter-to-table-shop { font-size: 18px; }

.filter-to-table-model { color: #00ADD9; font-weight: normal; text-decoration: underline; font-size: 14px; }

@media (max-width: 767px) { .filter-to-table-model { margin-bottom: 1rem; } }

.filter-to-table-model a { color: #00ADD9; }

.filter-to-table-model:hover { color: #006f96; }

.in-filter-to-table-xs { border-bottom: solid #ddd thin; padding-bottom: 2rem; margin-bottom: 2rem; font-size: 14px; }

.btn-pdf-box { margin-bottom: 30px; }

.btn-pdf-box > a { margin-right: 2px; }

.image_3d { margin-bottom: 1rem; }

.cart-info .row .card .card-body { display: flex; align-items: center; justify-content: center; }

.cart-info .row .card .card-body { background: #e7f7fb; }

.cart-info .container:before { border-bottom: 8px solid #d6d6d6; }

.minicart-content-wrapper .mini_action .checkout__btn, .minicart-content-wrapper .mini_action .cart__btn { transform: skewX(-15deg); }

/*訂單*/
.order-shop-sidebar { padding-top: 13rem; padding-bottom: 10rem; }

div#ya-container-3d { transition-duration: 0.3s; }

div#ya-container-3d:hover .svgText { transition-duration: 0.3s; color: rgba(0, 0, 0, 0.5); }

div#ya-container-3d:hover svg path { fill: black; transition-duration: 0.3s; }

div#ya-container-3d:hover svg polyline { stroke: black; transition-duration: 0.3s; }

div#ya-container-3d canvas { cursor: grab; }

div#ya-container-3d svg { position: absolute; width: 80px; left: 0px; bottom: -14px; opacity: 0.3; transition-duration: 0.3s; }

.svgText { position: absolute; left: 33px; bottom: 18px; color: rgba(0, 173, 217, 0.3); font-size: 12px; transition-duration: 0.3s; }

.btn-pdf-box .btn-pdf .fa-file-pdf { display: none; }

.product-thumbnail a { font-weight: 700; }

.addtocart__actions button .fa-shopping-cart { display: none; }

.wnro__table tbody td.product-remove { padding-right: 10px; }

@media (max-width: 575px) { .navtool .block-minicart { right: 220%; transform: translateX(50%); } }

.inquiry-table tr { line-height: 30px; }

.fb_dialog_advanced { padding: unset; }

/*GDPR顏色*/
@media screen and (min-width: 768px) and (max-width: 991px) { #tarteaucitron { border: 0 !important; left: 0 !important; margin: 0 5% !important; max-height: 80% !important; width: 90% !important; } }

/*** Common value */
#tarteaucitron * { zoom: 1; }

#tarteaucitron .clear { clear: both; }

#tarteaucitron a { color: #424242; font-size: 11px; font-weight: 700; text-decoration: none; }

#tarteaucitronAlertBig a, #tarteaucitronAlertSmall a { color: #fff; }

#tarteaucitron b { font-size: 22px; font-weight: 500; }

/*** Root div added just before </body> */
#tarteaucitronRoot { left: 0; position: absolute; right: 0; top: 0; width: 100%; }

#tarteaucitronRoot * { box-sizing: initial; vertical-align: initial; }

/*** Control panel */
#tarteaucitronBack { background: #fff; display: none; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 2147483646; }

#tarteaucitron { display: none; max-height: 80%; left: 50%; margin: 0 auto 0 -430px; padding: 0; position: fixed; top: 6%; width: 860px; z-index: 2147483647; }

#tarteaucitron .tarteaucitronBorder { background: #fff; border: 2px solid #333; border-top: 0; height: auto; overflow: auto; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel { background: #333333; color: #fff; cursor: pointer; font-size: 12px; font-weight: 700; text-decoration: none; padding: 4px 0; position: absolute; right: 0; text-align: center; width: 70px; }

#tarteaucitron #tarteaucitronDisclaimer { color: #555; font-size: 12px; margin: 15px auto 0; width: 80%; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronHidden { background: rgba(51, 51, 51, 0.07); }

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden { display: none; position: relative; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails { background: #333; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; margin: 20px 0px 0px; padding: 5px 20px; text-align: left; width: auto; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a { color: #fff; font-weight: 500; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover { text-decoration: none !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a { font-size: 22px; }

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a { font-size: 14px; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle { padding: 5px 10px; }

#tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails { color: #fff; display: none; font-size: 12px; font-weight: 500; margin-top: 0; max-width: 270px; padding: 20px; position: absolute; z-index: 2147483647; }

#tarteaucitron #tarteaucitronInfo a { color: #fff; text-decoration: underline; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover { background: rgba(51, 51, 51, 0.2); }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine { background: rgba(51, 51, 51, 0.1); border-left: 5px solid transparent; margin: 0; overflow: hidden; padding: 15px 5px; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine { background: #333; border: 3px solid #333; border-left: 9px solid #333; border-top: 5px solid #333; margin-bottom: 0; margin-top: 21px; position: relative; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover { background: #333; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName { margin-left: 15px; margin-top: 2px; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b { color: #fff; }

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk { margin-top: 0px !important; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName { display: inline-block; float: left; margin-left: 10px; text-align: left; width: 50%; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover { text-decoration: underline; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk { display: inline-block; float: right; margin: 7px 15px 0; text-align: right; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow { background: gray; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; width: auto; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies { color: #333; font-size: 12px; }

/*** Big alert */
.tarteaucitronAlertBigTop { top: 0; }

.tarteaucitronAlertBigBottom { bottom: 0; }

#tarteaucitronAlertBig { background: #201f29; color: #fff; display: none; left: 0; padding: 5px 5%; position: fixed; text-align: center; width: 90%; box-sizing: content-box; z-index: 2147483645; }

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b { color: #fff; font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; font-size: 14px !important; }

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b { font-weight: 700; }

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { background: #00ADD9; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; padding: 5px 10px; text-decoration: none; margin-left: 7px; }

#tarteaucitronAlertBig #tarteaucitronCloseAlert { background: #fff; color: #333; font-size: 13px; margin-bottom: 3px; margin-left: 7px; padding: 4px 10px; }

#tarteaucitronPercentage { background: #00ADD9; box-shadow: 0 0 2px #fff, 0 1px 2px #555; height: 5px; left: 0; position: fixed; width: 0; z-index: 2147483644; }

/*** Small alert */
#tarteaucitronAlertSmall { background: rgba(160, 159, 159, 0.85); bottom: 0; display: none; padding: 0; position: fixed; left: 0; text-align: center; width: auto; z-index: 2147483646; }

#tarteaucitronAlertSmall #tarteaucitronManager { color: #fff; cursor: pointer; display: inline-block; font-size: 11px !important; padding: 8px 10px 8px; }

#tarteaucitronAlertSmall #tarteaucitronManager:hover { background: rgba(255, 255, 255, 0.05); }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot { background-color: gray; border-radius: 5px; display: block; height: 8px; margin-bottom: 1px; margin-top: 5px; overflow: hidden; width: 100%; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed { display: block; float: left; height: 100%; width: 0%; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen { background-color: #fff; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow { background-color: #FBDA26; }

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed { background-color: #9C1A1A; }

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber { background: rgba(255, 255, 255, 0.2); color: #fff; cursor: pointer; display: inline-block; font-size: 30px; padding: 0px 10px; vertical-align: top; }

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover { background: rgba(255, 255, 255, 0.3); }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer { display: none; max-height: 70%; max-width: 500px; position: fixed; right: 400px; width: 100%; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList { background: #fff; border: 2px solid #333; color: #333; font-size: 11px; height: auto; overflow: auto; text-align: left; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList b { color: #333; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle { background: #333; margin-top: 21px; padding: 13px 0 9px 13px; text-align: left; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle b { color: #fff; font-size: 16px; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain { background: rgba(51, 51, 51, 0.1); padding: 7px 5px 10px; word-wrap: break-word; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover { background: rgba(51, 51, 51, 0.2); }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a { color: #333; text-decoration: none; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft { display: inline-block; width: 50%; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a b { color: darkred; }

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight { color: #333; display: inline-block; font-size: 11px; margin-left: 10%; vertical-align: top; width: 30%; }

/*** Fallback activate link */
.tac_activate { background: #333; color: #fff; display: table; font-size: 12px; height: 100%; line-height: initial; margin: auto; text-align: center; width: 100%; }

.tac_float { display: table-cell; text-align: center; vertical-align: middle; }

.tac_activate .tac_float b { color: #fff; }

.tac_activate .tac_float .tarteaucitronAllow { background-color: #1B870B; display: inline-block; }

/*** CSS for services */
ins.ferank-publicite, ins.adsbygoogle { text-decoration: none; }

div.amazon_product { height: 240px; width: 120px; }

/*** Responsive layout for the control panel */
@media screen and (max-width: 479px) { #tarteaucitron .tarteaucitronLine .tarteaucitronName { width: 90% !important; }
  #tarteaucitron .tarteaucitronLine .tarteaucitronAsk { float: left !important; margin: 10px 15px 5px; }
  #tarteaucitronRoot { left: 0; position: static; right: 0; top: 0; width: 100%; }
  #tarteaucitronAlertSmall { background: rgba(160, 159, 159, 0.85); bottom: 0; display: none; padding: 0; left: 0; text-align: center; width: 100%; position: static; }
  #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { background: rgba(160, 159, 159, 0.85); color: #fff; cursor: pointer; display: inline-block; font-size: 16px; padding: 5px 10px; text-decoration: none; margin-left: 7px; }
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen { background-color: #fff; } }

@media screen and (max-width: 767px) { #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron { background: #fff; border: 0 !important; bottom: 0 !important; height: 100% !important; left: 0 !important; margin: 0 !important; max-height: 100% !important; max-width: 100% !important; top: 0 !important; width: 100% !important; }
  #tarteaucitron .tarteaucitronBorder { border: 0 !important; }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList { border: 0 !important; }
  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle { text-align: left !important; }
  #tarteaucitronRoot { left: 0; position: static; right: 0; top: 0; width: 100%; }
  #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { background: rgba(160, 159, 159, 0.85); color: #fff; cursor: pointer; display: inline-block; font-size: 16px; padding: 5px 10px; text-decoration: none; margin-left: 7px; }
  #tarteaucitronAlertSmall { background: rgba(160, 159, 159, 0.85); bottom: 0; display: none; padding: 0; left: 0; text-align: center; width: 100%; position: static; }
  #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen { background-color: #fff; } }
/*# sourceMappingURL=style_custom.css.map */