body { 
  padding:0;
  margin:0;
  background-color:rgba(15,14,32,1.00);
  background:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/bk_001-min.jpg) no-repeat center 0px rgba(15,14,32,1.00);
  display: block;
  background-size: 1920px 12589px;	
 }
 

#top-bar{ 
	width:100%;
	margin:0 auto;
	height:55px;
	background:#FFF;
	opacity:0.9;
	position:fixed;
	top:-125px;	 
	z-index:90;
	 /* 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;}

/*LOGO*/
.topborder_logo{width:220px; height:47px; float:left;}

/*門市據點*/
.topborder_store{
	width:120px; height:35px; float:left; margin:5px 5px 0px 5px;border-radius:20px; background-color:rgba(118,17,252,1.00); 
	font-size:22px;font-family:"微軟正黑體";line-height:25pt;color:rgba(255,255,255,1.00);border:solid 1px #7611FC;}
.topborder_store:hover{
	font-size:22px;font-family:"微軟正黑體";line-height:25pt;color:rgba(253,220,149,1.00);border:solid 1px #7400ff;
	background-color:rgba(0,39,156,1.00);}

/*加入會員*/
.topborder_signup{
	width:120px; height:35px; float:left; margin:5px 5px 0px 5px;border-radius:20px; background-color:rgba(118,17,252,1.00);
	font-size:22px;font-family:"微軟正黑體";line-height:25pt;color:rgba(255,255,255,1.00);border:solid 1px #7611FC;}
.topborder_signup:hover{
	font-size:22px;font-family:"微軟正黑體";line-height:25pt;color:rgba(253,220,149,1.00);border:solid 1px #7400ff;
    background-color:rgba(0,39,156,1.00);}

/*分期零利率*/
.topborder_Staging{width:140px; height:35px; float:left; margin:5px 5px 0px 5px;border-radius:20px; background-color:rgba(118,17,252,1.00);
	font-size:22px;font-family:"微軟正黑體";line-height:25pt;color:rgba(255,255,255,1.00);border:solid 1px #7611FC;}
.topborder_Staging:hover{font-size:22px;font-family:"微軟正黑體";line-height:25pt;color:rgba(253,220,149,1.00);border:solid 1px #7400ff;
                         background-color:rgba(0,39,156,1.00);}

/*銀行回饋*/
.topborder_bank{width:120px; height:35px; float:left; margin:5px 5px 0px 5px;border-radius:20px; background-color:rgba(118,17,252,1.00);
	font-size:22px;font-family:"微軟正黑體";line-height:25pt;color:rgba(255,255,255,1.00);border:solid 1px #7611FC;}
.topborder_bank:hover{font-size:22px;font-family:"微軟正黑體";line-height:25pt;color:rgba(253,220,149,1.00);border:solid 1px #7400ff;
                      background-color:rgba(0,39,156,1.00);}

/*立即購買/立刻購買*/
.topborder_buynow{
	width:90px; height:38px; float:left; margin-top:3px; margin-left:10px; margin-right:5px;
	font-size:20px;line-height:25pt;color: rgba(227,94,55,1.00)}

.topborder_buynow:hover{color:#06C;}

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;} 


.title01{/* CSS3 陰影
	-webkit-box-shadow: 0px 6px 12px #666;
	-moz-box-shadow: 0px 6px 12px #666;
	box-shadow: 0px 6px 12px #666;
	*/
	}/*區域標頭*/

.txt_title{font-size:56px;font-family:"微軟正黑體", Arial;color:#FF0;line-height:50pt;}


/*商品文字*/
.font5_02{font-size:18px;font-family:"微軟正黑體";font-weight:bold;color:#000;line-height:30pt;}/*行銷詞字體*/
.font5_03{font-size:10px;font-family:"微軟正黑體";color:#666;line-height:10pt;}/*分流字體*/
.font5_04{font-size:15px;font-family:"微軟正黑體";color:#333;line-height:16pt;}/*品名字體*/
.font5_05{font-size:10px;font-family:"微軟正黑體";color:#999999;line-height:10pt;text-decoration:line-through;}/*市價字體*/
.font5_06{font-size:12px;font-family:"微軟正黑體";color:#FF0000;line-height:40pt;}/*特價$符號字體*/
.font5_07{font-size:23px;font-family:"微軟正黑體";color:#FF0000;}/*特價字體*/
.font5_08{font-size:12px;font-family:"微軟正黑體";color:#000000;line-height:20px;}/*搶購字體*/


/*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;}/*滑鼠移到超連結，黃*/


#footer {
	position: relative;height:70px;width:1200px;clear:both;text-align:center;border-top:solid 1px #FFF;
	color:#FFF; font:"微軟正黑體", Arial;font-size:12px; line-height:20px;} 

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


/*版權區*/
.foot-images1{
	width:150px;height:185px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/foot2_icon1.png);}/*購物網*/
.foot-images1:hover{
	width:150px;height:185px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/foot_icon1-1.png);}

.foot-images2{
	width:150px;height:185px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/foot2_icon2.png);}/*延長*/
.foot-images2:hover{
	width:150px;height:185px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/foot_icon2-1.png);}

.foot-images3{
	width:150px;height:185px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/foot2_icon3.png);}/*line*/
.foot-images3:hover{
	width:150px;height:185px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/foot_icon3-1.png);}

.foot-images4{
	width:150px;height:185px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/foot2_icon4.png);}/*fb*/
.foot-images4:hover{
	width:150px;height:185px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/foot_icon4-1.png);}

.foot-images5{
	width:150px;height:185px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/foot2_icon5.png);}/*順發*/
.foot-images5:hover{
	width:150px;height:185px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/foot_icon5-1.png)}

.foot-LOGO1{
	width:140px;height:50px;float:left;background-size:100% auto;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/isunfar_new_logo2.png);}/*20圖*/


/*版權區-文字*/
.font5_f1{font-size:25px;font-family:"微軟正黑體";color:#000;font-weight:bold;line-height:30pt;text-align:left;margin-top:10px;}/*首創公益型企業捐出*/
.font5_f2{font-size:25px;font-family:"微軟正黑體";color:#FF8000;font-weight:bold;line-height:30pt;text-align:left;margin-top:10px;}/*20%*/
.font5_f3{font-size:18px;font-family:"微軟正黑體";color:#FFF;font-weight:bold;line-height:30pt;}/*版權文字*/

.font5_m1{font-size:30px;font-family:"微軟正黑體";color:#000;line-height:35pt;}/*滿 499元免運*/
.font5_m2{font-size:30px;font-family:"微軟正黑體";color:#000;font-weight:bold;line-height:35pt;}/*客服專線*/
.font5_m3{font-size:28px;font-family:"微軟正黑體";color:#606060;line-height:33pt;}/*說明文*/


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

/*一排4塊版型*/
.product4_00{
	display:inline-block;
	border-radius:10px;
	width:250px;
	height:410px;
	float:left;
	overflow:hidden;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	/* [disabled]border-bottom:solid 1px #CCC; */
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	background-color:#FFFFFF;
	}/*產品欄位外框線*/
	
.product4_00:hover{
	display:inline-block;
	width:250px;
	height:410px;
	float:left;
	overflow:hidden;
	border-top:solid 1px #0082CD;
	border-left:solid 1px #0082CD;
	/* [disabled]border-bottom:solid 1px #CCC; */
	border-right:solid 1px #0082CD;
	border-bottom:solid 1px #0082CD;
	background-color:#FFFFFF;		
	}/*產品欄位外框線*/


.product4_01{width:250px;height:35px;float:left;background-color:#FFF;text-align:center;}
.product4_02{
	width:220px;height:220px;float:left;margin-left:14px;margin-top:5px;margin-bottom:5px;margin-right:10px;
	border-top:solid 1px #FFF;border-left:solid 1px #FFF;border-bottom:solid 1px #FFF;border-right:solid 1px #FFF;}/*產品圖框線*/

.product4_03{width:200px;height:15px;float:none;margin-top:190px;text-align:left;}/*分流位置*/
.product4_04{width:240px;height:40px;float:left;margin-left:4px;margin-right:4px;margin-top:8px;}/*品名底線*/
.product4_05{width:250px;height:40px;float:left;text-align:center;}/*價格位置*/
.product4_06{width:250px;height:40px;float:left;background-color:#cccccc;}
.product4_07{width:250px;height:45px;float:left;background-color:#000040;text-align:center;}
.product4_08{width:245px;height:80px;float:left;background-color:#FFF;text-align:left;margin-left:5px;}
.product4_09{width:250px;height:45px;float:left;background-color:#400080;text-align:center;}


/*一排4塊文字*/
.font4_02{font-size:18px;font-family:"微軟正黑體";color:#606060;line-height:30pt;}/*市價*/
.font4_03{font-size:10px;font-family:"微軟正黑體";color:#666;line-height:10pt;}/*分流數字*/
.font4_04{font-size:15px;font-family:"微軟正黑體";color:#333;line-height:16pt;}/*品名*/
.font4_05{font-size:10px;font-family:"微軟正黑體";color:#999999;line-height:10pt;text-decoration:line-through;}/*市價*/
.font4_06{font-size:12px;font-family:"微軟正黑體";color:#FF0000;line-height:40pt;}/*$符號*/
.font4_07{font-size:30px;font-family:"微軟正黑體";color:#FF0000;}/*價格數字*/
.font4_08{font-size:12px;font-family:"微軟正黑體";color:#F00;font-weight:bold;line-height:20px;}/*優惠價*/
.font4_09{font-size:18px;font-family:"微軟正黑體";color:#606060;line-height:30pt;}/*行銷詞*/
.font4_10{font-size:14px;font-family:"微軟正黑體";color:#606060;line-height:20pt;}/*多項商品*/
.font4_11{font-size:15px;font-family:"微軟正黑體";color:#606060;line-height:30pt;}/*行銷詞2*/
.font4_12{font-size:30px;font-family:"微軟正黑體";color:#FF0000;text-decoration:line-through}/*價格數字*/


/*主視覺*/
.main{
	width:1114px;height:723px;float:left;margin: 120px 43px 0px 43px;
	 background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_w.png);}

.m_p_bk{
	width:1114px;height:723px;float:left;margin: 120px 43px 0px 43px;
	 background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/m_w_bk.png);}/*底座*/

.m_ww{
	width:936px;height:364px;float:left;margin: 350px 0px 0px 62px;position:absolute;z-index:7;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/m_ww1.png);
    animation: sp1 7s infinite;
    }/*標題*/

@keyframes sp1{
    0% { transform: translate3d(0, 0, 0) rotate(0deg);}
   25% { transform: translate3d(10px, 0, 0) rotate(0deg);transform: scale(0.8);}	   		
   50% { transform: translate3d(10px, 0, 0) rotate(0deg);transform: scale(1.0);/*放大1.5倍*/ }	   	  
   75% { transform: translate3d(10px, 0, 0) rotate(0deg);transform: scale(0.8);}		   	   	
  100% { transform: translate3d(0, 0, 0) rotate(0deg);}
}

/*商品*/
.m_1p{
	  width:408px;height:305px;float:left;margin: 0px 0px 0px 408px;
	  background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/m_w_-screen.png);
      animation: scr 20s infinite;}/*螢幕*/
@keyframes scr{
    0% { transform: translateY(0px);}
   50% { transform: translateY(25px);}  
  100% { transform: translateY(0px);}
}

.m_2p{
	  width:291px;height:215px;float:left;position:absolute;z-index:2;margin: 120px 0px 0px 228px;
	  background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/Switch.png);
      animation: Swi 8s infinite;}/*遊戲主機*/
@keyframes Swi{
    0% { transform: translateY(0px);}
   30% { transform: translateY(5px);} 
   55% { transform: translate3d(0, 0, 0) rotate(5deg);}	
  100% { transform: translateY(0px);}
}

.m_3p{
	  width:170px;height:181px;float:left;position:absolute;z-index:3;margin: 230px 0px 0px 185px;
	  background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/controller.png);
      animation: con 8s infinite;}/*控制器*/
@keyframes con{
    0% { transform: translateY(0px);}
   30% { transform: translateY(5px);} 
   55% {transform: translate3d(0, 0, 0) rotate(-5deg);}	
   85% {transform: translate3d(0, 0, 0) rotate(0deg);}		
  100% { transform: translateY(0px);}
}

.m_4p{
      width:177px;height:142px;float:left;position:absolute;z-index:4;margin: 0px 0px 0px 775px;
      background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/earphone.png);
      animation: ba 8s infinite;
      }/*耳機*/

@keyframes ba{
	0% {transform: translateY(0%);}
   45% {transform: translate3d(0, 0, 0) rotate(-5deg);}
   55% {transform: translate3d(0, 0, 0) rotate(5deg);}
   65% {transform: translate3d(0, 0, 0) rotate(-5deg);}
   75% {transform: translate3d(0, 0, 0) rotate(5deg);}
  100% {transform: translateY(0%);}	
}

.m_5p{
      width:108px;height:145px;float:left;position:absolute;z-index:6;margin: 255px 0px 0px 690px;
      background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/mouse.png);
     }/*滑鼠*/

.m_6p{
      width:212px;height:221px;float:left;position:absolute;z-index:5;margin: 170px 0px 0px 515px;
      background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/nobook1.png);
      animation: nob 8s infinite;}/*筆電*/
@keyframes nob{
    0% { transform: translateY(0px);}
   50% { transform: translateY(10px);}  
  100% { transform: translateY(0px);}
}


/*主視覺-按鍵區*/
.m_but{
	width:1066px;height:180px;float:left;margin: 50px 67px 0px 67px;}


/*按鍵區域*/
/*第1排*/
.but1{
	width:261px; height:75px; float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but1.png);}
.but1:hover{
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but1-1.png);}/*電競筆電*/

.but2{
	width:269px; height:75px; float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but2A.png);}
.but2:hover{
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but2A-1.png);}/*電競桌機*/ 

.but3{
	width:271px; height:75px; float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but3.png);}
.but3:hover{
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but3-1.png);}/*電競螢幕*/ 	

.but4{
	width:264px; height:75px; float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but4.png);}
.but4:hover{
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but4-1.png);}/*電競周邊*/		

/*第2排*/
.but5{
	width:261px; height:75px; float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but5.png);}
.but5:hover{
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but5-1.png);}/*遊戲主機*/

.but6{
	width:269px; height:75px; float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but6.png);}
.but6:hover{
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but6-1.png);}/*遊戲周邊*/

.but7{
	width:271px; height:75px; float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but7.png);}
.but7:hover{
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but7-1.png);}/*智慧手機*/	

.but8{
	width:264px; height:75px; float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but8.png);}
