<style type="text/css">
<!--

#contenta {
	min-height:250px;
}
#locpage {
	background-color:#EEEEEE;
	width:100%;
	height:20px;
	position: relative;
	margin-left:3px;
}

#leftguide {
	display:block;
	background-color:#EEEEEE;
	margin-left:3px;
}
#rightguide {
	display:block;background-color:#EEEEEE;
	margin-left:3px;
}
#dspbox {
	margin:5px;
	padding:3px;
	border:1px #F7D4EE solid;border-radius:10px;
	color:#999999;
}

#footerbox {
	position:relative;
	background-color:#C3D0DA;
	text-align:center;
	width:100%;
	
}

#footer {
	text-align:center;
	background-color:#C3D0DA;
	float:left;
	width:100%;
	height:100px;
	border:1px #C3D0DA solid;border-radius:10px 0px 10px 0px;
	display:inline; /* So IE plays nice */
	
}
#footcont {
	color:#000000;
	
}

#footer dl { display:inline;}
#footer dt { display:inline;}

#slideshow img { display: none }
#slideshow img.first { display: block }

.subpagebm {
	background-color:#E0E0E0;
	width:100%;
	height:80px;
	position: relative;
	margin:0; 
	display:block;
	
}
.dspdata{
	margin:10px;
	border-style:dashed;border-width:0px;border-bottom-width:1px;border-color:#BADBFC;
	color:#3C3C3C;
	font-size:100%;
	line-height: 24px;
	
}
.dspdate {
	margin:1px;
	color:#3b4588;
	font-size:100%;
	line-height: 20px;
	font-weight:bold;
}
.dsptitle {
	margin:5px;
	color:#AE0000;
	font-size:100%;
	line-height: 20px;
	font-weight:bold;
}
.pagefunbar {
	
	width:100%;
	height:20px;
	position: relative;
	margin:0; 
}

.itembar {
	border:1px #F7D4EE solid;border-radius:10px;
}
.radius10 {
	border-radius:10px;
}
.imgradius60 {
	border-radius: 60px;
	box-shadow: 0 0 10px rgba(0,0,0,1.00);
	opacity: 0.8;
}
.imgradius10 {
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,1.00);
	opacity: 0.9;
}
.imgradius0001 {
	border-bottom-right-radius: 50px;
	box-shadow: 0 0 5px rgba(0,0,0,0.9);
	
}
.prodlist {
	margin:5px;
}

.dropdown-menu li:hover .sub-menu {visibility: visible;}
.dropdown:hover .dropdown-menu {display: block;}
//FB LINK RWD設定
.fb-comments, .fb-comments iframe[style] {
	width: 100% !important;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	width: 100% !important;
}
.line {
	display:block;
	color:#FFFFFF;
	margin-left:3px;
}
.kdlist {
	text-align:left;
}
.pics { 
  height: 232px;
  width: 232px;
  padding:0;
  margin:0;
  overflow: hidden;
}
.pics img { 
  height: 200px;
  width: 200px;
  padding: 15px;
  border: 1px solid #ccc;
  background-color: #eee;
  top:0; left:0
}

/*advlist*/
.advlist-title {
	
	margin:10px;
	padding-left:10px;
	border-left:6px solid #2196F3;
	background-color: #ddffff;
	font-size:120%;
}	

/*文字跑馬燈左右*/

.marqee {
 height: 40px;
 width: 450px;
 margin: 0 auto;
 overflow: hidden; 
 position: relative;
 background: black;
}
/*
.marqee > ul {
 padding-left: 0;
 
 display: flex;
 list-style-type: none;
 animation: marqee 30s linear infinite;
 position: absolute;
}

.marqee > ul > li {
 white-space: nowrap;
 margin-right: 2em;
 font-weight: bold;
 color: yellow;
}

@keyframes marqee {
 0% {
  left: 100%;
  transform: translateX(0%);
 }

 100% {
  left: 0;
  transform: translateX(-100%);
 }
}
*/

