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

body{font:100% Arial, "微軟正黑體"; background:#fff url(../images/bg.jpg) repeat left top; color:#000; margin:0; padding:0;}
.main{width:960px; height:650px; margin:0 auto;}


a{color:#000; text-decoration:none;}
a:hover{text-decoration:underline;}
input, select, textarea{font-family:Arial, "微軟正黑體";}


.bg_header{float:left; width:100%; height:160px;}
.bg_article{float:left; width:100%; margin-top:2px;}
.bg_footer{float:left; width:100%; height:22px;}


#header{float:left;width:960px; height:160px;  margin:0 auto;background:url(../images/bg_header.png) no-repeat left top;}
#article{width:960px; margin:0 auto;}
#footer{width:960px; font-size:0.75em; text-align:left; color:#3E3A39; line-height:18px; margin:0 auto;}

/* top */
#header .logo{ float:left;width:300px; height:160px; background:url(../images/menu_a.png) no-repeat left top;  text-indent:-9999px;}
#header .logo a{display:block; width:100%; height:160px;}
#header .btn_s_function{float:right; width:125px; height:33px; text-align:left; color:#fff; margin-top:35px;}
#header .btn_s_function ol{float:right; width:125px; height:33px; list-style:none;}
#header .btn_s_function ol li{float:left;width:33px; height:33px; text-indent:-9999px;}
#header .btn_s_function ol li a{display:block; width:100%; height:33px;}
#header .btn_s_function ol .b_01 a{ background:url(../images/menu_a.png) no-repeat -835px -35px;}
#header .btn_s_function ol .b_02 a{ background:url(../images/menu_a.png) no-repeat -868px -35px;}
#header .btn_s_function ol .b_03 a{ background:url(../images/menu_a.png) no-repeat -901px -35px;}
#header .btn_s_function ol .b_04{width:26px;}
#header .btn_s_function ol .b_04 a{width:26px; background:url(../images/menu_a.png) no-repeat -934px -35px;}
#header .btn_s_function ol .b_01 a:hover{ background:url(../images/menu_hover.png) no-repeat -835px -35px;}
#header .btn_s_function ol .b_02 a:hover{ background:url(../images/menu_hover.png) no-repeat -868px -35px;}
#header .btn_s_function ol .b_03 a:hover{ background:url(../images/menu_hover.png) no-repeat -901px -35px;}
#header .btn_s_function ol .b_04 a:hover{ background:url(../images/menu_hover.png) no-repeat -934px -35px;}

/*目錄*/
#nav{float:right;width:644px; height:40px; margin-top:14px;}
#nav ol{float:left;width:100%; height:40px;}
#nav ol li{display:block; float:left; height:40px;}
#nav ol li a{display:block; height:40px; text-indent:-9999px;}
#nav ol .btn_01, #nav ol .btn_01 a{width:113px;}
#nav ol .btn_02, #nav ol .btn_02 a{width:102px;}
#nav ol .btn_03, #nav ol .btn_03 a{width:105px;}
#nav ol .btn_04, #nav ol .btn_04 a{width:136px;}
#nav ol .btn_05, #nav ol .btn_05 a{width:90px;}
#nav ol .btn_06, #nav ol .btn_06 a{width:98px;}
#nav ol .btn_01 a{background:url(../images/menu_a.png) no-repeat -316px -82px;}
#nav ol .btn_02 a{background:url(../images/menu_a.png) no-repeat -429px -82px;}
#nav ol .btn_03 a{background:url(../images/menu_a.png) no-repeat -531px -82px;}
#nav ol .btn_04 a{background:url(../images/menu_a.png) no-repeat -636px -82px;}
#nav ol .btn_05 a{background:url(../images/menu_a.png) no-repeat -772px -82px;}
#nav ol .btn_06 a{background:url(../images/menu_a.png) no-repeat -862px -82px;}
#nav ol .btn_01 a:hover, #nav ol .btn_01 a.now{background:url(../images/menu_hover.png) no-repeat -316px -82px;}
#nav ol .btn_02 a:hover, #nav ol .btn_02 a.now{background:url(../images/menu_hover.png) no-repeat -429px -82px;}
#nav ol .btn_03 a:hover, #nav ol .btn_03 a.now{background:url(../images/menu_hover.png) no-repeat -531px -82px;}
#nav ol .btn_04 a:hover, #nav ol .btn_04 a.now{background:url(../images/menu_hover.png) no-repeat -636px -82px;}
#nav ol .btn_05 a:hover, #nav ol .btn_05 a.now{background:url(../images/menu_hover.png) no-repeat -772px -82px;}
#nav ol .btn_06 a:hover, #nav ol .btn_06 a.now{background:url(../images/menu_hover.png) no-repeat -862px -82px;}



/* 首頁*/
#banner{float:left; width:100%; margin-bottom:10px;}
#keyword{float:left; width:100%;}
#keyword .key {display:none;}


/*內容*/
#section{float:left; width:100%; padding:15px 0;}
#section .about{float:left;}
#section .about p{font-size:1em; line-height:20px; margin:3px 0;}
#section .about p strong{font-size:1em;color:#E60012; font-weight:bold;}



/* 最新消息 */
#section .news{float:left; width:102%;overflow:hidden; margin:0 auto;}
#section .news h1{float:left; width:100%; margin:0; padding:0;}
#section .news .news_list{display: inline-block;width:232px; height:250px; background:#fff; margin-top:17px;padding:0; color:#595757;overflow:hidden;}
#section .news .news_list img{float:left;width:232px;}
#section .news .news_list a{color:#595757;}
#section .news .news_list .news_list_word{float:left; width:90%; font-size:1em; font-weight:bold; margin:5px 5%;}
#section .news .news_list .news_list_date{float:left; width:90%; font-size:0.75em;margin:0px 5% 15px 5%;}


/* 表格 */
#section .table_reward{float:left;width:762px; margin:6px 0;}
#section .table_reward .table_top{float:left;width:765px; height:10px; background:url(../images/reward_top.png) no-repeat left top;}
#section .table_reward .table_middle{float:left;width:762px; background-color:#fff; text-align:center; }
#section .table_reward .table_middle table{float:left; width:728px; margin:5px 17px; font-size:0.8125em; border:#3E3A39 1px solid; border-right:none; border-bottom:none;}
#section .table_reward .table_middle td{border:#3E3A39 1px solid; border-left:none; border-top:none; padding:5px;}
#section .table_reward .table_middle th{ width:25%;border:#3E3A39 1px solid; border-left:none; border-top:none; padding:5px; font-weight:normal;}
#section .table_reward .table_bottom{float:left;width:762px; height:10px; background:url(../images/reward_bottom.png) no-repeat left top;}



/*左目錄*/
#aside{float:left; width:195px;}
#aside ul{float:left; width:100%;}
#aside ul li{float:left; width:100%; font-size:0.9em;background:url(../images/arrow_01.png) no-repeat left top; margin:5px 0;}
#aside ul li a{display:block; width:90%; padding-left:17px;}
#aside ul li a:hover, #aside ul li a.now{ color:#E60412; text-decoration:none; font-weight:bold;}
#aside ul li ol{float:left; width:100%;}
#aside ul li ol li{float:left; width:100%; font-size:1em;background: none; margin:5px 0; line-height:18px;}
#aside ul li ol li a{display:block; width:90%; padding-left:17px;}



/*內容設定*/
#page{float:left; width:765px;}
#page .head{float:left; width:100%; font-size:1.25em; font-weight:bold; border-bottom:#3E3A39 1px solid; padding-bottom:5px;}
#page .page_info{float:left; width:100%;padding:15px 0;}
#page .page_info p{float:left; width:100%;margin:8px 0; line-height:20px;}
#page .page_info p strong{font-size:1.125em;color:#E60012; font-weight:bold;}
#page .page_info ul{float:left; width:100%;font-size:1em;list-style:decimal none outside; line-height:25px; margin:8px 0 8px 20px;}


#page .list_down{float:left; width:100%; border-bottom:#727171 1px dotted; margin:5px 0;}
#page .list_down span{display:block;float:left;padding:5px 0;}
#page .list_down .city{width:100px; padding:15px 0;}
#page .list_down .select_city{width:600px; padding:15px 0;}
#page .list_down .select_city select{width:84px; height:19px; background:url(../images/download_select.png) no-repeat left top; color:#727171; border:none; text-align:center;}

#page .list_down .btn_down{width:36px; text-align:center;}
#page .list_down .btn_down a{display:block; width:36px; height:36px; background:url(../images/btn_download_a.png) no-repeat left top; text-indent:-9999px;}
#page .list_down .btn_down a:hover{background:url(../images/btn_download_hover.png) no-repeat left top;}


#page .news_detail{float:left; width:100%; background-color:#fff; color:#595757;}
#page .news_detail .pic{float:left; width:720px; margin:20px 3%;}
#page .news_detail .title{float:left; width:94%; margin:0 3%; color:#000000;}
#page .news_detail .news_date{float:left; width:94%; margin:10px 3% 0 3%; font-size:0.75em; padding-bottom:15px; border-bottom:#838181 1px solid;}
#page .news_detail .news_intro{float:left; width:94%; margin:10px 3%; font-size:0.875em; padding-bottom:15px; line-height:20px;}
#page .news_detail .news_intro p{margin:15px 0;}
#page .news_fb{float:left; width:94%; height:43px; background: url(../images/news_detail_bottom.png) no-repeat left top; padding:0 3%;}




/*表單*/
#section .form_style{float:left; width:100%; padding:0 ; color:#000000; margin-bottom:10px; border-bottom:#3E3A39 1px solid;}
#section .form_style ul{float:left; width:100%; font-size:0.875em; list-style:none; margin:0;}
#section .form_style ul li{float:left; width:100%; padding:5px 0; border-bottom:#727171 1px dotted;}
#section .form_style ul li label{float:left; width:35%; margin:5px 0;}
#section .form_style ul li span{display:block;float:left; width:65%; margin:2px 0;}
#section .form_style ul li span input, #section .form_style ul li span img{ margin: 0; padding:0; vertical-align:middle;}
#section .form_style ul li span input.text1{width:209px; height:20px;font-size:1.05em;  background:url(../images/contact_text1.png) no-repeat left top; margin:4px 0; padding:2px 5px; border:none;}
#section .form_style ul li span input.text2{width:111px; height:22px;font-size:1.05em;  background:url(../images/contact_text2.png) no-repeat left top; margin:4px 0; padding:2px 5px; border:none;}
#section .form_style ul li span textarea{width:482px; height:104px;font-size:1.05em;  background:url(../images/contact_textarea.png) no-repeat left top;  margin:4px 0; padding:5px; border:none;}
#section .form_style ul li span select{width:84px; height:19px;font-size:1.05em;  background:url(../images/download_select.png) no-repeat left top; color:#727171; border:none; text-align:center;}
#section .form_style ul li label em{color:#ff0000; font-style:normal;}

#btn{float:left; width:100%; margin:20px 0;}
#btn .more{width:108px; height:29px; margin:0 auto;}
#btn .more a{display:block;width:108px; height:29px; background:url(../images/btn_more.jpg) no-repeat left top; text-indent:-9999px;}
#btn .back{width:108px; height:29px; margin:0 auto;}
#btn .back a{display:block;width:108px; height:29px; background:url(../images/btn_back.jpg) no-repeat left top; text-indent:-9999px;}
#btn .news_back{width:83px; height:29px; margin:0 auto;}
#btn .news_back a{display:block;width:83px; height:29px; background:url(../images/btn_back_a.png) no-repeat left top; text-indent:-9999px;}
#btn .news_back a:hover{background:url(../images/btn_back_hover.png) no-repeat left top;}
#btn .top{ float:right;width:21px; height:32px; margin-top:-32px;}
#btn .top a{display:block;width:21px; height:32px; background:url(../images/btn_top.jpg) no-repeat left top; text-indent:-9999px;}
#btn .send{width:82px; height:29px; margin:0 auto;}
#btn .send input{display:block;width:82px; height:29px; background:url(../images/btn_send1.jpg) no-repeat left top; text-indent:-9999px; border:none;}
#btn .seemore{width:160px; height:55px; margin:0 auto;}
#btn .seemore a{display:block;width:160px; height:55px; background:url(../images/btn_seemore.png) no-repeat left top; text-indent:-9999px;}





#footer a{color:#3E3A39;}
#footer .secondmenu{float:left; width:100%; font-size:1.05em; text-align:right; border-bottom:#3E3A39 1px solid; padding:10px 0; margin-bottom:10px;}
#footer .logo{float:left; width:161px; height:40px; font-size:0.875em;}
#footer .logo a{display:block; width:100%; height:40px; background:url(../images/logo_footer.png) no-repeat left top; text-indent:-9999px;}
#footer .contact_date{float:right; width:614px; border-bottom:#e40012 6px solid; padding-bottom:5px;}
#footer .contact_date .information{float:left; width:100%; margin-bottom:5px;}
#footer .contact_date .information img{ vertical-align:middle;}
#footer .contact_date .links{float:left; width:100%;}