@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: #0f145f; border-color: #0f145f; }

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

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

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

.btn-primary { font-size: 14px; border-radius: 0; color: #fff; padding: 7px 30px; background: #0f145f; border-color: #0f145f; position: relative; /* &:before { display: inline-block; width: 0; height: 0; content: ""; border-top: 0.8em solid; border-right: 0.8em solid transparent; border-bottom: 0; border-left: 0.8em solid transparent; transform: rotate(-45deg); color: #c7080a; position: absolute; right: -11px; bottom: -6px; } */ }

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

.btn-secondary { font-size: 14px; border-radius: 0; padding: 7px 30px; background-color: #fff; color: #333; border-color: #fff; font-size: 14px; }

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

.shopbtn { color: #c7000a; font-size: 14px; font-weight: 600; position: relative; text-transform: uppercase; position: relative; left: 0; display: inline-flex; align-items: center; transition: all 0.3s ease; border: solid #ddd thin; padding: 5px 15px; margin-top: 10px; /* &::after { //background:url("../images/icons/links_static.png") no-repeat scroll 100% 50%; content: ""; display: inline-block; height: 1px; margin: 0; width: 44px; background: $btn-special; position: absolute; right: 0; }*/ }

.shopbtn::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #ddd; display: inline-block; position: absolute; right: -1px; transform: rotate(45deg); bottom: -4px; }

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

a.shopbtn:hover::before { border-color: transparent transparent transparent #0f145f; }

.color__turquoise .shopbtn:hover { color: #c7000a; }

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

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

.logo a { padding: 0; width: 90%; }

a.footer-logo img { height: 80px; width: auto; opacity: 0.6; }

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

.text-white-hover { color: #0f145f; }

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

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

.post_content h1, .post_content .h1, .post_content h2, .post_content .h2, .txtNormal h1, .txtNormal .h1, .txtNormal h2, .txtNormal .h2, .product__info__main h1, .product__info__main .h1, .product__info__main h2, .product__info__main .h2, .depiction h1, .depiction .h1, .depiction h2, .depiction .h2 { font-weight: bolder; color: #1c2975; }

.post_content h3, .txtNormal h3, .product__info__main h3, .depiction h3 { font-size: 26px; line-height: 36px; font-weight: bolder; }

.post_content h4, .txtNormal h4, .product__info__main h4, .depiction h4 { font-size: 26px; line-height: 36px; font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; color: #1c2975; font-weight: bolder; letter-spacing: 0.2vw; margin-bottom: 20px; }

.post_content h5, .txtNormal h5, .product__info__main h5, .depiction h5 { font-size: 22px; font-weight: bolder; color: #1c2975; line-height: 31px; margin-bottom: 15px; padding-left: 12px; position: relative; }

.post_content h5:before, .txtNormal h5:before, .product__info__main h5:before, .depiction h5:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 7px 7px; border-color: transparent transparent #c7080a transparent; display: block; position: absolute; left: 0; top: 0; }

.post_content h6, .txtNormal h6, .product__info__main h6, .depiction h6 { font-size: 16px; color: #c7080a; line-height: 26px; font-weight: bolder; margin-bottom: 15px; }

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

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

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

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

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

.post_content table tr:first-child, .txtNormal table tr:first-child, .product__info__main table tr:first-child, .depiction table tr:first-child { background: #e7e7e7; }

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

body { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ededed+1,ffffff+43 */ background: #ededed; /* Old browsers */ background: -moz-linear-gradient(top, #ededed 1%, white 43%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ededed 1%, white 43%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ededed 1%, white 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

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

.form-control { font-size: 14px; }

.product .product__thumb a { border: solid #ddd thin; }

.meninmenu li.drop .megamenu { display: none; }

#nav-main { margin-top: 7.3rem; margin-left: 15px; margin-right: 15px; margin-bottom: 2.3rem; }

@media (max-width: 991px) { #nav-main { margin-top: 81px; margin-left: 0; margin-right: 0; margin-bottom: 0; } }

@media (max-width: 575px) { #nav-main { margin-top: 102; } }

#nav-main nav { padding: 0; }

#nav-product { padding: 0 30px; }

#nav-product h4 { padding: 15px; color: #1c2975; border-bottom: solid #e4e4e4 3px; vertical-align: middle; letter-spacing: 0.5vw; font-size: 24px; }

#nav-product .nav-item a { padding: 15px; }

#nav-product .dropdown-item:focus, #nav-product .dropdown-item:hover { background: #1c2975; color: #fff; }

#nav-product .dropdown-item.active, #nav-product .dropdown-item:active { background: #1c2975; color: #fff; }

#nav-product ul { width: 100%; }

#nav-product li:last-child a { border-bottom: none; }

#nav-product li > a { border-bottom: solid #ddd thin; width: 100%; padding: 15px; font-size: 16px; font-weight: bolder; display: flex; justify-content: space-between; align-items: center; }

#nav-product li > a:hover { background: #1c2975; color: #fff; }

#nav-product .navbar-collapse { height: 100%; }

#nav-product .dropdown-toggle::after { transform: rotate(-45deg); color: #c7080a; }

#nav-product .dropdown-menu li:hover .sub-menu { visibility: visible; }

#nav-product .dropdown:hover .dropdown-menu, #nav-product .dropdown-menu.show { display: inline-flex; flex-wrap: wrap; width: 560px; left: 100%; transform: translate(0, -14%); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); border: none; }

.nav-product-item { padding: 10px 15px; width: 600px; min-height: 236px; }

.nav-product-item a { width: calc(100%/2 - 10px); box-sizing: border-box; display: inline-block; padding: 0; position: relative; }

.nav-product-item a::after { position: absolute; right: 10px; top: 25px; display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; transform: rotate(-45deg); color: #c7080a; content: ""; border-top: .2em solid; border-right: .2em solid transparent; border-bottom: 0; border-left: .2em solid transparent; }

.nav-product-img { margin-top: 15px; text-align: center; width: 100%; height: 200px; padding: 15px; }

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

#mainbanner { position: relative; margin-top: 0; padding-right: 30px; }

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

#mainbanner:before { background: #fff; width: 50%; height: 50px; position: absolute; bottom: -2px; left: -2px; z-index: 1; }

#mainbanner .contentbox { color: #fff; }

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

#mainbanner .slide_bg { height: 540px; align-self: center; background-position: left center; background-repeat: no-repeat; background-size: cover; }

@media (min-width: 992px) and (max-width: 1199px) { #mainbanner .slide_bg { background-position: -58px center; } }

@media (max-width: 991px) { #mainbanner .slide_bg { height: 34vh; } }

#mobile_banner { margin-top: 33px; }

#wn__header { background: #fff; border-bottom: solid #ddd thin; }

#nav-menu { margin-bottom: 10px; }

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

#nav-logo { align-self: center; z-index: 100; }

@media (max-width: 767px) { #nav-logo a { padding: 10px 0; } }

@media (max-width: 575px) { #nav-logo a { padding: 0; } }

#navtool { margin-right: 0; padding-right: 0; margin-bottom: 10px; }

@media (max-width: 991px) { #navtool { padding-right: 80px !important; margin-bottom: 0; } }

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

#navtool li.shop_search { z-index: 9; }

#navtool .setting__bar__icon { display: none; }

#navtool .shop_search .minisearch { margin-right: -5px; border: solid #ddd thin; }

@media (max-width: 575px) { #navtool .shop_search .minisearch { width: 100%; border: none; } }

#navtool .shop_search .minisearch .action { border-left: solid #ddd thin; }

#navtool .shop_search .form-control { background: #fff; box-shadow: none; border-radius: 0; border: none; margin-right: -1px; }

@media (min-width: 992px) and (max-width: 1199px) { #navtool .shop_search .form-control { width: 155px; } }

@media (max-width: 991px) { #navtool .shop_search .form-control { width: 155px !important; } }

#navtool .action .btn { border-radius: 0; border-left: solid #ddd thin; }

@media (min-width: 992px) and (max-width: 1199px) { #navtool .action .btn { padding: 7px 12px; } }

@media (max-width: 991px) { #navtool .action .btn { padding: 7px 12px; } }

@media (max-width: 575px) { #navtool .action .btn { padding: 10px 44px; } }

@media (max-width: 575px) { #mainnav { margin-left: -17px; margin-right: -18px; } }

.nav-menu nav .meninmenu > li > a { padding-bottom: 0; padding-top: 0; }

.post-thumbnail { display: none; }

.title-sub { text-transform: uppercase; font-style: italic; letter-spacing: 0.2vw; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 2rem; font-weight: bolder; color: rgba(20, 30, 39, 0.4); }

.title-sub:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 0; border-color: #c7080a transparent transparent transparent; }

.title-sub:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 5px 5px; border-color: transparent transparent #c7080a transparent; }

#index-about, #index-product-list { background-size: cover; background-position: center top; background-repeat: no-repeat; color: #333; background-attachment: fixed; }

#index-about .title__be--2, #index-product-list .title__be--2 { letter-spacing: 0.5vw; text-indent: 0.5vw; font-size: 30px; padding: 0; margin-bottom: 15px; }

#index-about p, #index-product-list p { letter-spacing: 0.1vw; font-size: 15px; line-height: 28px; }

#index-about .newsletter__block { background: rgba(255, 255, 255, 0.9); padding: 50px; }

@media (max-width: 450px) { #index-about .newsletter__block { padding: 30px 15px 15px; } }

#index-product { padding: 30px; }

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

#index-product .banner:hover a.shopbtn, #index-product .banner:focus a.shopbtn { transition: all 300ms ease-in 0s; color: #fff; background: #0f145f; left: 10px; }

#index-product .banner:hover a.shopbtn::before, #index-product .banner:focus a.shopbtn::before { border-color: transparent transparent transparent #0f145f; }

#index-product .in-index-product { margin-bottom: 30px; }

@media (max-width: 575px) { #index-product .in-index-product { margin-bottom: 0; } }

#index-product .in-index-product h4 a { color: #1c2975; text-shadow: 2px 2px 7px #fff; }

#index-product .in-index-product .btn { margin-top: 10px; padding: 5px 15px; }

#index-product .thumb { transition: all 0.5s ease; border: solid #cfdee8 thin; border-bottom: solid #0f135e 5px; background: #e7ecf2; /*&:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35, 75, 101, 0.5); opacity: 1; }*/ }

#index-product .thumb .btn { font-size: 14px; padding: 5px 15px; margin-top: 10px; }

#index-product-list { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+29,ededed+100 */ background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 29%, #ededed 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, white 29%, #ededed 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, white 29%, #ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

#index-product-list h4 { margin: 0 auto; }

@media (max-width: 575px) { #index-product-list { padding: 0; margin-top: 2rem; } }

@media (max-width: 575px) { #index-product-list { margin-bottom: 0; } }

.product .product__content { margin-top: 15px; }

.wedget__categories.poroduct--cat ul .card-body .active btn.active { color: #fff; }

.wedget__categories.poroduct--cat ul .card-body li.active { color: #1c2975; background: transparent; }

.shop-grid .first__img { margin-bottom: 10px; text-align: center; min-height: 194px; display: flex !important; align-items: center; justify-content: center; }

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

.product .product__thumb a img { width: inherit; margin: 0 auto; }

.product .action { padding-top: 0; margin-bottom: 15px; }

.wn__fotorama__wrapper { display: flex; align-items: center; height: 100%; justify-content: center; }

.product__info__detailed .pro_details_nav { border-bottom: none; }

.bradcaump-content { color: #aaaaaa; letter-spacing: 0.1vw; font-size: 14px; }

.bradcaump-content a { color: #aaaaaa; letter-spacing: 0.1vw; }

.shop-grid .action { margin-bottom: 0; }

.product-addto-links { margin-top: 15px; }

/*滑下時選單特效*/
.hor-nav { flex-wrap: wrap; -mz-flex-wrap: wrap; }

.hor-nav ul.item { padding-right: 20px; }

.input__box input { border-radius: 0; }

/*左側欄選單*/
li.card ul li.card .card-body a { background: #f5f9fc; }

/*網站地圖*/
.list-group .list-group-item-in .list-group .list-group-item-in ul a { background: #f5f9fc; }

#wn__footer { color: #333; border-top: solid #ddd thin; }

#wn__footer .ft__logo { margin-bottom: 2rem; }

#wn__footer h4 { color: #333; font-size: 14px; font-weight: 700; line-height: 30px; margin: 0 0 0.6rem; text-transform: uppercase; }

#wn__footer a { color: #333; }

#wn__footer .footer__address .fas { color: #1c2975; }

.product-info-stock-sku, .pro_details_nav { display: none !important; }

.product__info__main .price-box span { font-size: inherit; font-weight: inherit; margin-bottom: inherit; display: inline; color: inherit; }

.signin { text-align: left; }

.signin label { display: none; }

.default-zone { margin-bottom: 2rem; }

.footer__home .copyright__wrapper { border-top: solid #ddd thin; }

.wedget__title { border-bottom: solid #e4e4e4 3px; letter-spacing: 0.2vw; font-size: 20px; }

.product__thumb a.first__img:hover { opacity: 0.5; }

.version_list_06 { background: #ddd; }

@media (min-width: 1500px) { #nav-banner { max-width: 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; padding-right: 30px; }
  #nav-product { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } }

@media only screen and (max-width: 575px) { .banner_col { margin-top: 107px; }
  #nav-logo { padding: 12px 5px; }
  #nav-logo img { height: 45px; width: auto; }
  #mobile_banner h1 { font-size: 10vw; }
  #mobile_banner h2 { font-size: 10vw; }
  #index-about > .ptb--100 { padding: 50px 0; }
  .mean-container .mean-nav { margin-top: 107px; } }
/*# sourceMappingURL=style_custom.css.map */