﻿@charset "utf-8";
/* CSS Document */
/* ==共用=====================*/
h1, p, h2, h3 { margin:0; padding:0;}
body{ margin:0; padding:0; background:#CCCCCC; font-family:Arial, Helvetica, sans-serif, "微軟正黑體"; font-size:15px; color:#333333;}
.Warpper{ overflow:hidden; width:900px; margin:0 auto; background:url(images/top_bg.jpg) no-repeat top #FFFFFF;}
.Warpper_From{ overflow:visible; width:900px;; margin:0 auto; background:url(images/top_bg2.jpg) no-repeat top #FFFFFF;}
.Main{ width:720px; margin:0 auto;}
.red15 { color:#CC0000;}

/* ==TOP=====================*/
.Top{ position:relative; top:58px; height:256px;}
.Top h1{ position:absolute; top:60px; left:33px; width:387px; height:154px; background:url(images/LOGO.png); text-indent:-9999px;}
.Top p{ position:absolute; top:146px; right:80px;}
.Top p a{ display:block; width:106px; height:23px; text-indent:-9999px; background:url(images/banner_btn.png);}

/* ==MENU=====================*/
.Menu{ margin:87px 0 0 5px;}
.Menu ul{ list-style:none; margin:0; padding:0;}
.Menu li{ float:left; margin:0; padding:0 37px 0 0;}
.Menu li.MenuLast{ padding-right:0;}
.Menu li a{ display:block; width:150px; height:75px; text-indent:-9999px;}
.Menu li a.MenuBtn_01{ background:url(images/btn_juniper.png);}
.Menu li a.MenuBtn_01:hover{ background:url(images/btn_juniper_hover.png);}
.Menu li a.MenuBtn_02{ background:url(images/btn_Lookout.png);}
.Menu li a.MenuBtn_02:hover{ background:url(images/btn_Lookout_hover.png);}
.Menu li a.MenuBtn_03{ background:url(images/btn_fireman.png);}
.Menu li a.MenuBtn_03:hover{ background:url(images/btn_fireman_hover.png);}
.Menu li a.MenuBtn_04{ background:url(images/btn_A10.png);}
.Menu li a.MenuBtn_04:hover{ background:url(images/btn_A10_hover.png);}

.Menu2{margin:180px 0 0 5px;}
.Menu li a.MenuBtn_05{ background:url(images/btn_vArmour.png);}
.Menu li a.MenuBtn_05:hover{ background:url(images/btn_vArmour_hover.png);}
.Menu li a.MenuBtn_06{ background:url(images/btn_Sandvine.png);}
.Menu li a.MenuBtn_06:hover{ background:url(images/btn_Sandvine_hover.png);}
.Menu li a.MenuBtn_07{ background:url(images/btn_NoviFlow.png);}
.Menu li a.MenuBtn_07:hover{ background:url(images/btn_NoviFlow_hover.png);}
.Menu li a.MenuBtn_08{ background:url(images/btn_Sandvine_PulseSecure.png);}
.Menu li a.MenuBtn_08:hover{ background:url(images/btn_Sandvine_PulseSecure_hover.png);}


/*.Menu li a.MenuBtn_01_hover{ background:url(images/btn_juniper_hover.png);}
.Menu li a.MenuBtn_02_hover{ background:url(images/btn_aruba_hover.png);}
.Menu li a.MenuBtn_03_hover{ background:url(images/btn_bluecat_hover.png);}
.Menu li a.MenuBtn_04_hover{ background:url(images/btn_fireman_hover.png);}*/

.MenuDescribe{ clear:both; padding:50px 0 40px 0;}
.MenuDescribe hr, .BuyFrom hr{ border:0; height:1px; background-color:#333333;
	color:#333333	/* IE6 */;}
.MenuDescribe p{ font-size:13px; color:#666666; text-indent:26px; line-height:22px; padding:10px 0;}

/* ==產品清單=====================*/
.ProductsList{ padding-bottom:80px;}
.ProductsList h2.productListName{ margin-bottom:10px; background:#0e6fb4; color:#FFFFFF; padding-left:5px; font-size:18px; line-height:30px;}
.ProductsList .ProductTitle{ font-size:20px;}
.ProductsList .ProductSub{ font-size:13px; padding-bottom:10px;}

.ProductsList h3{ padding:10px 0 0 0; font-size:20px;}
.ProductsList .ProductName{ color:#3366FF; padding-bottom:1px;}
.ProductsList .ProductPrice{ padding-bottom:8px;}
.ProductsList .ProductPrice span{ color:#FF6600;}

/* ==已選購 浮動框=====================*/
.ProductsSelected{ position:fixed; bottom:10px; right:10px; width:75px; background:#FFFFFF; border:#999999 solid 1px; padding:10px 5px; z-index:99; text-align:center;}
.ProductsSelected img{ padding-bottom:5px;}
.ProductsSelected p{ font-size:13px; line-height:20px;}
.ProductsSelected p a{ display:block; background:#36F; color:#FFFFFF; text-decoration:none; margin-top:5px;}
.ProductsSelected p a:hover{ background:#FF6600;}


/* ==連絡資料=====================*/
.BuyFrom{ margin-top:130px; background-color:#FFFFFF; padding:25px 0;}
.BuyFrom td{ padding-bottom:10px;}
.BuyFrom .ContactTitle{ font-size:20px;}
.BuyFrom .ContactSub{ font-size:13px; padding-bottom:10px;}
.BuyFrom ul{ padding:0 0 0 25px; margin:0;}

