body { 
  padding:0;
  margin:0;	
  background-color:#FFFFFF;
  display: block;
  /*background:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/Surface8_bk.png) no-repeat center 0px #1CB5EA;*/
 }

#top-bar{ 
	width:100%;
	margin:0 auto;
	height:55px;
	background:#FFFFFF;
	opacity:0.9;
	position:absolute;
	top:-125px;	 
	z-index:999;
	 /* CSS3 陰影
	-webkit-box-shadow: 0px 1px 5px #E6E6E6;
	-moz-box-shadow: 0px 1px 5px #E6E6E6;
	box-shadow: 0px 1px 5px #E6E6E6;	 
	*/
}


.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:200px; height:42px; float:left;}

/*門市據點*/
.topborder_store{
	width:180px; height:36px; float:left;margin: 5px 0px 0px 0px;font-size:25px;font-family:"微軟正黑體";color: #666666;text-align:right;}


/*Surface Laptop 3*/
.topborder_commodity{
	width:400px; height:36px; float:left;margin: 5px 5px 0px 20px;font-size:20px;font-family:"微軟正黑體";
	border: solid 1px #666666;line-height:25pt;border-radius: 10px;color: #666666;}
.topborder_commodity:hover{
	width:400px; height:36px; float:left; margin-top:5px; margin-left:20px; margin-right:5px;font-size:20px;
	font-family:"微軟正黑體";border: solid 1px #06C;line-height:25pt;border-radius: 10px;color: #06C;}


/*Surface系列活動*/
.topborder_activity{
	width:190px; height:36px; float:left;margin: 5px 5px 0px 20px;font-size:20px;font-family:"微軟正黑體";
	border: solid 1px #666666;line-height:25pt;border-radius: 10px;color: #666666;}
.topborder_activity:hover{
	width:190px; height:36px; float:left;margin: 5px 5px 0px 20px;font-size:20px;font-family:"微軟正黑體";
	border: solid 1px #06C;line-height:25pt;border-radius: 10px;color: #06C;}

/*Surface系列商品*/
.topborder_commodity2{
	width:190px; height:36px; float:left;margin: 5px 5px 0px 20px; font-size:20px;font-family:"微軟正黑體";
	border: solid 1px #666666;line-height:25pt;border-radius: 10px;color: #666666;}
.topborder_commodity2:hover{
	width:190px; height:36px; float:left;margin: 5px 5px 0px 20px;font-size:20px;font-family:"微軟正黑體";
	border: solid 1px #EB6100;line-height:25pt;border-radius: 10px;color: #EB6100;}


/*申請教育專案9折*/
.topborder_commodity3{width:300px; height:36px; float:left;margin: 5px 5px 0px 5px;font-size:20px;}


/*Surface周邊*/
.topborder_Computer_Accessories{
	width:150px; height:36px; float:left;margin: 5px 5px 0px 20px;font-size:20px;font-family:"微軟正黑體";
	border: solid 1px #666666;line-height:25pt;border-radius: 10px;color: #666666;}
.topborder_Computer_Accessories:hover{
	width:150px; height:36px; float:left;margin: 5px 5px 0px 20px;font-size:20px;font-family:"微軟正黑體";
	border: solid 1px #EB6100;line-height:25pt;border-radius: 10px;color: #EB6100;}


/*Surface品牌月送豪禮-活動*/
.topborder_activity{
	width:230px; height:36px; float:left;margin: 5px 5px 0px 20px;font-size:20px;font-family:"微軟正黑體";
	border: solid 1px #F00;line-height:25pt;border-radius: 10px;color: #F00;}
.topborder_activity:hover{
	width:230px; height:36px; float:left;margin: 5px 5px 0px 20px;font-size:20px;font-family:"微軟正黑體";
	border: solid 1px #EB6100;line-height:25pt;border-radius: 10px;color: #EB6100;}


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


/*一排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:#AB0008;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*/


/*buttom滑鼠移過換圖*/
.button1{ 
	font-size:35px; font-family:"微軟正黑體"; color:#FFFFFF; line-height:60px; font-weight:bold; text-align:center;
	text-shadow:rgba(0, 0, 0, 0.59) 3px 3px 5px;border-radius: 10px;background-color:#4d4d4d;}
.button1:hover{ 
	font-size:35px; font-family:"微軟正黑體"; color:#FFFFFF; line-height:60px; font-weight:bold; 
	text-align:center;text-shadow:rgba(0, 0, 0, 0.59) 1px 1px 3px;border-radius: 10px;background-color:#2b2a2c;}

.button2{ 
	font-size:32px; font-family:"微軟正黑體"; color:#FFFFFF; line-height:60px; font-weight:bold; 
	text-align:center;text-shadow:rgba(0, 0, 0, 0.59) 3px 3px 5px;border-radius: 10px;background-color:#4d4d4d;}
.button2:hover{ 
	font-size:32px; font-family:"微軟正黑體"; color:#FFFFFF; line-height:60px; font-weight:bold; 
	text-align:center;text-shadow:rgba(0, 0, 0, 0.59) 1px 1px 3px;border-radius: 10px;background-color:#2b2a2c;}

.font4-main{font-size:25px;font-family:"微軟正黑體";font-weight:bold;;color:#FFFFFF;line-height:35pt;}


/*標題-圖*/
.TOP-title3{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/Surface-t-General-purpose.jpg);} /*通用周邊商品*/
.TOP-title{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/Surface-t-Surface-Laptop.jpg);} /*Surface Laptop*/
.TOP-title2{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/Surface-t-Surface-Go.jpg);} /*Surface Go*/
.TOP-title4{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/Surface-t-Surface-Book-2.jpg);} /*Surface Book 2*/
.TOP-title5{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/2012Laptop-3.jpg);} /*Laptop-3*/
.TOP-title6{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/title-out.jpg);} /*Surface 優惠出清*/
.TOP-title7{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/title-Pro-7.jpg);} /*Surface Pro 7*/
.TOP-title8{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/XGobook3.jpg);} /*pro-X和go和book3*/

.TOP-title9{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/title10-3.jpg);} /*Surface Laptop 3 和 Laptop GO*/
.TOP-title10{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/title10-2.jpg);} /*Surface Pro 7 和 Pro X*/
.TOP-title11{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/title10-1.jpg);} /*Surface GO 和 Book 3*/
.TOP-title12{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/Surface-Laptop4.jpg);} /*Surface Laptop 4*/
.TOP-title13{width:1200px;height:200px;float:left;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/title10-4.jpg);} /*Surface Laptop GO/ GO*/

.img:hover{border:4px solid #333;}
a {cursor:pointer;text-decoration:none;}
.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/Surface/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/Surface/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/Surface/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/Surface/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/Surface/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/Surface/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/Surface/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/Surface/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/Surface/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/Surface/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/Surface/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;}


/*旗艦主視覺*/
.main{
	  width:1200px;height:490px;
	  /*position:absolute;
	  z-index:1;*/
	  margin: 35px 0px 0px 0px;
	  background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/2020main01.png);
      }

.main_01{
	  width:1200px;height:490px;float:left;
	  margin: 35px 0px 0px 0px;
	  background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/2020main02.png);
      }


.main_02{
	  width:1200px;height:707px;float:left;
	  margin: 35px 0px 0px 0px;
	  background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/mpr10-1.jpg);
      }/*時尚輕巧*/


