/* CSS Document */

@font-face {
$font-family-sans-serif:
  // Safari for OS X and iOS (San Francisco)
  -apple-system,
  // Chrome < 56 for OS X (San Francisco)
  BlinkMacSystemFont,
  // Windows
  "Segoe UI",
  // Android
  "Roboto",
  // Basic web fallback
  "Helvetica Neue", Arial, sans-serif,
  // Emoji fonts
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
}
body { margin:0; padding:0; font-family:"微軟正黑體"; }
img{ border:0;
vertical-align: middle;}
.clear{ clear:both;}
.clear{ clear:both;}

.banner img{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	}
.banner{
	padding-top: 0rem;
	padding-right: 0rem;
	padding-left: 0rem;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0rem;
	height: auto;
	background: url(images/bg.jpg) repeat top;
	}
#sale_bg{	
	background: url("../images/sale_bg.jpg") top center no-repeat;
	background-size:cover;
	height:auto;
	}
@media (max-width: 768px) {
#sale_bg{	
	background: url("../images/sale_bg_m.jpg") top center repeat-y;
	background-size:contain;
	height:auto;
	}
	}
.down_title1{
	font-size: 20px;
	line-height: 24px;
	color: #e8313f;
	font-weight:bold;
	background-color: #fcda01;
}
.down_title2{
	font-size: 20px;
	line-height: 24px;
	color: #fff799;
	font-weight:bold;
	background-color: #e8313f;
}
.down_title3{
	font-size: 20px;
	line-height: 24px;
	color: #fff799;
	font-weight:bold;
	background-color: #e8313f;
}
.buy{
	font-size: 16px;
	line-height: 18px;
	color: #fff799;
	background-color: #e8313f;
}
.buy1{
	font-size: 16px;
	line-height: 18px;
	color: #fff799;
	background-color: #000000;
}
.buy2{
	font-size: 16px;
	line-height: 18px;
	color: #fff799;
	background-color: #fff45c;
}
.content{
	font-size: 16px;
	line-height: 20px;
	color: #626262;
}
.more{
	font-size: 16px;
	line-height: 18px;
	color: #ffffff;
	background-color: #e8313f;
}
.more:hover {
  background-color: #e8313f;
  color: #fff45c;
}
.title{
	font-size: 16px;
	line-height: 26px;
	color: #825b4b;
}
.price{
	font-size: 14px;
	line-height: 36px;
	color: #434343;
}
.price1{
	font-size: 14px;
	line-height: 36px;
	color: #434343;
}
.name{
	font-size: 18px;
	line-height: 30px;
	color: #0051a2;
	font-weight: 500;
}
.name1{
	font-size: 16px;
	line-height: 22px;
	color: #ffffff;
	font-weight: 500;
}
.yellow{
	font-size: 18px;
	line-height: 30px;
	color: #fff45c;
	font-weight: 500;
}
.red{
	font-size: 18px;
	line-height: 30px;
	color: #e60012;
	font-weight: 500;
}
.set_date{
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
	font-weight: 500;
	font-weight:bold;
}
.set_name{
	font-size: 20px;
	line-height: 30px;
	color: #fffbc8;
	font-weight: 500;
	font-weight:bold;
}
#set1 a {
        background: url("../images/set1_hover.png");/*預設顯示圖片*/
        display: block;
        font-size: 0; 
        height: 320px;/*圖片高度*/
        width: 320px;/*圖片寬度*/
    }
#set1 a:hover {
        background: url("../images/set1.png"); /*滑鼠移過顯示圖片*/
    }
#set2 a {
        background: url("../images/set2_hover.png");/*預設顯示圖片*/
        display: block;
        font-size: 0; 
        height: 320px;/*圖片高度*/
        width: 320px;/*圖片寬度*/
    }
#set2 a:hover {
        background: url("../images/set2.png"); /*滑鼠移過顯示圖片*/
    }
#set3 a {
        background: url("../images/set3_hover.png");/*預設顯示圖片*/
        display: block;
        font-size: 0; 
        height: 320px;/*圖片高度*/
        width: 320px;/*圖片寬度*/
    }
#set3 a:hover {
        background: url("../images/set3.png"); /*滑鼠移過顯示圖片*/
    }
#set4 a {
        background: url("../images/set4_hover.png");/*預設顯示圖片*/
        display: block;
        font-size: 0; 
        height: 320px;/*圖片高度*/
        width: 320px;/*圖片寬度*/
    }
#set4 a:hover {
        background: url("../images/set4.png"); /*滑鼠移過顯示圖片*/
    }
#set5 a {
        background: url("../images/set5_hover.png");/*預設顯示圖片*/
        display: block;
        font-size: 0; 
        height: 320px;/*圖片高度*/
        width: 320px;/*圖片寬度*/
    }
#set5 a:hover {
        background: url("../images/set5.png"); /*滑鼠移過顯示圖片*/
    }
#set6 a {
        background: url("../images/set6_hover.png");/*預設顯示圖片*/
        display: block;
        font-size: 0; 
        height: 320px;/*圖片高度*/
        width: 320px;/*圖片寬度*/
    }
#set6 a:hover {
        background: url("../images/set6.png"); /*滑鼠移過顯示圖片*/
    }
.win{
	font-size: 18px;
	line-height: 30px;
	color: red;
	font-weight: 500;
}

.line{
	margin-top: 20px;
	padding-bottom:20px;
	font-size: 14px;
	color: #8e614a;
}

#animation_container{
	height: 100%;	
}

.event{
	padding: 0 0 0px 0;
	background: url(images/event_bg.jpg)top center;
    background-size: cover;
}

.zoom {
  transition: transform .2s; /* Animation */
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.btn {
  border: none;
  color: black;
  padding: 0px 0px;
  text-align: center;
  font-size: 16px;
  margin: 0px 0px;
  transition: 0.3s;
}

.btn:hover {
  background-color: #FFDA00;
  color: white;
}
.footer{ 
padding:0; 
margin:0; 
text-align:center; 
width:100%;
background-color: #ff6f61;
}

#wrapper{
	padding:0; 
	margin:0;
	text-align:center;
	background: url(topbn_bg.jpg)top;
	background-color: #32345e;
	overflow: hidden;
}