body {
	margin:0px;
	padding-top:0px;
    background:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/.png) no-repeat center 0px #FFFFFF;	
	background-size:1920px 13765px;
	}

#top-bar{ 
	width:100%;
	margin:0 auto;
	height:80px;
	background:#0032F0;
	opacity:1.0;
	position:fixed;
	top:-125px;	 
	z-index:20;
	 /* 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:265px; height:70px; float:left;}

/*門市估價*/
.topborder_store{width:170px; height:70px; float:left;margin: 2px 5px 0px 5px ;font-size:35px;font-family:"微軟正黑體";color: #FFFFFF;line-height:50pt;}      
.topborder_store:hover{margin: 2px 5px 0px 5px ;color: #FFFFFF;}

/*資料安全清除*/
.topborder_Clear{width:240px; height:70px; float:left;margin: 2px 5px 0px 5px ;font-size:35px;font-family:"微軟正黑體";color: #FFFFFF;line-height:50pt;}
.topborder_Clear:hover{margin: 2px 5px 0px 5px ;color: #FFFFFF;}

/*常見問題*/
.topborder_question{width:170px; height:70px; float:left;margin: 2px 5px 0px 5px ;font-size:35px;font-family:"微軟正黑體";color: #FFFFFF;line-height:50pt;}
.topborder_question:hover{margin: 2px 5px 0px 5px ;color: #FFFFFF;}

.lins_top{width:5px; height:38px; float:left;border-left-style:solid;border-width:3px; border-left-color:#FFFFFF;margin: 18px 0px 0px 0px;}


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-left:14px;margin: 5px 10px 5px 14px;
	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;}
.product4_10{width:250px;height:45px;float:left;background-color:#168CC5;text-align:center;}/*行銷詞底色-藍*/
.product4_11{width:230px;height:35px;float:left;background-color:#FFF;text-align:left;margin-left: 20px;}/*折數*/


/*一排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;}/*價格數字-刪除線*/
.font4_13{font-size:18px;font-family:"微軟正黑體";color:#FF0000;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_art{width:1200px;height:50px;float:left;background-color:#FFF;}
.foot_art01{width:100%;height:45px;float:left;background-color:#2EA6DF;text-align:center;padding-top: 5px;}

/*版權區-文字*/
.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;}

/*標題-文*/
.font_t01{
	font-size:60px;font-family:"微軟正黑體";color:#FFFFFF;font-weight:bold;line-height:60pt;
	letter-spacing: 0.3em;}/*大標*/

/*主視覺*/
.main01{
	width:1200px;height:400px;float:left;margin-top: 58px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/m_banner-3.jpg);}

/*舊機折抵-區*/
.discount{width:1200px;height:550px;float:left;}/*區*/

.title_f1-1{
	width:542px;height:80px;float:left;margin: 0px 500px 40px 70px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/title_2f1-1.png);}/*大標文字圖*/

.icon{
	width:1200px;height:270px;float:left;margin: 150px 0px 0px 0px;
	position:absolute;
	z-index:1;
    animation-name: oxxo;
    animation-duration:7s;
    animation-iteration-count:infinite;
    animation-timing-function:step-start;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/iconA-1.png);}

@keyframes oxxo {
	  0% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/iconA-1.png);}
	 30% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/iconA-1.png);}		
	 50% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/iconA-2-1.png);}	
	100% {background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/iconA-3.png);}		
    }


/*葉子-線*/
.leaf_bk1{
	width:212px;height:75px;float:left;margin: 0px 0px 0px 100px;padding: 0px 0px 0px 50px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/leaf_1bk1.png);}/*短*/
.leaf_bk2-1{
	width:354px;height:75px;float:left;margin: 0px 0px 0px 30px;padding: 0px 0px 0px 45px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/leaf_1bk2-1.png);}/*長*/
.leaf_bk3{
	width:212px;height:75px;float:left;margin: 0px 0px 0px 30px;padding: 0px 0px 0px 50px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/leaf_1bk1.png);}/*最後-短*/

.font_leaf{font-size:50px;font-family:"微軟正黑體";color:#007482;font-weight:bold;line-height:50pt;text-align:left;}/*葉子文字*/


/*門市估價GO-按鍵*/
.but_02{
	width:560px;height:130px;float:left;margin: 0px 195px 40px 180px;padding: 0px 0px 0px 250px;text-align:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/but_1-1.png);}/*圖*/
.but_02:hover{
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/but_1.png);}

.but_w{width:830px;height:80px;float:left;padding: 20px 0px 0px 370px;text-align:left;}/*文字區*/

.font_but{font-size:60px;font-family:"微軟正黑體";color:#FFFFFF;font-weight:bold;line-height:90pt;}/* 按鍵字*/



/*順發愛地球-區*/
.love{width:1200px;height:750px;float:left;background-color:#F0F4F9; }/*區*/

.title_f1-2{
	width:420px;height:80px;float:left;margin: 150px 700px 40px 70px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/title_1f1-2.png);}/*大標文字圖*/
.earth{width:345px;height:285px;float:left;margin: 0px 0px 0px 20px;
	   background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/earth.png);}/*地球圖*/
