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

button:focus { outline: none; }

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

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

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

.btn-primary { font-size: 16px; border-radius: 50px; color: #fff; padding: 10px 40px; background: #EF0000; border-color: #EF0000; }

.btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #333; border-color: #333; box-shadow: none; }

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

.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: 16px; border-radius: 50px; padding: 10px 40px; background-color: #cecece; color: #333; border-color: #ebebeb; font-size: 16px; }

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

.download_table .btn-secondary { padding: 6px 26px; }

.btn.btn-light { font-size: 16px; color: #EF0000; background-color: #f3f3f3; border-color: #EF0000; }

.btn.btn-light:hover, .btn.btn-light:focus { color: #fff; background-color: #EF0000; border-color: #EF0000; }

.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: #EF0000; left: 10px; }

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

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

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

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

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

body { letter-spacing: 0.03vw; font-size: 16px; }

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

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

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

.table thead th { vertical-align: middle; }

td.td-Top { background: #2e2e2e; color: #fff; vertical-align: middle; font-size: 16px; font-weight: bold; }

.post_content h4, .txtNormal h4, .description h4 { font-size: 24px; line-height: 1.6; font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; color: #2e2e2e; font-weight: bold; letter-spacing: 0.1vw; margin-top: 10px; margin-bottom: 10px; position: relative; padding-left: 30px; }

.post_content h4:before, .txtNormal h4:before, .description h4:before { position: absolute; content: ""; background-image: url("../images/index/title-img.png"); background-repeat: no-repeat; width: 25px; height: 25px; top: 5px; left: 0; }

.post_content h5, .txtNormal h5, .description h5 { font-size: 20px; font-weight: bold; color: #EF0000; line-height: 1.6; margin-bottom: 10px; letter-spacing: 0.1vw; }

.post_content h6, .txtNormal h6, .description h6 { font-size: 16px; color: #555; line-height: 1.6; background: #f3f3f3; padding: 4px 12px; font-weight: bold; display: inline-block; margin-bottom: 10px; letter-spacing: 0.05vw; border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; }

.post_content p, .txtNormal p, .description p { margin-bottom: 10px; }

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

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

.post_content li, .txtNormal li, .description li { font-size: 14px; margin-bottom: 5px; }

table { border: solid #f3f3f3 thin; width: auto; }

table thead th { background: #2e2e2e; color: #fff; vertical-align: middle; font-size: 16px; white-space: nowrap; padding: 0.75rem; }

table th, table td { padding: 6px 10px; border: 1px solid #f3f3f3; }

table tbody tr:nth-child(odd) { background: #f8f8f8; }

.h-in-gtuttable th { background: #2e2e2e; color: #fff; }

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

.h-in-gtuttable table td, .h-in-gtuttable table th { vertical-align: middle; }

.rl-in-gtuttable th { background: #2e2e2e; color: #fff; width: 200px; }

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

.dl-horizontal { margin-top: 0; margin-bottom: 20px; }

@media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }

@media (min-width: 768px) { .dl-horizontal dd { margin-left: 180px; } }

.dl-horizontal dt, .dl-horizontal dd { line-height: 1.42857143; }

.history-text .dl-horizontal dt { background-color: rgba(106, 106, 106, 0.75); padding: 5px 10px; color: #ffffff; }

@media (max-width: 767px) { .history-text .dl-horizontal dt { margin-bottom: 5px; } }

.history-text .dl-horizontal dd { padding: 5px 0px; }

@media (max-width: 767px) { .history-text .dl-horizontal dd { padding: 0px 0px 5px; } }

.history-text dt, .history-text dd { margin-bottom: 15px; }

.logo a { padding: 8px 0; }

@media (max-width: 575px) { #nav-logo img { width: 160px; } }

#mainbanner { position: relative; }

#mainbanner .contentbox { color: #fff; }

#mainbanner p { font-size: 14px; letter-spacing: 0.1em; line-height: 24px; }

.is-sticky #wn__header { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }

.header__area { border-bottom: 3px #EF0000 solid; }

.header__area .container-fluid { padding: 0 6vw; }

@media (min-width: 992px) and (max-width: 1199px) { .header__area .container-fluid { padding: 0 3vw; } }

#navtool { display: none; }

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

.signin label { display: none; }

.version_list_06 { background: #ddd; }

.mainmenu__nav .meninmenu > li > a:hover, .mainmenu__nav .meninmenu > li > a:focus { background-color: #EF0000; color: #fff; }

.mainmenu__nav .meninmenu > li > .li-menu:hover, .mainmenu__nav .meninmenu > li > .li-menu:focus { background-color: #EF0000; color: #fff; }

.mainmenu__nav .meninmenu ul li.label2 > a:after { right: 15px; }

.mainmenu__nav .meninmenu li a, .mainmenu__nav .meninmenu li .li-menu, .mainmenu__nav .meninmenu li .li-title-menu { font-size: 16px; }

.mainmenu__nav .meninmenu li.label2 ul { padding: 20px 6px; width: 260px; }

.mainmenu__nav .meninmenu li.label2 ul li a { line-height: 20px; }

.mainmenu__nav .meninmenu li.drop.active > a { background-color: #ef0216; color: #fff; }

.mainmenu__nav .meninmenu li.drop .megamenu { left: auto; right: 0; }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li a { position: relative; padding: 5px 5px 5px 25px; letter-spacing: 0.1vw; }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li a:before { content: ""; position: absolute; width: 20px; height: 2px; top: calc(50% - 1px); left: -7px; background-color: #ef0216; border-radius: 50px; }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li a:after { content: ""; position: absolute; background-color: #fff; border: 2px #ef0216 solid; width: 8px; height: 8px; left: -8px; top: calc(50% - 4px); border-radius: 50px; transition: all 0.4s ease 0s; opacity: 0; }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li a:hover:after { left: 8px; opacity: 1; }

.meninmenu li.drop .megamenu { padding: 20px 6px; }

.meninmenu li.drop .megamenu ul.item { margin-bottom: 0; }

.meninmenu li.drop .megamenu .item.item04 { flex-basis: 33%; }

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

.nav-menu nav .meninmenu > li > a { position: relative; letter-spacing: 0.1vw; white-space: nowrap; }

@media (min-width: 992px) and (max-width: 1199px) { .nav-menu nav .meninmenu > li > a { padding-bottom: 2.5rem; padding-top: 2.5rem; } }

.nav-menu nav .meninmenu > li > a:after { content: ""; position: absolute; background-image: url("../images/index/title-img-w.png"); width: 15px; height: 70px; top: -45px; left: calc(50% - 5.5px); background-size: 60%; background-repeat: no-repeat; transition: all 0.4s ease 0s; opacity: 0; }

.nav-menu nav .meninmenu > li > a:hover:after { top: -6px; opacity: 1; }

/*手機版 漢堡選單*/
.mobileMenu_nav .menu_ul > li > a, .mobileMenu_nav .menu_ul > li > .menu_div > a { padding: 15px 15px 15px 30px; }

.mobileMenu_nav .menu_ul > li > .menu_ul_sub > li > a { padding: 15px 15px 15px 45px; }

.mobileMenu_nav li a, .mobileMenu_nav li .li-menu { font-weight: bold; letter-spacing: 0.3vw; }

.menu-list ul li ul { background: rgba(0, 0, 0, 0.05); }

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

/*首頁 banner和 相關事業體系*/
.bg-bn-service { position: relative; margin-top: 105px; }

@media (max-width: 991px) { .bg-bn-service { margin-top: 101px; } }

@media (max-width: 575px) { .bg-bn-service { margin-top: 90px; } }

.group-banner { background-image: url("/storage/system/banner/bg-banner.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; height: 100%; }

@media (max-width: 767px) { .group-banner { background-color: #98b2e2; } }

@media (max-width: 575px) { .group-banner { background-size: contain; } }

/*首頁 banner*/
#index_banner, #index_banner_xs { position: absolute; margin: auto; left: 0; right: 0; width: 100%; height: 100%; }

.banner-title { position: relative; text-align: center; top: calc(21% - 123px); }

@media (max-width: 991px) { .banner-title { top: calc(15% - 123px); } }

@media (max-width: 991px) { .banner-title img { padding: 15px 8vw; } }

@media (max-width: 767px) { .banner-title img { padding: 15px 14vw; } }

@media (max-width: 575px) { .banner-title img { padding: 15px 8vw; } }

@media (max-width: 767px) { .banner-title { top: calc(8% - -55px); } }

@media (max-width: 575px) { .banner-title { top: calc(8% - 45px); } }

/*banner輪播*/
.swiper-button-next, .swiper-button-prev { color: #201f29; border-radius: 50px; background-color: rgba(255, 255, 255, 0.7); width: 50px; height: 50px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); top: calc(30% - 25px); transition: 0.3s; }

@media (max-width: 991px) { .swiper-button-next, .swiper-button-prev { top: calc(20% - 25px); } }

@media (max-width: 575px) { .swiper-button-next, .swiper-button-prev { top: calc(10% - 25px); display: none; } }

.swiper-button-next:hover, .swiper-button-prev:hover { color: #ef0216; }

.swiper-button-next:after, .swiper-button-prev:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 24px; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 92vh; }

@media (max-width: 991px) { .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 64vh; } }

@media (max-width: 575px) { .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 52vh; } }

.swiper-pagination-bullet { background: #ccc; opacity: 1; }

.swiper-pagination-bullet-active { background: #ef0216; }

.swiper-button-prev { left: 20px; }

.swiper-button-prev:after { content: "\f104"; }

.swiper-button-next { right: 20px; }

.swiper-button-next:after { content: "\f105"; }

.swiper-pagination-bullet { width: 10px; height: 10px; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; }

/*首頁 相關事業體系*/
#index-service { padding-top: 100vh; position: relative; z-index: 2; pointer-events: none; }

@media (max-width: 991px) { #index-service { padding-top: 70vh; } }

@media (max-width: 575px) { #index-service { padding-top: 59vh; } }

#index-service li { position: relative; pointer-events: auto; }

#index-service li h4.py-2 { color: #fff; }

#index-service li a.clickTag { position: absolute; width: 100%; height: 100%; transition: 0.5s; }

.service-case { margin-bottom: 30px; }

@media (max-width: 575px) { .service-case { margin-bottom: 15px; } }

.service-case .service-bg { background-color: rgba(106, 106, 106, 0.75); height: 100%; padding: 40px 30px; transition: all 0.4s ease 0s; }

@media (max-width: 1460px) { .service-case .service-bg { min-height: 310px; padding: 25px 15px; } }

@media (max-width: 1199px) { .service-case .service-bg { padding: 30px 15px; } }

@media (max-width: 991px) { .service-case .service-bg { padding: 40px 30px; } }

@media (max-width: 767px) { .service-case .service-bg { padding: 25px 15px; min-height: 280px; } }

.service-case .service-bg h4 { letter-spacing: 3px; font-size: 24px; }

.service-case .service-bg p { color: #fff; }

.service-case .service-bg a { transition: all 0.4s ease 0s; color: #fff; }

.service-case .service-bg a:hover { transition: all 0.4s ease 0s; }

.service-case:nth-child(2) .service-bg, .service-case:nth-child(4) .service-bg, .service-case:nth-child(5) .service-bg, .service-case:nth-child(7) .service-bg, .service-case:nth-child(10) .service-bg { background-color: rgba(0, 4, 10, 0.75); }

@media (max-width: 1200px) { .service-case .service-bg { background-color: rgba(0, 4, 10, 0.75); }
  .service-case:nth-child(odd) .service-bg { background-color: rgba(106, 106, 106, 0.75); } }

@media (max-width: 991px) { .service-case:nth-child(2) .service-bg, .service-case:nth-child(3) .service-bg, .service-case:nth-child(6) .service-bg, .service-case:nth-child(7) .service-bg { background-color: rgba(0, 4, 10, 0.75); }
  .service-case:nth-child(1) .service-bg, .service-case:nth-child(4) .service-bg, .service-case:nth-child(5) .service-bg, .service-case:nth-child(8) .service-bg { background-color: rgba(106, 106, 106, 0.75); } }

@media (max-width: 575px) { .service-case:nth-child(2) .service-bg, .service-case:nth-child(4) .service-bg, .service-case:nth-child(6) .service-bg, .service-case:nth-child(8) .service-bg { background-color: rgba(0, 4, 10, 0.75); }
  .service-case:nth-child(1) .service-bg, .service-case:nth-child(3) .service-bg, .service-case:nth-child(5) .service-bg, .service-case:nth-child(7) .service-bg { background-color: rgba(106, 106, 106, 0.75); } }

.service-case:hover .service-bg { background-color: rgba(239, 2, 22, 0.75); }

.index-title h4 { font-size: 36px; letter-spacing: 0.3vw; position: relative; }

.index-title h4:before { content: ""; position: absolute; left: calc(50% - 7.5px); top: -75px; background-repeat: no-repeat; background-size: contain; width: 15px; height: 70px; transition: 0.4s ease-in 0.05s; z-index: 1; }

@media (max-width: 1200px) { .index-title h4 { font-size: 31px; } }

.index-title h5 { font-size: 18px; font-weight: 100; letter-spacing: 3.5px; }

/*首頁 投資人專區*/
#index-investor { background-image: url("../images/index/bg-investor.jpg"); background-position: center right; background-repeat: no-repeat; background-size: cover; overflow: hidden; }

#index-investor .investor-case h4, #index-investor .investor-case h5, #index-investor .investor-case p { color: #fff; }

#index-investor .investor-case h4:before { background-image: url("../images/index/title-img-w.png"); }

@media (max-width: 991px) { #index-investor .investor-case p { margin: 30px 0; } }

.btn-w { border: 1px #fff solid; color: #fff; }

.btn-w:hover, .btn-w:focus { background-color: #fff; border: 1px #fff solid; color: #333; }

a:not([href]):not([tabindex]).btn-w { color: #fff; }

/*首頁 公司治理*/
#index-corporate { position: relative; overflow: hidden; background: #f8f8f8; background: linear-gradient(0deg, #f8f8f8 0%, white 100%); }

#index-corporate:before { content: "Governance"; position: absolute; top: -79px; right: 0; color: #F7F7F7; font-size: 9rem; text-transform: uppercase; z-index: 0; font-family: 'Cormorant Garamond', serif; font-weight: bold; }

#index-corporate .index-title { max-width: 700px; width: 100%; margin: 0 auto; padding: 0 15px; }

@media (max-width: 767px) { #index-corporate .index-title { overflow: hidden; padding-top: 70px; } }

#index-corporate .index-title h4:before { background-image: url("../images/index/title-img-r.png"); width: 15px; height: 282px; top: -291px; }

#index-corporate .index-title h5 { color: #EF0000; }

#index-corporate .index-title p { padding: 30px 0; }

#index-corporate .index-title .description ul { padding-left: 0; list-style: none; }

#index-corporate .index-title .description ul li { border-bottom: 2px #ddd dotted; }

#index-corporate .index-title .description ul li:last-child { border: none; }

#index-corporate .index-title .description ul li a { padding: 14px 0; display: block; font-size: 18px; font-weight: bold; letter-spacing: 0.2vw; }

#index-corporate .box-R { padding-top: 60px; }

@media (max-width: 991px) { #index-corporate .box-R { padding-top: 0px; } }

@media (max-width: 767px) { #index-corporate .box-R { margin-top: 0; padding-top: 0px; } }

.corporate-img { background-image: url("../images/index/governance-img.jpg"); background-size: cover; background-position: center; width: 100%; min-height: 745px; }

@media (max-width: 991px) { .corporate-img { min-height: 800px; } }

@media (max-width: 767px) { .corporate-img { min-height: 400px; background-position: center top; } }

/*首頁 三星旗下公司*/
#index-brand .brand-box { padding: 0 4vw; }

#index-brand .brand-box ul.brand__activation { padding: 0 5vw; }

#index-brand .brand-box img { width: 80%; }

.brand__activation.arrows_style.owl-theme .owl-nav [class*="owl-"] { transform: translateY(-50%); }

/*頁底 footer*/
.footer-static-top { padding: 0; }

.section-padding--lg { padding: 100px 15px; }

.container.page-container { min-height: 700px; }

/*麵包屑*/
.page-header { letter-spacing: 0.3vw; font-size: 36px; position: relative; }

.page-header:before { content: ""; position: absolute; background-color: #EF0000; left: calc(50% - 7px); top: -100px; background-repeat: no-repeat; background-size: contain; width: 2px; height: 90px; transition: 0.4s ease-in 0.05s; z-index: 1; }

.page-header:after { content: ""; position: absolute; border: 2px #EF0000 solid; border-radius: 50px; background-color: #fff; left: calc(50% - 11px); top: -15px; width: 10px; height: 10px; transition: 0.4s ease-in 0.05s; z-index: 1; }

.page-title { margin-bottom: 3.5rem; }

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

/*左側欄*/
.wedget__title { border-bottom: 1px solid #EF0000; margin-bottom: 15px; padding-bottom: 12px; font-size: 22px; font-weight: bold; letter-spacing: 0.1vw; color: #333; }

.wedget__categories .card .card-body.show .card.active > .card-header { background: #ddd; color: #fff; }

.wedget__categories .card .card-body.show .card.active > .card-header a { color: #EF0000; }

.wedget__categories .card .card-body.show .card.active > .card-header a:hover { color: #fff; }

.wedget__categories .card .card-body.show .card.active > .card-header button a { color: #EF0000; }

.wedget__categories #ya-sidebar-menu > .card.active > .card-header > a, .wedget__categories #ya-sidebar-menu > .card.active > .card-header > button { background: #EF0000; }

.wedget__categories.poroduct--cat ul li a { letter-spacing: 0.1vw; font-size: 16px; }

.wedget__categories.poroduct--cat ul li button:hover { color: #EF0000; }

.wedget__categories.poroduct--cat ul li ul li a { padding-left: 26px; line-height: 20px; padding: 12px 10px 12px 15px; }

/*內頁 news_A_list*/
.news_A_list_havechild .blog__post .blog__btn { margin-top: 0rem; }

@media (max-width: 575px) { .news_A_list_havechild .blog__post .blog__btn { margin-top: 1rem; } }

h4.blog_title { margin-top: 8px; }

@media (max-width: 575px) { h4.blog_title { margin-top: 0px; } }

.blog-page .blog__post .content h4 a { letter-spacing: 0.1vw; }

.blog-page .blog__post .content .post__meta { color: rgba(239, 2, 22, 0.75); }

.news_A_list.blog-page .blog__post .blog_title { padding-top: 0px; }

.news_A_list.blog-page .blog__post .blog__btn { margin: auto; }

/*網站地圖 site map*/
.list-group-item-in > a { background: #ef0216; color: #fff; }

.list-group-item-in > a:hover, .list-group-item-in > a:focus { background: #333; color: #fff; }

.list-group-item-in .list-group a { color: #333; }

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

.sitemap .list-group > li > ul > li > ul > li > a { padding-left: 30px; background-color: #f3f3f3; color: #777; }

/*內頁 頁籤*/
.invest_content .buttonBox { border-bottom: 1px #E8E8E8 solid; padding-bottom: 7px; }

.invest_content .buttonBox a { padding: 10px 16px; color: #555; background-color: #E8E8E8; border: 1px #E8E8E8 solid; margin-right: 5px; font-weight: bold; letter-spacing: 0.1vw; }

.invest_content .buttonBox a:hover, .invest_content .buttonBox a:active, .invest_content .buttonBox a:focus { transition: all 0.4s ease 0s; background-color: #ef0216; color: #fff; }

.invest_content .buttonBox a.active { background-color: #ef0216; color: #fff; }

/*內頁 下拉客製*/
.invest_content .title { padding: 10px 0 5px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.invest_content .title h5 { margin-top: 20px; margin-bottom: 10px; padding: 5px 0; font-size: 20px; }

@media (max-width: 767px) { .invest_content .select_month_bg { margin-bottom: 20px; display: block; width: 100%; } }

.invest_content .select_month_bg .select_month { width: 100%; height: auto; position: relative; }

.invest_content .select_month_bg .select_month select { text-align: left; color: #555; letter-spacing: 2px; padding: 6px 20px 6px 10px; height: auto; width: 259px; font-size: 14px; border: 1px solid #e6e6e6; }

@media (max-width: 767px) { .invest_content .select_month_bg .select_month select { display: block; width: 100%; } }

/*內頁 中文list*/
.style-N > ul { padding: 0 0 0 0; }

.style-N ul > li { list-style: none; }

/*內頁 下載表格*/
.invest_content .bt > thead > tr > th:last-child { width: 250px; }

/*內頁 品牌版圖*/
.brand-img { border: 1px #e2e2e2 solid; }

/*內頁 PDF單個檔案直接顯示*/
.PDFBox iframe { height: 100vh; }

.version_menu_08 .upNavStyle { background: #fff; border-top: 3px solid #EF0000; border-bottom: 1px solid #ddd; }

.version_menu_08 .upNavStyle .navtool { border-bottom: none; }

@media (max-width: 575px) { .version_menu_08 .upNavStyle .navtool { border-bottom: none; } }

.version_menu_08 .upNavStyle .navtool .setting__block, .version_menu_08 .upNavStyle .navtool .setting_lang_block { left: 0; right: auto; z-index: 10000; }

@media (max-width: 767px) { .version_menu_08 .upNavStyle .navtool .setting__block, .version_menu_08 .upNavStyle .navtool .setting_lang_block { left: 0px; right: initial; } }

.version_menu_08 .upNavStyle .navtool .form-control:focus { border-color: #aaa; outline: 0; box-shadow: none; }

.version_menu_08 .upNavStyle .navtool .setting_lang_active .lanStyle { font-size: 12px; font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; font-weight: normal; }

.version_menu_08 .upNavStyle .navtool .setting_lang_active i { font-size: 12px; }

.version_menu_08 .upNavStyle a { color: #585858; }

.version_menu_08 .upNavStyle a.gtut-gtm-links.socicon-facebook:hover { color: #3B5998; }

.version_menu_08 .upNavStyle a.gtut-gtm-links.fab.fa-google-plus-g:hover { color: #DD4B39; }

.version_menu_08 .upNavStyle a.gtut-gtm-links.fab.fa-youtube:hover { color: #C4302B; }

.version_menu_08 .upNavStyle a.gtut-gtm-links.fab.fa-twitter:hover { color: #00ACEE; }

.version_menu_08 .upNavStyle a.gtut-gtm-links.fab.fa-instagram:hover { color: #3F729B; }

.version_menu_08 .upNavStyle a.gtut-gtm-links.fab.fa-pinterest-p:hover { color: #C8232C; }

.version_menu_08 .upNavStyle a.gtut-gtm-links.socicon-line:hover { color: #00b400; }

.version_menu_08 .navtool .header__sidebar__right { height: auto; }

.version_menu_08 .mobileMenu_nav > ul { border-top: none; }

.version_menu_08 .mobileMenu_nav .setting__bar__icon span a { border-bottom: 1px solid #ddd; background-color: rgba(0, 0, 0, 0.1); background-color: rgba(47, 47, 47, 0.1); }

.version_menu_08 .mobileMenu_nav .setting__bar__icon span:nth-last-child(1) a { border-bottom: none; }

.version_menu_08 .mobileMenu_nav span.product_qun.ya-cart__count { padding: 3px 7px; background-color: #EF0000; border-radius: 10px; color: #fff; transition: 0.3s; font-size: 14px; }

.version_menu_08 .mobileMenu_nav li a:hover span.product_qun.ya-cart__count { background: #EF0000; }

.version_menu_08 .mobileMenu_nav .form-control:focus { border-color: #aaa; outline: 0; box-shadow: none; }

.version_menu_08 .mobile-nav-btn { border: none; font-size: 27px; z-index: 9999; margin-left: 15px; margin-right: 15px; padding: 0; background: transparent; }

.version_menu_08 .mobile-nav-btn i { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; }

.version_menu_08 .mobileMenu_nav { position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; background: #fff; overflow-y: auto; display: none; }

.version_menu_08 .mobileMenu_nav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); background-color: transparent; }

.version_menu_08 .mobileMenu_nav > ul { border-top: solid #ddd thin; }

.version_menu_08 .mobileMenu_nav li { border-bottom: solid #ddd thin; }

.version_menu_08 .mobileMenu_nav li .btn-addmenu > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #fff; color: #333; }

.version_menu_08 .mobileMenu_nav li .btn-addmenu > div:hover, .version_menu_08 .mobileMenu_nav li .btn-addmenu > div:focus { background: #EF0000; color: #fff; }

.version_menu_08 .mobileMenu_nav li li:last-child { border-bottom: none; }

.version_menu_08 .mobileMenu_nav li li .btn-addmenu:before { content: ""; background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; opacity: 0.1; }

.version_menu_08 .mobileMenu_nav li li .btn-addmenu .js_btn_add { display: flex; }

.version_menu_08 .mobileMenu_nav li a, .version_menu_08 .mobileMenu_nav li .li-menu { display: block; padding: 15px 15px; color: #323334; }

.version_menu_08 .mobileMenu_nav li a:hover, .version_menu_08 .mobileMenu_nav li a:focus, .version_menu_08 .mobileMenu_nav li .li-menu:hover, .version_menu_08 .mobileMenu_nav li .li-menu:focus { color: #EF0000; }

.version_menu_08 .js-nav-btnopen.nav-color { background: #fff; color: #585858; }

.version_menu_08 .menu-list ul { background: rgba(0, 0, 0, 0.1); }

.version_menu_08 .menu-list ul a, .version_menu_08 .menu-list ul .li-menu { color: #333; }

.version_menu_08 .menu-list > div { position: relative; padding-right: 50px; }

.version_menu_08 .menu-list .btn-addmenu { position: absolute; right: 0; top: 0; border: none; border-left: solid #d0d0d0 thin; width: 50px; height: 100%; }

.version_menu_08 .menu-list .btn-addmenu > div { font-size: 20px; }

.version_menu_08 .menu-list > ul { display: none; }

.version_catalog_06.catalog_06MTop_150 { margin-top: -105px; position: relative; z-index: 100; }

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

.version_catalog_06 .up .description { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }

.version_catalog_06 .up { background: #EF0000; padding: 15px; }

.version_catalog_06 figure.effect-ming a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }

.version_catalog_06 figure.effect-ming a img { transition-duration: 0.5s; }

.version_catalog_06 .hoverMore { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); transition-duration: 0.5s; z-index: 5; color: #fff; opacity: 0; }

.version_catalog_06 figure.effect-ming a::before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; transition-duration: 0.5s; z-index: 2; opacity: 0; }

.version_catalog_06 figure.effect-ming a::after { content: ""; display: block; width: 80%; height: 80%; background: rgba(0, 0, 0, 0.5); position: absolute; border: 2px solid #fff; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); transition-duration: 0.5s; z-index: 3; opacity: 0; }

.version_catalog_06 figure.effect-ming a:hover img { transform: scale(1.1); }

.version_catalog_06 figure.effect-ming a:hover .hoverMore { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.version_catalog_06 figure.effect-ming a:hover::before { opacity: 1; }

.version_catalog_06 figure.effect-ming a:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.version_catalog_06 .boxPb { padding-bottom: 15px; }

.version_catalog_07 .in-block { position: relative; padding: 0; }

.version_catalog_07 .title_caption { font-size: 32px; }

@media (max-width: 991px) { .version_catalog_07 .title_caption { font-size: 28px; } }

.version_catalog_07 .down a { display: block; }

.version_catalog_07 .down img { width: 100%; }

.version_catalog_07 .content { position: absolute; padding: 0 20px; left: 0; top: 20px; }

.version_catalog_07 .description { margin-bottom: 10px; }

.version_catalog_09 .boxAbsolute:hover .readMore, .version_catalog_09 .boxAbsolute:hover .content { animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInUp; }

.version_catalog_09 .up { width: 100%; padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% - 30px); padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: absolute; left: 15px; bottom: 0; overflow: hidden; }

.version_catalog_09 .up::before { background-color: #EF0000; bottom: 0; content: ""; left: 0; opacity: 0.5; position: absolute; right: 0; z-index: 1; height: 100%; bottom: 0; }

.version_catalog_09 .up h4 a:hover, .version_catalog_09 .up h4 a:focus { color: #fff; }

.version_catalog_09 .up .content { position: relative; z-index: 1; }

.version_catalog_09 .readMore { position: relative; z-index: 1; font-size: 14px; }

.version_catalog_09 .readMore a { color: #2e2e2e; }

.version_catalog_09 .readMore a:hover, .version_catalog_09 .readMore a:focus { color: #EF0000; }

.version_list_12 .box__product > div { padding: 15px; background-color: #eceef1; }

@media (max-width: 767px) { .version_photo_16_1 .pt--100 { padding-top: 70px; } }

@media (max-width: 767px) { .version_photo_16_2 .pb--100 { padding-bottom: 70px; } }

.version_photo_16_2 .imgBox { max-width: 160px; margin: 0px auto; }

.version_photo_16_2 .imgBox a { display: block; width: 100%; height: 100%; border-radius: 100%; margin: 20px auto 25px; overflow: hidden; position: relative; }

.version_photo_16_2 .imgBox a::after { width: 0%; height: 0%; display: block; content: ""; background-color: #EF0000; opacity: 0.5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; transition-duration: 0.5s; }

.version_photo_16_2 .imgBox a:hover::after { width: 100%; height: 100%; }

.version_photo_17 .title_caption { margin-bottom: 10px; }

.version_photo_17 .outside-in-block { background: url(https://dummyimage.com/1980x600/868a95/a9a9a9); }

@media (max-width: 767px) { .version_photo_17 .outside-in-block { padding: 15px; } }

.version_photo_17 .in-block { background: rgba(255, 255, 255, 0.8); padding: 2rem 2rem 0; }

@media (max-width: 767px) { .version_photo_17 .in-block { padding: 2rem 15px 0; } }

.version_photo_17 .in-block .text { margin-bottom: 2rem; }

.version_photo_17 .in-block .img { margin-bottom: 2rem; }

.version_pages_15 .imgHoverBox { background-color: #E5E6E7; box-sizing: border-box; }

.version_pages_15 .imgHoverBox .effect-ming { padding: 8px; }

.version_pages_15 figure.effect-ming a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }

.version_pages_15 figure.effect-ming a img { transition-duration: 0.5s; }

.version_pages_15 .hoverMore { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); transition-duration: 0.5s; z-index: 5; color: #fff; opacity: 0; }

.version_pages_15 figure.effect-ming a::before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; transition-duration: 0.5s; z-index: 2; opacity: 0; }

.version_pages_15 figure.effect-ming a::after { content: ""; display: block; width: 80%; height: 80%; background: rgba(0, 0, 0, 0.5); position: absolute; border: 2px solid #fff; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); transition-duration: 0.5s; z-index: 3; opacity: 0; }

.version_pages_15 figure.effect-ming a:hover img { transform: scale(1.1); }

.version_pages_15 figure.effect-ming a:hover .hoverMore { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.version_pages_15 figure.effect-ming a:hover::before { opacity: 1; }

.version_pages_15 figure.effect-ming a:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.version_pages_16 .date__time { margin-bottom: 10px; }

.version_pages_16 .in-block { margin-bottom: 2rem; }

.version_pages_16 .img a { border-radius: 500px; overflow: hidden; height: 110px; width: 110px; display: block; background: #f2f2f2; display: flex; align-items: center; justify-content: center; }

.version_pages_16 .description { margin-bottom: 10px; }

.version_footer_03 .ftbar ul.nav-pills li.drop ul { display: none; }

.version_footer_03 .ftbar ul.nav-pills li a { display: block; padding: 5px 10px; position: relative; }

.version_footer_03 .ftbar ul.nav-pills li a::after { content: ""; display: block; width: 100%; height: 10px; position: absolute; border-right: 1px solid #777; right: 0; top: 50%; transform: translateY(-50%); }

.version_footer_03 .ftbar ul.nav-pills li:nth-last-child(1) a::after { display: none; }

.version_footer_03 .ftbar { border-bottom: 1px solid #777; }

/*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 #EF0000 !important; 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 .tarteaucitronAsk .tarteaucitronAllow {
    background: $btn-primary !important;
    color: $btn-primary-icon;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
    background: $btn-secondary;
    color: $btn-secondary-icon;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:focus {
    background: $btn-primary-hover;
    color: $btn-primary-icon-hover;
}

.tarteaucitronDeny[style="background-color: rgb(156, 26, 26);"] {
    background: $btn-primary-hover !important;
    color: $btn-primary-icon-hover !important;
}
*/
#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 { font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; font-size: 14px !important; }

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

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