@charset "utf-8";

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html{background:#2c2c2c;}
body{line-height:1;}
/*ol, ul{list-style:none;}*/
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
table{border-collapse:collapse; border-spacing: 0;}
/* === End of CSS RESET === */

body {
	overflow:hidden; padding:0; margin:0; height:100%; width:100%;
	color:#999999; font:12px/21px Arial, "Times New Roman", "細明體";
	-webkit-text-size-adjust:none; -ms-text-size-adjust:none;
	}

#bgimg{position:absolute; z-index:-2;}
#logoimg{position:absolute; z-index:-1;}

a, a:visited{
	color:#dfdfdf;
	text-decoration:none;
	/*border-bottom:1px dotted;*/
	transition:color 0.2s;
	}
a:hover{color:#edcad5;}
a:active{color:white;}



.wrapper div{position:absolute;}


.logo{
	position:absolute; bottom:50px; left:0; z-index:9999999;
	width:416px; height:230px;
}

.footer{
	position:fixed; bottom:0; left:0; z-index:9999999;
	min-width:1024px; width:100%;
	background:black;
	font-size:15px; font-weight:normal;
	padding:0 20px;
}

.footer li{float:left; height:40px; line-height:40px; color:#3c3c3c;}
.footer a{
	display:block;
	width:auto;	height:40px; line-height:40px;
	color:#a0a0a0; text-align:center;
	transition:0.25s;
	float:left; padding:0 3px;	
}

.footer li:last-child a{border-radius:0 0px 0 0;}
.footer a:hover{color:white; /*background:rgba(15,15,15, 0.5);*/}

.sp-canvas{display:none;}


.mbot{margin-bottom:20px;}
.highlight{color:#c0bb83;}
small{display:block; font-size:11px; line-height:16px; padding-top:3px; color:#edcad5;}

/*算法:height+padding=1000*/
/*01 首頁*/
.toppage{ 
	top:0px; left:-60px; width:528px; z-index:999;
	font-size:12px; font-weight:normal; line-height:20px;
	height:494px; padding:253px 0;
}
/*02 預購程序*/
.howtopreorder{
	top:1000px; left:-60px; width:528px; z-index:999;
	font-size:12px; font-weight:normal;	line-height:20px;
	height:380px; padding:310px 0;	
}





/*-----------------02 預購程序-----------------*/
.concert{
	top:1000px; left:-60px; width:528px; z-index:999;
	font-size:12px; font-weight:normal;	line-height:20px;
	height:350px; padding:325px 0;
}
	.concert h1{
		display:block; width:528px; height:28px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -28px no-repeat; text-indent:-9999px; margin-bottom:8px;}
	.concert dt.date{
		display:block; width:528px; height:26px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -300px no-repeat; text-indent:-9999px; margin-bottom:5px;}
	.concert dt.place{
		display:block; width:528px; height:26px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -326px no-repeat; text-indent:-9999px; margin-bottom:5px;}
	.concert ol{list-style:decimal; margin-left:17px;}

















/*-----------------03 預購時間-----------------*/
.preorderdetail{
	top:2000px; left:-60px; width:528px; z-index:999;
	font-size:12px; font-weight:normal;	line-height:20px;
	height:350px; padding:325px 0;
}
	.preorderdetail h1{
		display:block; width:528px; height:28px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -28px no-repeat; text-indent:-9999px; margin-bottom:8px;}
	.preorderdetail dt.date{
		display:block; width:528px; height:26px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -300px no-repeat; text-indent:-9999px; margin-bottom:5px;}
	.preorderdetail dt.place{
		display:block; width:528px; height:26px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -326px no-repeat; text-indent:-9999px; margin-bottom:5px;}
	.preorderdetail ol{list-style:decimal; margin-left:17px;}



/*-----------------04 領貨兌換時間-----------------*/
.receive{
	top:2000px; left:-60px; width:528px; z-index:999;
	font-size:12px; font-weight:normal;	line-height:20px;
	height:486px; padding:257px 0;
}
	.receive h1.allgoods{
		display:block; width:528px; height:28px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -56px no-repeat; text-indent:-9999px; margin-bottom:8px;}
	.receive dt{
		display:block; width:528px; height:26px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -352px no-repeat; text-indent:-9999px; margin-bottom:5px;}
	.receive h1.plonly{
		display:block; width:528px; height:28px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -84px no-repeat; text-indent:-9999px; margin-bottom:8px;}
	.receive h1.att{
		display:block; width:528px; height:28px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -112px no-repeat; text-indent:-9999px; margin-bottom:8px;}
	.receive ol{list-style:decimal; margin-left:17px;}



/*-----------------05 ibon預購注意事項-----------------*/
.ibon{
	top:4000px; left:-60px; width:528px; z-index:999;
	font-size:12px; font-weight:normal;	line-height:20px;
	height:1500px; padding:0;
}
	.ibon h1{
		display:block; width:528px; height:28px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -140px no-repeat; text-indent:-9999px; margin-bottom:8px;}
	.ibon ol{list-style:decimal; margin-left:17px;}



/*-----------------06 明星商品內容-----------------*/
.goods{
	top:3000px; left:-60px; width:528px; z-index:999;
	font-size:12px; font-weight:normal;	line-height:20px;
	height:2300px; padding:100px 0;
}
	.goods h1{
		display:block; width:528px; height:28px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -168px no-repeat; text-indent:-9999px; margin-bottom:5px;}
	.goods dt.intro{
		display:block; width:528px; height:26px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -378px no-repeat; text-indent:-9999px; margin-bottom:15px;}
	.goods dt.krim{
		display:block; width:528px; height:28px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -490px no-repeat; text-indent:-9999px; margin-bottom:15px;}
	.goods dt.localmade{
		display:block; width:528px; height:28px; overflow:hidden; clear:both;
		background:url(../images/sprite.gif) 0 -518px no-repeat; text-indent:-9999px; margin-bottom:15px;}
	/*md detail*/
	.goods dl.mdd{display:block; width:264px; overflow:hidden; float:left;}
		#kmd01{background:url(../images/kmd.jpg) 0 0 no-repeat;}
		#kmd02{background:url(../images/kmd.jpg) -264px 0 no-repeat;}
		#kmd03{background:url(../images/kmd.jpg) -528px 0 no-repeat;}
		#kmd04{background:url(../images/kmd.jpg) -792px 0 no-repeat;}
		#kmd05{background:url(../images/kmd.jpg) -1056px 0 no-repeat;}
		#kmd06{background:url(../images/kmd.jpg) -1320px 0 no-repeat;}
		#kmd07{background:url(../images/kmd.jpg) -1584px 0 no-repeat; margin-bottom:20px;}
		#kmd08{background:url(../images/kmd.jpg) -1848px 0 no-repeat;}
		#kmd09{background:url(../images/kmd.jpg) -2112px 0 no-repeat;}
		#kmd10{background:url(../images/kmd.jpg) -2376px 0 no-repeat;}
		#kmd11{background:url(../images/kmd.jpg) -2640px 0 no-repeat;}
		#kmd12{background:url(../images/kmd.jpg) -2904px 0 no-repeat;}
	.goods dl.mdd dt{display:block; width:264px; height:28px; overflow:hidden; text-indent:-9999px; margin-top:200px;}
		#kmd01t{background:url(../images/sprite.gif) 0 -580px no-repeat;}
		#kmd02t{background:url(../images/sprite.gif) 0 -608px no-repeat;}
		#kmd03t{background:url(../images/sprite.gif) 0 -636px no-repeat;}
		#kmd04t{background:url(../images/sprite.gif) 0 -664px no-repeat;}
		#kmd05t{background:url(../images/sprite.gif) 0 -692px no-repeat;}
		#kmd06t{background:url(../images/sprite.gif) 0 -720px no-repeat;}
		#kmd07t{background:url(../images/sprite.gif) 0 -748px no-repeat;}
		#kmd08t{background:url(../images/sprite.gif) 0 -778px no-repeat;}
		#kmd09t{background:url(../images/sprite.gif) 0 -804px no-repeat;}
		#kmd10t{background:url(../images/sprite.gif) 0 -832px no-repeat;}
		#kmd11t{background:url(../images/sprite.gif) 0 -860px no-repeat;}
		#kmd12t{background:url(../images/sprite.gif) 0 -888px no-repeat;}	
	.goods dl.mdd dd{padding:0 10px; text-align:center; background:#2c2c2c;}



/*-----------------07 注意事項-----------------*/
.attention{
	top:5500px; left:-60px; width:528px; z-index:999;
	font-size:12px; font-weight:normal;	line-height:20px;
	height:352px; padding:324px 0;
}
	.attention h1{
		display:block; width:528px; height:28px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -196px no-repeat; text-indent:-9999px; margin-bottom:8px;}
	.attention ol{list-style:decimal; margin-left:17px;}



/*-----------------08 退費說明-----------------*/
.refund{
	top:6500px; left:-60px; width:528px; z-index:999;
	font-size:12px; font-weight:normal;	line-height:20px;
	height:412px; padding:294px 0;
}
	.refund h1{
		display:block; width:528px; height:28px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -224px no-repeat; text-indent:-9999px; margin-bottom:8px;}
	.refund dt.msg1{
		display:block; width:528px; height:26px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -404px no-repeat; text-indent:-9999px; margin-bottom:0;}
	.refund dt.msg2{
		display:block; width:528px; height:26px; overflow:hidden;
		background:url(../images/sprite.gif) 0 -430px no-repeat; text-indent:-9999px; margin-bottom:10px;}
	.refund ol{list-style:decimal; margin-left:17px;}










@keyframes point-down {
	from{top:0;}
	to{top:5px;}
}

@keyframes highlight {
	to{background:lightblue;}
}

/*
.toppage{background:yellow;}
.howtopreorder{background:green;}
.preorderdetail{background:pink;}
.receive{background:white;}
.ibon{background:red;}
.goods{background:black;}
.attention{background:green;}
.refund{background:yellow;}
*/