.earth-p1{width:315px;height:80px;float:left;margin: 40px 0px 0px 10px;
	      background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/earth-p1-1.png);}/*舊機回收*/
.earth-p2{width:325px;height:80px;float:left;margin: 40px 0px 0px 50px;
	      background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/earth-p2-1.png);}/*資源循環*/
.earth-p3{width:315px;height:80px;float:left;margin: 30px 0px 0px 10px;
	      background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/earth-p3-1.png);}/*社會公益*/
.earth-p4{width:325px;height:80px;float:left;margin: 30px 0px 0px 50px;
	      background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/earth-p4-1.png);}/*減少汙染*/

.f_art{width:1130px; height:70px; float:left;text-align:left;padding: 0px 0px 0px 70px;margin-bottom: 20px;}

.font_e1{font-size:50px;font-family:"微軟正黑體";color:#181818;font-weight:500;line-height:50pt;}/*字*/



/*回收項目-區*/
.recover{width:1200px;height:1700px;float:left;}
.title_f1-3{
	width:435px;height:80px;float:left;margin: 0px 715px 10px 70px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/title_1f1-3.png);}/*大標文字圖*/

.gray_left1{
	width:525px;height:505px;float:left;margin: 30px 20px 0px 55px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/gray_bk.png);}/*灰框-左*/
.gray_right1{
	width:525px;height:505px;float:left;margin: 30px 20px 0px 10px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/gray_bk.png);}/*灰框-右*/

.gray_left2{
	width:525px;height:505px;float:left;margin: 30px 20px 0px 55px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/gray_bk.png);}/*灰框-左下*/
.gray_right2{
	width:525px;height:505px;float:left;margin: 30px 20px 0px 10px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/gray_bk.png);}/*灰框-右下*/

.recover_f1{
	width:220px;height:65px;float:left;margin: 30px 300px 0px 30px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/recover_1f-1.png);}/*筆電*/
.recover_f2{
	width:220px;height:65px;float:left;margin: 30px 300px 0px 30px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/recover_1f-2.png);}/*手機*/
.recover_f3{
	width:240px;height:75px;float:left;margin: 30px 300px 0px 30px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/recover_1f-3.png);}/*平板*/
.recover_f4{
	width:240px;height:75px;float:left;margin: 30px 300px 0px 30px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/recover_1f-4.png);}/*Watch*/
.recover_f5{
	width:375px;height:75px;float:left;margin: 30px 100px 0px 30px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/recover_1f-5.png);}/*遊戲主機*/



.square{
	width:12px;height:12px;float:left;margin: 25px 20px 0px 30px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/square.jpg);}/*灰方框*/
.square01{
	width:12px;height:12px;float:left;margin: 25px 20px 0px 0px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/square.jpg);}/*灰方框*/


.font_square01{font-size:45px;font-family:"微軟正黑體";color:#181818;font-weight:500;line-height:45pt;}/*字體-品牌*/

.art_square01{width:200px; height:55px; float:left;text-align:left;padding: 0px 0px 0px 0px;margin: 25px 325px 0px 0px;}/*行區-1排*/
.art_square02{width:200px; height:55px; float:left;text-align:left;padding: 0px 0px 0px 0px;margin: 25px 0px 0px 0px;}/*行區-2排*/
.art_square03{width:525px; height:55px; float:left;text-align:left;padding: 0px 0px 0px 0px;margin: 25px 0px 0px 0px;}/*行區-1排長*/
.art_square04{width:300px; height:55px; float:left;text-align:left;padding: 0px 0px 0px 0px;margin: 25px 325px 0px 0px;}/*行區-1排*/

.w_square{width:400px; height:55px; float:left;text-align:left;margin: 0px 0px 0px 0px;}/*字區*/
.w_square02{width:100px; height:55px; float:left;text-align:left;margin: 0px 0px 0px 0px;}/*字區-短*/
.w_square03{width:200px; height:55px; float:left;text-align:left;margin: 0px 0px 0px 0px;}/*字區*/

.w{width:230px; height:350px; float:left;text-align:left;}/*分左右區域*/


/*洽詢門市-按鍵*/
.but_01{
	width:510px;height:130px;float:left;margin: 250px 195px 0px 180px;padding: 0px 0px 0px 300px;text-align:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/but_1-1.png);}/*圖*/
.but_01:hover{
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/but_1.png);}

.but_w{width:830px;height:80px;float:left;padding: 20px 0px 0px 370px;text-align:left;}/*按鍵下面-文字區*/

.font_but{font-size:60px;font-family:"微軟正黑體";color:#FFFFFF;font-weight:bold;line-height:90pt;}/*按鍵字*/
.font_but01{font-size:40px;font-family:"微軟正黑體";color:#181818;font-weight:500;}/* 按鍵下面文字*/


/*最下面多的空間*/
.more{width:1200px;height:500px;float:left;}


/*綠色不規則背景*/
.green_bk{
	width:1200px;height:1125px;float:left;margin: 0px 0px 0px 0px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/recycling/images/green_bk01.png);}
























