@charset "UTF-8";
/*------------------------------
	Button Styles
------------------------------*/
.btn { color: #EE8A01; box-shadow: none; display: inline-block; padding: 7px 15px; text-shadow: none; transition: all 0.4s ease 0s; background: transparent; border-color: transparent; letter-spacing: 0.15em; border-radius: 0; }

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

button:focus { outline: none; }

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

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

.btn-primary { font-size: 14px; border-radius: 0; color: #EE8A01; padding: 11px 39px; background: transparent; border-color: #EE8A01; border-width: 1px; font-weight: bolder; position: relative; }

.btn-primary:after { content: ""; position: absolute; right: 0; top: 50%; width: 24px; height: 1px; background: #EE8A01; transform: translateY(-50%); }

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

.btn-primary:hover:after, .btn-primary:focus:after { background: #fff; }

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

.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: 0; padding: 7px 30px; background-color: #ebebeb; color: #333; border-color: #ebebeb; font-size: 14px; }

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

.shopbtn { color: #2e2e2e; 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 #2e2e2e; display: inline-block; position: absolute; right: 0; }

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

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

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

.shopbtn:hover::after { background: #EE8A01; }

.color__turquoise .shopbtn:hover { color: #2e2e2e; }

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

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

a { color: #35525d; outline: none; }

a:hover, a:focus { color: #EE8A01; }

.bradcaump-content { display: none; }

.bg-secondary { background-color: #ebebeb !important; color: #333 !important; }

.text-white-hover { color: #2e2e2e; }

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

.input__box { outline: solid #fff thin; }

.input__box input { outline: none; }

.ya-field__select { background: #ededed; outline: solid #ededed thin; }

.fotorama__thumb-border { border-color: #ee8a00; }

body { letter-spacing: 2px; }

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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 2; }

.post_content h4, .txtNormal h4, .product__info__main h4, .depiction h4 { font-size: 26px; line-height: 1.6; font-family: Abel, "Microsoft JhengHei", sans-serif; color: #2e2e2e; font-weight: normal; letter-spacing: 3px; margin-top: 20px; margin-bottom: 10px; position: relative; padding-left: 25px; }

.post_content h4:before, .txtNormal h4:before, .product__info__main h4:before, .depiction h4:before { content: ""; width: 6px; height: 24px; background: #ee8a00; position: absolute; top: 7px; left: 0; }

.post_content h5, .txtNormal h5, .product__info__main h5, .depiction h5 { font-size: 18px; color: #EE8A01; line-height: 2; margin-bottom: 10px; letter-spacing: 3px; font-weight: normal; border: solid #EE8A01 thin; padding: 0 5px; display: inline-block; }

.post_content h6, .txtNormal h6, .product__info__main h6, .depiction h6 { font-size: 18px; color: #EE8A01; line-height: 1.8; margin-bottom: 10px; letter-spacing: 3px; font-weight: normal; }

.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: 0; list-style: none; margin-bottom: 30px; }

.post_content ul li, .txtNormal ul li, .product__info__main ul li, .depiction ul li { position: relative; padding-left: 17px; }

.post_content ul li:before, .txtNormal ul li:before, .product__info__main ul li:before, .depiction ul li:before { content: "■"; position: absolute; top: 3px; left: 0; color: #ee8a01; font-size: 12px; vertical-align: middle; }

.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: 16px; }

.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 th { background: #191919; color: #fff; white-space: nowrap; }

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

.rl-in-gtuttable th { background: #6a6868; color: #fff; vertical-align: middle; min-width: 80px; }

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

.twin-in-gtuttable th { background: #191919; color: #fff; }

@media (max-width: 575px) { .logo img { height: auto; } }

.post_content > .row { margin-bottom: 5rem; }

@media (max-width: 767px) { .post_content > .row { margin-bottom: 2rem; } }

@media (max-width: 575px) { .post_content > .row { margin-bottom: 3rem; } }

.post_content > .row:last-child { margin-bottom: 0; border-bottom: none; }

.section-padding--lg { padding: 74px 0; }

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

.post-society-graf { margin-top: 5rem; }

/*boostrap 影片設定*/
.embed-responsive.embed-responsive-21by9 { width: 100%; height: 100%; }

a#scrollUp { border-radius: 0; padding: 10px 0; font-size: 17px; color: #fff; background-color: #EE8A01; border-color: #EE8A01; bottom: 0; right: 0; width: 120px; box-shadow: none; }

a#scrollUp:hover, a#scrollUp:focus { color: #EE8A01; background: #fff; }

span.brd-separetor { width: 10px; height: 1px; display: inline-block; vertical-align: middle; background: #ee8a00; }

.mainmenu__nav .meninmenu > li > a, .mainmenu__nav .meninmenu > li > .li-menu { min-width: 134px; height: 40px; font-size: 17px; position: relative; flex-direction: column; overflow: hidden; }

@media (max-width: 1199px) { .mainmenu__nav .meninmenu > li > a, .mainmenu__nav .meninmenu > li > .li-menu { font-size: 15px; min-width: 117px; } }

.mainmenu__nav .meninmenu > li > a .subname, .mainmenu__nav .meninmenu > li > .li-menu .subname { transform: translateY(-100%); transition: all 0.3s; }

.mainmenu__nav .meninmenu > li > a:hover .subname, .mainmenu__nav .meninmenu > li > a:focus .subname, .mainmenu__nav .meninmenu > li > .li-menu:hover .subname, .mainmenu__nav .meninmenu > li > .li-menu:focus .subname { transform: translateY(0); }

.mainmenu__nav .meninmenu > li > a:hover .name, .mainmenu__nav .meninmenu > li > a:focus .name, .mainmenu__nav .meninmenu > li > .li-menu:hover .name, .mainmenu__nav .meninmenu > li > .li-menu:focus .name { transform: translateY(100%); }

.style-title { position: absolute; top: 0; left: 0; text-align: center; width: 100%; line-height: 40px; text-transform: uppercase; }

.style-title.name.style-title { position: relative; }

.mainmenu__nav .meninmenu { justify-content: center; }

.mean-container .mean-nav ul li { overflow: hidden; }

.mean-container .mean-nav ul li li { border-top: 1px solid #b3b3b3; }

.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li .li-menu, .mean-container .mean-nav ul li .li-title-menu { letter-spacing: 3px; text-indent: 3px; font-size: 16px; position: relative; padding: 1rem 30px 1rem 40px !important; }

.mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li .li-menu.mean-expand, .mean-container .mean-nav ul li .li-title-menu.mean-expand { height: 100vh; color: #ffffff; }

.mean-container .mean-nav ul li a.mean-expand:before, .mean-container .mean-nav ul li .li-menu.mean-expand:before, .mean-container .mean-nav ul li .li-title-menu.mean-expand:before { display: none; }

.mean-container .mean-nav ul li a:before, .mean-container .mean-nav ul li .li-menu:before, .mean-container .mean-nav ul li .li-title-menu:before { content: ""; width: 10px; height: 1px; background: #f2900e; position: absolute; top: 50%; left: 17px; transform: translateY(-50%); }

.mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li a:focus, .mean-container .mean-nav ul li .li-menu:hover, .mean-container .mean-nav ul li .li-menu:focus, .mean-container .mean-nav ul li .li-title-menu:hover, .mean-container .mean-nav ul li .li-title-menu:focus { color: #fff; border-left: none; background: rgba(255, 255, 255, 0.1); padding-top: 0.6rem; padding-bottom: 0.6rem; }

.mean-container .mean-nav ul li a.mean-expand:hover, .mean-container .mean-nav ul li a.mean-expand:focus { background: rgba(255, 255, 255, 0.1); color: #fff; }

.meninmenu li.drop .megamenu.dropdown { width: 143px; }

.meninmenu li.drop:hover .megamenu { top: 100%; }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li { border-bottom: 1px solid #e7e7e7; position: relative; }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li:before { content: ""; width: 22px; background: #f18f0f; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li:hover, .mainmenu__nav .meninmenu li.drop .megamenu .item > li:focus { background: #EE8A01; }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li:hover:before, .mainmenu__nav .meninmenu li.drop .megamenu .item > li:focus:before { background: #fff; }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li a, .mainmenu__nav .meninmenu li.drop .megamenu .item > li .li-menu { padding: 10px 20px 10px 40px; }

.mainmenu__nav .meninmenu li a:hover, .mainmenu__nav .meninmenu li .li-menu:hover, .mainmenu__nav .meninmenu li .li-title-menu:hover { color: #fff; background: rgba(242, 144, 14, 0.7); border: solid #ee8a00 thin; }

.meninmenu li ul a:hover, .meninmenu li ul a:focus { color: #fff; background: #f2900e; }

.nav-menu nav .meninmenu > li:last-child a { padding-right: 20px; }

.nav-menu nav .meninmenu > li > a { padding: 5px 20px; }

@media (max-width: 1199px) { .nav-menu nav .meninmenu > li > a { padding: 5px 10px; } }

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

.mean-container .mean-nav > ul { background: rgba(25, 25, 25, 0.9); margin-top: 0; width: 100%; padding-top: 80px; }

.mean-container .mean-nav > ul > li > a, .mean-container .mean-nav > ul > li > .li-menu { padding: 13px 30px; }

.js-banner { -webkit-filter: blur(5px); filter: blur(5px); }

#nav-logo { margin-left: -100%; transition: all 0.5s ease; }

.logo { z-index: 3; }

.logo a { padding: 7px 0; }

.header__area { transition: all 0.5s; }

.is-sticky #wn__header { background: rgba(56, 54, 53, 0.75); }

.is-sticky #nav-logo { margin-left: 0; }

.is-sticky .mainmenu__nav .meninmenu { justify-content: flex-end; }

#mainbanner .slide, #mobile_banner .slide { display: block; }

#mainbanner .slide_bg, #mobile_banner .slide_bg { background: #224656; }

#mainbanner .slider_text, #mobile_banner .slider_text { top: 50%; left: 50%; transform: none; z-index: 2; transform: translate3d(-50%, 0, 0); position: relative; }

#mainbanner .mbr-fullscreen, #mobile_banner .mbr-fullscreen { background-size: cover; background-position: center; }

#mainbanner a, #mobile_banner a { color: #fff; }

#mainbanner img.banner-logo, #mobile_banner img.banner-logo { height: 228px; width: auto; margin: 0 auto 3rem; }

@media (max-width: 767px) { #mainbanner img.banner-logo, #mobile_banner img.banner-logo { height: 155px; margin-bottom: 0; } }

#mainbanner .slider__content, #mobile_banner .slider__content { padding-top: 95px; max-width: 1100px; margin: 0 auto; text-align: center; padding: 0 15px; }

@media (max-width: 575px) { #mainbanner .slider__content, #mobile_banner .slider__content { padding-top: 20px; } }

#mainbanner .slider__content h1, #mobile_banner .slider__content h1 { font-size: 18px; font-weight: normal; letter-spacing: 3px; line-height: 1.4; }

@media (max-width: 575px) { #mainbanner .slider__content h1, #mobile_banner .slider__content h1 { font-size: 20px; line-height: 1.4; } }

#mainbanner .slider__content h2, #mobile_banner .slider__content h2 { font-size: 17px; font-weight: normal; font-family: Abel, "Microsoft JhengHei", sans-serif; letter-spacing: 2px; line-height: 1.4; margin-top: 1rem; color: #fff; }

@media (max-width: 575px) { #mainbanner .slider__content h2, #mobile_banner .slider__content h2 { font-size: 14px; } }

#mainbanner .slider__content h2:before, #mobile_banner .slider__content h2:before { display: none; content: ""; width: 50px; height: 1px; background: #fff; margin-right: 10px; letter-spacing: 2px; }

@media (max-width: 575px) { #mainbanner .slider__content h2:before, #mobile_banner .slider__content h2:before { width: 30px; } }

.wenro__blog { padding: 0; }

.a-banner { width: 100%; position: absolute; left: 0; top: 0; z-index: 1; }

.banner--8 { overflow: hidden; }

.banner--8 .thumb { position: absolute; width: 100%; height: 100%; z-index: 2; background-size: cover; background-attachment: fixed; background-position: center; }

@media (max-width: 991px) { .banner--8 .thumb { opacity: 0.2; } }

.banner--8 .content { position: relative; padding-top: 10rem; padding-bottom: 16rem; padding-left: 15px; padding-right: 15px; top: 0; transform: none; }

@media (max-width: 991px) { .banner--8 .content { padding-top: 3rem; padding-bottom: 10rem; } }

.banner--8 .content p { margin: 0 auto; }

.banner--8 .content .version_title { font-size: 40px; font-weight: normal; letter-spacing: 3px; pointer-events: auto; }

.banner--8 .content .banner--8 .content .version_title { pointer-events: auto; }

.banner--8 .content .description { pointer-events: auto; max-width: 1170px; }

@media (max-width: 1200px) { .banner--8 .content .description { max-width: 767px; } }

.banner--8 .content .description p { display: block !important; font-size: 17px !important; margin: 0 auto; }

#index-brand { background: url(/assets/frontend/images/index/bg_brand01.jpg); }

#index-brand .arrows_style { padding: 0 97px; }

@media (max-width: 575px) { #index-brand .arrows_style { padding: 0 60px; } }

#index-brand .owl-dots { margin-top: 10px; }

.index-brand-li a { height: 150px; width: auto; padding: 0 20px; display: flex; justify-content: center; align-items: center; margin: 0 auto; }

.index-brand-li img { max-width: 100%; max-height: 100%; }

#index-case { padding-left: 8%; padding-right: 8%; margin-bottom: 8rem; margin-top: -6rem; position: relative; z-index: 2; }

.in-index-case { color: #fff; position: relative; padding: 5rem; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden; }

@media (max-width: 1200px) { .in-index-case { padding: 2rem 1rem; } }

@media (max-width: 575px) { .in-index-case { padding: 3rem 1rem; } }

.in-index-case:before { content: ""; width: 100%; height: 100%; position: absolute; background: #000; opacity: 0.6; left: 0; top: 0; z-index: 1; }

.in-index-case:hover .img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transformscale: 1.1; -o-transform: scale(1.1); -ms-transform: scale(1.1); }

.in-index-case .img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.5s ease; background-size: cover; background-position: center center; }

.in-index-case .content { position: relative; z-index: 2; }

.in-index-case .title { font-size: 24px; letter-spacing: 3px; margin-bottom: 1rem; }

.arrows_style.owl-theme .owl-nav [class*="owl-"] { background: transparent; box-shadow: none; font-size: 48px; border: none; }

.ft_name { color: #f2900e; margin-bottom: 1rem; font-size: 24px; }

.footer-static-top { padding: 3rem 15px; }

.footer__home .copyright { padding-top: 0; }

.footer__home .footer__widget .footer__content a:hover, .footer__home .footer__widget .footer__content a:focus { color: #EE8A01; }

.banner_col { margin-top: 0; height: 250px; background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; }

@media (max-width: 575px) { .banner_col { background-size: 163%; background-position: top center; height: 150px; } }

.fotorama__nav { text-align: left; }

.page-about .post_content { margin-top: 3rem; }

@media (max-width: 575px) { .annex-block > .btn { width: 100%; margin-bottom: 15px; } }

/*
.page-blog,
.wn_contact_area,
.maincontent,
.page-shop-sidebar {
    background: rgba(255, 255, 255, 0.95);
    position: relative;
    z-index: 1;
    margin-top: 200px;
    @include sm-width-767 {
        margin-top: 150px;
    }
}

.footer__area {
    position: relative;
    z-index: 1;
}
*/
/*滑下時選單特效*/
.signin { text-align: left; }

.signin label { display: none; }

.wedget__title { border-bottom: none; letter-spacing: 3px; line-height: 1.6; padding-top: 0; padding-bottom: 20px; font-size: 21px; }

.wedget__categories.poroduct--cat { letter-spacing: 3px; }

.wedget__categories.poroduct--cat ul li.active a:after, .wedget__categories.poroduct--cat ul li.active .li-menu:after { background: #fff; }

.wedget__categories.poroduct--cat ul li a, .wedget__categories.poroduct--cat ul li .li-menu { font-size: 16px; padding: 8px 15px; position: relative; }

.wedget__categories.poroduct--cat ul li a:after, .wedget__categories.poroduct--cat ul li .li-menu:after { content: ""; position: absolute; right: 0; top: 50%; width: 24px; height: 2px; background: #EE8A01; transform: translateY(-50%); }

.wedget__categories.poroduct--cat ul li a:hover:after, .wedget__categories.poroduct--cat ul li a:focus:after, .wedget__categories.poroduct--cat ul li .li-menu:hover:after, .wedget__categories.poroduct--cat ul li .li-menu:focus:after { background: #fff; }

.wedget__categories .card-header { border-bottom: 1px solid #e7e7e7; }

.page-header { margin-right: 20px; display: flex; align-items: center; }

.page-header:after { content: ""; width: 15vw; height: 2px; background: #ee8a01; z-index: 1; margin-left: 15px; }

.page-titel { text-align: left; margin-bottom: 2rem; padding-bottom: 1rem; position: relative; letter-spacing: 3px; }

@media (max-width: 767px) { .page-titel { margin-bottom: 0; } }

.bradcaump-content a { letter-spacing: 3px; }

.bradcaump-content a:hover, .bradcaump-content a:focus { color: #ffa800; }

.news_B_list .post__meta { color: #b3b3b3; }

.news_B_list .content { background: #f3f3f3; padding: 23px; height: 100%; }

.news_B_list .content h4 a { color: #000000; }

.news_B_list .blog__btn { margin-top: 1rem; }

.blog_post_li { margin-bottom: 2rem; }

.wenro__blog { padding: 0; box-shadow: none; margin-bottom: 3rem; }

.wenro__blog .content { position: relative; margin-bottom: 15px; margin-top: -37px; }

.wenro__blog .content h4 { margin-bottom: 0; background: #fff; padding-top: 15px; display: inline-block; padding-right: 20px; margin-right: 31px; position: relative; top: 0; font-size: 18px; line-height: 31px; font-weight: normal; letter-spacing: 4px; }

.wenro__blog .content h4 a { font-size: inherit; line-height: inherit; }

.wedget__categories.poroduct--cat ul li a:hover, .wedget__categories.poroduct--cat ul li a:focus { color: #fff !important; background: #EE8A01 !important; }

.list-group-item-in > a { background: #191919; color: #fff; }

.list-group-item-in .list-group a { background: #fff; color: #191919; }

.list-group-item-in .list-group a:hover, .list-group-item-in .list-group a:focus { color: #EE8A01; }

/*動畫*/
.animated { animation-duration: 1s; animation-fill-mode: both; }

.animated.infinite { animation-iteration-count: infinite; }

@keyframes blur { from { transform: scale3d(1.5, 1.5, 1.5); }
  to { transform: scale3d(1); } }

.blur { animation-name: blur; }

@keyframes zoomOut { 0% { -webkit-transform: translateZ(1px) scale(1.3);
    transform: translateZ(1px) scale(1.3);
    opacity: 0;
    transition: 0.5s; }
  100% { -webkit-transform: translateZ(-2px) scale(1);
    transform: translateZ(-2px) scale(1);
    opacity: 1;
    transition: 20s; } }

.zoomOut { animation-name: zoomOut; animation-duration: 3s; }

@keyframes zoomOut-s { from { -webkit-transform: translateZ(2px) scale(1.2);
    transform: translateZ(2px) scale(1.2);
    opacity: 0; } }

.zoomOut-s { animation-name: zoomOut-s; animation-duration: 1s; }

@keyframes saturate { from { -webkit-filter: saturate(0);
    filter: saturate(0);
    transition: 5s; }
  to { -webkit-filter: saturate(1);
    filter: saturate(1);
    transition: 5s; } }

.saturate { animation-name: saturate; animation-duration: 5s; }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { animation-name: fadeIn; }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInUp { animation-name: fadeInUp; }

@keyframes js-nav { from { margin-right: -100%; }
  to { margin-right: 0; } }

.js-nav { animation-name: js-nav; animation-duration: 1s; }

@media only screen and (max-width: 575px) { #mobile_banner h1 { font-size: 10vw; }
  #mobile_banner h2 { font-size: 10vw; } }

/*美編頁*/
.page-blog { position: relative; }

.page-blog:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 300px 300px 0 0; border-color: #f6f6f6 transparent transparent transparent; position: absolute; top: 0; left: 0; }

.in_about_style_img img { margin: 0 !important; }

.font-style-18 { font-size: 18px; color: #EE8A01; }

.post_content > .row.in_about_01 { position: relative; padding-top: 14rem; padding-bottom: 8rem; }

@media (max-width: 991px) { .post_content > .row.in_about_01 { padding-top: 6rem; padding-bottom: 0; } }

@media (max-width: 575px) { .post_content > .row.in_about_01 { padding-top: 48vw; } }

.post_content > .row.in_about_01:before { content: ""; position: absolute; top: 0; }

@media (max-width: 1400px) { .post_content > .row.in_about_01:before { left: 28%; } }

.post_content > .row.in_about_01.in_video { padding-top: 0; padding-bottom: 0; --top: 60px; }

.post_content > .row.in_about_01.in_video:before { width: 200%; height: 100%; top: calc(var(--top)); right: -100%; z-index: -2; background-size: auto 100%; background-position: left top; background-repeat: repeat-x; background-image: url(/storage/system/relationship/pic_relationship-02.jpg); }

.post_content > .row.in_about_01.in_about:before { width: 100%; height: 100%; left: 50%; background-size: 100% auto; background-position: left top; background-repeat: no-repeat; background-image: url(/storage/system/about/in_about-01.png); }

@media (max-width: 575px) { .post_content > .row.in_about_01.in_about:before { left: 0; } }

.post_content > .row.in_about_01.in_histroy { padding-top: 18rem; }

@media (max-width: 991px) { .post_content > .row.in_about_01.in_histroy { padding-top: 6rem; } }

@media (max-width: 575px) { .post_content > .row.in_about_01.in_histroy { padding-top: 15rem; } }

.post_content > .row.in_about_01.in_histroy:before { width: 100%; height: 100%; left: 50%; background-size: 100% auto; background-position: left top; background-size: auto 100%; background-repeat: no-repeat; background-image: url(/storage/system/about/pic_histroy_01.png); }

@media (max-width: 575px) { .post_content > .row.in_about_01.in_histroy:before { left: 0; background-size: 100% auto; } }

#page-blog66 { padding-bottom: 8rem; }

.page-blog66 { position: relative; padding-top: 8rem; padding-bottom: 0; }

@media (max-width: 390px) { .page-blog66 { padding-top: 4rem; } }

.page-blog66:nth-child(1) { padding-top: 9rem; padding-bottom: 9rem; }

@media (max-width: 1199px) { .page-blog66:nth-child(1) { padding-top: 4rem; padding-bottom: 4rem; } }

@media (max-width: 767px) { .page-blog66:nth-child(1) { padding-top: 20rem; padding-bottom: 4rem; } }

.page-blog66 > .container { position: relative; }

.page-blog66 .in_service_step { position: relative; padding-top: 2rem; padding-bottom: 0; }

.page-blog66 .in_service_step:after { border: solid #ddd thin; pointer-events: none; content: ""; position: absolute; width: 90%; height: 100%; right: 15px; }

.page-blog66 .in_service_step .step { background: #ee8a01; position: absolute; top: 0; left: 15px; font-size: 18px; color: #fff; text-align: center; line-height: 38px; border: solid #fff 57px; box-sizing: content-box; border-top: none; border-left: none; z-index: 1; }

@media (max-width: 767px) { .page-blog66:nth-child(1) { padding-top: 48vw; padding-bottom: 0; } }

.page-blog66:nth-child(1):before { content: ""; position: absolute; width: 59%; height: 100%; top: 0; right: 0; background-size: 100% auto; background-position: right center; background-repeat: no-repeat; background-image: url(/storage/system/about/in_service-01.png); }

@media (max-width: 1199px) { .page-blog66:nth-child(1):before { width: 50%; background-size: auto 100%; background-position: 32% center; } }

@media (max-width: 767px) { .page-blog66:nth-child(1):before { width: 100%; background-size: 100% auto; background-position: right center; height: 52vw; } }

@media (max-width: 575px) { .page-blog66:nth-child(1):before { width: 100%; background-size: 100% auto; height: 52vw; } }

@media (max-width: 575px) { .page-blog66:nth-child(1) { width: 100%; background-position: right top; } }

.in_service_title { background: #fff; position: relative; z-index: 1; }

ul.in_service_li { display: flex; flex-wrap: wrap; max-width: 564px; width: 100%; padding-top: 2rem; padding-bottom: 2rem; padding-left: 15px; padding-right: 15px; margin-bottom: 0 !important; margin: 0 auto; }

@media (max-width: 767px) { ul.in_service_li { padding-top: 0; padding-bottom: 0; max-width: 370px; display: block; } }

ul.in_service_li li { margin-right: 57px; }

@media (max-width: 767px) { ul.in_service_li li { margin-right: 0; } }

.in_service_title { background: #fff; position: relative; display: inline-block; z-index: 2; padding-bottom: 15px; }

.in_service_title:before { top: 26px; left: 0; }

.post_content > .row.in_about_03 .in_about_style_text { margin-top: 65px; }

@media (max-width: 991px) { .post_content > .row.in_about_03 .in_about_style_text { margin-top: 0; } }

.in_about_style_img.right img { margin-left: auto !important; }

@media (max-width: 767px) { .in_about_style_img.right img { margin-left: 0 !important; } }

.in_about_style_p { position: relative; z-index: 1; padding-top: 0; padding-bottom: 30px; }

@media (max-width: 575px) { .in_about_style_p { padding-bottom: 0; } }

.in_about_style_p h1, .in_about_style_p h2, .in_about_style_p h3, .in_about_style_p h4, .in_about_style_p h5, .in_about_style_p h6, .in_about_style_p p { position: relative; z-index: 1; }

.in_about_style_p.left:before, .in_about_style_p.right:before { content: ""; position: absolute; top: 0; background: #fff; height: 100%; }

.in_about_style_p.left img { position: relative; z-index: 1; }

.in_about_style_p.left:before { left: 0; width: calc(100% + 100px); }

.in_about_style_p.right { margin-left: -67px; padding-top: 30px; }

@media (max-width: 991px) { .in_about_style_p.right { margin-left: -30px; } }

@media (max-width: 767px) { .in_about_style_p.right { margin-left: 0; } }

.in_about_style_p.right:before { right: 0; width: calc(100% + 60px); }

@media (max-width: 991px) { .in_about_style_p.right:before { width: calc(100% + 30px); padding-top: 10px; margin-top: 30px; } }

.product-relationship .in-gtutblock { margin-bottom: 30px; }

.product-relationship .in-gtutblock > div { background: #fbfbfb; padding: 15px; height: 100%; word-break: break-all; }

.product-relationship .in-gtutblock > div p { margin: 0; position: relative; padding-left: 56px; }

.product-relationship .in-gtutblock > div p .a { display: block; position: absolute; left: 0; top: 0; }

.brand-img { text-align: center; height: 150px; width: 100%; }

.brand-img img { max-width: 100%; max-height: 100%; }

.history-introduction { display: flex; background: #F2F2F2; padding: 40px 30px 0; }

@media (max-width: 991px) { .history-introduction { padding: 40px 15px 0; } }

@media (max-width: 767px) { .history-introduction { padding: 30px 15px 0; flex-wrap: wrap; justify-content: center; } }

.li-history-introduction { width: calc(100% / 5); text-align: center; border-right: solid #D4D4D4 thin; padding: 0 15px; margin-bottom: 30px; }

@media (max-width: 767px) { .li-history-introduction { width: calc(100% / 3); } }

@media (max-width: 575px) { .li-history-introduction { width: 100%; border-right: none; border-bottom: solid #D4D4D4 thin; } }

.li-history-introduction img { height: 60px; width: auto; margin-bottom: 7px; }

.li-history-introduction h6 { margin-bottom: 0; }

.li-history-introduction p { line-height: 1.4; font-size: 12px; margin: 0; text-transform: uppercase; min-height: 32px; display: flex; align-items: center; justify-content: center; }

.li-history-introduction:last-child { border-right: none; }

@media (max-width: 575px) { .li-history-introduction:last-child { border-bottom: none; } }

@media (max-width: 767px) { .li-history-introduction:nth-child(3) { border-right: none; } }

.origin-histroy table td, .origin-histroy table th { border: none; padding: 2rem 15px; vertical-align: middle; }

.origin-histroy { font-size: 18px; }

.origin-histroy tr { border-bottom: dashed #bababa thin; vertical-align: middle; }

.origin-histroy tr:last-child { border-bottom: none; }

.origin-histroy table th { color: #ee8a00; font-size: 24px; font-weight: normal; text-align: center; }

@media (max-width: 575px) { .origin-histroy table th { display: block; width: 100%; padding: 15px 0 0; } }

@media (max-width: 575px) { .origin-histroy table td { display: block; width: 100%; padding: 0 0 15px; text-align: center; } }

.product-relationship { margin-top: 100px; }

.product-relationship .in-gtutblock { margin-bottom: 92px; }

.product-relationship .in-gtutblock > div { box-shadow: none; border: 1px solid #DDDDDD; padding: 50px 30px; padding-bottom: 80px; background: #fff; }

.product-relationship .in-gtutblock .blog__btn { margin-top: 34px; }

.product-relationship .in-gtutblock .blog__btn .btn { width: 80%; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); }

.product-relationship .brand-img { height: 90px; }

.product-relationship .brand-img:after { content: ""; display: block; border: 1px solid #EE8A01; width: 43px; position: absolute; top: 102px; }

.product-relationship .brand-img img { position: absolute; top: -72px; left: 25px; width: 220px; background-color: #fff; }

/*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: #191919; 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: Abel, "Microsoft JhengHei", sans-serif; font-size: 16px !important; }

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

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { background: #EE8A01; 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: #EE8A01; 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 */