﻿@charset "utf-8";
/* CSS By Away */
/* http://www.dfuns.idv.tw */

body{ font:1em/1 "微軟正黑體", "新細明體", "細明體", "標楷體"; background:url(images/bg.jpg) repeat-x;}
h1, h2, h3, h4, h5, h6, p, div{ margin:0;}
.hdr{ background:url(images/logo.png); width:550px; height:80px; margin:10px auto; text-indent:-9999px;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
.listReset{ padding:0; margin:0; list-style:none;}

.tabPanel{ width:1024px; margin:auto; position:relative; height:320px; overflow:hidden;}
.tab-content{ width:960px; height:320px; position:absolute; top:0; left:0;}
.detail{ position:absolute; left:20px; top:0; width:150px; height:190px; background:url(images/detailBG.png); padding:5px;}
.detail h1 a{ color:#FF0; font-size:.5em;}
.detail p{ color:#FFF; font-size:.8em; line-height:1.5;}
.detail ul{ color:#F90; list-style-type:square; padding-left:20px; margin:10px 0 0;}
.detail ul a{ color:#FC0;  font-size:.8em; line-height:1.5;}

.switch{ width:150px; position:absolute; top:0; right:0px;}
.switch a{ display:block; line-height:40px; background:url(images/tabBG.jpg); text-indent:1em; color:#666; text-decoration:none; *height:40px;}
.switch a:hover{ background:#F0F; color:#000; background:url(images/tabBG_over.jpg);}

a.now-tab, a.now-tab:hover{ background:url(images/tabBG_now.png); text-indent:1.5em; color:#FFF; font-weight:bold; margin-left:-20px; border:0;}

img{ border:0;}

.wrapper{ width:960px; height:50px; style="vertical-align:text-top; margin:auto; position:relative;}

.header{ height:150px; color:#FFF; font-size:3.5em;}
.header a{ color:#FFF;}
.header a:hover{ text-decoration:none;}
.header span{ font-size:.5em; margin-left:.5em;}

.container{ margin:.5em 0;}
.content{ width:640px; float:left;}
.content h2{ color:#FFF; font-size:1em; padding-left:1em; line-height:1.8; margin-bottom:.5em;}
.category1{ background-color:#CCC;}
.category2{ background-color:#FC0;}
.category3{ background-color:#090;}
.category4{ background-color:#F39;}

.content h2 span{ font-size:.7em; margin-left:1em; -webkit-text-size-adjust:none;}
.path{ border:solid 1px #EEE; border-width:1px 0; line-height:1.8; margin-bottom:1em;}
.path li{ display:inline-block; font-size:.8em;}
.path li span{ color:#666;}

.new{ overflow:hidden; margin:.5em 0 1em;}
.new img{	float:right; padding:10px; border:solid 1px #EEE;}
.newCon{ width:410px; float:left; font-size:.8em; line-height:1.8;}
.newCon h1{ font-size:1.5em;}
.more{ display:block; background:url(images/btn.gif); line-height:2; width:6em; text-align:center; border-radius:5px; margin:.5em 0; color:#FFF;}
.more1{ background-position:0 0;}
.more2{ background-position:0 -50px;}
.more3{ background-position:0 -100px;}
.more4{ background-position:0 -150px;}

.adv{ margin-left:650px;}
.footer{ background:#CCC; line-height:70px; clear:both; text-align:center;}