.marquee {
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee span {
  display: inline-block;
  width: max-content;
  padding-left: 100%;
  will-change: transform;
  animation: marquee 30s linear infinite;
}

.marquee span:hover {
  animation-play-state: paused
}

@keyframes marquee {
  0% { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .marquee span {
    animation-iteration-count: 1;
    animation-duration: 0.01; 
    width: auto;
    padding-left: 0;
  }
}


/*文字跑馬燈上下*/
.marqee_ud {
	height:60px;
 overflow:hidden;
 margin:0;
 position:relative;
}

.marqee_udtxt {
 animation: marqee_ud 30s linear infinite;
 
}
.marqee_udtxt:hover {
	animation-play-state:paused;
}

@keyframes marqee_ud {
 100% {
   transform: translateY(100%);
 }
 
}
#mapbox {
        position: relative;
        padding-bottom: 75%;
        overflow: hidden;
    }
#mapbox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#keyindata {
        position: relative;
        padding-bottom: 75%;
		
        overflow: hidden;
    }
#keyindata iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.fa-spin-hover:hover {
	font-size: 130%;
	color: #FFFFFF;
    animation: fa-spin 2s infinite linear;
}
.fa-enlarge-hover:hover {
	font-size: 130%;
	color: #FFFFFF;
	background:#A0A0A0;
	border: solid 0.08em #eee;
	border-radius: .1em;
	padding: .2em .25em .15em;
}
.fa-enlarge2-hover:hover {
	font-size: 130%;
	color: Dodgerblue;
	background: #7ba7fe;
	border: solid 0.08em #eee;
	border-radius: .1em;
	padding: .2em .25em .15em;
}
.clear{ clear:both}
.imgbox {	
	width: 200px;
	height: 150px;
	overflow: hidden;
}
.borderbox {
	margin:2px;
	padding-bottom:6px;
	border:#C0C0C0 1px solid;
	border-radius:10px;
	
}
.kindsel {
	background-color:#0578ED;
	border-style:solid;border-color:#DDDDDD;border-width:1px;
}	
.kindmenu {
	color:#000000;
	
}
.kindmenuitem {
	color:#000000;
	
}
.productfkname {
	color:#000000;
	
}
.productimgshow {
	background-color:#000000;
	border-radius:30px 10px 30px 10px;

}
.productviewimg {	
	width: 300px;
	height: 300px;
	overflow: hidden;
}
.prodkindrow {
	display:flex;
	align-items:center;
	text-align:center;
	flex-wrap:wrap
}
.productkdbox {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	margin:2px;
	background-color:#F0F0F0;
	width:100px;
	text-align:center;
	font-size:16px;
	border:#FFFFFF 1px solid;
	color:#000000;
	border-radius:5px;
	
    box-shadow:
        5px 5px 10px rgba(0, 0, 0, .3),
        -5px -5px 10px rgba(255, 255, 255, .8),
        outset 0 0 0x rgba(255, 255, 255, .8),
        outset 0 0 0 rgba(0, 0, 0, .3);
    
    &:active {
        box-shadow:
            0 0 0 rgba(0, 0, 0, .3),
            0 0 0 rgba(255, 255, 255, .8),
            inset -5px -5px 10px rgba(255, 255, 255, .8),
            inset 5px 5px 10px rgba(0, 0, 0, .3);
    
	}
}
.pruductdsp {
	color:#FFFFFF;
	
}
.pruductview {
	color:#FFFFFF;
	background-color:#6895FD;
}
.product_view {
	color:#FFFFFF;
	margin:2px;
	padding-bottom:6px;
	border:#C0C0C0 1px solid;
	border-radius:10px;
	background-color:#6895FD;
	text-align:center;
}
.productpic {
		border-style:solid;
		border-color:#F39C12;
		border-width:1px;
		max-width: 300px;
		max-geight: 300px;
		margin:10px;
		border-radius:10px 10px 10px 10px;
}
.productmorepic {
		border-style:solid;
		border-color:#F39C12;
		border-width:1px;
		max-width: 400px;
		height:360px;
		margin:5px;
		float:left;
		border-radius:10px 10px 10px 10px;
}
.productmoreimg {
		
		max-width: 100%;
		max-height: 100%;
		object-fit: cover; 
		object-fit: contain;
}
.search {
	color:#FFFFFF;
	background-color:#6895FD;
	border-radius:10px 10px 10px 10px;
	
}
.videobox {
    position: relative;
    width: 90%;
    height: 0;
    padding-bottom: 56.25%;
	border-radius:10px 10px 10px 10px;
}

.videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 90%;
	border-radius:10px 10px 10px 10px;
}
-->
</style>
