@charset "UTF-8";
/* CSS Document */
body{
	background:#000;
	text-align:center;
	overflow-x:hidden;
	Font-family:微軟正黑體,Arial;
  	margin:0 auto;
  	padding:0;
	}
a{text-decoration:none}	
#cover{
	width:100%;
	height:100vh;
	display:flex;
	text-align:center;
	justify-content:center;
	align-items:center;
	position:relative
}

#c1{
	position:absolute;
	top:-10vh;
	left:-20vw;
	height:55vh;
	max-height:390px;
	
}

#c2{
	position:absolute;
	bottom:-10vh;
	right:-20vw;
	height:65vh;
	max-height:390px;
}

#c3{
	position:absolute;
	top:120vh;
	left:-5vw;
	width:40vw;
	max-width:800px;
	
}

#c4{
	position:absolute;
	top:80vh;
	right:0vw;
	width:30vw;
	max-width:800px;
	
}
#c5{
	position:absolute;
	top:230vh;
	left:0vw;
	width:30vw;
	max-width:800px;
	
}

#c6{
	position:absolute;
	top:280vh;
	right:0vw;
	width:40vw;
	max-width:800px;
	
}
#title{
	width:30vw;
	max-width:350px;
}
@media (max-width:700px){
	#c3{
	position:absolute;
	top:80vh;
	left:-5vw;
	width:60vw;
	max-width:800px;
	
}

#c4{
	position:absolute;
	top:50vh;
	right:0vw;
	width:60vw;
	max-width:800px;
	
}
#c5{
	position:absolute;
	top:150vh;
	left:-10vw;
	width:70vw;
	max-width:800px;
	
}

#c6{
	position:absolute;
	top:200vh;
	right:0vw;
	width:60vw;
	max-width:800px;
	
}}


/*販售品項*/
.pic{border:#FFF 5px solid; box-shadow:#000 0 10px 10px;width:70%; max-width:600px; margin:1em auto; display:block}
.pic:hover{ transform:rotate(2deg) scale(1.1);}
.goods{ width:30%; margin:2em auto; margin-left:2%; margin-right:2%; display:inline-block; background:url(../2020order/paper.jpg) no-repeat center center; background-size:cover; box-shadow: #666 0 5px 10px; position:relative; vertical-align:top; border-radius:0.5em}
.g2{ width:60%; max-width:600px; display:block; position:relative;margin:2em auto; margin-left:auto; margin-right:auto; padding-bottom:2em }
@media (max-width:700px){.goods{ width:70%; display:block; margin:2em auto; padding-bottom:2em}}
.goods h2{color:#C96}
.goods h3{color:#366;}
.goods img{width:100%; cursor:pointer}

.goods  ul {
    list-style: none;
    padding: 0 0 1rem 0;
    margin: 0;
    border-bottom: 1px solid var(--col-primary);
  }
.goods  li {
    padding: 0.8em 1em;
    font-size: 0.9em;
    &:nth-child(odd) {
      background: var(--col-light);
    }
  }
  
.goods  button {
    cursor: pointer;
    padding: 0 1.5em;
    font-size: 0.8em;
	Font-family:微軟正黑體,Arial;
    display: block;
    color: white;
    margin: 1em auto;
    border: none;
    border-radius: 5px;
    background:#C96;
	font-weight:bold;
	letter-spacing:0.1em;
    box-shadow: 0 0 0 4px #C96, 0 0 0 8px var(--col-primary);

    }

/*販售品項結束*/