@charset "utf-8";
/* CSS Document */
body{margin:0px auto; font-family:Arial, Helvetica, sans-serif; font-size:10px; background:#636c76; color:#666;}
img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

#main_bg{background:url(images/bg.jpg) top repeat-x #fcffed;}

/*外框(透明設定)*/
*html #box_top {background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pweb_top.png", sizingMethod="scale");}
*html #box_top_left {background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/m_left.png", sizingMethod="scale");}
*html #box_top_right {background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/m_right.png", sizingMethod="scale");}
*html #box_left {background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pweb_left2.png", sizingMethod="scale");}
*html #box_right {background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pweb_right2.png", sizingMethod="scale");}
*html #box_bottom {background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pweb_footer.png", sizingMethod="scale");}

#box_top{background:url(images/pweb_top.png) top no-repeat; width:998px; height:18px;}
#box_top_left{background:url(images/m_left.png) top left repeat-y; width:27px; height:58px;}
#box_top_right{background:url(images/m_right.png) top right repeat-y; width:27px; height:58px;}
#box_left{background:url(images/pweb_left2.png) top left repeat-y; width:27px;}
#box_right{background:url(images/pweb_right2.png) top right repeat-y; width:27px;}
#box_bottom{background:url(images/pweb_footer.png) top no-repeat; width:998px; height:41px;}


/*上方 導覽列 Home About...*/
#menu1 a{background:url(images/m_home.png) no-repeat; width:120px; height:58px; display:block;}
#menu1 a:hover{background:url(images/m_home2.png) no-repeat; width:120px; height:58px; display:block;}
#menu2 a{background:url(images/m_about.png) no-repeat; width:159px; height:58px; display:block;}
#menu2 a:hover{background:url(images/m_about2.png) no-repeat; width:159px; height:58px; display:block;}
#menu3 a{background:url(images/m_service.png) no-repeat; width:144px; height:58px; display:block;}
#menu3 a:hover{background:url(images/m_service2.png) no-repeat; width:144px; height:58px; display:block;}
#menu4 a{background:url(images/m_product.png) no-repeat; width:147px; height:58px; display:block;}
#menu4 a:hover{background:url(images/m_product2.png) no-repeat; width:147px; height:58px; display:block;}
#menu5 a{background:url(images/m_guideline.png) no-repeat; width:142px; height:58px; display:block;}
#menu5 a:hover{background:url(images/m_guideline2.png) no-repeat; width:142px; height:58px; display:block;}

/*Banner*/
#banner{margin:0; text-align:center;}

/*首頁 下方三欄設定*/
#h_left{float:left; width:280px;}
#h_center{width:360px;}
#h_right{float:right; width:280px;}

/*登入區塊*/
#login{border:none; color:#666;}
#login input{height:14px; line-height:18px; font-family:Arial, Helvetica, sans-serif;}
#login th{text-align:right; padding-right:5px; font-weight:normal;}
#login td{text-align:left; padding:2px 0 2px 0;}
#login td .id{width:140px; line-height:16px; height:23px;}
#login td .pw{width:140px; line-height:16px; height:23px;}
#login td .code{width:83px; line-height:16px; height:23px;}
#login td .login{width:84px; line-height:16px; height:29px;}
#login td.btn{padding-bottom:10px;}
#login td.time{background:#e3e3e3; padding:5px 0 5px 10px;}

/*最新公告區塊*/
#news th{padding-bottom:8px;}
#news td{text-align:left; font-size:13px; line-height:210%; border-bottom:1px dotted #ddd;}
#news .date{color:#aaa; font-weight:bold; font-size:11px; margin-right:4px;}
#news a{color:#666;}
#news a:hover{color:#6b9200; text-decoration:none}
#news a:hover .date{color: #F90;}
a.more{background:url(images/home_news_more.png) top no-repeat; width:33px; height:7px; display:block;}
a:hover.more{background:url(images/home_news_more.png) bottom no-repeat; width:33px; height:7px; display:block;}

/*廣告區塊*/
#h_right img{margin-bottom:3px; margin-top:3px; }

/*版權區塊*/
#footer{font-size:11px; color:#AAA; padding-top:20px;}

/*位置列*/
#path{text-align:right; font-size:12px; color:#777; padding-right:10px; line-height:20px; background:url(images/path_bg.png) top no-repeat;}
#path a{color:#548e01; padding:0 2px 0 2px;}
#path .right{float:left; padding-left:10px;}

/*六大項按鈕*/
#btn{margin-top:15px;}
/*有付費(1)*/
#btn_01 a{background:url(images/btn_01.jpg) bottom no-repeat; width:281px; height:121px; display:block;}
#btn_01 a:hover{background:url(images/btn_01.jpg) bottom no-repeat; width:281px; height:121px; display:block;}

#btn_02 a{background:url(images/btn_02.jpg) bottom no-repeat; width:281px; height:121px; display:block;}
#btn_02 a:hover{background:url(images/btn_02.jpg) bottom no-repeat; width:281px; height:121px; display:block;}

#btn_03 a{background:url(images/btn_03.jpg) bottom no-repeat; width:281px; height:121px; display:block;}
#btn_03 a:hover{background:url(images/btn_03.jpg) bottom no-repeat; width:281px; height:121px; display:block;}

#btn_04 a{background:url(images/btn_04.jpg) bottom no-repeat; width:281px; height:121px; display:block;}
#btn_04 a:hover{background:url(images/btn_04.jpg) bottom no-repeat; width:281px; height:121px; display:block;}

#btn_05 a{background:url(images/btn_05.jpg) bottom no-repeat; width:281px; height:121px; display:block;}
#btn_05 a:hover{background:url(images/btn_05.jpg) bottom no-repeat; width:281px; height:121px; display:block;}

#btn_06 a{background:url(images/btn_06.jpg) bottom no-repeat; width:281px; height:121px; display:block;}
#btn_06 a:hover{background:url(images/btn_06.jpg) bottom no-repeat; width:281px; height:121px; display:block;}
/*沒有付(0)費*/
#btn_011 a{background:url(images/btn_01.jpg) top no-repeat; width:281px; height:121px; display:block;}
#btn_011 a:hover{background:url(images/btn_01.jpg) top no-repeat; width:281px; height:121px; display:block;}

#btn_022 a{background:url(images/btn_02.jpg) top no-repeat; width:281px; height:121px; display:block;}
#btn_022 a:hover{background:url(images/btn_02.jpg) top no-repeat; width:281px; height:121px; display:block;}

#btn_033 a{background:url(images/btn_03.jpg) top no-repeat; width:281px; height:121px; display:block;}
#btn_034 a:hover{background:url(images/btn_03.jpg) top no-repeat; width:281px; height:121px; display:block;}

#btn_044 a{background:url(images/btn_04.jpg) top no-repeat; width:281px; height:121px; display:block;}
#btn_045 a:hover{background:url(images/btn_04.jpg) top no-repeat; width:281px; height:121px; display:block;}

#btn_055 a{background:url(images/btn_05.jpg) top no-repeat; width:281px; height:121px; display:block;}
#btn_055 a:hover{background:url(images/btn_05.jpg) top no-repeat; width:281px; height:121px; display:block;}

#btn_066 a{background:url(images/btn_06.jpg) top no-repeat; width:281px; height:121px; display:block;}
#btn_066 a:hover{background:url(images/btn_06.jpg) top no-repeat; width:281px; height:121px; display:block;}

/*內頁 左側文字區塊*/
#left_block{float:left; text-align:justify;}
#left_block .b_left{background:url(images/text_box_l.png) top left no-repeat; width:520px;}
#left_block .b_right{background:url(images/text_box_r.png) top right no-repeat; padding:25px; font-size:13px; line-height:22px;}

/*內頁 右側選項區塊*/
#right_block{float:right; margin-top:15px; margin-right:10px;}
#right_block a.btn_row{background:url(images/btn_row.png) top left no-repeat; width:400px; height:58px; line-height:55px; display:block;}
#right_block a:hover.btn_row {background:url(images/btn_row.png) bottom left no-repeat; width:400px; height:58px; line-height:55px; display:block;}
#right_block a.btn_row{font-size:13px; color:#666; text-align:left; font-style:italic; }
#right_block a:hover.btn_row{font-size:18px; color:#333; font-weight:bold;text-decoration:none}
#right_block a.btn_row span{padding-left:20px;}
#right_block a:hover.btn_row span{padding-left:80px;}

/*內頁 左右切割*/
#left_block2{float:left; width:200px; text-align:left; margin-top:5px; padding:5px;}
#right_block2{float:right; width:720px; text-align:left; margin-top:5px; padding:5px; border-left:1px solid #ddd;}

/*內頁 左側導覽*/
.btn_left{vertical-align: middle; }
.btn_left a{background:url(images/btn_left.png) top left no-repeat; width:200px;color:#666; display:block;}
.btn_left a:hover{background:url(images/btn_left.png) top left no-repeat; width:200px; color:#548e01; display:block;}
.btn_left a div{line-height:18px; padding:8px;}