@charset "UTF-8";

/* ------------------------------------------------------------------
author:        谷辰網路資訊
email:         service@gcii.tw
website:       http://www.gcii.tw
 -------------------------------------------------------------------*/

.is__mobile_b {display:none;}
.is__mobile_ib {display:none;}
.is__desktop_b {display:block;}
.is__desktop_ib {display:inline-block;}

.form-control::-webkit-input-placeholder {color: #c9c9c9;opacity: 1;}
.form-control::-moz-placeholder {color: #c9c9c9;opacity: 1;}
.form-control:-ms-input-placeholder {color: #c9c9c9;opacity: 1;}
.form-control::-ms-input-placeholder {color: #c9c9c9;opacity: 1;}
.form-control::placeholder {color: #c9c9c9;opacity: 1;}

.card-body a.active {border-color: #86c03f !important;}
.service .nav .nav-item {}
.service .nav .nav-item a.nav-link {font-size: 18px;color: #000000;}
.service .nav .nav-item a.nav-link.active {border-bottom: 1px solid #86c03f;}
.product .add-to-wishlist.addFavoriteed {color: #ffffff !important;background-color: #86c03f !important;}
.product-d .add-to-wishlist.addFavoriteed {color: #ffffff !important;background-color: #86c03f !important;}
.card-body a.active {color: #000000 !important;font-size: 1.1rem;}
.product-d button.btn, .product-d a.btn {padding: 0.625rem 1.5rem;}
.collapse-tabs .nav-pills .nav-item a {text-align: center;}

.page-content {padding: 50px 0;}
.register-form-container {background: transparent none repeat scroll 0 0;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);padding: 60px;text-align: left;margin-bottom:35px;}
.register-form-container .table td {vertical-align: top;}

main#content {position: relative;z-index:1;}
.form-control {/*padding: 1rem 1rem;*/}
.item-tabs-sec.item-tabs-service .nav {border-bottom: 1px solid #ffffff;}
.item-tabs-sec.item-tabs-service .nav li {margin-right: 10px;display: inline-block;/*border: 1px solid #dddddd;*/padding: 0px;min-height:50px;}
.item-tabs-sec.item-tabs-service .nav li a {background-color: #eeeeee;font-size: 15px;font-weight: 700;outline: none;padding: 10px 30px;margin-right: 0px;}
.item-tabs-sec.item-tabs-service .nav li:hover a {background-color: #ffffff;}
.item-tabs-sec.item-tabs-service .nav li.active a, .item-tabs-sec.item-tabs-service .nav li.active a:focus, .item-tabs-sec.item-tabs-service .nav li.active a:hover,.item-tabs-sec.item-tabs-service .nav li a.active {color: #ffffff;background-color: #EB691B;border-color: #EB691B;cursor: default;}
.item-tabs-sec .nav li.active a:before {background: transparent;height: 0px;}
.shop-side-bar.shop-side-bar2 li {font-size: 16px;letter-spacing: 2px;}
.shop-side-bar li.subMenu {padding-left: 43px;letter-spacing: 1px;}
.shop-side-bar li.subMenu a.active{border-bottom: 1px solid #de2522;}
.product article .tag {color: #de2522;font-size: 14px;}
.product article .tittle {display: block; min-height: 40px;}
.col-list .product article .tittle {font-size: 16px;}
.owl-carousel .owl-item .product-proType img {width: auto;}
.price s.old {color: #cccccc;font-size: 1.3rem;margin-right: 5px;}
.product__price s.old {color: #cccccc;font-size: 14px;margin-right: 5px;}
.product__price .new {color: #86c03f;font-size: 18px;}
.product__price-2 s.old {color: #cccccc;font-size: 18px;margin-right: 5px;}
.product__price-2 .new {color: #86c03f;font-size: 30px;}
.product__price-cart s.old {color: #cccccc;font-size: 13px;margin-right: 5px;}
.product__price-cart .new {color: #cc141c;font-size: 18px;}
.disc-stock > span {color: #ff9900;font-size: 18px;letter-spacing: 0.2px;}
.disc-stock > span i {	font-size: 16px;margin-right: 4px;}
.other-gif > span {color: #ff9900;font-size: 18px;letter-spacing: 0.2px;}
.other-gif > span i {	font-size: 16px;margin-right: 4px;}
.pro-stock {position: absolute;right:10px;}
.in-stock {color: #8fc31f;}
.in-stock > span {color: #8fc31f;}
.pre-order {color: #cc6600;}
.pre-order > span {color: #cc6600;}
.other-stock > span {color: #5bc0de;font-size: 18px;letter-spacing: 0.2px;}
.other-stock > span i {font-size: 18px;margin-right: 4px;}
.products-other-list {}
.products-other-list input[type=checkbox] {background: transparent;border: 0px solid transparent;height: inherit;box-shadow: none;padding-left: 0;font-size: inherit;color: inherit;width: inherit;}
.products-other-list h5 {font-size: 15px;font-weight: 400;padding: 5px 0;margin-bottom:0px;}
.products-other-list .product-details-style.shorting-style {margin: 0;}
.products-other-list .product-details-style.shorting-style select {height: 30px;padding: 5px 12px;}
.other-form-container {background: transparent none repeat scroll 0 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 10px;text-align: left;margin: 0 2px 20px 2px;}
.product-label {position: absolute;min-width: 60px;padding: 2px 12px;}
.members-page .primary-sidebar-inner .members-menu {margin-bottom: 60px !important;}

.cart-main-area .table-content table {background: #fff none repeat scroll 0 0;border-color: #eaeaea;border-radius: 0;border-style: solid;border-width: 1px 0 0 1px;width: 100%;}
.page-title {font-size: 22px;font-weight: bold;margin-bottom: 27px;text-align: center;text-transform: uppercase;}
.cart-main-area .table-content table {background: #fff none repeat scroll 0 0;border-color: #eaeaea;border-radius: 0;border-style: solid;border-width: 1px 0 0 1px;width: 100%;}
.cart-main-area .form-control {padding: 8px 10px;}
.cart-main-area .card-body p {font-size: 16px;color: #000000;font-weight: 400;}
.table-content table th,.table-content table td {border-bottom: 1px solid #e5e5e5;}
.table-content table th {border-top: medium none;color: #454545;font-size: 15px;font-weight: bold;letter-spacing: 0.2px;padding: 14px 45px 13px;text-transform: uppercase;vertical-align: middle;white-space: nowrap;}
.table-content table td {color: #454545;font-size: 15px;padding: 20px;}
.table-content table td.product-thumbnail {width: 155px;}
.table-content table td.product-thumbnail a img {padding-left: 20px;}
.table-content table td.product-name {width: 345px;}
.table-content table td.product-name > a {padding-left: 20px;}
.table-content table td.product-name ul {list-style: none;}
.table-content table td.product-name .product-dealer {padding-top: 5px;padding-left: 20px;color: #afafaf;}
.table-content table td.product-name ul.product-options {padding-top: 5px;padding-left: 20px;}
.table-content table td.product-price-cart {/*padding-left: 60px;*/text-align: right;}
.table-content table td.product-quantity {padding-left: 8px;}
.table-content table td.product-subtotal {text-align: right;}
.table-content table td.product-remove {text-align: center;}
.table-content table td.product-remove a {color: #454545;font-size: 18px;}
.product-quantity .cart-plus-minus {height: 40px;padding: 0;position: relative;width: 110px;border: 1px solid #e5e5e5;}
.product-quantity .qtybutton {color: #454545;cursor: pointer;float: inherit;font-size: 16px;margin: 0;position: absolute;transition: all .3s ease 0s;}
.product-quantity .qtybutton:hover,.table-content table td.product-name a:hover,.table-content table td.product-remove a:hover {color: #0B96CE;}
.product-quantity .dec.qtybutton {border-right: 1px solid #e5e5e5;height: 40px;left: 0;padding-top: 8px;top: 0;}
.product-quantity .inc.qtybutton {border-left: 1px solid #e5e5e5;height: 40px;right: 0;padding-top: 9px;top: 0;}
.product-quantity input.cart-plus-minus-box {color: #454545;float: left;font-size: 15px;height: 40px;margin: 0;width: 110px;}
.cart-shiping-update-wrapper {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #fff;border-color: #e5e5e5 #e5e5e5;border-image: none;border-style: solid solid solid;border-width: 1px 1px 1px;display: flex;justify-content: space-between;padding: 43px 20px 30px;}
.cart-shiping-update > a,.cart-shiping-update > button,.cart-clear > a {background-color: #d8d8d8;border-radius: 5px;color: #454545;display: inline-block;letter-spacing: 0.2px;line-height: 1;padding: 16px 27px;text-transform: uppercase;}
.cart-shiping-update > button {border: medium none;cursor: pointer;margin-left: 16px;transition: all .3s ease 0s;}
.cart-shiping-update > a:hover,.cart-shiping-update > button:hover,.cart-clear > a:hover {background-color: #0B96CE;color: #fff;}
.cart-tax,.discount-code-wrapper,.grand-totall {background-color: #fff;border: 1px solid #eaeaea;margin-top: 50px;padding: 20px;}
.cart-bottom-title {border-bottom: 1px solid #eaeaea;font-size: 15px;font-weight: bold;letter-spacing: 0.2px;padding-bottom: 13px;text-transform: uppercase;}
.tax-wrapper > p {color: #454545;font-size: 15px;letter-spacing: 0.2px;margin: 24px 0 0;}
.tax-select select,.tax-select input,.discount-code input {-moz-appearance: none;-webkit-appearance: none;background: #fff none repeat scroll 0 0;border: 1px solid #eaeaea;box-shadow: none;color: #626262;font-size: 15px;height: 32px;padding-left: 10px;width: 196px;}
.tax-select select {background: #fff url("../images/cart-select.png") no-repeat scroll right 10px center;cursor: pointer;}
.tax-select > label {color: #454545;font-size: 15px;letter-spacing: 0.2px;margin: 0;width: 125px;}
.tax-select {margin-bottom: 20px;}
.tax-select-wrapper {margin: 15px 0 0;}
button.cart-btn-2,.grand-totall > a {border: medium none;border-radius: 5px;color: #454545;cursor: pointer;font-size: 15px;letter-spacing: 0.2px;line-height: 1;margin: 5px 0 0;padding: 12px 20px 15px;text-transform: uppercase;background-color: #d8d8d8;transition: all .3s ease 0s;display: inline-block;}
.grand-totall > a {padding: 14px 20px 15px;}
button.cart-btn-2:hover,.grand-totall > a:hover {color: #fff;background-color: #0B96CE;}
.discount-code input {height: 42px;margin-bottom: 15px;width: 100%;}
.discount-code > p {color: #000000;font-size: 15px;letter-spacing: 0.2px;margin: 23px 0 13px;}
.grand-totall > span {border-bottom: 1px solid #eaeaea;color: #000000;display: block;font-size: 15px;letter-spacing: 0.2px;margin-bottom: 18px;padding-bottom: 14px;}
.grand-totall h5 {font-size: 17px;font-weight: bold;letter-spacing: 0.2px;margin: 0 0 16px;}
.grand-totall > p {color: #000000;letter-spacing: 0.2px;margin: 12px 0 0;}
.pos-fixed-out_dealer {bottom: 70px;right: 0;}

#CouponItem .modal-dialog {max-width: 800px;width: 100%;}
.deal-product-wrappers {background-color: #fff;display: block;overflow: hidden;}
.deal-action-img-wrapper {display: inline-block;float: left;height: 100%;width: 280px;padding-right:20px;border-right: 2px dotted #cccccc;}
.deal-action-img-wrapper2 {width: 100%;}
.deal-action-img-wrapper3 {width: 50%;}
/*.modal-dialog .deal-action-img-wrapper {display: inline-block;float: left;height: auto;width: 100%;}*/
.deal-product-action {border-right: 1px solid #f5f5f5;display: inline-block;float: left;z-index: 9;}
.deal-product-action a {align-items: center;border-bottom: 1px solid #f5f5f5;color: #454545;display: flex;font-size: 18px;padding: 35px 16px;}
.deal-product-action a:last-child {border-bottom: 0px solid #f5f5f5;}
.deal-product-img {overflow: hidden;}
.deal-product-content h5 {margin-bottom: 0px;}
.deal-product-content>h4 {font-size: 16px;font-weight: bold;letter-spacing: .2px;margin: 0;}
.deal-product-content>p {margin: 0 0 37px;font-size: 15px;letter-spacing: .2px;color: #454545;}
.deal-product-content {overflow: hidden;padding: 10px 18px 10px 18px;}
/*.modal-dialog .deal-product-content {overflow: hidden;padding: 5px 10px;}*/

.checkout-wrapper .card-group .card {flex: auto;width: 100%;background-color: transparent;border: 0 solid transparent;border-radius: 0px;-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px rgba(0,0,0,0);padding: 10px 0;}
.checkout-wrapper .card-group .card-heading {padding: 0;border: 0 solid transparent;border-radius: 0px;}
.checkout-wrapper .card-group .card-body {padding: 0;border: 0 solid transparent !important;border-radius: 0px;} 
.checkout-area h5.card-title {background-color: #fff;border: 1px solid #e7e7e7;color: #000000;font-size: 15px;line-height: 1.55;font-weight: bold;letter-spacing: 0.2px;margin: 0 0 10px;position: relative;text-transform: uppercase;}
.checkout-area h5.card-title a {color: #000000;display: block;padding: 9px 55px;position: relative;}
.checkout-area h5.card-title a:hover {color: #cc141c;}
.checkout-area h5.card-title a::before {color: #000000;content: "";display: inline-block;font-family: "Ionicons";font-size: 12px;position: absolute;right: 10px;top: 14px;}
.checkout-area h5.card-title a.collapsed::after {color: #000000;content: "";display: inline-block;font-family: "Ionicons";font-size: 12px;position: absolute;right: 10px;top: 14px;}
.checkout-area h5.card-title a.collapsed::before {display: none;}
.checkout-area h5.card-title span {background-color: #000000;color: #fff;font-size: 15px;height: 42px;left: 0;line-height: 42px;position: absolute;text-align: center;top: 0;width: 42px;}
.checkout-register,.checkout-login {background-color: #fff;border: 1px solid #eaeaea;overflow: hidden;padding: 20px 15px;}
.checkout-sub-title {border-bottom: 1px solid #eaeaea;font-size: 15px;font-weight: bold;letter-spacing: 0.2px;margin: 0;padding-bottom: 15px;text-transform: uppercase;}
.checkout-register > p {color: #888888;letter-spacing: 0.2px;margin: 13px 0 9px;}
.checkout-register label {color: #454545;font-size: 15px;letter-spacing: 0.2px;margin: 0 0 10px;}
.checkout-register form input {background: transparent none repeat scroll 0 0;border: 1px solid #eaeaea;border-radius: 5px;color: #626262;height: 40px;padding-left: 10px;margin: 0 0 20px;width: 100%;}
.checkout-btn,.billing-btn > button {background-color: #d8d8d8;border: medium none;border-radius: 5px;cursor: pointer;letter-spacing: 0.2px;line-height: 1;padding: 13px 11px;text-transform: uppercase;transition: all 0.3s ease 0s;}
.checkout-btn:hover,.billing-btn > button:hover {background-color: #DA0010;color: #fff;}
.checkout-login > form {margin-top: 22px;}
.checkout-progress {position: -webkit-sticky;position: sticky;top: 75px;z-index: 100;height: auto;}
.checkout-progress > h4 {background-color: #DA0010;color: #ffffff;font-size: 15px;font-weight: bold;letter-spacing: 0.2px;margin: 0;padding: 14px 10px 15px;text-align: center;text-transform: uppercase;}
.checkout-progress h5 {margin-bottom: 0rem;}
.checkout-progress {background-color: #fff;border: 1px solid #DA0010;}
.checkout-progress > ul {list-style: none;padding: 16px 14px 18px;}
.checkout-progress li {border-bottom: 1px solid #eaeaea;color: #454545;font-size: 15px;letter-spacing: 0.2px;margin-bottom: 14px;padding-bottom: 12px;padding-left: 0px;position: relative;}
.checkout-progress li:last-child {border-bottom: 0px solid #eaeaea;padding-bottom: 0px;margin-bottom: 0px;}

.members-info > label {color: #454545;font-size: 15px;letter-spacing: 0.2px;text-transform: capitalize;font-weight: 400;}
.members-info input,.billing-select select {background: transparent none repeat scroll 0 0;border: 1px solid #eaeaea;color: #555;height: 40px;border-radius: 5px;font-size: 15px;}
.members-info2 input {height: 13px;border-radius: 0px;margin-right:5px;}
.members-info3 .checkbox {/*height: 25px;*/margin-right: 1rem;}
.members-info  input[type='text'], .members-info  input[type='email'], .members-info  input[type='password'] {width: 100%;}
.members-info .input-group  input[type='text'], .members-info .input-group  input[type='email'], .members-info .input-group  input[type='password'] {flex: 1 1 auto;width: 1%;min-width: 0;}
.members-info .input-group .input-group-text {padding: 5px 10px;font-size: 15px;line-height: 1.25;}
.members-info {margin-bottom: 25px;}
.members-info.members-info2 {margin-bottom: 20px;}
.members-info select {background: #fafafa none repeat scroll 0 0;border: 1px solid #eaeaea;color: #555;min-height: 40px;border-radius: 5px;font-size: 15px;}

.billing-information-wrapper,.shipping-information-wrapper,.shipping-method-wrapper,.payment-info-wrapper,.order-review-wrapper {background-color: #fff;padding: 30px 20px;border: 1px solid #eaeaea;}
.billing-info > label {color: #454545;font-size: 15px;letter-spacing: 0.2px;text-transform: capitalize;font-weight: 400;}
.billing-info input,.billing-select select {background: transparent none repeat scroll 0 0;border: 1px solid #eaeaea;color: #555;height: 40px;border-radius: 5px;}
.billing-info  input[type='text'], .billing-info  input[type='email'] {width: 100%;}
.billing-info {margin-bottom: 25px;}

.button-box button,.button-box a {background-color: #ffffff;color: #fff;border: 0px solid #ffffff;border-radius: 5px;cursor: pointer;letter-spacing: 0.2px;line-height: 1;padding: 12px 30px;text-transform: uppercase;font-weight: 600;transition: all 0.3s ease 0s;}
.button-box a:hover,.button-box button:hover {background-color: #d8d8d8;color: #000;}

.button-box button.btn-line,.button-box a.btn-line {background-color:#00b900;}
.button-box button.btn-fb,.button-box a.btn-fb {background-color:#385898;}
.button-box button.btn-grey,.button-box a.btn-grey {background-color:#c1c1c1;}
.button-box button.btn-b,.button-box a.btn-b {background-color:#1D68D6;}
.button-box button.btn-bk,.button-box a.btn-bk {background-color:#000000;}
.button-box button.btn-g,.button-box a.btn-g {background-color:#5cb85c;}
.button-box button.btn-s,.button-box a.btn-s {background-color:#5bc0de;}
.button-box button.btn-o,.button-box a.btn-o {background-color:#f0ad4e;}
.button-box button.btn-r,.button-box a.btn-r {background-color:#cc141c;}
.button-box button.btn-w,.button-box a.btn-w {background-color:#ffffff;color: #000;border: 1px solid #000000;}


.button-box button:hover.btn-line,.button-box a:hover.btn-line {background-color: #bbbbbb;color: #ffffff;border:0px solid #000000;}
.button-box button:hover.btn-fb,.button-box a:hover.btn-fb {background-color: #bbbbbb;color: #ffffff;border:0px solid #000000;}
.button-box button:hover.btn-grey,.button-box a:hover.btn-grey {background-color: #bbbbbb;color: #ffffff;border:0px solid #000000;}
.button-box button:hover.btn-b,.button-box a:hover.btn-b {background-color: #bbbbbb;color: #ffffff;border:0px solid #000000;}
.button-box button:hover.btn-bk,.button-box a:hover.btn-bk {background-color: #ffffff;color: #ffffff;border:0px solid #000000;}
.button-box button:hover.btn-g,.button-box a:hover.btn-g {background-color: #bbbbbb;color: #ffffff;border:0px solid #000000;}
.button-box button:hover.btn-s,.button-box a:hover.btn-s {background-color: #bbbbbb;color: #ffffff;border:0px solid #000000;}
.button-box button:hover.btn-o,.button-box a:hover.btn-o {background-color: #bbbbbb;color: #ffffff;border:0px solid #000000;}
.button-box button:hover.btn-r,.button-box a:hover.btn-r {background-color: #bbbbbb;color: #ffffff;border:0px solid #bbbbbb;}
.button-box button:hover.btn-w,.button-box a:hover.btn-w {background-color: #000000;color: #ffffff;border:0px solid #000000;}

.button-box button.btn-l {background-color: transparent;}
.button-box button.btn-3 {padding: 12px 25px;}

.text-tea-1 {color: #86c03f;}
.text-red {color: #cc141c;}
.text-blue {color: #1D68D6;}
.text-white {color: #ffffff;}
.gray-bg {background: #f5f5f5;}
.gray-bg {background: #f5f5f5;}
.gray2-bg {background: #C1C1C1;}
.scrollbarMenu {
	&::-webkit-scrollbar{width: 10px;}
	&::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #86c03f;}
}

@media (max-width: 1200px) {
	
}

@media (max-width: 991px) {
	.page-content {padding: 20px 0;}
	.register-form-container {padding: 40px;}
	.members-page .primary-sidebar-inner .members-menu {margin-bottom: 30px !important;}
}

@media (max-width: 768px) {
	.page-content {padding: 10px 0;}
	.register-form-container {padding: 40px 20px;}
	.members-page .primary-sidebar-inner .members-menu {margin-bottom: 20px !important;}
}

@media (max-width: 479px) {
	.page-content {padding: 0px 0;}
	.register-form-container {padding: 20px 10px;}
	.members-page .primary-sidebar-inner .members-menu {margin-bottom: 10px !important;}
}