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

body { background-image:url(../images/bg1.jpg); background-repeat:repeat-x; margin:0px; padding:0px;}

input,textarea{border: 1px solid #cccccc;color: #666666;background-color: #FFFFFF;}


div.box{ display:block; width:1006px; background-image:url(../images/bg2.jpg); background-repeat:no-repeat; margin:0px auto;}

div.topbox{ display:block; width:947px; height:465px; background-image:url(../images/layout02_02.jpg); background-repeat:no-repeat; margin:0px auto; overflow:hidden;}
div.menubox{ display:block; width: 947px; height:100px; overflow:hidden;}
div.logobox{ display:block; width:181px; padding:15px 0px 0px 0px; float:left;}
div.menubox_r{ display:block; float:right;}
div.menubox_little{ display:block; text-align:right;}
div.menubox_menu{ display:block; text-align:right; padding:13px 0px 0px 0px;}
div.aboutbox{ display:block; width:523px; float:right;}
div.aboutbox_tital{ display:block; width:513px; height:33px; background-image:url(../images/layout03_22.jpg); background-repeat:no-repeat; font-size:12px; color: #b7b7b7; text-align:right; padding:15px 10px 0px 0px;}
div.aboutbox_text{ display:block; width:523px; height:164px; background-image:url(../images/layout03_23.jpg); background-repeat:no-repeat; overflow:hidden;}
div.aboutbox_text_t{ display:block; width:281px; height:163px; float:right; font-size:12px; line-height:20px; color: #555; padding:0px 5px 0px 0px}
div.centerbox{ display:block; width:947px; margin:0px auto; overflow:hidden;}

div.flashbox{ display:block; width:947px; height:153px; text-align:right;}
div.flashbox_flash{ display:block; width:360px; height:131px; float:right; position:relative; top: 10px; right:230px;}
div.flashbox_flash02{ display:block; width:360px; height:131px; float:right; position:relative; top: 10px; right:200px;}

div.leftbox{ display: block; width:172px; float:left;}
div.leftbox_tital{ display:block; width:172px; height:45px;}
div.leftbox_bg{ display:block; width:151px; height:306px; background-image:url(../images/layout02_10.jpg); background-repeat:no-repeat; padding:10px 0px 0px 0px; text-align:center;}

div.rightbox{ display:block; width:775px; float:right; overflow:hidden;}
div.rightbox_up{ display:block; width:775px; overflow:hidden;}
div.rightbox_up_l{ display:block; width:374px; float:left;}
div.rightbox_up_r{ display:block; width:374px; float: right;}
div.rightbox_up_tital{ display:block; width:374px; height:34px;}
div.rightbox_up_text{ display:block; width:374px; height:113px; border-bottom: dotted 1px #CCC; overflow:hidden; margin:10px 0px 0px 0px;}
div.rightbox_up_text_l{ display:block; width:115px; height:104px; float:left;}
div.rightbox_up_text_r{ display:block; width:259px; float:right;}
div.rightbox_up_text_r_tital{ display:block; font-size:15px; color: #6698dc; font-weight:bold; padding:5px 0px 7px 5px; width:254px; height: 15px; overflow:hidden;}
div.rightbox_up_text_r_tital a{ color: #6698dc; text-decoration:none;}
div.rightbox_up_text_r_tital a:hover{ color: #96b9e9; text-decoration:none;}
div.rightbox_up_text_r_text{ display:block; font-size:13px; color: #555; line-height:20px; width:253px; height: 72px; padding:5px 0px 0px 6px; overflow:hidden;}

div.rightbox_up_list{ display:block; width:374px; height:20px; border-bottom: dotted 1px #CCC; overflow:hidden; padding:0px 0px 2px 0px;}
div.rightbox_up_list_l{ display:block; width:300px; font-size:12px; color: #6698dc; padding:5px 0px 0px 0px; float:left;}
div.rightbox_up_list_l a{ color: #6698dc; text-decoration:none;}
div.rightbox_up_list_l a:hover{ color: #96b9e9; text-decoration:none;}
div.rightbox_up_list_r{ display:block; width:74px; font-size:12px; color: #999; text-align:center; padding: 5px 0px 0px 0px; float:right;}

div.rightbox_down{ display:block; width:775px; overflow:hidden; padding:30px 0px 0px 0px;}
div.rightbox_down_l{ display:block; width:623px; height:109px; float:left;}
div.rightbox_down_r{ display:block; width:136px; float:right;}

/*-內頁區-*/

div.storybox_top{ display:block; width: 962px; height:291px; background-image:url(../images/story_02.jpg); background-repeat:no-repeat; margin:0px auto;}
div.storybox_menu{ display:block; width:962px; height:98px; overflow:hidden;}
div.storybox_logo{ display:block; width:180px; height:85px; padding:13px 0px 0px 0px; float:left;}
div.storybox_menu_menu{ display:block; float:right;}
div.storybox_little{ display:block; text-align:right; }
div.storybox_menu02{ display:block; padding:14px 0px 0px 0px;}
div.storybox{ display:block; width:962px; margin:0px auto;}
div.storybox_left{ display:block; width:165px; float:left; padding:0px 0px 0px 9px;}
div.storybox_left_tital{ display:block; width:165px; height:47px;}
div.storybox_left_bg{ display:block; width:165px; height:319px; text-align:center; background-image:url(../images/story_08.jpg); background-repeat:no-repeat; padding:5px 0px 0px 0px;}
div.storybox_left_info{ display:block; width:165px; text-align:center;}
div.storybox_right{ display:block; width:755px; float:right; padding:0px 0px 40px 0px;}
div.storybox_right_tital{ display:block; width:715px; height:32px; background-image:url(../images/story_07.jpg); background-repeat:no-repeat; padding:15px 40px 0px 0px; text-align:right; font-size:12px; color: #b7b7b7;}
div.storybox_right_tital a{ color: #b7b7b7; text-decoration:none;}
div.storybox_right_tital a:hover{ color: #ff9b05; text-decoration:none;}
div.storybox_right_text{ display:block; width:710px; overflow:hidden; padding:10px 45px 0px 0px;}
div.storybox_right_text_img{ display:block; width:139px; float:left;}
div.storybox_list{ display:block; float:right; width:560px; border-top: 3px solid #6fb7dc;}
div.storybox_list_tital{ display:block; height:25px; width:560px; border-bottom: 1px solid #cecece; padding: 5px 0px 0px 0px; overflow:hidden;}
div.storybox_list_tital_name{ display:block; width:450px; height:20px; font-size:15px; color: #4990b5; font-weight:bold; text-align:center; border-right: solid 1px #6fb7dc; float:left;}
div.storybox_list_tital_date{ display:block; width:109px; height:20px;font-size:15px; color: #4990b5; font-weight:bold; text-align:center; float:right;}
div.storybox_list_text{ display:block; height:20px; width:560px; border-bottom: 1px dotted #c0bfbf; padding: 7px 0px 0px 0px; overflow:hidden; margin:0px 0px 3px 0px;}
div.storybox_list_text_n{ display:block; width:450px; height:20px; font-size:13px; color: #396f8b;  border-right: solid 1px #ececec; float:left;}
div.storybox_list_text_d{ display:block; width:109px; height:20px;font-size:13px; color: #555;  text-align:center; float:right;}
div.storybox_list_text_n a{ color: #396f8b; text-decoration:none;}
div.storybox_list_text_n a:hover{ color: #fb9147; text-decoration:none;}

div.storybox_list02{ display:block; float:right; width:560px;}
div.storybox_text_tital{ display:block; width:557px; height:20px; font-size:15px; color: #4990b5; font-weight:bold; border-bottom: dotted 1px #ccc;  padding:5px 0px 5px 3px;}
div.storybox_text_text{ display:block; width:550px; font-size:13px; line-height:21px; color:#555; padding:5px;}
div.storybox_text_text p{ margin:6px 0px;}
div.storybox_page{ display:block; width:560px; text-align:center; font-size:12px; color:#3b748d; padding:10px 0px 0px 0px; border-top:dotted 1px #CCC;}
div.storybox_page a{ color:#3b748d; text-decoration:none; margin:0px 3px;}
div.storybox_page a:hover{	color:#5097B6;	text-decoration:none;}

div.aboutbox2{ display:block; width:700px; overflow:hidden; padding:10px 40px 0px 15px;}
div.aboutbox2_left{ display:block; width:421px; float:left;}
div.aboutbox2_tital{ display:block;}
div.aboutbox2_text{ display:block;  font-size:13px; line-height:21px; color: #555; padding:10px 0px 0px 15px;}
div.aboutbox2_img{ display:block; width: 249px; height:225px; float:right;}
div.aboutbox3_tital{ display:block; padding:0px 0px 0px 15px;}
div.aboutbox3_text{ display:block;  font-size:13px; line-height:21px; color: #555; padding:10px 40px 0px 30px;}

div.servicebox{ display:block; width:755px; overflow:hidden; padding:10px 0px 0px 0px;}
div.servicebox_img{ display: block; float:left;}
div.servicebox_text1{ display:block; padding:10px 40px 0px 10px; font-size:13px; color:#555; line-height:21px;}



div.flowbox{ display:block; width:590px; margin:0px auto;}
div.flowbox_list{ display:block; width:590px; overflow:hidden; padding:10px 0px 0px 0px;}
div.flowbox_left{ display:block; width:70px; float:left;}
div.flowbox_right{ display:block; width:500px; float:right; font-size:13px; color: #555; line-height:20px;}
div.flowbox_tital{ display:block; width:500px; border-bottom:1px dotted #CCC; margin:0px 0px 3px 0px;}

div.contactbox{ display:block; width:650px; margin:0px auto; font-size:13px; color: #3b748d; background-image:url(../images/contact_03.jpg); background-position:right bottom; background-repeat:no-repeat;}

div.sitemapbox{ display:block; width:620px; margin: 0px auto;}
div.sitemapbox_list{ display:block; font-size:13px; color: #3b748d; font-weight:bold; border-bottom:dotted 1px #CCC; padding:10px 0px 3px 0px;}
div.sitemapbox_list a{ color: #3b748d; text-decoration:none;}
div.sitemapbox_list a:hover{ color: #ff9d0b; text-decoration:none;}

div.sitemapbox_list1{ display:block; font-size:13px; color: #3b748d; font-weight:bold;padding:10px 0px 3px 0px;}
div.sitemapbox_list1 a{ color: #3b748d; text-decoration:none;}
div.sitemapbox_list1 a:hover{ color: #ff9d0b; text-decoration:none;}

div.sitemapbox_list2{ display:block; font-size:12px; color: #555; border-bottom:dotted 1px #CCC; padding:10px 0px 3px 20px;}
div.sitemapbox_list2 a{ color: #555; text-decoration:none;}
div.sitemapbox_list2 a:hover{ color: #ff9d0b; text-decoration:none;}

div.fooderbox{ display:block; width:1006px; height: 60px; background-image:url(../images/layout02_27.jpg); background-repeat:no-repeat; margin:20px 0px 0px 0px; clear:both;}
div.fooderbox_text01{ display:block; width:1006px; height:24px; text-align:center; font-size:12px; color: #FFF; padding:6px 0px 0px 0px;}
div.fooderbox_text01 a{ color:#FFF; margin:0px 3px; text-decoration:none;}
div.fooderbox_text01 a:hover{ color: #FFF; text-decoration:underline;}
div.fooderbox_text02{ display:block; width:1006px; height:24px; text-align:center; font-size:12px; color: #686868; padding:6px 0px 0px 0px;}
.style01{ color: #ff9d0b;}
.style01 a{ color: #ff9d0b; text-decoration:none;}
.style01 a:hover{ color: #ff9d0b; text-decoration: underline;}
.style02{ color: #3b748d; font-weight:bold;}
.style03{ color: #5a90a7; font-size:12px; line-height:19px;}
.style04{ color: #3b748d; font-weight:bold; font-size:15px;}
.style05{ color: #5a90a7; font-size:13px; line-height:19px;}
.style06{ color: #9a4040; font-weight:bold;}