.but8:hover{
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/main_but8-1.png);}/*8平板電腦*/	


/*標題*/
.title01{
	width:975px;height:165px;float:left;margin: 0px 112px 20px 112px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/title1.png);}/*電競筆電*/
.title02{
	width:975px;height:165px;float:left;margin: 0px 112px 20px 112px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/title2.png);}/*  電競桌機*/ 	
.title03{
	width:975px;height:165px;float:left;margin: 0px 112px 20px 112px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/title3.png);}/*  電競螢幕*/ 	

/*  電競周邊*/
.title04{
	width:975px;height:165px;float:left;margin: 0px 112px 20px 112px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/title4.png);}  /* 電競鍵盤*/
 .title05{
	width:975px;height:165px;float:left;margin: 0px 112px 20px 112px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/title5.png);} /* 電競滑鼠*/
 .title06{
	width:975px;height:165px;float:left;margin: 0px 112px 20px 112px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/title6.png);} /* 電競喇叭*/
 .title07{
	width:975px;height:165px;float:left;margin: 0px 112px 20px 112px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/title7.png);} /* 電競耳麥*/
.title08{
	width:975px;height:165px;float:left;margin: 0px 112px 20px 112px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/title8.png);}/*  遊戲主機*/
.title09{
	width:975px;height:165px;float:left;margin: 0px 112px 20px 112px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/title9.png);}/*  遊戲周邊*/	
.title10{
	width:975px;height:165px;float:left;margin: 0px 112px 20px 112px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/title10.png);}/*  智慧手機*/	
.title11{
	width:975px;height:165px;float:left;margin: 0px 112px 20px 112px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/title11.png);}/*  平板電腦*/	


/*文字*/
.font1{font-size:65px;font-family:"微軟正黑體";color:#FAEDA6;line-height:70pt;font-weight:bold;}/*標題*/
.font2{font-size:40px;font-family:"微軟正黑體";color:#FFFFFF;line-height:75pt;font-weight:bold;}/*更多文字*/


/*更多按鍵*/
.but_more{
	width:970px;height:100px;float:left;margin: 0px 115px 0px 115px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/more_but.png);}

.but_more2{
	width:1065px;height:100px;float:left;margin: 0px 67px 0px 67px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/GamingCarnival/images/more_but2.png);}