body { 
  padding:0;
  margin:0;	
  background-color:#44227F;
  background:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/8bk-7.png) no-repeat center 0px #44227F;
  display: block;

 }



#top-bar{ 
	width:100%;
	margin:0 auto;
	height:55px;
	background:#FFF;
	opacity:0.9;
	position:fixed;
	top:-125px;	 
	z-index:999;
	 /* CSS3 陰影
	-webkit-box-shadow: 0px 8px 15px #333;
	-moz-box-shadow: 0px 8px 15px #333;
	box-shadow: 0px 8px 15px #333;	 
	*/
}


.topbg{background-color:transparent; background-repeat:no-repeat;border:0px; width:1260px;height:auto;float:left;}
.topborder01{width:60px; height:31px; float:left; margin-top:0px; margin-left:5px; margin-right:5px;float:left;}

/*LOGO*/
.topborder_logo{width:210px; height:42px; float:left;}

/*門市據點*/
.topborder_store{width:100px; height:36px; float:left; margin-top:2px; margin-left:5px; margin-right:5px;float:left;font-size:20px;font-family:"微軟正黑體";border-radius: 10px;border: solid 1px #000;}
.topborder_store:hover{width:100px; height:36px; float:left; margin-top:2px; margin-left:5px; margin-right:5px;float:left;font-size:20px;font-family:"微軟正黑體";color: #FFF;border-radius: 10px;border: solid 1px #44227F;background-color: #44227F;}

/*加入會員*/
.topborder_signup{width:100px; height:36px; float:left; margin-top:2px; margin-left:20px; margin-right:5px;float:left;font-size:20px;font-family:"微軟正黑體";border-radius: 10px;border: solid 1px #000;}
.topborder_signup:hover{width:100px; height:36px; float:left; margin-top:2px; margin-left:20px; margin-right:5px;float:left;font-size:20px;font-family:"微軟正黑體";color: #FFF;border-radius: 10px;border: solid 1px #44227F;background-color: #44227F;}


layout00{width:auto;height:auto;border:0px; margin:0 auto;} 
#layout{width:1200px;height:auto;border:0px;margin:0 auto;} 
#layout2{width:1200px; height:auto; border:0px;margin:0 auto;} 

/*TOP文字*/
#topbt a:link{font-family:"微軟正黑體", Arial;color:#000;font-size:16px; text-decoration:none;font-weight:bold;line-height:30pt; }/*超連結，白*/
#topbt a:visited{font-family:"微軟正黑體", Arial;color:#333;font-size:16px;text-decoration:none;font-weight:bold;line-height:30pt;}/*已超連結，灰*/
#topbt a:active{font-family:"微軟正黑體", Arial;color:#0CF;font-size:16px;text-decoration:none;font-weight:bold;line-height:30pt;}/*滑鼠點選時，藍*/
#topbt a:hover{font-family:"微軟正黑體", Arial;color:#06C;font-size:16px;text-decoration:none;font-weight:bold;line-height:30pt; }/*滑鼠移到超連結，黃*/


.img:hover{border:4px solid #333;}
a {cursor:pointer;text-decoration:none;}
.btnpoint{cursor:pointer;}

/*版權區-文字*/
.font5_f1{font-size:15px;font-family:"微軟正黑體";color:#FFF;font-weight:bold;line-height:18pt;}/*商品質優*/

/*版權區-區*/
.product_f1{width:100%;height:50px;float:left;margin-bottom: 10px;border-bottom:solid 1px #000000;padding-bottom: 10px;font-size:25px;font-family:"微軟正黑體";color:#FFF;font-weight:bold;line-height:35pt;}/*回到最上方*/

/*文字好看*/
* { font-family: "微軟正黑體", SANS-SERIF!important;}




/*主視覺*/
.m1{	
	width:1200px;
	height:620px;
	float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/g_main.png);margin-top: 50px;}


.m2{	
	width:1200px;
	height:620px;
	position:absolute;
	display:block;
	z-index:1;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/g_main1.png);margin-top: 50px;
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 3.5s;	
	-webkit-animation-duration: 3.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;

}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(2%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(2%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}


.m3{	
	width:1200px;
	height:620px;
	position:absolute;
	display:block;
	z-index:2;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/g_main2.png);margin-top: 50px;
	animation-name: tr-bag,brightness-play;
	-webkit-animation-name: tr-bag,brightness-play;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}



@keyframes m3 {
	0% {
		transform: scale(0.95);
		opacity: 1;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.95);
		opacity: 1;	
	}			
}



/*神秘閃光*/

	@keyframes brightness-play {
	  0% { 
		filter:brightness(100%);
	  }
	  5% { 
		filter:brightness(100%);
	  }
	 10% { 
		filter:brightness(150%);
	  }
	 11% { 
		filter:brightness(100%);
	  }
	 18% { 
		filter:brightness(150%);
	  }
	 20% { 
		filter:brightness(100%);
	  }
	  70%{ 
		filter:brightness(100%);
	  }
	  100% { 
		filter:brightness(100%);
	  }
	}
	@-webkit-keyframes brightness-play {
	  0% { 
		filter:brightness(100%);
	  }
	  5% { 
		filter:brightness(100%);
	  }
	 10% { 
		filter:brightness(150%);
	  }
	 11% { 
		filter:brightness(100%);
	  }
	 18% { 
		filter:brightness(200%);
	  }
	 20% { 
		filter:brightness(100%);
	  }
	  70%{ 
		filter:brightness(100%);
	  }
	  100% { 
		filter:brightness(100%);
	  }
	}
	
/*強烈震動*/
	@keyframes tr-bag {
	  0% {
		-webkit-transform: translate(2px, 5px);
				transform: translate(2px, 5px);
	  }
	  2% {
		-webkit-transform: translate(2px, 3px);
				transform: translate(2px, 3px);
	  }
	  4% {
		-webkit-transform: translate(3px, 5px);
				transform: translate(3px, 5px);
	  }
	
	  6% {
		-webkit-transform: translate(3px, 2px);
				transform: translate(3px, 2px);
	  }
	  8% {
		-webkit-transform: translate(1px, 1px);
				transform: translate(1px, 1px);
	  }
	  10% {
		-webkit-transform: translate(5px, 5px);
				transform: translate(5px, 5px);
	  }
	  12% {
		-webkit-transform: translate(px, 5px);
				transform: translate(3px, 5px);
	  }
	  14.000000000000002% {
		-webkit-transform: translate(1px, 5px);
				transform: translate(1px, 5px);
	  }
	  16% {
		-webkit-transform: translate(4px, 3px);
				transform: translate(4px, 3px);
	  }
	  18% {
		-webkit-transform: translate(4px, 5px);
				transform: translate(4px, 5px);
	  }
	  20% {
		-webkit-transform: translate(2px, 1px);
				transform: translate(2px, 1px);
	  }
	  22% {
		-webkit-transform: translate(5px, 3px);
				transform: translate(5px, 3px);
	  }
	  24% {
		-webkit-transform: translate(2px, 1px);
				transform: translate(2px, 1px);
	  }
	  26% {
		-webkit-transform: translate(4px, 1px);
				transform: translate(4px, 1px);
	  }
	  28.000000000000004% {
		-webkit-transform: translate(3px, 3px);
				transform: translate(3px, 3px);
	  }
	  30% {
		-webkit-transform: translate(1px, 3px);
				transform: translate(1px, 3px);
	  }
	  32% {
		-webkit-transform: translate(4px, 4px);
				transform: translate(4px, 4px);
	  }
	  34% {
		-webkit-transform: translate(5px, 2px);
				transform: translate(5px, 2px);
	  }
	  36% {
		-webkit-transform: translate(5px, 4px);
				transform: translate(5px, 4px);
	  }
	  38% {
		-webkit-transform: translate(3px, 1px);
				transform: translate(3px, 1px);
	  }
	  40% {
		-webkit-transform: translate(2px, 3px);
				transform: translate(2px, 3px);
	  }
	  42% {
		-webkit-transform: translate(2px, 3px);
				transform: translate(2px, 3px);
	  }
	  44% {
		-webkit-transform: translate(1px, 4px);
				transform: translate(1px, 4px);
	  }
	  46.00000000000001% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  48% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  50% {
		-webkit-transform: translate(3px, 1px);
				transform: translate(3px, 1px);
	  }
	  52% {
		-webkit-transform: translate(1px, 5px);
				transform: translate(1px, 5px);
	  }
	  54% {
		-webkit-transform: translate(3px, 3px);
				transform: translate(3px, 3px);
	  }
	  56.00000000000001% {
		-webkit-transform: translate(2px, 1px);
				transform: translate(2px, 1px);
	  }
	  58% {
		-webkit-transform: translate(5px, 3px);
				transform: translate(5px, 3px);
	  }
	  60% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  62% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  64% {
		-webkit-transform: translate(5px, 4px);
				transform: translate(5px, 4px);
	  }
	  66% {
		-webkit-transform: translate(2px, 2px);
				transform: translate(2px, 2px);
	  }
	  68% {
		-webkit-transform: translate(3px, 4px);
				transform: translate(3px, 4px);
	  }
	  70.00000000000001% {
		-webkit-transform: translate(3px, 4px);
				transform: translate(3px, 4px);
	  }
	  72% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  74% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  76% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  78% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  80% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  82.00000000000001% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  84% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  86% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  88% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  90% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  92.00000000000001% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);;
	  }
	  94% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  96% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  98% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  100% {
		-webkit-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
	  }
	  1% {
		-webkit-transform: scaleY(1) skewX(0deg);
				transform: scaleY(1) skewX(0deg);
	  }
	  1.5% {
		-webkit-transform: scaleY(1) skewX(0deg);
				transform: scaleY(1) skewX(0deg);
	  }
	  2% {
		-webkit-transform: scaleY(1) skewX(0deg);
				transform: scaleY(1) skewX(0deg);
	  }
	  51% {
		-webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
				transform: scaleX(1) scaleY(1) skewX(0deg);
	  }
	  52% {
		-webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
				transform: scaleX(1) scaleY(1) skewX(0deg);
	  }
	  53% {
		-webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
				transform: scaleX(1) scaleY(1) skewX(0deg);
	  }
	}



/*副標題*/
.subtitle{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/m_title.png);}

/*活動說明*/
.activity_banner{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/m_01-3.png);}

