body {margin:0px;padding-top:0px; background-color:#0b0b0b; background-image:url(); background-repeat:no-repeat;}
.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;}
.topborder02{width:80px; height:31px; float:left; margin-top:0px; margin-left:5px; margin-right:5px;float:left;}

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-bar{ width:100%;margin:0 auto;height:115px;background:#FFF;opacity:0.9; position:fixed;top:-125px;	 
	 /* CSS3 陰影
	-webkit-box-shadow: 0px 8px 15px #333;
	-moz-box-shadow: 0px 8px 15px #333;
	box-shadow: 0px 8px 15px #333;	 
	*/
}



/*滑鼠移過換圖*/
.button01{
    
    background:url(images/button01.jpg);
    color:#f00;
}

.button01:hover{
    background:url(images/button01-1.jpg);
   color:#000;
}

.button02{
   
    background:url(images/button02.jpg);
    color:#f00;
}

.button02:hover{
    background:url(images/button02-1.jpg);
   color:#000;
}

.button03{
   
    background:url(images/button03.png);
    color:#f00;
}

.button03:hover{
    background:url(images/button03-1.png);
   color:#000;
}

.button04{
   
    background:url(images/button04.png);
    color:#f00;
}

.button04:hover{
    background:url(images/button04-1.png);
   color:#000;
}


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


	
/*一排5塊版型*/
.product5_00{
	display:inline-block;	
	width:200px;
	height:330px;	
	float:left;
	overflow:hidden;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	border-right: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;
	*/
}/*產品欄位外框線*/

.product5_01-1{width:200px;height:35px;float:left;background-color:#D0ECFF;text-align:center;}/*行銷詞底色*/
.product5_01-2{width:200px;height:35px;float:left;background-color:#f99b62;text-align:center;}/*行銷詞底色*/
.product5_01-3{width:200px;height:35px;float:left;background-color:#FFFFA4;text-align:center;}/*行銷詞底色*/
.product5_01-4{width:200px;height:35px;float:left;background-color:#BFFFBF;text-align:center;}/*行銷詞底色*/

.product5_02{width:180px;height:180px;float:left;margin-left:10px;margin-top:5px;margin-bottom:5px;margin-right:10px;border-top:solid 1px #CCC;border-left:solid 1px #CCC;border-bottom:solid 1px #CCC;border-right:solid 1px #CCC;}/*產品圖框線*/
.product5_03{width:190px;height:15px;float:none;margin-top:165px;text-align:left;}/*分流位置*/
.product5_04{width:190px;height:60px;float:left;margin-bottom:5px;	margin-left:4px;margin-right:4px; overflow:hidden;}/*品名底線*/
.product5_05{border-top:solid 1px #CCCCCC;width:200px;height:20px;float:left;text-align:center;}/*價格位置*/
.product5_06{width:200px;height:40px;float:left;background-color:#cccccc;}

.bg01{background-image:url(images/test_000.jpg);width:1260px; height:3000px; background-repeat:no-repeat;}

.bg09{ background-image:url(images/Gigabyte-Logo2.png);width:463px; height:100px; background-repeat:no-repeat;}
.disc{ background-image:url(images/ba_back0102.gif); background-repeat:no-repeat;width:2px;height:31px; float:left;}
.nodisc{list-style-type:none;font-family:"微軟正黑體", Arial;	color:#FFF;	font-size:12px;	line-height:18px;text-align:left;padding:0;}

/*一排5塊字型*/
.font5_01{
	font-size:46px;
	font-family:"微軟正黑體";
	color:#FFFFFF;
	line-height:56pt;
}/*區域標頭*/
.font5_01{font-size:16px;font-family:"微軟正黑體";color:#000;line-height:20px;font-weight: bold;}/*行銷詞字體*/
.font5_02{font-size:15px;font-family:"微軟正黑體";color:#000;line-height:30px;font-weight: bold;}/*行銷詞字體*/
.font5_03{font-size:10px;font-family:"微軟正黑體";color:#666;line-height:10px;}/*分流字體*/
.font5_04{font-size:15px;font-family:"微軟正黑體";color:#333;	line-height:10px;overflow:hidden;}/*品名字體*/
.font5_05{font-size:10px;font-family:"微軟正黑體";color:#999999;line-height:10px;text-decoration:line-through;}/*市價字體*/
.font5_06{font-size:18px;font-family:"微軟正黑體";color:#FF0000;line-height:35px;}/*特價$符號字體*/
.font5_07{font-size:22px;font-family:"微軟正黑體";color:#FF0000;line-height:35px;}/*特價字體*/
.font5_08{font-size:12px;font-family:"微軟正黑體";color:#000000;line-height:35px;}/*搶購字體*/
.font5_09{font-size:15px;font-family:"微軟正黑體";color:#fff;line-height:30px;font-weight: bold;}/*最下方字體*/
.font5_10{font-size:30px;font-family:"微軟正黑體";color:#fff;line-height:40px; text-align:left;}/*注意事項*/

.font_blue{ font-size:13px;font-family:"微軟正黑體";color:#0000FF;font-weight:bold;}
.f_white{font-size:12px;font-family:"微軟正黑體";color:#ffffff; line-height:11pt;}
a:link{font-family:"微軟正黑體", Arial;color:#000;font-size:16px;line-height:36px;text-decoration:none;font-weight:bold;}/*超連結，白*/
a:visited{font-family:"微軟正黑體", Arial;color:#333;font-size:16px;line-height:36px;text-decoration:none;font-weight:bold;}/*已超連結，灰*/
a:active{font-family:"微軟正黑體", Arial;color:#0CF;font-size:16px;line-height:36px;text-decoration:none;font-weight:bold;}/*滑鼠點選時，藍*/
a:hover{font-family:"微軟正黑體", Arial;color:#06C;font-size:16px;line-height:36px;text-decoration:none;font-weight:bold;}/*滑鼠移到超連結，黃*/

#footer {position: relative;height:70px;width:1200px;clear:both;text-align:center;border-top:solid 1px #CCC; color:#000000;} 
.img:hover{border:4px solid #333;}
a {cursor:pointer;}

/* button滑鼠移動過去 */

#123 a {
        background: url("images/button02.png");/*預設顯示圖片*/
        display: block;
        font-size: 0; 
        height: 170px;/*圖片高度*/
        width: 170px;/*圖片寬度*/
    }
    #123 a:hover {
        background: url("images/button02-1.png"); /*滑鼠移過顯示圖片*/
    }










/* 頂部下滑樣式 */