@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
p {
	margin: 8px 0px 8px 0px;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
}
hr {
	height: 0px;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #E4EBF8 solid;
}


/*上方區域*/
#head {
	width: 94%;
	height: 61px;
	min-width: 940px;
	background-image: url(../images/bg-head.jpg);
	padding: 15px 3% 0px 3%;
	margin: 0px auto 0px auto;
}
#head .com {
	margin: 0px 0px 0px 5px;
	font-size: 18px;
	color: #0A2C75;
	font-weight: bold;
}
#head .com a {
	color: #0A2C75;
	text-decoration: none;
}
#head .depict {
	color: #9A9A9A;
	margin: 0px 0px 15px 0px;
}

#menu {
	width: 100%;
	height: 20px;
	background-image: url(../images/bg-menu.jpg);
	padding: 6px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align: right;
	font-size: 11px;
}
#menu a {
	padding: 0px 15px 0px 15px;
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:hover {
	color: #00FFFF;
}



/*中間區域*/
#depiction {
	width: 94%;
	min-width: 940px;
	min-height: 50px;
	margin: 0px auto 0px auto;
	background-image: url(../images/bg-depiction.jpg);
	background-repeat: repeat-x;
	background-color: #E6E5E3;
	padding: 8px 3% 0px 3%;
	font-size: 10px;
	color: #000000;
}
#content {
	width: 94%;
	min-width: 940px;
	padding: 0px 3% 0px 3%;
	margin: 10px auto 10px auto;
}
.google_ad{
	padding: 5px 5px 5px 5px;
	text-align: center;
}
#clear {
	clear: both;
}

/*中間區域 - 主要內容*/
#content #left {
	width: 79%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 1px #C9D7F1 solid;
}
#left h1 {
	margin: 0px 0px 2px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
#left h2 {
	margin: 2px 0px 10px 0px;
	font-size: 10px;
	color: #818181;
	font-weight: lighter;
}
#left h2 a {
	margin: 0px 4px 0px 4px;
	color:#818181;
	text-decoration:none;
}
#left h2 a:hover {
	color: #0000CC;
}

/*中間區域 - 主要內容 - Sub Category and Category List(other)*/
#left #sub-category {
	width: 96%;
	background: url(../images/sub-category-t.jpg) repeat-x;
	margin: 0px auto 0px auto;
}
#sub-category h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
}
#sub-category .tl {
	background: url(../images/sub-category-tl.jpg) no-repeat left top;
	margin: 0px 0px 0px 0px;
}
#sub-category .tr {
	background: url(../images/sub-category-tr.jpg) no-repeat right top;
	}
#sub-category .bl {
	background: url(../images/sub-category-bl.jpg) #ECECEC no-repeat left bottom;
}
#sub-category .br {
	width: 100%;
	background: url(../images/sub-category-br.jpg) no-repeat right bottom;
	padding: 10px 0px 13px 0px;
}
#sub-category #list {
	clear: both;
	width: 100%;
	height: 100%;
	min-width: 680px;
	min-height: 50px;
	background-color: #ECECEC;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
#list ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 3%;
}
#list ul li{
	float: left;
	width: 30%;
	background-image: url(../images/point.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
#list ul li a {
	color: #000000;
	text-decoration: none;
}
#list ul li a:hover {
	color: #FF0000;
}
#sub-category #list-other {
	clear: both;
	width: 100%;
	height: 100%;
	min-width: 680px;
	min-height: 350px;
	background-color: #ECECEC;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
}
#list-other h3 {
	margin: 0px 0px 0px 20px;
	font-size: 12px;
}
#list-other ol {
	float: left;
	width: 32%;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 4px 0px;
}
#list-other ol li {
	list-style-type: none;
}
#list-other ol li a {
	color: #01319E;
	text-decoration: none;
}
#list-other ol li a:hover {
	color: #FF0000;
}
#list-other ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 40px;
}
#list-other ul li {
	margin: 0px 0px 0px 0px;
	list-style-image: url(../images/point.gif);
}
#list-other ul li a {
	color: #000000;
	text-decoration: none;
}
#list-other ul li a:hover {
	color: #FF0000;
}

/*中間區域 - 主要內容 - 相關資訊*/
#left #related-info {
	clear: both;
	width: 96%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 20px auto;
}
#related-info h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	color: #01319E;
	font-weight:lighter;
	line-height: 23px;
}
#related-info h3 {
	padding: 0px 0px 0px 0px;
	margin: 3px 3px 3px 3px;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
#related-info p {
	margin: 3px 3px 8px 3px;
}