/*主視覺-日期*/
.font_m{font-size:35px;font-family:"微軟正黑體";color:#4D4D4D;line-height:40pt;font-weight:bold;}
.product_m{width:1200px;height:60px;float:left;margin: 422px 0px 0px 0px;}


/*標題*/
.font_t01{font-size:50px;font-family:"微軟正黑體";color:#333333;line-height:50pt;font-weight:bold;text-align:left;}/*字*/
.product_t01{background-color: #BCDAEA;border-radius: 50px;margin: 0px 0px 20px 0px;}/*區*/


/*icon-圖*/
.icon_01{
	width:140px;height:140px;float:left;
	margin: 20px 75px 20px 75px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/icon01.png);
    }/*盾牌*/

.icon_02{
	width:225px;height:140px;float:left;
	margin: 20px 32px 20px 32px;
	background-image:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/icon02.png);
    }/*學生老師*/

/*icon-框*/
.icon_bk01{
	width:290px;height:300px;float:left;
	margin: 0px 50px 0px 260px;
	background-color: #F4F4F4;
	border-radius: 10px;
	box-shadow:0px 1px 1px #666666;
    }/*框-左*/

.icon_bk01:hover{box-shadow:3px 3px 7px #999999;}

.icon_bk02{
	width:290px;height:300px;float:left;
	margin: 0px 260px 0px 50px;
	background-color: #F4F4F4;
	border-radius: 10px;
	box-shadow:0px 1px 1px #666666;
    }/*框-右*/

.icon_bk02:hover{box-shadow:3px 3px 7px #999999;}


/*icon-字*/
.font_c01{font-size:35px;font-family:"微軟正黑體";color:#333333;line-height:40pt;font-weight:bold;text-align:left;}
.font_c02{font-size:25px;font-family:"微軟正黑體";color:#666666;line-height:30pt;font-weight:bold;text-align:left;}
.font_c03{font-size:25px;font-family:"微軟正黑體";color:#0078D7;line-height:30pt;font-weight:bold;text-align:left;}

/*商品-6個*/
.commodity_bk{	
	width:1100px;height:230px;float:left;
	margin: 0px 50px 0px 50px;
    background-color: #F4F4F4;
	box-shadow:0px 1px 1px #666666;
}/*區*/

.commodity_bk:hover{
	width:1100px;height:230px;float:left;
	margin: 0px 50px 0px 50px;
    background-color: #F4F4F4;
	box-shadow:3px 3px 7px #999999;}


/*6個字*/
.font_com01{font-size:38px;font-family:"微軟正黑體";color:#333333;line-height:40pt;font-weight:bold;}/*商品名稱*/
.font_com01-1{font-size:38px;font-family:"微軟正黑體";color:#333333;line-height:40pt;font-weight:bold;}/*商品名稱*/
.font_com02{font-size:40px;font-family:"微軟正黑體";color:#333333;line-height:40pt;font-weight:bold;}/*贈品*/


/*WIN10圖片*/
.WIN10{
	width:1200px;height:460px;float:left;margin-top: 40px;
	background:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/WIN10.jpg);}

/*已售完*/
.END{
	width:220px;height:200px;float:left;
	background:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/END.png);}

/*Poro9*/
.Poro9_title{
	width:1200px;height:300px;float:left;margin:0px 0px 20px 0px;
	background:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/Surface-Pro9_banner.jpg);}

/*Laptop 5*/
.Laptop5_title{
	width:1200px;height:300px;float:left;margin:0px 0px 20px 0px;
	background:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/Surface/images/Laptop-5_banner.jpg);}