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

*{ margin:0; padding:0;}
ul , li{ padding:0; margin:0;}
a{ text-decoration:none; color:#666;}
ul,li {margin:0px;}
.clear{ clear:both;}
a:focus { outline:0 }
a img{ border:none;}

.h1{ font-size:14px; color:#4F2E14; line-height:20px; font-weight:bold;}
.h1img{ line-height:18px; vertical-align: sub; padding-left:3px;}



.h2{ font-size:10px; color:#7F7F81; line-height:20px;}
.h3{font-size:18px; color:#7F212C; font-style:italic; font-weight:bold;line-height:32px; font-family:Verdana, Geneva, sans-serif;}
.h4{font-size:30px; color:#7F212C; font-style:italic; font-weight:bold; line-height:35px; font-family:Verdana, Geneva, sans-serif;}
.h5{ font-size:13px; color:#7F7F81; line-height:30px;}
.h6{ font-size:13px; color: #900; }

.button{ font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff; background: url(images/button_bg.jpg) no-repeat; width:86px; height:20px; padding:0; margin:0; border:none; CURSOR: pointer; }

.button2{ font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff; background: url(images/button_bg2.jpg) no-repeat; width:86px; height:20px; padding:0; margin:0; border:none; CURSOR: pointer; }




/* ==================== body ====================   */


body{font-size:13px;color:#000;padding:0; margin:0; height:100%; font-family: "微軟正黑體",Verdana, Arial, Helvetica, sans-serif; overflow:scroll; line-height:140%; background:#7F212C;  }


/* ==================== index ====================   */


#index_wrapper{ margin:0 auto; min-height:772px;}

#index_red{ background: url(images/bg_top2.jpg) repeat-x; height:9px;  margin:0 auto;}

#index_main_wrapper{ margin:0 auto; background:#7A5D39;height:754px;}
#index_main{ margin:0 auto; background:#7A5D39; width:1024px; height:754px;}
#index_main_left{ width:315px; height:754px; float:left;}
#index_main_min{ width:394px; height:754px; float:left;}
#index_main_right{ width:315px; height:754px; float:left;}

#index_main_logo{ width:394px; height:355px; float:left;}
#index_main_visual{ width:394px; height:197px; float:left; background:url(images/index_visual01.jpg) no-repeat;}
#index_main_bottom{ width:394px; height:202px; float:left; background:url(images/index_img03.jpg) no-repeat; padding-top:84px; text-align:center;}

/* 焦点滑动 */
.slideshow {  width:394px; height:144px;float:left;}


/* 首頁 */

#indexB_wrapper{ margin:0 auto; background: url(images/indexB_bannerBg2.jpg) repeat-x; height:447px; text-align:center;}

#indexB_banner{ width:1024px; height:447px; margin:0 auto;}

#marquee_wrapper{ margin:0 auto; background:#FFF; height:96px; text-align:center;}

#marquee{ width:984px; height:91px; text-align:center; padding-top:5px; padding-left:20px; padding-right:20px;margin:0 auto; background:#FFF;}





/* 內頁 */

#haeder_wrapper{ margin:0 auto; background: url(images/bg_top.jpg) repeat-x top; height:177px;}

#header{ width:1024px; height:145px;margin:0 auto;}





#wrapper{ margin:0 auto; background: url(images/bg_top.jpg) repeat-x top;min-height:850px;}









/* ==================== menu==================== */
#menu-wrap{ width:700px; height:32px;margin:0 auto; padding-left:162px; padding-right:162px; background:#7F212C; z-index: 20; }



	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}


	/* Menu Body */
	 #menu {
		width:700px;float:left;
		height:32px;
		list-style:none;
		margin:0;
		padding:0;
	}
#menu ul { margin: 0px; padding: 0px; list-style-type: none;  font-weight:bold; text-align:center; }
	
	/* Float LI Elements - horizontal display */
	 #menu li {
		float:left;z-index: 20; display: inline;margin: 0px; padding: 0px;z-index: 20;display: inline;
	}
	
	/* Link - common attributes */
	 #menu li a {
		background:url(images/sprite.png) no-repeat scroll top left;
		display:block;
		height:32px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	 #menu li a.news {
		width:140px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	 #menu li a.aboutus {
		width:140px;
		background-position:-140px 0px;
	}
	
	
	
	
	 #menu li a.menulist {
		width:140px;
		background-position:-280px 0px;
	}
		 #menu li a.traffic {
		width:140px;
		background-position:-420px 0px;
	}
	 #menu li a.contactus {
		width:140px;
		background-position:-560px 0px;
	}

	/* Span (on hover) - common attributes */
	 #menu li a span {
		background:url(images/sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	 #menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	 #menu li a.news span {
		background-position:0px -32px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	 #menu li a.aboutus span {
		background-position:-140px -32px;
	}
     #menu li a.menulist span {
		background-position:-280px -32px;
	}
	 #menu li a.traffic span {
		background-position:-420px -32px;
	}
	 #menu li a.contactus span {
		background-position:-560px -32px;
	}