/*中間區域 - 主要內容 - Sponsor Listing and Site Listing*/
#left #sponsor-listing {
	clear: both;
	display: block;
	width: 96%;
	height: 100%;
	min-height: 120px;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 10px auto;
	border: 1px #D7E6EB solid;
}
#sponsor-listing p {
	margin: 3px 3px 3px 3px;
}
#sponsor-listing .sponsor-logo {
	float: left;
	width: 60px;
	height: 100%;
	margin: 1em 1em 1em 1em;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}
#sponsor-listing .sponsor-logo .logo-pic {
	width: 60px;
}
#sponsor-listing .sponsor-com {
	float: left;
	width: 90%;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 3px 0px;
}
#sponsor-listing h2 {
	background-image: url(../images/bg-sponsor.jpg);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	color: #01319E;
	line-height: 23px;
}
#sponsor-listing .detail, #sponsor-listing a.detail, #site-listing .detail, #site-listing a.detail {
	color: #1147C9;
	text-decoration: none;
}
#sponsor-listing a.detail:hover, #site-listing a.detail:hover {
	color: #FF0000;
}
#sponsor-listing .company, #sponsor-listing a.company, #site-listing .company, #site-listing a.company {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
#sponsor-listing a.company:hover, #site-listing a.company:hover {
	color: #008000;
}
#sponsor-listing .links, #site-listing .links {
	font-weight: bold;
}
#sponsor-listing .website, #site-listing .website {
	color: #008000;
}
#site-listing {
	clear: both;
	width: 96%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}
#site-listing p {
	margin: 3px 0px 3px 0px;
}
#site-listing h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	color: #01319E;
	line-height: 23px;
}
.add-url {
	margin: 10px 15px 0px 15px;
}
.add-url ul {
	margin: 0px 0px 0px 0px;
}
.add-url img {
	float: left;
	margin: 0px 30px 0px 0px;
}
.add-url .submit {
	margin: 5px 0px 0px 0px;
	font-size: 16px;
	color: #008000;
	font-weight: bold;
	text-decoration: none;
}
.add-url a.submit:hover {
	color: #1147C9;
}
.note p {
	margin: 8px 0px 0px 0px;
}
.note ul {
	margin: 0px 0px 10px 20px;
}
#successful-cases {
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 20px 0px;
}
#successful-cases .b1f, #successful-cases .b2f, #successful-cases .b3f, #successful-cases .b4f{
	overflow: hidden;
	display: block;
	background: #FFDD00;
	font-size: 1px;
}
#successful-cases .b1f {
	height: 1px;
	margin: 0px 5px 0px 5px;
}
#successful-cases .b2f {
	height: 1px;
	margin: 0px 3px 0px 3px;
}
#successful-cases .b3f {
	height: 1px;
	margin: 0px 2px 0px 2px;
}
#successful-cases .b4f {
	height: 2px;
	margin: 0px 1px 0px 1px;
}
#successful-cases .contentf {
	background: #FFDD00;
	padding: 10px 10px 10px 10px;
	color: #002561;
}
.detail {
	color: #1147C9;
	text-decoration: none;
}


/*中間區域 - 主要內容 - Google Area*/
#google {
	width: 96%;
	padding: 0px 0px 0px 0px;
	margin: 2em auto 2em auto;
	text-align: center;
}


/*中間區域 - 選單區域*/
#content #right {
	float: right;
	width: 20%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}
#right p {
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
}

/*中間區域 - 選單區域 - 廣告連結*/
#right #ad {
	text-align: center;
}
#right #ad .ad-pic {
	margin: 0px 0px 10px 0px;
}
/*中間區域 - 選單區域 - 熱門連結*/
#right #hot {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
#hot h1 {
	padding: 0px 0px 0px 0px;
	margin: -3px 0px 0px 0px;
	font-size: 11px;
	color: #01319E;
	font-weight: bold;
}
#hot h2 {
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
}
#hot h2 a {
	color: #333333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#hot h2 a:hover {
	color: #008000;
}

/*中間區域 - 選單區域 - 相關連結*/
#right #related {
	background-color: #F4F4F4;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}
#related h3 , #related h3 a {
	padding: 0px 0px 0px 0px;
	margin: -3px 0px 0px 0px;
	font-size: 12px;
	color: #008000;
	font-weight:lighter;
}
#related h3 a:hover {
	color: #ff0000;
}
#related ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}
#related ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-image:url(../images/li.gif);
}

/*中間區域 - 選單區域 - 廣告連結*/
#right #ad {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 10px auto;
}
#ad img {
	padding: 0px 0px 0px 0px;
	margin: 4px auto 4px auto;
}


/*下方區域*/
#foot {
	clear: both;
	width: 94%;
	height: 47px;
	min-width: 940px;
	background-image: url(../images/bg-foot.jpg);
	padding: 15px 3% 0px 3%;
	margin: 0px auto 0px auto;
	text-align: center;
}