/*本月強打活動*/
.month_banner{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/m_2_1.png);}

/*按鍵-本月強打活動*/
.but_main{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/title_m.png);}
.but_main:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/title_m1-1.png);}

/*本月好康優惠-標題*/
.good_title{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/title_1.png);}

/*好康優惠商品*/
.p1{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/1p.png);}
.p1:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/1p-1.png);}

.p2{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/2p.png);}
.p2:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/2p-1.png);}

.p3{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p-3.png);}
.p3:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p3-1.png);}

.p4{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p4.png);}
.p4:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p4-1.png);}

.p5{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p5.png);}
.p5:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p5-1.png);}

.p6{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p6.png);}
.p6:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p6-1.png);}

.p7{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p7.png);}
.p7:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p7-1.png);}

.p8{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p8.png);}
.p8:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p8-1.png);}

.p9{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p9.png);}
.p9:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p9-1.png);}

.p10{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p10.png);}
.p10:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p10-1.png);}

.p11{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p11.png);}
.p11:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p11-1.png);}

.p12{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p12.png);}
.p12:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p12-1.png);}

.p13{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p13.png);}
.p13:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p13-1.png);}

.p14{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p14.png);}
.p14:hover{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/p14-1.png);}


/*Intel-圖*/
.Intel_banner{background-image:url(https://sunfar.blob.core.windows.net/webimage/AD/banner/isunfar/action/Gaming/images/m_3.png);}