body {
	margin:0px;
	padding-top:0px;
	background-color:#C11D67;
    background:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/bkk02.png) repeat center 0px #C11D67;	
	background-size:1920px 4333px;
	}

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

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

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

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




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

/*一排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:5px 10px 5px 14px; border: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:#606060;line-height:10pt; }/*分流字體*/
.font4_04{font-size:15px;font-family:"微軟正黑體";color:#333;line-height:16pt;}/*品名字體*/
.font4_05{font-size:18px;font-family:"微軟正黑體";color:#606060;line-height:30pt;}/*市價*/
.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:16px;font-family:"微軟正黑體";color:#606060;line-height:30pt;}/*行銷詞字體小點*/


/*一排5塊版型*/
.product5_00{
	display:inline-block;
	width:220px;
	height:385px;
	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;	/* CSS3 陰影
	-webkit-box-shadow: 0px 6px 10px #666;
	-moz-box-shadow: 0px 6px 10px #666;
	box-shadow: 0px 6px 10px #666;
	*/
}/*產品欄位外框線*/


/*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;}
.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/1091201/Warm_happiness/images/foot_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/1091201/Warm_happiness/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/1091201/Warm_happiness/images/foot_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/1091201/Warm_happiness/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/1091201/Warm_happiness/images/foot_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/1091201/Warm_happiness/images/foot_icon3-1.png);}/*line*/

.foot-images4{width:150px;height:185px;float:left;background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/foot_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/1091201/Warm_happiness/images/foot_icon4-1.png);}/*fb*/

.foot-images5{width:150px;height:185px;float:left;background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/foot_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/1091201/Warm_happiness/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/1091201/Warm_happiness/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;}



/*主視覺-圖*/
.m_bk{
	width: 1200px;height: 450px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happiness01.png);
}/*背景圖字*/


.w1{
	width: 349px; height: 450px;float:left;
	animation: wa 3s infinite linear;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happiness_w1.png);}/*暖*/
@keyframes wa {
	  0% {transform:translateY(0%);}
	 25% {transform:translateY(20%);}
	 60% {transform:translateY(0%);}
	 80% {transform:rotate(10deg);}
	100% {transform:rotate(0deg);}	
}


.w2{
	width: 169px; height: 450px;float:left;
	animation: wb 3s infinite linear;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happiness_w2.png);}/*幸*/
@keyframes wb {
	  0% {transform: translate(0px,0px);}
	 70% {transform: translate(0px,0px);}
	 80% {transform: translate(-40px,0px);}
	100% {transform: translate(0px,0px);}
}


.w3{
	width: 228px; height: 450px;float:left;
	animation: wc 3s infinite linear;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happiness_w3.png);}/*福*/
@keyframes wc {
	  0% {transform: translate(0px,0px);}
	 70% {transform: translate(0px,0px);}
	 80% {transform: translate(-40px,0px);}
	100% {transform: translate(0px,0px);}
}



.heat{
	width: 1200px;height: 450px;float:left;
	position:absolute;
	z-index:1;
	animation: heat 3s infinite linear;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/heat.png);}/*愛心*/

@keyframes heat {
    0% {transform: scale(0.9);
	    opacity: 0.0}/*放大*/ 
  100% {transform: scale(1.0);
	    opacity: 1.0}
}



/*好康加購*/
/* .m_title{
	width: 1140px; height: 112px;float:left;
	background-image:url(http://images.sunfar.com.tw/sf/dc/isunfar/action/1091201/Warm_happiness/images/titley_1.png);} */



/*6格商品*/
.Warm1{
	width: 366px;height: 176px;float:left;
	background-image:url(http://images.sunfar.com.tw/sf/dc/isunfar/action/1091201/Warm_happiness/images/797007_2.png);}
.Warm1:hover{
	width: 366px;height: 176px;float:left;
	background-image:url(http://images.sunfar.com.tw/sf/dc/isunfar/action/1091201/Warm_happiness/images/797007y.png);}

	/* .Warm1:hover{
		border: solid 6px yellow;
		border-radius: 16px;
		
	} */

.Warm2{
	width: 366px;height: 176px;float:left;
	background-image:url(http://images.sunfar.com.tw/sf/dc/isunfar/action/1091201/Warm_happiness/images/795137.png); margin: 0 1% 0 1%}
.Warm2:hover{
	width: 366px;height: 176px;float:left;
	background-image:url(http://images.sunfar.com.tw/sf/dc/isunfar/action/1091201/Warm_happiness/images/795137y-.png);}

.Warm3{
	width: 366px;height: 176px;float:left;
	background-image:url(http://images.sunfar.com.tw/sf/dc/isunfar/action/1091201/Warm_happiness/images/796301.png);}
.Warm3:hover{
	width: 366px;height: 176px;float:left;
	background-image:url(http://images.sunfar.com.tw/sf/dc/isunfar/action/1091201/Warm_happiness/images/796301y.png);}

/* .Warm4{
	width: 415px;height: 188px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/Warm_04.png);}
.Warm4:hover{
	width: 415px;height: 188px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/Warm_04-1.png);}

.Warm5{
	width: 372px;height: 188px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/Warm_05.png);}
.Warm5:hover{
	width: 372px;height: 188px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/Warm_05-1.png);}

.Warm6{
	width: 413px;height: 188px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/Warm_06.png);}
.Warm6:hover{
	width: 413px;height: 188px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/Warm_06-1.png);} */



/*標題*/
.t_1{
	width: 1139px; height: 111px;
	/* animation: t1 3s infinite linear; */
	background-image:url(http://images.sunfar.com.tw/sf/dc/isunfar/action/1091201/Warm_happiness/images/titley_1.png);
}/*暖幸福  過好冬*/

@keyframes t1 {
	 0% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title1-1.png);}
	 30% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title1-2.png);}
	 60% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title1-3.png);}	 
	 100% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title1-4.png);}
}


.t_2{
	width: 1200px;height: 120px;
	animation: t2 3s infinite linear;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title2-1.png);
}/*暖心家電*/

@keyframes t2 {
	 0% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title2-1.png);}
	 30% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title2-2.png);}
	 60% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title2-3.png);}	 
	 100% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title2-4.png);}
}

.t_3{
	width: 1200px;height: 120px;
	animation: t3 3s infinite linear;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title3-1.png);
}/*暖心家電*/

@keyframes t3 {
	 0% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title3-1.png);}
	 30% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title3-2.png);}
	 60% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title3-3.png);}	 
	 100% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title3-4.png);}
}


/*尾牙*/
.t_4{
	width: 1200px; height: 120px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/happ_title4.png);
}/*標題*/

.go_p{
	width: 1100px; height: 300px;float:left;
	margin: 0px 50px 0px 50px ;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/1091201/Warm_happiness/images/go_1100x300.jpg);
}/*banner*/