#menu ul ul { position:relative; left: 0px; top: 0px; display: none; z-index:30px; }
#menu ul ul li { clear: both;width:140px; height: 32px; text-align:center; }
#menu ul ul li a { display: block; text-align: left; text-align:center; height: 32px; line-height: 30px; background:url(images/menu_sub_bg.png) repeat scroll 0% 0%  transparent; color:#fff; 	}
#menu ul ul li:hover { background: url(images/menu_sub_bg_f2.png) repeat scroll 0% 0% transparent; font-size: 13px;color: #06F;  }

#menu ul.level1 li a.aboutus:hover ul.level2 { display: block; font-size: 13px;  }

#menu ul.level1 li a.menulist:hover ul.level2 { display: block; font-size: 13px;  }


#menu ul.level1 li:hover ul.level2 { display: block; font-size: 13px;  }



#menu ul.level2 ul { position: absolute; left: 140px; top: 0px; z-index: 10; font-size: 13px; }
#menu ul.level2 li:hover ul.level3 { display: block; }




/* ==================== banner==================== */
#banner_wrapper{ margin:0 auto; background:#7C5F41; height:223px; text-align:center;}

#banner{ width:1024px; height:223px; margin:0 auto;}


/* ==================== banner==================== */
.menu_nav{ width:575px; text-align:right; float:right; height:24px; font-size:14px; color: #767676; text-decoration:none; font-weight:bold;}
.menu_nav a{ font-size:14px; color: #767676; text-decoration:none; font-weight:bold;}
.menu_nav a:hover{ font-size:14px; color:#7F212C; text-decoration: none;font-weight:bold;}
.menu_nav2{ font-size:14px; color:#7F212C; text-decoration: none;font-weight:bold;}
.menu_nav2 a{ font-size:14px; color:#7F212C; text-decoration: none;font-weight:bold;}
.menu_nav2 a:hover{ font-size:14px; color:#7F212C; text-decoration: none;font-weight:bold;}

.menu_nav span, .menu_nav span a{ font-size:14px; color: #666; text-decoration:none; font-weight:bold;}
.menu_nav span a:hover{ font-size:14px; color:#7F212C; text-decoration: none;font-weight:bold;}
.menu_nav2 span,.menu_nav2 span a{ font-size:14px; color:#7F212C; text-decoration: none;font-weight:bold;}
.menu_nav2 span a:hover{ font-size:14px; color:#7F212C; text-decoration: none;font-weight:bold;}


.page_title{width:145px; height:24px; float:left;}


/* ==================== main==================== */

#main_wrapper{ min-height:450px; margin:0 auto; padding-top:40px;background-color:#ffffff; }
#main{ width:694px; margin:0 auto; border-left:#cacaca 1px solid;border-right:#cacaca 1px solid; height:auto; color:#000; font-size:13px; line-height:20px; padding-bottom:70px; padding-left:29px; padding-right:29px;}

#main2{ width:722px; margin:0 auto; border-left:#cacaca 1px solid;border-right:#cacaca 1px solid; height:auto; color:#000; font-size:13px; line-height:20px; padding-bottom:70px; padding-left:15px; padding-right:15px;}
.table01{ text-align:center; font-size:12px;color:#000; line-height:16px; font:Arial, Verdana,; } 
.table01 .img{ width:160px; height:160px; padding:4px; border:#cacaca 1px solid; margin-top:10px; margin-bottom:10px; } 

#main_left{ width:267px; float:left; height:436px;border-right:#cacaca 1px solid;padding-top:8px; padding-bottom:15px; padding-right:8px;}
#main_right{ width:405px; float:left; height:436px;margin-left:5px;padding-top:8px; padding-bottom:15px; margin-left:12px;}



.tableB td{ padding-top:5px; padding-bottom:5px;}

.tableC { color:#A47B52; font-size:16px; text-align:center;}
.tableC .image{ width:346px; height:275px;}
.line{ background:url(images/line2.png) center top repeat-y;}
.tableC .text{ color:#A47B52; font-size:16px; line-height:30px; text-align:center;}


#footer_wrapper{height:68px; text-align:center; background-color:#FFF;background:url(images/bg_bottom.jpg) repeat-x bottom;margin:0 auto;}


#footer{ width:1024px; height:50px; padding-top:18px;color:#7F7F81; font-style:11px; text-align:center;margin:0 auto;}





/* 最新消息TOGGLE & TOGGLE DEFAULT OPEN ********************************************/
#news_wrapper{ width:694px; float:left; margin:0px;}
.toggle-list{ text-align:left;}
.toggle-list li{ color:#4E9100;}
ul.toggle-list .trigger {
	padding: 0 0 0 16px;
	margin: 0;
	background: url(images/news_icon01.jpg) no-repeat right;
	}
ul.toggle-list .trigger-sample{
	padding: 0; color:#000; font-size:16px;
	margin: 0;
	}
ul.toggle-list .active {background: url(images/news_icon02.jpg) no-repeat right;}
ul.toggle-list .active-sample {background: url(images/news_icon01.jpg) no-repeat right;}
ul.toggle-list p{ padding-left: 15px; margin-bottom: 5px; }

.trigger-sample a, .trigger a{ color:#4D4D4D; text-decoration:none; font-size:12pt; cursor:pointer; display:block}
.toggle_container{ color:#808080; }
.toggle-list li{border-bottom:1px dashed #ccc; padding:10px 0;}

.pages{ font-size:90%;}
.pages a{ padding:0 2px;}
.pages, .pages a, .pages a:active, .pages a:visited{ color:#808080; text-decoration:none;}
.pages a:hover{ text-decoration:underline;}
.curPage{ font-weight:bold; color:#228500; text-decoration:underline;}


.treat , .qa{ text-align:left;  color:#4D4D4D;}
.treat h3{ font-size:1.2em;}
.schedule{ border-left:1px solid #999;}
.firstline{ color:#83A053; background:#F5F9EA; border-right:1px solid #999999; 
text-align:center; float:left; border-top:1px solid #999; font-size:90%; width:75px; height:50px; padding-top:10px;}
.dr_name{ text-align:center; float:left; border-right:1px solid #999; border-top:1px solid #999; font-size:90%; width:75px; height:60px; padding-top:15px; line-height:45px;}
.dr_name a , .dr_name a:active , .dr_name a:visited{color:#659632; text-decoration:underline;}
.dr_name a:hover{ text-decoration:none;}

.time_intro{ background:#F5F9EA;  text-align:center; float:left; border-right:1px solid #999; border-top:1px solid #999; font-size:90%; width:75px; height:75px;}
.firstline span{ font-size:90%;}
.btm{ border-bottom:1px solid#999;}
.firstline ,.time_intro{color:#83A053;} 

.dr_tro{ width:620px; }
.dr_tro li{ list-style:none; float:left; width:280px; height:190px; padding:10px; margin-right:10px; border-bottom:1px dotted #999;}
.dr_tro p{ padding:3px 0; line-height:170%; }

a.qa_item{ color:#83A053; text-decoration:underline; padding: 0 50px 0 15px; line-height:30px; background:url(images/bullet_qa.gif) no-repeat left; }
a.qa_item:hover{ text-decoration:none;}

.qa_img{ border:1px solid #B3B3B3; width:600px; border-right:5px solid #83A053;}
.qa_img_text{ color:#83A053; width:300px; font-size:95%; padding:30px 40px 0 30px;}
.qa p{ color:#808080;}

.qa_column{ background:#F5F9EA; color:#659632; padding:10px 25px; line-height:25px; list-style-type:none; width:200px;}

.about_menu{ padding-bottom:20px;}
.about_menu li{ list-style-image:url(images/bullet_qa.gif); float:left; width:200px; padding-bottom:10px;}
.about_menu li a , .about_menu li a:active, .about_menu li a:visited{ text-decoration:none; color:#83A053;}
.about_menu li a:hover{ text-decoration:underline;} 
.about_text{ padding:10px 0 0 20px; color:#808080; line-height:25px;}

.about table td{ vertical-align:middle; color:#808080;}

.treat_img{  border:1px solid #B3B3B3; border-top:5px solid #95C430; padding:10px 5px; color:#808080; font-size:90%; text-align:center; width:200px;
 margin-right:15px;}
 
 .treat_img2{  border:1px solid #B3B3B3; border-top:5px solid #95C430; padding:10px 0 20px 10px; color:#808080; font-size:90%; text-align:center; width:450px;}
 .treat_img2 .float_L{ margin-right:10px;}
.about h3{ color:#4D4D4D;}