/*
* ===================================================
*     CUSTOM CSS CODE BELOW
* ===================================================

/* productfilter sod_selectcustom */

.productfilter 
{
    width: 12rem;
	float: left;

border-color:#ff007b;border-style:solid;border-width:3px 6px;padding:5px;

}
.productsort  
{
    width: 12rem;
 
border-color:#030303;border-style:solid;border-width:3px 6px;padding:5px;
    }


/* Go Top  */

#goTop {
position: fixed;
right: 15px;
bottom: 15px;
width: 60px; 
height: 90px; 
opacity: 1; 
z-index: 10;
cursor: pointer;

}


 {color:#FF6817;
    
}   

.option
{
 color:#FF6817

}
/* 行距 */
.rel-date {
 
margin: 0em
}



/* Airlectra */

.product-price.preorder {
    color:#FF6817;
}

.product-btn-addcart.preorder, .btn-cta.preorder, .btn-cta.preorder:hover, .btn-cta.preorder:focus, .btn-cta.preorder:active {
    background-color:#FF6817;
}

.wishlist-btn.wishlist-add {
    padding-bottom:0.25rem;
}

.rabattribbon {
    position: absolute;
    z-index: 99;
    overflow: hidden;
    width: 70px;
    height: 30px;
    text-align: right;
    left: 15px;
    top: 6px;
}

.rabattribbon .procentrab {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    line-height: 26px;
    display: block;
    background: linear-gradient(#f70505 0%, #8f0808 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    width: 100%;
}

.product .ribbon--right {
    right:15px!important;
}

#product .rabattribbon {
    left:30px;
}

.rabattribbon2 .procentrab {
    color: #ffffff;
    text-align: center;
    background: linear-gradient(#f70505 0%, #8f0808 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
}

.btn.btn-photoswipe {
    top:55px;
}

.mypages {
    text-align:center;
}

.mypages a {
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    display: inline-flex;
    margin: 2px;
    justify-content: center;
    align-items: center;
}

/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: inline-block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0 0 0.5rem 0;
	float: left;
}
span.ellipse.clickable {
	cursor: pointer;
}

.ellipse input {
	width: 3em;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/
.light-theme span {
	cursor:pointer;
}

.light-theme a, .light-theme span {
	float: left;
	color: #ffffff;
	font-size:18px;
	line-height:26px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #15a281;
	min-width: 14px;
	padding: 0 9px;
	margin: 0 5px 0 0;
	background: #15a281;
}

.simple-pagination .page-link:hover {
	background: #ffffff;
	color: #15a281;
	border-color: #15a281;
    border-top: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    opacity:1;
}

.light-theme .current {
	background: #ffffff;
	color: #15a281;
	border-color: #15a281;
	cursor: default;
}

.light-theme .ellipse {
	background: #ffffff;
	color: #15a281;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
	vertical-align: middle;
    line-height: 1;
}
body.localfilter #product[data-filter-1801-23801="1"] {
    display:none!important;
}

body.localfilter .product[data-filter-1801-23801="1"] .ribbon, body.localfilter .product[data-filter-1801-23801="1"] .rabattribbon, body.localfilter .product[data-filter-1801-23801="1"] .wishlist-icon, body.localfilter .product[data-filter-1801-23801="1"] .qs-actions {
    display:none!important;
}

body.localfilter .product[data-filter-1801-23801="1"]:after {
    position:absolute;
    top:0;
    bottom:0;
    left:14px;
    right:14px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    content: url("data:image/svg+xml,%3Csvg width='128px' height='128px' viewBox='0 0 24 24' fill='none' stroke='red' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='0'%3E%3C/g%3E%3Cg stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg%3E%3Cpath d='M14.83 9.17999C14.2706 8.61995 13.5576 8.23846 12.7813 8.08386C12.0049 7.92926 11.2002 8.00851 10.4689 8.31152C9.73758 8.61453 9.11264 9.12769 8.67316 9.78607C8.23367 10.4444 7.99938 11.2184 8 12.01C7.99916 13.0663 8.41619 14.08 9.16004 14.83' stroke='' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M12 16.01C13.0609 16.01 14.0783 15.5886 14.8284 14.8384C15.5786 14.0883 16 13.0709 16 12.01' stroke='' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M17.61 6.39004L6.38 17.62C4.6208 15.9966 3.14099 14.0944 2 11.99C6.71 3.76002 12.44 1.89004 17.61 6.39004Z' stroke='' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M20.9994 3L17.6094 6.39' stroke='' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M6.38 17.62L3 21' stroke='' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M19.5695 8.42999C20.4801 9.55186 21.2931 10.7496 21.9995 12.01C17.9995 19.01 13.2695 21.4 8.76953 19.23' stroke='' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    border:1px solid #555;
}

body.localfilter .header-filter .navbar-icon, body.localfilter .header-filter .color-text-base {
    color:red;
}

.filter-closed {
    display:none;
}

body.localfilter .filter-open {
    display:none;
}

body.localfilter .filter-closed {
    display:block;
}