﻿@charset "utf-8";

/*共同設定*/
#container{width:960px;margin:0 auto;background-image: url(/Savesafe/common/common-img/bk-storeframe.gif);background-repeat:repeat-y;
	color:#999999;font-size:12px;letter-spacing:1px;
}

/*統整標題與表單在不同瀏覽器復位的問題*/
body,form,h1,ul {
padding: 0; margin: 0;font-size:12px;color:#999999;
}
h1,h2,h3,h4,h5,h6 {
font-weight: bold;
font-size: 100%;
margin: 0;
padding:10px 0px;
}

h1{font-size:16px;color:#699122;font-family:"微軟正黑體","新細明體",sans-serif,;}
h2{font-size:16px;color:#000000;font-family:"微軟正黑體","新細明體",sans-serif,;}
h3{font-size:14px;color:#666666;font-family:"微軟正黑體","新細明體",sans-serif,;}
h4{font-size:14px;color:#fff;font-family:"微軟正黑體","新細明體",sans-serif,;}
p{
	line-height:20px;
	margin:7px 0px;
	font-size:12px;
	color:#999;
	font-family:"新細明體", sans-serif;
}

.fontB{font-size:12px;font-weight: bold;color: #666666;}
.fontB01{font-size:12px;font-weight: bold;color: #699122;}
.fontB02{font-size:12px;font-weight: bold;color: #333333;}
.fontB03{font-size:12px;font-weight: bold;color: #ff6600;}
.contactus{font-size:12px;color:#ff6600;border-bottom:#666 1px dotted;}

.imgR{float:right;margin-left:15px;}
.imgL{float:left;margin-right:15px;}
.imgB{padding:3px;border:1px solid #ccc;}
.imgBW{border:3px solid #FFF;}
.FR{float:right;}
.FL{float:left;}
.FB{clear:both;}

.fontB02 ul{font-size:12px; font-weight:100;}
.alignC{ margin:10px auto;width:770px;text-align:center;}

/**/
.bo{font: normal 11px/14px sans-serif;border-bottom:1px dotted #ccc;}
.boR{font: normal 11px/14px sans-serif;border-right:1px dotted #ccc;}
ul{margin:0px;padding-left:20px;}
li.decimal{list-style-type:decimal;line-height:25px;}
li.disc{list-style-type:disc;line-height:25px;}
li.none{list-style-type:none;line-height:25px;}

/*左側選單*/
#menu{width:150px;font-size:12px;float:left;} 
#menu ul{margin: 0;padding: 0;list-style: none;width:150px;}
#menu li{border-bottom: 1px solid #fff;width:150px;background-color:#e8eed8;}
#menu li a{
	padding: 6px 0px 6px 25px;
	display: block;
	color:#636363;
	width:125px;
	text-decoration: none;
	background: url(/Savesafe/common/common-img/arr.gif) no-repeat 15px 10px;
	font-size:12px;
}
#menu li a:hover{
	display: block;
	color:#FFF;
	background: url(/Savesafe/common/common-img/arr_hover.gif) no-repeat 15px 10px #C1C5B4;
}
#menu .hover{display: block;background:#BDCC96;font-weight:bold;}

/*左側次選單*/
#menu li.sub{border-bottom: 1px solid #fff;width:150px;background-color:#f1f2ec; font-size:10px;}
#menu li.sub a{
	padding: 3px 0px 3px 35px;
	display: block;
	color:#868686;
	width:115px;
	text-decoration: none;
	background: url(/Savesafe/common/common-img/arr_sub.gif) no-repeat 25px 10px;
	font-style:normal;
}
#menu li.sub a:hover{
	display: block;
	color:#FFF;
	background: url(/Savesafe/common/common-img/arr_hover.gif) no-repeat 25px 8px #C1C5B4;
	font-style:normal;
}
#menu li.sub .hover{
	display: block;
	color:#FFF;
	background: url(/Savesafe/common/common-img/arr_hover.gif) no-repeat 25px 8px #C1C5B4;
	font-style:normal;
}
#menu .hoverfix a,#menu .hoverfix a:hover{width:115px;padding: 3px 0px 3px 35px;
	display: block;
	color:#666666;
	font-weight:bold;
	background: url(/Savesafe/common/common-img/arr.gif) no-repeat 25px 8px #f1f2ec;
}
/*第三層選單廣告*/
	#submenuBanner { width:150px; height:320px; padding-left:15px; padding-top:15px; padding-bottom:15px;background-color:F1F2EC;}
	#submenuBanner ul{margin: 0;padding: 0;list-style: none;width:120px;}
	#submenuBanner li{ width:120px; padding:4px 0px;border-bottom: 1px solid #F1F2EC;}
	#submenuBanner li a,#submenuBanner li a:hover{padding:0px;width:120px;}
	.smbP{ padding-left:15PX; padding-top:5PX;}
	
	
	
/*右側內容*/
#content,#content01,#content02,#content03,#content04{background:#fff;}
#content {width:770px;float:right;overflow:hiddent;border:2px solid #eee;padding:13px;}
#content01 {width:770px;height:370px;float:right;overflow:hiddent;border:2px solid #eee;padding:13px;}
#content02 {width:786px;float:right;border:2px solid #eee;padding-right:10px;}
#content03 {width:800px;height:400px;float:right;}
#content04 {width:800px;float:right;}
#content05 {
	width:800px;
	float:right;
	height: 430px;
	background-image: url(/SaveSafe/common/common-img/activities-img/933_active01.gif);
}
#content06 {
	width:800px;
	float:right;
	height: 430px;
	background-image: url(/SaveSafe/common/common-img/activities-img/933_active01N.gif);
}
#content07 {
	width:800px;
	float:right;
	height: 430px;
	background-image: url(/SaveSafe/common/common-img/activities-img/933_active01G.gif);
}
.subcontent{width:770px;margin:0 auto;}

/*檔期bar與檔期banner*/
.topbar{width:800px;margin-bottom:5px;float:right;}
.topbanner{}
.topbannertxt{width:778px;padding:10px;color:#333333;border:1px dotted #333333;background:#fdfde2;float:right;margin-bottom:5px;line-height:20px;}
/*連結*/
a.link01 {color:#ff6600;border-bottom:#666 dotted 1px;}

/*按鈕*/
.BTNarea{width:770px;height:30px;margin:0 auto;margin:10px 0px;text-align:center;}/*按鈕外框範圍*/
.BTNsend a{width:100px;height:30px;background:url(/Savesafe/common/common-img/btn-send.jpg) 0 0 no-repeat;display:block;text-indent: -1000px;margin:0px 10px;text-align:center;}
.BTNsend a:hover{width:100px;height:30px;background:url(/Savesafe/common/common-img/btn-send.jpg) 0 -30px no-repeat;display:block;text-indent: -1000px;}
.BTNclear a{width:100px;height:30px;background:url(/Savesafe/common/common-img/btn-clear.jpg) 0 0 no-repeat;display:block;text-indent: -1000px;margin:0px 10px;text-align:center;}
.BTNclear a:hover{width:100px;height:30px;background:url(/Savesafe/common/common-img/btn-clear.jpg) 0 -30px no-repeat;display:block;text-indent: -1000px;}

/*諮詢表單*/
.table{line-height:30px;background-color:#eee; text-align:left;margin:0 auto;font-size:12px;}
.table td{background-color:#fff;padding-left:10px;}
.table .td01{background-color:#fff;padding:10px;}
.table .input{background-color:#eee;color:#333;border:1px solid #ccc;}
.table .border{border:1px solid #669900;}
.table th{background-color:#fff;color:#000;font-weight:normal;}
.essential{color:#ff6600;padding-right:5px;}

.table01{line-height:20px;background-color:#CCC; text-align:left;margin:0 auto;margin:10px 0px;font-size:12px;}
.table01 td{background-color:#fff;padding-left:10px;}
.table01 .td01{background-color:#fff;padding:10px;}
.table01 .input{background-color:#eee;color:#333;border:1px solid #ccc;}
.table01 .border{border:1px solid #669900;}
.table01 th{background-color:#EEE;color:#000;font-weight:normal;}


/*網路地圖*/
.sitemap{ background-color:#CBD1BD;}
	.sitemap th { width:120px; font: bold 14px serif, "微軟正黑體", "新細明體"; background-color:#F9FBED; color:#91997F; padding:8px; text-align:center;}
	.sitemap td { width:100px; font: normal 11px sans-serif; color:#666666; background-color:#FFFFFF; padding:8px;display: block;}
	.sitemap td a {width:100px; color:#666666; text-decoration:none;display: block;}
	.sitemap td a:hover {background-color:#E8EED8; text-decoration:none; color:#333;display: block;width:100px; }
	

