body {
	padding:0px;
	margin:0px;
	/* background-image:url('/image/background.jpg'); */
	background-repeat:repeat;
}


.HeaderLogo {
	width:38px; 
	margin-right:1.2rem;
}


.cart-list {
	overflow-x:auto;
}

.table tbody tr td.quantity {
	width:12%;
}

.nice-number button {
	width:35%;
}

.DiscountPrice {
	color:red;
}

.PurpleBorderForm {
    border-width: 2px;
    border-color: #eddef7;
    border-style: solid;
	
	background: #fff !important;
}


.nav-item .img-circle {
	max-width:42px;
	/*
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	*/
}

.nav-item .VerticalAlign {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}


.ContentBlock img {
    max-width:100%;
	height:auto;
}

.ContentBlock iframe {
    max-width:100%;
	height:auto;
}

.FooterContactInfo img {
	width:24px !important;
}

.FooterContactInfo .text {
	vertical-align:middle !important;
}


/* Make the image fully responsive */
.BannerCarousel {
	width: 100%;
	padding: 0;
	margin: 0;
}

.BannerCarousel .carousel-inner img {
	width: 100%;
	height: 100%;
}


.ProductBoxPopup {
	background: #FFF;
    text-align: left;
    max-width: 60%;
    margin: 40px auto;
    position: relative;
	
	width:30%;
	padding: 5px 20px;
	border-radius: 1%;
}

.ProductBoxPopup .Title {
	border-bottom: solid 1px;
	margin-bottom: 10px;
}

.ProductBoxPopup .Title span{
	font-size: 1.1rem;
	font-weight: 600;
    color: black;
}

.ProductBoxPopup .ThumbImage {
	margin-bottom: 10px;
}

.ProductBoxPopup .ThumbImage img {
	max-height:260px;
}

.ProductBoxPopup .QuantityButton {
	padding: 5px 10px;
	height: 32px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	color: #f1b8c4;
	background: transparent !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	font-size: 15px;
}


.ProductBoxPopup .form-control {
	height: 32px !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
}


.ProductBoxPopup .Caption {
	margin-right:1rem;
	padding-top:4px;
}


.ProductBoxPopup .form-group .icon {
	position: absolute;
	top: 50%;
	right: 10px;
	/* font-size: 15px; */
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #000000;
}

.ProductBoxPopup .form-group select {
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.navbar-nav .nav-item ul .dropdown-item {
	font-size: 14px !important;
	padding-top: 0px;
	padding-bottom: 10px;
}

.navbar-nav .nav-item ul .dropdown-item .first-caption {
	display: inline-block;
    vertical-align: middle;
	width:20%;	
}

.navbar-nav .nav-item ul .dropdown-item .second-caption {
	display: inline-block;
    vertical-align: middle;
	width:75%;
	margin-left: 0.6rem;
	line-height:1.4;
	font-size: 0.75rem;
}

.navbar-nav .nav-item ul .dropdown-item .second-caption .MoneyText {
	text-align:right;
}



.ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
	padding-left:0px;
	padding-right:0px;
	margin-left:22px;
	margin-right:22px;
	white-space: nowrap;
}

.ftco-navbar-light .navbar-nav > .nav-item > .nav-cart {
	padding-left:20px;
	padding-right:20px;
	white-space: nowrap;
}



section.CartOrder .dropdown-menu {
	min-width: 17rem;
	margin-left: -5rem;
}

section.CartOrder .dropdown-menu .TotalSubTotalPriceBlock {
    padding-left: 1.5rem;
    padding-right: 1rem;
	font-size: 0.85rem;
}

section.CartOrder .dropdown-menu .TotalSubTotalPriceBlock .first-caption {
	
}

section.CartOrder .dropdown-menu .TotalSubTotalPriceBlock .second-caption {
	text-align: right;
}





.SideHiddenMenu {
	float: right;
	width: 160px;
	left: -160px;
	position: fixed;
	top: 0;
	height: 100%;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	background-color: #d7d3ef; 
	border-right: 1px solid #eee;
	transition: 0.5s all;
	z-index:1001;
	
	box-shadow: 0 0 50px -10px rgba(0,0,0,0.75);
}

.SideHiddenMenu.MoveIn {
	/*position: fixed;*/
	top: 0;
	height: 100%;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	border-right: 1px solid #eee;
	transition: 0.5s all;
	left: 0px;
}

.SideHiddenMenu.RightSide {
	right:-160px;
	left:unset;
}

.SideHiddenMenu.RightSide.MoveIn {
	right:0px;
	left:unset;
}

.SideHiddenMenu .BackgroundCover {
	display:none;
	width:150%;
	height:100%;
	position:fixed; 
	left:0;
	top:0; 
	z-index:-10; 
	background-color: #000000;
	opacity: .1;
}


.SideHiddenMenu.MoveIn .BackgroundCover {
	display:block;
}



.SideHiddenMenuNav > ul {
	padding:0px;
}

.SideHiddenMenuNav > ul > li {
	width: 100%;
	margin-right: 0;
	/* margin-bottom: 15px; */
	border-bottom: 1px solid #eee;
	padding: 10px 0px 10px 0px;
	text-align:center;
}
.SideHiddenMenuNav > ul > li:hover {
	background-color: #9164ad;
}
.SideHiddenMenuNav > ul > li:first-child {
	border-top: 1px solid #eee;
	padding-top: 10px;
}

.SideHiddenMenuNav > ul > li:last-child {
	margin-right: 0;
}
.SideHiddenMenuNav > ul > li > a {
	color: #fff;
	transition: 0.3s all;
	letter-spacing: 2px;
	font-size: 1.2em;
}
.SideHiddenMenuNav > ul > li > a:hover {
	color: #ffe028;
}



@media (max-width: 768px) {
	
	.HeaderLogo {
	 
	}
	
	section.CartOrder .dropdown-menu {
		min-width: unset;
		margin-left: unset;
	}
	
	
	.ProductBoxPopup {
		max-width: 90%;
		margin: 40px auto;
		
		width:90%;
	}

}




[NoneEditableLight_ShowOnActive] {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
[NoneEditableLight_ShowOnActive]::after {
	content: " ";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding-top: 5px;
	font-weight: 600;
	font-size: 1rem;
	text-align: center;
	/* border: 1px dashed #999; */
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cell-active [NoneEditableLight_ShowOnActive]::after {
	content: "無法編輯的區域";
	background: rgba(252, 252, 252, 0.85);
}




@media (min-width: 992px) {

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left:0px;
		padding-right:0px;
		margin-right: 0.52rem;
		margin-left: 0.52rem;
	}
	
	.navbar-expand-lg .navbar-nav .nav-cart {
		padding-left:0.5rem;
		padding-right:0.5rem;
	}

}