@charset "UTF-8";
.table-secondary, .table-secondary > td, .table-secondary > th { background: #f3f3f3; }

.post_content h4, .txtNormal h4, .description h4 { font-size: 26px; line-height: 1.4; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; color: #2a7dca; font-weight: bold; letter-spacing: 0px; margin-bottom: 10px; }

.post_content h5, .txtNormal h5, .description h5 { font-size: 20px; line-height: 1.4; margin-bottom: 10px; font-weight: bold; margin-bottom: 10px; color: #2a7dca; }

.post_content h5:before, .txtNormal h5:before, .description h5:before { content: ""; display: inline-block; width: 8px; height: 16px; background-color: #2a7dca; border-radius: 0 16px 16px 0; margin-right: 8px; }

.post_content h6, .txtNormal h6, .description h6 { font-size: 18px; color: #65dbf6; line-height: 1.6; background: rgba(255, 255, 255, 0); font-weight: normal; display: inline-block; margin-bottom: 10px; font-weight: bold; border-bottom: 2px solid #65dbf6; }

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

.post_content ul, .txtNormal ul, .description ul { padding-left: 15px; list-style: none; margin-bottom: 10px; list-style-type: square; font-size: 20px; padding-left: 20px; color: #2a7dca; }

.post_content ul li, .txtNormal ul li, .description ul li { font-size: 14px; }

.post_content ul li:before, .txtNormal ul li:before, .description ul li:before { font-weight: bold; display: inline-block; width: 6px; margin-left: -1em; height: 6px; background-color: #2a7dca; margin-right: 8px; }

.post_content ol, .txtNormal ol, .description ol { padding-left: 15px; margin-bottom: 10px; list-style: none; }

.post_content ol li, .txtNormal ol li, .description ol li { counter-increment: li; }

.post_content ol li:before, .txtNormal ol li:before, .description ol li:before { content: counter(li); color: #2a7dca; display: inline-block; width: 1em; margin-left: -1em; }

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

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

table thead th { background: #2A7DCB; color: #fff; }

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

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

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

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

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

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

#mainbanner { position: relative; padding: 40px; }

@media (max-width: 1199px) { #mainbanner { padding: 25px 20px 20px; } }

#mainbanner .contentbox { color: #fff; }

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

.owl-theme .owl-nav [class*=owl-] { background: none; }

.owl-theme .owl-nav [class*=owl-]:hover { background: none; }

.owl-theme .owl-nav [class*=owl-]:after { display: block; content: ""; width: 157px; height: 250px; background: #fff; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: -1; border-radius: 50%; }

@media (max-width: 767px) { .owl-theme .owl-nav [class*=owl-]:after { height: 150px; } }

@media (max-width: 991px) { .owl-theme .owl-nav [class*=owl-]:after { width: 157px; height: 170px; } }

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

@media (max-width: 1200px) { .owl-theme .owl-nav .owl-prev::after { left: -40px; } }

.owl-theme .owl-nav .owl-next::after { left: 65px; }

@media (max-width: 1200px) { .owl-theme .owl-nav .owl-next::after { left: 85px; } }

.block-bg { height: auto; transform: scale(1); }

.block-bg.is-visible { box-shadow: 5px 5px 10px rgba(112, 112, 112, 0.3); }

.blockmenuLogo a { justify-content: flex-end; }

.blockmenuLogo a img { width: 150px; }

.block-minicart { background: #fff; }

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

.signin label { display: none; }

.version_photo_11 { background: linear-gradient(0deg, #f4f4f4 53%, rgba(255, 255, 255, 0) 100%); }

.version_photo_11 .width-1533 { max-width: 1533px; }

.version_photo_11 .banner_only_image .banner a { height: 100%; position: relative; display: block; }

.version_photo_11 .banner_only_image .banner a::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.5); z-index: 1; top: 0; left: 0; opacity: 0; transition: 0.3s linear; }

.version_photo_11 .banner_only_image .banner a img { height: 100%; object-fit: cover; }

.version_photo_11 .banner_only_image .banner a p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; color: #fff; border-bottom: 2px solid #65DBF5; z-index: 2; transition: 0.3s linear; opacity: 0; text-align: ce; }

.version_photo_11 .banner_only_image .banner a:hover::after { opacity: 1; }

.version_photo_11 .banner_only_image .banner a:hover p { letter-spacing: 8px; opacity: 1; }

.version_photo_13 .width-1533 { max-width: 1533px; }

@media (max-width: 991px) and (min-width: 768px) { .version_photo_13 .banner__content { width: 250px; } }

.version_photo_13 .banner__content h4 { margin-bottom: 0; margin-top: 0px; font-size: 20px; color: #2A7DCB; }

@media (max-width: 575px) { .version_photo_13 .banner__content h4 { font-size: 20px; } }

.version_photo_13 .banner__content h4::before { content: ""; display: inline-block; background-color: #2A7DCB; border-radius: 0px 36px 36px 0px; height: 18px; width: 10px; margin-right: 5px; }

@media (max-width: 575px) { .version_photo_13 .banner__content h4::before { border-radius: 0px 20px 20px 0px; height: 15px; width: 10px; margin-right: 8px; } }

.version_photo_13 .description { font-size: 16px; color: #787878; }

.version_photo_13 .OuterBoxaa { border-right: 1px solid #eee; }

.version_photo_13 .OuterBoxaa:nth-last-child(1) { border-right: none; }

.version_photo_13 .OuterBoxaa .InnerBoxaa { transition: all 300ms ease-in 0s; }

.version_photo_13 .OuterBoxaa .InnerBoxaa:hover .banner__content .description { color: #65DBF5; transition: all 300ms ease-in 0s; }

.version_photo_13 .thumb a { width: 95px; height: 90px; display: block; }

.version_photo_13 .thumb a img { object-fit: contain; height: 100%; width: 100%; }

@media (max-width: 575px) { .version_photo_13 .thumb img { width: 80px; } }

.logo a { padding: 18px 0; }

@media (max-width: 991px) { .logo a { padding: 10px 0; } }

.logo a img { transition-duration: 0.3s; }

@media screen and (max-width: 1600px) { .logo a img { width: 138px; } }

@media (max-width: 1199px) { .logo a img { width: 110px; } }

@media (max-width: 991px) { .logo a img { width: 90px; } }

.box-menu-content .ppnav .ppmainmenu > li > a { color: #242424; font-size: 20px; font-weight: normal; }

@media (max-width: 1199px) { .box-menu-content .ppnav .ppmainmenu > li > a { font-size: 18px; } }

.box-menu-content .ppnav .ppmainmenu > li > a:hover { color: #2A7DCB; }

@media (min-width: 1200px) and (max-width: 1300px) { .box-menu-content .container-fluid { padding: 0 40px; } }

@media (max-width: 1200px) { .box-menu-content .container-fluid { padding: 0 40px; } }

.box-menu-content .ppnav .ppmainmenu > li.drop > a { padding-right: 10px; }

li.drop:after { content: ""; display: inline-block; background-color: #2A7DCB; border-radius: 0px 0px 40px 40px; height: 8px; width: 13px; }

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

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

.meninmenu li.drop.menu__product_name .megamenu { width: 700px; padding: 30px 15px; left: -135%; }

.mainmenu__nav .meninmenu .title { border-bottom: none; color: #fff; font-weight: bolder; padding-bottom: 0px; margin-bottom: 0px; }

.meninmenu li.drop .megamenu.dropdown { width: 700px; padding: 30px 15px; left: -135%; }

.meninmenu li.drop .megamenu { width: 200px; }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li.title { width: 100%; }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li { padding-left: 0; padding-right: 0; width: 32%; display: inline-block; }

.box-menu-content .ppnav .ppmainmenu ul li.label2 ul li a:hover { color: #2A7DCB; }

.box-menu-content .ppnav .ppmainmenu ul li.label2 ul { background: #65DBF5; padding: 6px 4px; }

@media (max-width: 1200px) { .box-menu-content .ppnav .ppmainmenu > li > a { padding: 10px 10px; } }

@media (min-width: 992px) and (max-width: 1199px) { .box-menu-content .ppnav .ppmainmenu li.drop { position: relative; } }

@media (min-width: 992px) and (max-width: 1199px) { .meninmenu li.drop.menu__product_name:hover .megamenu { left: -135%; } }

.block-bg .close__wrap { color: #242424; }

.header__area .header__sidebar__right > li.shopcart > a span.product_qun { background: #2A7DCB; }

.header__area .header__sidebar__right > li.shopcart > a span.product_qun::before { border-color: transparent #2A7DCB transparent transparent; }

.list__view .thumb a { display: flex; justify-content: center; height: 177px; align-items: center; }

.list__view .thumb a img { width: auto; object-fit: cover; max-height: 100%; max-width: 100%; }

.list__view .thumb a .triangle-mark { position: relative; overflow: hidden; width: auto; height: 100%; }

.pic-cover .product__thumb .product-pic { height: 260px; }

.pic-cover .product__thumb .product-pic img { width: 100%; object-fit: cover; max-height: 100%; max-width: 100%; }

.product .product__thumb a img { height: 300px; width: 100%; object-fit: cover; }

.pic-cover .product__thumb { overflow: hidden; position: relative; }

.pic-cover .product__thumb .triangle-mark { position: relative; overflow: hidden; width: auto; height: 100%; }

.pic-cover .product__thumb a { display: flex; justify-content: center; height: 177px; align-items: center; }

@media (max-width: 767px) { .pic-cover .product__thumb a { height: 100%; } }

.pic-cover .product__thumb a img { width: auto; object-fit: cover; max-height: 100%; max-width: 100%; }

.mainmenu__nav .meninmenu li.drop .megamenu .item > li a { padding: 5px 9px; font-weight: normal; font-size: 16px; }

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

@media (max-width: 991px) { .mainnav { background-color: #fff; min-height: 60px; align-items: center; } }

.mean-container .mean-nav ul li a.mean-expand { height: 27px; color: #2A7DCB; }

.mean-container .mean-nav ul li li li a { width: 70%; padding: 10px 15%; background: #65DBF5; }

.mean-container .mean-nav ul li a:hover { color: #2A7DCB; }

.mobile-nav-btn { margin-right: 5px; }

@media (max-width: 450px) { .mobile-nav-btn { padding: 0; } }

.js-nav-btnopen.close { margin-right: 15px; }

.box-search-content.block-bg { height: 100vh; }

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

@media (max-width: 450px) { .header__area .header__sidebar__right > li.setting__bar__icon, .header__area .header__sidebar__right > li.shop_search { z-index: 1000; } }

@media (max-width: 450px) { .header__area .header__sidebar__right > li > a { padding-right: 5px; } }

.block-bg .close__wrap::after { color: #2A7DCB; }

.header__area { background: rgba(255, 255, 255, 0); transition: 0.5s; }

@media (min-width: 1200px) and (max-width: 1300px) { .header__area .container-fluid { padding: 0 45px; } }

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

@media (max-width: 991px) { .header__area { box-shadow: 5px 5px 10px rgba(112, 112, 112, 0.3); } }

.is-sticky .header__area { background: rgba(255, 255, 255, 0.95); }

.is-sticky .header__area .mainnav { align-items: center; }

.is-sticky .logo a { padding: 10px 0; }

.is-sticky .logo a img { width: 90px; transition-duration: 0.3s; }

.header__area .menubar a.open_sidebar { height: 60px; }

.header__area .header__sidebar__right { height: 60px; }

h4.productTitle, h4.indexNewsTitle { font-size: 52px; letter-spacing: 5px; line-height: normal; }

@media (max-width: 575px) { h4.productTitle, h4.indexNewsTitle { font-size: 36px; } }

h4.productTitle span:nth-child(3), h4.productTitle span:nth-child(4), h4.indexNewsTitle span:nth-child(3), h4.indexNewsTitle span:nth-child(4) { color: #2A7DCB; }

.version_list_06 .width-1533 { max-width: 1533px; }

@media (max-width: 767px) { .version_list_06 .width-1533 { max-width: 500px; } }

.version_list_06 span.productSubTitle { font-size: 24px; color: #65DBF5; display: block; }

@media (max-width: 575px) { .version_list_06 span.productSubTitle { font-size: 16px; } }

.version_list_06 span.productSubTitle::before { content: ""; display: inline-block; border-bottom: 2px solid; width: 27%; transform: translateY(-7px); margin-right: 10px; }

@media (max-width: 575px) { .version_list_06 span.productSubTitle::before { width: 20%; } }

.version_list_06 .productDescribe h5 { font-size: 24px; color: #2A7DCB; }

@media (max-width: 575px) { .version_list_06 .productDescribe h5 { font-size: 20px; } }

.version_list_06 .productDescribe h5::before { content: ""; display: inline-block; background-color: #2A7DCB; border-radius: 0px 40px 40px 0px; height: 20px; width: 12px; margin-right: 12px; }

@media (max-width: 575px) { .version_list_06 .productDescribe h5::before { border-radius: 0px 20px 20px 0px; height: 15px; width: 10px; margin-right: 8px; } }

.version_list_06 .productDescribe p { color: #787878; letter-spacing: 1px; font-size: 16px; }

@media (max-width: 575px) { .version_list_06 .productDescribe p { font-size: 14px; } }

.version_list_06 .productOrder p { font-size: 19px; color: #505050; }

@media (max-width: 575px) { .version_list_06 .productOrder p { font-size: 14px; } }

.version_list_06 .productOrder p span a { color: #2A7DCB; font-size: 30px; }

@media (max-width: 575px) { .version_list_06 .productOrder p span a { font-size: 20px; } }

.version_list_06 .productOrder p span:hover a { color: #65DBF5; }

.version_list_06 .module__container { border-top: 2px solid #65DBF5; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); padding: 0 55px 30px; background: #fff; min-height: 800px; }

@media (max-width: 1400px) { .version_list_06 .module__container { padding: 0 15px 30px; } }

@media (min-width: 1200px) and (max-width: 1300px) { .version_list_06 .module__container { padding: 0 15px 30px; } }

@media (max-width: 1199px) { .version_list_06 .module__container { padding: 0 15px 30px; } }

@media (max-width: 991px) { .version_list_06 .module__container { width: 480px; min-height: auto; } }

.version_list_06 .module__container .title h2 { border: none; font-size: 28px; letter-spacing: 4px; padding: 35px 0; }

@media (max-width: 575px) { .version_list_06 .module__container .title h2 { padding: 35px 0 0; font-size: 20px; } }

@media (max-width: 450px) { .version_list_06 .module__container .title h2 { font-size: 20px; padding: 25px 0 0; } }

.version_list_06 .module__container img { height: 100%; width: 100%; position: 0 0; object-fit: cover; }

.version_list_06 .module__product .content h6 a { font-size: 20px; font-weight: bold; line-height: 24px; }

@media (max-width: 450px) { .version_list_06 .module__product .content h6 a { font-size: 16px; line-height: 1.4; } }

.version_list_06 .module__product .content { padding: 0 0 0 40px; }

@media (max-width: 1400px) { .version_list_06 .module__product .content { padding: 0 0 0 35px; } }

@media (min-width: 1200px) and (max-width: 1300px) { .version_list_06 .module__product .content { padding: 0 0 0 20px; } }

@media (max-width: 1199px) { .version_list_06 .module__product .content { padding: 0 0 0 20px; } }

@media (max-width: 390px) { .version_list_06 .module__product .content { padding: 0 0 0 10px; } }

.version_list_06 .module__product .content .module__prize { align-items: baseline; }

.version_list_06 .module__product .content .module__prize li { font-size: 20px; }

@media (max-width: 450px) { .version_list_06 .module__product .content .module__prize li { font-size: 16px; } }

.version_list_06 .module__product .content .module__prize li.old_prize { color: #ACACAC; text-decoration: line-through; font-size: 14px; margin-left: 15px; }

.version_list_06 .actions_inner .add_to_links li a { width: auto; height: auto; line-height: normal; padding: 10px 15px; font-size: 15px; color: #fff; background-color: #2A7DCB; border: 1px solid #65DBF5; position: relative; overflow: hidden; }

.version_list_06 .actions_inner .add_to_links li a::after { content: ""; display: block; width: 40px; height: 18px; background: #65DBF5; border-radius: 50%; position: absolute; top: 111%; left: 50%; transform: translate(-50%, -50%); transition: 0.5s linear; }

.version_list_06 .actions_inner .add_to_links li a:hover::after { width: 500px; height: 500px; transition: 1.5s linear; }

.version_list_06 span.cartText { position: relative; z-index: 5; }

.version_list_06 .module__product .thumb { flex-basis: 50%; height: 175px; overflow: hidden; }

@media (max-width: 991px) { .version_list_06 .module__product .thumb { flex-basis: 38%; } }

@media (max-width: 390px) { .version_list_06 .module__product .thumb { flex-basis: 65%; } }

#index-about { position: relative; }

#index-about::after { background-image: url(../../../storage/system/index/product_bg.jpg); background-repeat: no-repeat; background-size: cover; content: ""; display: block; width: 100%; height: 910px; position: absolute; z-index: -2; left: 0; bottom: 0; }

@media (min-width: 1980px) { #index-about::after { background-repeat-y: no-repeat; width: 3000px; background-size: cover; } }

@media (max-width: 1200px) { #index-about::after { left: 0%; } }

@media (max-width: 767px) { #index-about .w-md-500 { max-width: 500px; } }

#index-about .description ul { list-style: none; }

#index-about .description ul li { color: #FFFFFF; margin-bottom: 12px; font-size: 16px; }

@media (max-width: 575px) { #index-about .description ul li { font-size: 14px; } }

#index-about .description ul li::before { content: ""; width: 9px; height: 9px; display: inline-block; background: #fff; }

.tab-content ul, .panel-body ul { list-style-type: square; font-size: 20px; padding-left: 20px; color: #2a7dca; }

.tab-content ul li, .panel-body ul li { line-height: 1.8; font-size: 14px; color: #242424; }

.tab-content ul li::marker, .panel-body ul li::marker { color: #2a7dca; }

.tab-content ul li::before, .panel-body ul li::before { display: inline-block; width: 6px; height: 6px; background: #2A7DCB; margin-right: 10px; }

.version_news_02 { background: linear-gradient(0deg, #e9e9e9 50%, #f0f0f0 100%); }

.version_news_02 .width-1533 { max-width: 1553px; }

.version_news_02 .wenro__blog { height: 100%; padding: 30px 40px; }

@media (max-width: 575px) { .version_news_02 .wenro__blog { padding: 20px; } }

.version_news_02 .wenro__blog .content { font-size: 16px; color: #505050; font-weight: bold; }

.version_news_02 .wenro__blog .content h4 a { color: #2A7DCB; font-size: 18px; }

.version_news_02 .btnPos { position: absolute; bottom: -20px; right: 64px; }

@media (max-width: 767px) { .version_news_02 .btnPos { bottom: 36px; right: 40px; } }

@media (max-width: 575px) { .version_news_02 .btnPos { bottom: 20px; right: 20px; } }

.version_news_02 span.productSubTitle { font-size: 24px; color: #65DBF5; display: block; }

@media (max-width: 575px) { .version_news_02 span.productSubTitle { font-size: 16px; } }

.version_news_02 span.productSubTitle::before { content: ""; display: inline-block; border-bottom: 2px solid; width: 137px; transform: translateY(-7px); margin-right: 10px; }

@media (max-width: 575px) { .version_news_02 span.productSubTitle::before { width: 119px; } }

.version_news_02 .newsBox { position: relative; transition: 0.3s linear; }

.version_news_02 .newsBox::before { display: block; content: ""; width: 2%; height: 2px; background: #65DBF5; opacity: 0; transition: 1s linear; }

.version_news_02 .newsBox:nth-child(1) { transform: translateX(10px); }

@media (max-width: 767px) { .version_news_02 .newsBox:nth-child(1) { transform: translateX(0px); z-index: 10; } }

.version_news_02 .newsBox:nth-child(2) { z-index: 10; }

.version_news_02 .newsBox:nth-child(3) { transform: translateX(-10px); }

@media (max-width: 767px) { .version_news_02 .newsBox:nth-child(3) { transform: translateX(0px); z-index: 10; } }

.version_news_02 .newsBox:hover { transform: translateY(-20px); transition: 0.3s linear; }

.version_news_02 .newsBox:hover::before { opacity: 1; transition: 0.5s linear; width: 100%; }

.version_news_02 .newsBox:hover:nth-child(1) { transform: translate(10px, -20px); }

@media (max-width: 767px) { .version_news_02 .newsBox:hover:nth-child(1) { transform: translate(0px, -20px); } }

.version_news_02 .newsBox:hover:nth-child(3) { transform: translate(-10px, -20px); }

@media (max-width: 767px) { .version_news_02 .newsBox:hover:nth-child(3) { transform: translate(0px, -20px); } }

.version_news_02 .dateStyle { font-size: 16px; color: #A7A7A7; }

.footer__area h4 { font-size: 18px; }

@media (max-width: 575px) { .footer__area h4 { font-size: 16px; } }

@media (max-width: 575px) { .footer__area .footer-static-top { padding-top: 60px; } }

.footer__area .footer__address ul li { font-size: 16px; }

@media (max-width: 575px) { .footer__area .footer__address ul li { font-size: 14px; line-height: 1.3; } }

.footer__area.footer__home .footer__widget .footer__content a { color: #fff; padding-left: 0; }

.footer__area.footer__home .footer__widget .footer__content a:hover { color: #65DBF5; }

.footer__area.footer__home .footer__widget .footer__content a:hover { color: #65DBF5; }

.footer__area.footer__home ul.ft__menu li { font-size: 16px; }

@media (max-width: 575px) { .footer__area.footer__home ul.ft__menu li { font-size: 14px; line-height: 1.6; } }

.footer__area.footer__home ul.ft__menu li a::before { display: none; }

.footer__area .orderCustoner_tel a { font-size: 26px; color: #fff; }

@media (max-width: 575px) { .footer__area .orderCustoner_tel a { font-size: 20px; } }

.footer__area .orderCustoner_tel a:hover { color: #65DBF5; }

.footer__area .orderCustoner_tel p { color: #fff; font-size: 16px; }

@media (max-width: 575px) { .footer__area .orderCustoner_tel p { font-size: 14px; line-height: 1.6; } }

.footer__area .social__net span { color: #fff; }

.footer__area .social__net span .iconText { font-size: 18px; transition: all 300ms ease-in 0s; }

.footer__area .social__net li a:hover ~ .footer_share_text span.iconText { color: #65DBF5; transition: all 300ms ease-in 0s; }

.footer__area .social__net li a:hover span.iconText { color: #65DBF5; transition: all 300ms ease-in 0s; }

.footer__area .social__net li a.footer_share_text { border: none; width: 120px; height: 30px; }

.footer__area .footerBox .footer__widget { border-right: 1px solid rgba(103, 103, 103, 0.5); }

@media (max-width: 767px) { .footer__area .footerBox .footer__widget { border-right: none; } }

.footer__area .footerBox:nth-child(2) .footer__widget { border-right: none; }

@media (max-width: 991px) { .footer__area .footerBox:nth-child(3) .footer__widget { border-right: none; } }

.footer__area .tryonPos { padding-right: 20px; }

.footer__area .tryonPos .tryonBox { display: block; transition: 0.3s; }

.footer__area .tryonPos .tryonBox img { background-color: #2A7DCB; border-radius: 50%; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); }

.footer__area .tryonPos .tryonBox:hover { transition: 0.3s; }

.footer__area .tryonPos .tryonBox:hover img { background-color: #505050; }

.footer__area .tryonPos.fixed-bottom { right: 0px; left: auto; }

.footer__area .tryonPos::after { display: block; content: ""; width: 40px; height: 35px; position: absolute; bottom: 90px; right: 38px; background-image: url(../../../storage/system/index/TryOnarrow.png); background-repeat: no-repeat; background-size: cover; transform: rotate(-30deg); transition: 0.3s; pointer-events: none; }

@media (max-width: 767px) { .footer__area .tryonPos::after { display: none; } }

.footer__area .tryonPos:hover::after { transform: rotate(0deg); transition: 0.3s; }

.footer__area hr.footer_HR { width: 100%; margin-bottom: 20px; background: rgba(255, 255, 255, 0.5); padding-left: 15px; padding-right: 15px; }

.btn_more { width: auto; height: auto; line-height: normal; padding: 10px 26px; font-size: 20px; color: #fff; background-color: #2A7DCB; border: 1px solid #65DBF5; position: relative; overflow: hidden; letter-spacing: 2px; border-radius: 0; -webkit-appearance: none; display: inline-block; }

@media (max-width: 575px) { .btn_more { font-size: 14px; } }

.btn_more .btn-text { position: relative; z-index: 10; margin: auto; color: #fff; }

.btn_more::after { content: ""; display: block; width: 40px; height: 18px; background: #65DBF5; border-radius: 50%; position: absolute; top: 111%; left: 50%; transform: translate(-50%, -50%); transition: 0.5s linear; }

.btn_more:hover::after { width: 500px; height: 500px; transition: 1.5s linear; }

.open_sidebar span { width: 50px; height: 21px; display: block; padding-left: 7px; }

.open_sidebar span.menubox { width: 25px; height: 3px; background: #2A7DCB; margin: 3px 0px; }

.open_sidebar span.menubox:nth-child(2) { width: 18px; }

.open_sidebar span.menubox:nth-child(3) { width: 10px; }

.open_sidebar:hover span.menubox { animation: menubox 1s infinite linear; animation-delay: calc(var(--i)* -0.2s); }

@keyframes menubox { 0% { width: 25px; }
  50% { width: 10px; }
  100% { width: 25px; } }

.header__area .menubar a.open_sidebar::after { display: none; }

a#scrollUp { bottom: 143px; height: 50px; width: 50px; display: block !important; opacity: 1 !important; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); }

@media (max-width: 767px) { a#scrollUp { bottom: 105px; } }

.banner_col { padding: 40px 40px 40px; margin-top: 20px; }

@media (max-width: 1199px) { .banner_col { padding: 25px 35px 25px; } }

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

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

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

.fotorama__thumb-border { border-color: #65DBF5; }

@media (max-width: 575px) { .navtool .block-minicart { right: 270%; } }

.mobile-nav-btn { z-index: 999; }

.version_menu_02 .navtool { border-bottom: none; }

@media (max-width: 991px) { .version_menu_02 .navtool { right: 0px; padding-right: 0px; } }

.mobile-nav-btn span { background: #2A7DCB; }

.mobile-nav-btn span:nth-child(2) { width: 24px; }

.mobile-nav-btn span:nth-child(3) { width: 18px; }

.js-nav-btnopen.close { opacity: 1; }

.js-nav-btnopen.close span:nth-child(3) { width: 30px; background: #2A7DCB; }

.js-nav-btnopen.close span:nth-child(1) { background: #2A7DCB; }

.js-nav-btnopen.close span:nth-child(2) { width: 30px; background: #2A7DCB; }

.banner { margin-top: 20px; }

@media (max-width: 1200px) { .banner { margin-top: 30px; } }

@media (max-width: 991px) { .banner { margin-top: 70px; } }

@media (max-width: 340px) { .banner { margin-top: 70px; } }

@media (max-width: 767px) { .banner { margin-top: 70px; } }

.is-sticky .js-nav-btnopen span { background: #2A7DCB; }

@media (max-width: 767px) { .pt--130 { padding-top: 60px; } }

@media (max-width: 767px) { .pb--130 { padding-bottom: 60px; } }

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

.wedget__title { border-bottom: 2px solid #2A7DCB; }

.wedget__categories.poroduct--cat ul li a:hover { background: #2A7DCB; }

.bradcaump-content .breadcrumb_item:nth-last-child(1) { color: #2A7DCB; }

.product__info__detailed .pro_details_nav { border-bottom: 2px solid #2A7DCB; }

.product__info__detailed .pro_details_nav .nav-item::after { background: #65DBF5 none repeat scroll 0 0; height: 3px; }

.product__info__detailed .pro_details_nav .nav-item a.active, .product__info__detailed .pro_details_nav .nav-item a:hover { color: #2A7DCB; }

.fotorama__caption { display: block; }

li.cart { list-style: none; }

.input__box input, .contact-form-wrap .single-contact-form textarea { border: 1px solid #65DBF5; background: #fff; }

.btn.focus, .btn:focus { box-shadow: 0 0 0 0.2rem rgba(101, 219, 245, 0.3); }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

/*Btn*/
.addtocart__actions .tocart { width: auto; height: auto; line-height: normal; padding: 10px 15px; font-size: 15px; color: #fff; background-color: #2A7DCB; border: 1px solid #65DBF5; position: relative; overflow: hidden; }

.addtocart__actions .tocart::after { content: ""; display: block; width: 40px; height: 18px; background: #65DBF5; border-radius: 50%; position: absolute; top: 111%; left: 50%; transform: translate(-50%, -50%); transition: 0.5s linear; }

.addtocart__actions .tocart:hover::after { width: 500px; height: 500px; transition: 1.5s linear; }

.addtocart__actions .tocart span.cartText { position: relative; z-index: 5; width: auto; height: auto; line-height: inherit; }

.actions_inner .cart a { width: auto; height: auto; line-height: normal; padding: 10px 15px; font-size: 15px; color: #fff; background-color: #2A7DCB; border: 1px solid #65DBF5; position: relative; overflow: hidden; }

.actions_inner .cart a::after { content: ""; display: block; width: 40px; height: 18px; background: #65DBF5; border-radius: 50%; position: absolute; top: 111%; left: 50%; transform: translate(-50%, -50%); transition: 0.5s linear; }

.actions_inner .cart a span { position: relative; z-index: 5; width: auto; height: auto; line-height: inherit; }

.actions_inner .cart:hover a:after { width: 500px; height: 500px; transition: 1.5s linear; }

.bradcaump-content::after { display: inline-block; content: ""; width: 7px; height: 12px; background-color: #2A7DCB; border-radius: 12px 0px 0px 12px; margin-left: 5px; margin-bottom: -1px; }

.bradcaump-content::before { display: inline-block; content: ""; width: 7px; height: 12px; background-color: #2A7DCB; border-radius: 0px 12px 12px 0px; margin-right: 5px; margin-bottom: -1px; }

.actions_inner .add_to_links li a:hover, .actions_inner .add_to_links li a:focus { color: #fff; background-color: #2A7DCB; border-color: #2A7DCB; }

.actions_inner .add_to_links li a { color: #2A7DCB; border-color: #2A7DCB; height: 33px; line-height: 33px; width: 33px; }

.icon_Community { right: 19px; bottom: 203px; }

@media (max-width: 767px) { .icon_Community { bottom: 166px; } }

.icon_Community a.js-btn-icon_Community { background: #F98100; color: #fff; }

.icon_Community a.js-btn-icon_Community:hover { color: #fff; }

.page-blog, .wn_contact_area, .page-about, .my_account_area, .page-shop-sidebar, .maincontent { background-image: linear-gradient(to top, #e9e9e9, #fff); }

.news_C_list .wenro__blog { display: flex; flex-direction: column; }

.news_C_list .wenro__blog .thumb { overflow: initial; }

.news_C_list .content { position: relative; padding-bottom: 56px; height: 100%; }

.news_C_list .content .blog__btn { position: absolute; bottom: 20px; }

.new__box::before { border-bottom: 39px solid #2A7DCB; }

.card { background-color: rgba(255, 255, 255, 0); }

.wedget__categories .card-header { border-bottom: dotted #65DBF5 thin; }

.product-prize { font-size: 17px; font-weight: normal; }

.product-prize .old_prize { font-size: 14px; }

.shop-grid .list__view .product-prize { margin-top: 0px; }

.bg-color-cart { background: #3A3A3A !important; }

.js-cart-btn { color: #fff; background-color: #2A7DCB; }

.cartbox__btn .btn_more, .order-info-send .btn_more { font-size: 16px; }

.list-group-item:focus, .list-group-item:hover { background: #3A3A3A; }

.ya-cart__item__remove-button i { line-height: 20px; }

.product-addto-links:before { display: inline-block; content: ""; width: 7px; height: 12px; background-color: #2A7DCB; border-radius: 0px 12px 12px 0px; margin-right: 5px; }

.bradcaump-content a:hover { color: #2A7DCB; }

.product .product__content h4 a:hover { color: #2a7dcb; }

.product .product__content { padding: 0 0 40px; }

.minisearch .field__search input { border-color: #F9811A; }

a:hover { color: #2A7DCB; }

.form-control { border: thin solid rgba(101, 219, 245, 0.4); }

@media (max-width: 575px) { .blog-page .blog__post .content { padding-left: 0px; } }

/*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 #242424 !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: #3A3A3A; 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: #2A7DCB; 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: #2A7DCB; 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 */