html.pre-login,
html.pre-login body,
html.pre-login #showcase-outer-container{
	height:100%;
}
body {
	font-family:微軟正黑體, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
}
a.link{
	text-decoration:none;
	color:inherit;
	//color: expression(this.parentNode.currentStyle['color']); /* IE7 inherit Fix */
}
a.link:hover{
	cursor:pointer; /* IE7 inherit fix */
}
#header-logo .img-fluid{
width:150px;
}
@media (min-width: 768px){
#header-logo .img-fluid{
margin-left:15px;
}
}
#product-category{
}
	#product-category .link{
	color:#4c4c4c;
	font-size:16px;
	transition:color 0.5s;
	margin-right:0.8rem;
	}
	#product-category .link.active,
	#product-category .link:hover{
	color:#e69833;
	}
#showcase-outer-container{
background-color:#f2f2f2;
}
	#showcase-outer-row{
	}
		.content-main-showcase-login-frm-wrapper{
		}
			.content-main-showcase-login-frm{
			color:f2f2f2;
			}
					.login-error-msg{
					color:#fff;
					font-size:14px;
					text-align:center;
					}
					.login-lbl{
					color:#fff;
					font-size:14px;
					}
					.login-tb{
					font-size:14px;
					border:0;
					font-family:inherit;
					width:150px;
					padding:8px 10px;
					outline: none;
					}
					#login-prompt{
					background-color:#ff0;
					border:1px solid #ccc;
					padding:1px;
					font-size:10px;
					}
@media (min-width: 768px){
.arrow-left-wrapper{
padding-left:0;
right:15px;
}
.arrow-right-wrapper{
padding-right:0;
left:15px;
}
}
.arrow-left{
display:inline-block;
width:30px;
height:30px;
background-image:url(../images/arrow-left.png);
}
.arrow-right{
display:inline-block;
width:30px;
height:30px;
background-image:url(../images/arrow-right.png);
}
@media (min-width: 768px){
#showcase-col{
padding-left:0;
padding-right:30px;
right:20px;
}
#showcase-thumb-col{
padding-left:30px;
padding-right:0;
left:20px;
}
}
#showcase-background{
width:100%;
padding-top:100%;
position:relative;
}
#showcase-caption{
color:#4c4c4c;
font-size:14px;
}
	.showcase-foreground{
	position:absolute;
	top:-1px;
	right:-1px;
	bottom:-1px;
	left:-1px;
	background-size:100%;
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
	}
#showcase-thumb-wrapper{
}
	.showcase-thumb{
	float:left;
	width:28%;
	padding-top:28%;
	background-size:100%;
	margin-left:5%;
	}
	.showcase-thumb:nth-child(-n+6){
	margin-bottom:5%;
	}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
#footer{
color:#4d4c4c;
font-size:12px;
font-weight:bold;
letter-spacing:0.8px;
}