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

/* layout */
body{ margin:0; padding:0; text-align:center; font-size:13px; line-height:1.6em; font-family: Microsoft JhengHei, 微軟正黑體, calibri, Arial, Helvetica, sans-serif; color:#222; background:#ccc; }
#wrap{margin:0 auto; width:996px;background:#fff url(images/body_bg.png) center top fixed no-repeat; display: table;}
#head{ float:left; width:996px; height:80px; background:url(images/header_bg.png) center top no-repeat; position:relative; z-index:1000;}
#logo{ float:left; margin-top:13px; margin-left:86px; width:250px; height:60px; }
#main{ float:left; width:996px;z-index: 0; min-height:600px}
#foot{ float:right; padding-top:16px; width:996px; height:60px; text-align:center; background:url(images/footer_bg.png) center top no-repeat; font-size:12px; color:#eee;}
#content{float:right; width:736px; margin:38px 54px 0 0; text-align:left; position:relative; z-index:10;}

/* format */
a:focus{ -moz-outline-style: none; }
a{ behavior:expression(this.onFocus=this.blur()); outline: none; text-decoration:none;}
img, a img{ border:0; }
a:hover img{ }
td{ vertical-align:top; text-align:justify; text-justify:inter-ideograph;}
table{text-justify: inter-ideograph;}
.hidetext {display:none;}
h1, h2, h3, p{margin:10px 0; position:relative; z-index:10;}

/* text */
#content p, #content h1, #content h2, #content h3{position:relative; z-index:10;}
#content h1{font-size:20px; color:#222;}
#content h2{font-size:20px; color:#f15a24;}
#content h3{font-size:16px; color:#222;}
#content p a{color:#222; border-bottom:dotted #f15a24;}

#content .qa p em{color:#666; font-size:20px; padding-right:12px; }/*QA大字*/
#content .qa{ line-height:2.1em;}/*QA行距*/
#content .row{float:left; padding-bottom:20px;}/*固定同列表格*/
#content table{ width:230px; float:left; margin-right:15px;position:relative; }
#content table th{font-size:16px;color:#fff; font-weight:normal; background:#f15a24; text-align:center;font-weight:normal;}
#content table td{background:#fff; padding:0 15px 10px 15px;}
/*以下為表格內說明文字列數高度，*/
#content table td img{width:200px;}
#content table td .one_row{ height:28px;width:200px;}
#content table td .two_row{ height:48px;width:200px;}
#content table td .three_row{ height:68px;width:200px;}
#content table td .four_row{ height:88px;width:200px;}
#content table td .five_row{ height:108px;width:200px;}
#content table td .six_row{ height:128px;width:200px;}
*+html #content table td .one_row{ height:38px;width:200px;}
*+html #content table td .two_row{ height:60px;width:200px;}
*+html #content table td .three_row{ height:82px;width:200px;}
*+html #content table td .four_row{ height:104px;width:200px;}
*+html #content table td .five_row{ height:126px;width:200px;}

/* left menu */
#left_menu{float:left; width:136px;font-size:16px; font-weight:bold; position: fixed; z-index:100; margin:46px 0 0 36px; }
*+html #left_menu { position: relative; } /* IE7 */
#left_menu ul { list-style: none;}
#left_menu ul li{ height:28px; margin-bottom:6px;background:url(images/left_menu_bg.png) left -100px no-repeat;}
#left_menu ul li a{ color:#555;}
#left_menu ul li:hover{background:url(images/left_menu_bg.png) left -50px no-repeat;}
#left_menu ul li.sel{ background:url(images/left_menu_bg.png) left 0px no-repeat;color:#222;}


/* top menu */
#top_menu{ height:35px; width:520px; float:right; margin:45px 60px 0 0;background:url(images/menu.png) 0 -3px no-repeat; position:relative; z-index:1000;}
#top_menu ul, #top_menu li, #top_menu span, #top_menu a { margin: 0; padding: 0; position: relative;}
#top_menu:after, #top_menu ul:after { content: ''; display: block; clear: both;}
#top_menu a { display: inline-block; }
#top_menu ul li a img{visibility: hidden;}
#top_menu ul li:hover a img{visibility: visible;}
#top_menu ul { list-style: none;}
#top_menu > ul > li { float: left;}
#top_menu > ul > li a {}
#top_menu > ul > li a:hover { }
#top_menu > ul > li:first-child a {}
#top_menu > ul > li:last-child a {}
#top_menu .has-sub {}
#top_menu .has-sub:hover ul { display: block;}
#top_menu .has-sub ul {
  display: none; position: absolute; top: 35px; left: 12px; width: 88px; text-align: center;  }
#top_menu .has-sub ul li { text-align: center; background: url(images/trans_bg.png);}
#top_menu .has-sub ul li a { border-top: 0 none; border-left: 1px solid #aaa; border-bottom: 1px solid #ccc; display: block; line-height: 110%; padding: 6px 4px; text-align: center; color:#000; font-size:14px;}
#top_menu .has-sub ul li:hover {background:#e27c00;}
#top_menu .has-sub ul li a:hover {color:#fff; }