@charset "utf-8";
/* CSS Document */
*{font-family: 'Noto Sans TC', sans-serif,Arial, Helvetica;}
a{text-decoration:none}
body{wdith:100%;background:url("images/bg.gif") no-repeat;height:auto}
/*主視覺*/
#main{width:1200px;margin:0 auto;position:relative; }
h1{background:url("images/h1.png") no-repeat;width:386px;height:294px;margin-top:50px; text-indent:-999999px;}
#mainpic{background:url("images/main.png") no-repeat;width:922px;height:727px;position:absolute;top:50px;right:0px;}
.ship{position:absolute;left:450px;top:78px;animation: floatUp 3s ease-in-out 0s infinite}
.clumb{position:absolute;left:260px;top:170px;animation: floatUp 6s ease-in-out 0s infinite}
.greek{position:absolute;left:350px;top:30px;animation: floatUp 4s ease-in-out 0s infinite}
.coffee{position:absolute;left:670px;top:80px;animation: floatUp 3s ease-in-out 0s infinite}
.sunglass{position:absolute;left:520px;top:380px;animation: floatUp 2s ease-in-out 0s infinite}
.bag{position:absolute;left:630px;top:350px;animation: floatUp 5s ease-in-out 0s infinite}
#fb-root{position:absolute;right:10px;top:20px}
/*.ship,.clumb,.greek,.coffee,.sunglass,.bag{animation: floatUp 5s ease-in-out 0s infinite}*/
@keyframes floatUp{
	
0% {
    margin-top: 0;
	
}
50% {
    margin-top: -15px;
	
}
100% {
    margin-top: 0;
   
  }
}





h3{background:url("images/h3.png") no-repeat;width:276px;height:343px;margin-top:30px;margin-left:0px; text-indent:-999999px;}
/*現抵300*/
#MAG300{background:url("images/MAG300.png") center top no-repeat;height:328px;margin-top:150px; text-indent:-999999px;}
/*現抵分類*/
#saleclass{background:url("images/saleclassbg.png") center top no-repeat;height:819px;margin-top:0px;position:relative}
#ct{width:1200px;margin:0 auto;}
#ct h2{/*position:absolute;right:140px;top:0;background:url("images/savemoney.gif") no-repeat;width:238px;height:353px;z-index:999;*/text-indent:-999999px;}
#ct ul{width:600px;margin:0px auto;padding-top:50px;list-style:none; text-align:center}
#ct ul li{float:left}
#ct ul li a{display:block; }
#ct ul li a img{width:300px;height:327px;}
ul li{list-style:none}
/*現抵301*/
#MAG301{background:url("images/itembg.png") center 0 repeat;}
#MAG301 h3{background:url("images/MA301.png") center top no-repeat;height:148px;margin:0;width:100%}
#MAG301 {width:1200px;margin:0 auto}
#MAG301 ul li{width:250px;height:440px;display:inline-block;margin:0 20px 0 15px}
#MAG301 ul {padding-bottom:100px}
#MAG301 p {background:url("images/MA301line.png") center top no-repeat;width:1200px;height:47px;margin-top:-90px;margin-bottom:10px }
#mag2{margin-top:0;display:block}
a.more{display:block;background:url("images/MA301more.png")center top no-repeat;height:104px;margin-top:-80px;text-indent:-9999999px}
#sp{width:1150px;margin:70px auto;}
#sp h2{width:1150px;height:244px; auto;background:url("images/sptitle.png") no-repeat;text-indent:-9999999px}
#sp ul{width:1150px;margin-left:10px}
#sp ul li{width:378px;height:565px;display:inline-block}
#sp a.moresp{background:url("images/spmore.gif");display:block;width:382px;height:50px;margin:0 auto;text-indent:-9999999px}
footer{background:url("images/footerbg.gif") center top;height:112px}
footer ul{width:740px;margin:0 auto}
footer ul li{display:inline-block;}
footer ul li a{width:133px;height:33px;display:block;;margin-top:20px;margin-right:5px}
footer ul li a.sub{}
@media screen and ( max-width: 736px ){
	/*主視覺*/
	#main{width:100%;height:auto}	
	h1{background-image:url("images/mb/mbh1.png"); width:100%; height:0px; text-indent:-999999px;  padding-bottom:21.75%; background-size:cover;}
	#mainpic{background-image: url("images/mb/mbmain.png");width:100%; height:0px; text-indent:-999999px;position: relative; top:auto ; left:auto; padding-bottom:77.5%; background-size:cover;}	
	ship,.clumb,.greek,.coffee,.sunglass,.bag{display:none}
	h3{background-image:url("images/mb/mbh3.png"); width:100%; height:0px; text-indent:-999999px;  padding-bottom:32.5%; background-size:cover;margin-top:-15%}
	/*現抵300*/
	#MAG300{background-image: url("images/mb/mbMAG300.png"); width:100%; height:0px; text-indent:-999999px;  padding-bottom:49.125%; background-size:cover;margin-top:7%}
	#saleclass{
		 background:url("images/mb/mbsavemoney.gif") ;width:100%; height:0px;  padding-bottom:109%; background-size:cover;}
	#ct{width:100%;height:auto;}
	#ct h2{}
    #ct ul{margin:0 auto;display:block;display:block;width:80%;}
    #ct ul li{width:50%;z-index:999}
    #ct ul li img{width:100%;height:auto}
	#ct ul li a,#ct ul li a img{width:100%; height:auto;}


	
	/*現抵301*/
	#MAG301,#MAG301 ul {width:100%;}
	#MAG301{background:#f35b33;background-image:none }
	#MAG301 h3{background:url("images/mb/mbma301.png"); width:100%; height:0px; text-indent:-999999px;position: relative; top:auto ; right:auto; padding-bottom:39.875%; background-size:cover;margin-top:0%}
	#mag2{margin-top:-100px;display:block}
	p{display:none}
	#MAG301 ul li{width:49%;height:auto;display:inline-block;background-color:#f35b33;margin:0 0 5% 0}
	#MAG301 ul li img{width:100%} 
	a.more{background:url("images/mb/mbMA301more.png"); width:100%; height:0px; text-indent:-999999px;position: relative; top:auto ; right:auto; padding-bottom:21.20535714285714%; background-size:cover;margin-top:-30%}
	#sp{width:100%;margin:15% auto}	
	#sp h2{background:url("images/mb/mbsptitle.png");width:100%; height:0px; text-indent:-999999px;position: relative; top:auto ; right:auto; padding-bottom:38.75%; background-size:cover;}
	#sp ul{width:100%}
	#sp ul li{width:46%;height:auto;display:inline-block;margin: 0 1% 5% 1% }
	#sp ul li img{width:100%} 
	#sp a.moresp{background:url("images/spmore.gif");width:60%; height:0px; text-indent:-999999px;position: relative; top:auto ; right:auto; padding-bottom:7.85340314136126%; background-size:cover;margin:0 auto}
footer{background:url("images/mb/mbfooter.gif") repeat ;width:100%; height:0px; position: relative; top:auto ; right:auto; padding-bottom:34.125%; background-size:cover;padding-left:5%}
	
	footer ul{width:95%;margin-left:3%}
	footer ul li{float:left;margin:0 5% 0 5%;width:30%;height:auto;margin:0;text-align:center}
	footer ul li{float:left;margin:0 5% 0 5%;width:30%;height:auto;margin:0;text-align:center}
footer ul li a ,footer ul li a img{width:100%;height:30px;display:block;z-index:999}

	
}