body {
	font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", Meiryo, "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
	color: #797979;
	text-align:center;
	background:url(../img/bg_in.jpg) repeat-x top center #d1e3fd;
	}
a {
	outline: none; /* for Firefox */
	hlbr:expression(this.onFocus=this.blur()); /* for IE */
	text-decoration: none;
	}
a:link {
	color:#fff;
	}
a:visited {
	color:#fff;
	}
a:hover {
	color:#fff;
	}
a:active{
	color:#fff;
	}

#wrapper {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}
.listDesc {
	margin: 20px 0px;
	color: #1160bd;
	line-height: 1.5em;
	padding: 20px 0 20px 0;
	}

h2 {
	font-size: 1.8em;
	line-height: 1.8em;
	color: #930157;
	margin-bottom: 10px;
	background:-webkit-linear-gradient(top,#c10072 0,#770247 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  display:inline-block;
}
.titleBg {
  background:url(../img/waveline.gif) bottom repeat-x;
  text-indent:-1px;
}
.list-border {
	width: 100%;
	margin-bottom: 35px;
	}
.list-border td {
	border-bottom: 1px solid #8e7fb6;
	padding: 8px;
	}
.title {
	color: #fff;
	background-color: #b21f8c;
	}
.titleLast {
	color: #000;
	background-color: #ffd800;
	}
.price {
	font-weight: bold;
	color: #fb6205;
	}
.soldout{
	text-decoration:line-through;}
#back {
	margin-bottom: 35px;
	overflow: hidden;
	}
.backBtn {
	color:#FFF;
	text-align:center;
	line-height: 1.8em;
	margin:0 auto;
	display: block;
	width:150px;
	height:1.8em;
	background-color: #0066cc;
	padding: 10px 25px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
a.back:hover {
		background-color: #2f90f0;
	}

#imagelightbox
{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}

#imagelightbox
{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}}