@charset   "utf-8";

ul,li{margin:0;padding:0;font-weight:normal;}
li{list-style-type:none;margin: 0px;padding: 0px;}
input,form{margin:0;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../image/bg/all_bg.gif);
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

#flash_area{
	width:970px;
	height:451px;
	padding:20px 0 0 0;
}

.bg_1 {
	background-image: url(../image/demo_1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_2 {
	background-image: url(../image/demo_3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_21 {
	background-image: url(../image/demo_21.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_22 {
	background-image: url(../image/demo_23.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_31 {
	background-image: url(../image/demo_31.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_32 {
	background-image: url(../image/demo_33.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_41 {
	background-image: url(../image/demo_41.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_42 {
	background-image: url(../image/demo_43.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_51 {
	background-image: url(../image/demo_51.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_52 {
	background-image: url(../image/demo_53.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_61 {
	background-image: url(../image/demo_61.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_62 {
	background-image: url(../image/demo_63.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_71 {
	background-image: url(../image/demo_71.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_72 {
	background-image: url(../image/demo_73.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_81 {
	background-image: url(../image/demo_81.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_82 {
	background-image: url(../image/demo_83.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.-------------------------------整體架構{}
#all {
	background-image: url(../image/bg/all_bg_top.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	text-align: center;
	float: left;
}
#all_2 {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.-------------------------------index{}
.index {
	background-image: url(../image/bg/all_line.gif);
	float: left;
	width: 970px;
	background-repeat: repeat-y;
	background-position: center top;
}
.index_2 {
	background-image: url(../image/bg/index_top.jpg);
	float: left;
	width: 970px;
	background-repeat: no-repeat;
	background-position: top;
	height: 564px;
}
.index_2main {
	background-image: url(../image/bg/index_top.jpg);
	float: left;
	width: 970px;
	background-repeat: no-repeat;
	background-position: top;

}
#index_3 {
	float: left;
	width: 970px;
}
.index_3-1 {
	float: left;
	padding-left: 38px;
	width: 294px;
}
.index_3-1a {
	float: right;
	padding-top: 35px;
	padding-right: 15px;
}
.index_3-2 {
	float: right;
	padding-right: 20px;
	height: 245px;
	width: 610px;
	z-index:1;
}
#index_4 {

	width: 970px;

}
.more{position:absolute; top:373px; left:285px;font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ccc;}
.more a{ color:#ccc; text-decoration:none;}
.more a:hover{text-decoration:underline;}
.index_4-1 {
	float: left;
	width: 275px;
	font-size: 0.7em;
	padding-top: 45px;
	padding-left: 55px;
	text-align: left;
	padding-right: 15px;
	line-height: 18px;
	padding-bottom: 15px;
	color:#555;
}
.index_4-1 h1{
	color:#444;
	font-weight:bold;
	font-size:12px;
	display: inline;
}
.index_4-2 {
	float: right;
	width: 625px;
}
.index_4-2 ul {
	padding-right: 20px;
	padding-top: 12px;
}
.index_4-2-1 {
	float: left;
	padding-top: 32px;
}
.index_4-2-2 {
	float: right;
	width: 390px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.index_4-2-2a {
	float: right;
	width: 100%;
	text-align: right;
	color: #D87E32;
}
.index_4-2-2a a {color: #D87E32; text-decoration:none;}
.index_4-2-2a a:hover { text-decoration:underline;}
.index_4-2-2b {
	float: left;
	width: 100%;
	text-align: left;
	font-weight: bold;
	color: #000000;
	padding-top: 20px;
}
.index_4-2-2c {
	float: left;
	width: 100%;
	height:16px;
	text-align: left;
	background:url(../image/icon/line.gif) left center repeat-x;
}
.index_4-2-2d {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	padding-top:26px;
}
.index_4-2-2d ul{margin-top:-10px; width:98% !important; _width:96%;}
.index_4-2-2d ul li{color:#777; background:url(../image/icon/icon_2.gif) left 3px no-repeat; padding-left:16px;}
.index_4-2-2d ul li h2{font-size:11px; display:inline;}
.index_4-2-3 {}
.-------------------------------top{}
#top {
	float: left;
	width: 970px;
}
.top_1 {
	float: left;
	width: 970px;
}
.top_1 ul {
	padding-right: 20px;
	padding-top: 2px;
}
.top_1 ul li {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.top_1 a:link {color: #FFFFFF;text-decoration: none;}
.top_1 a:visited {color: #FFFFFF;text-decoration: none;}
.top_1 a:hover {
	color: #66CCFF;
	text-decoration: none;
}

.top_2 {
	float: left;
	width: 970px;
}
.top_3 {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 50px;
	padding-right: 20px;
	width: 612px;
	position:relative;
}
#topbutton {
	background: url(../image/button/button.gif) repeat-x top;
	height: 37px;
	position:absolute;
	left:0;
}
#topbutton li {
	float: left;
	width: 102px;
	_width: 100px;
}
/* #topbutton li a {
	display: block;
	overflow: hidden;
	color: #000000;
	height: 27px;
	padding-top: 10px;
}
#topbutton li a:hover {
	color: #FFFFFF;
} */
#topbutton .a01 a {
	background-image: url(../image/button/button.gif);
	background-repeat: repeat-x;
}
#topbutton .a01 a:hover {
	background-image: url(../image/button/over.gif);
	background-repeat: repeat-x;
}
#topbutton .a02 {
	float: left;
}
.top_4 {
	float: left;
	padding-top: 10px;
	padding-left: 38px;
}
.-------------------------------內頁{}
#main {
	background-image: url(../image/bg/main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 970px;
}
.main_1 {
	float: left;
	width: 918px;
	padding-right: 14px;
	padding-left: 38px;
}
.main_2 {
	float: left;
	width: 225px;
	background-image: url(../image/main_left/left_1.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin-top: 10px;
}
.main_2-1 {
	float: left;
	width: 100%;
}
.main_2-2 {
	width: 100%;
	float: left;
	padding-bottom: 50px;
}
.main_2-2 ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 10px;
}
.main_2-2 ul li {
	float: right;
	width: 170px;
	text-align: left;
	background-image: url(../image/main_left/line_2.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	line-height: 18px;
}
.main_2-2 ul li.tex1{
	background-image: url(../image/main_left/line.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
.main_2-2 ul li a {
	color: #666;
}
.main_2-2 ul li a:hover {
	color: #6699FF;
}
.main_2-3 {width: 100%; float: left;}
.dm{height:71px; float: left;}
.tel{height:82px; float: left;}
.main_3 {
	float: right;
	width: 693px;
	background-image: url(../image/bg/main_2bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.main_3-1 {
	float: right;
	width: 100%;
	background-image: url(../image/bg/main_1.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
.main_3-2 {
	float: right;
	width: 100%;
	background-image: url(../image/bg/main_3.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
}
.main_mbs {
	float: right;
	width: 100%;
	margin-bottom: 10px;
}
.main_mbs ul {
	padding-top: 40px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.main_mbs ul li {
	float: right;
	font-weight: bold;
	color: #666666;
}
.main_mbs ul li a {
	color: #ACB6BF;
	font-weight: normal;
}
.main_mbs ul li a:hover {
	color: #6699FF;
	font-weight: normal;
}
.main_photo {
	float: right;
	width: 100%;
	text-align: right;
}
.main_tex {
	float: right;
	width:630px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	padding-top: 20px;
	padding-right: 20px;
	_padding-right: 7px;
	color:#666;
}
.main_tex a{color:#648DBB; text-decoration:underline;}
.main_tex a:hover{color:#FF9900;}
.main_tex ul {margin:10px 0 10px 10px; width:96%;}
.main_tex ul li{color:#777; background:url(../image/icon/icon_2.gif) left 3px no-repeat; padding-left:16px;}
.main_tex img{padding:0; margin-bottom:10px;}
.main_tex ul li a{color:#648DBB; text-decoration:underline;}
.main_tex ul li a:hover{color:#FF9900;}
.main_tex ul li h4{color:#0099FF; margin-bottom:0px; font-size:12px; font-weight:normal;}
.main_tex h3{color:#993300; font-size:13px; font-weight:bold; margin-bottom:5px;}
.main_tex .gotop{width:100%; border-bottom:#ccc 1px dotted; padding-bottom:5px; margin-bottom:10px; text-align:right;}


.-------------------------------btm{}
#btm {
	float: left;
	width: 970px;
}
.btm_1 {float: left;
	width: 970px;}
.btm_2 {float: left; width: 970px;}
.btm_2-1 {
	float: left;
	width: 11px;
	height: 63px;
}
.btm_2-2 {
	float: left;
	width: 948px;
	height: 63px;
	background-color: #F6F6F6;
}
.btm_2-3 {
	float: left;
	height: 63px;
	width: 11px;
}
.btm_3 {float: left;
	width: 970px;}
.btm_4 {
	float: left;
	width: 325px;
}
.btm_4 ul {}
.btm_4 ul li {
	float: right;
}
.btm_5 {
	float: right;
	width: 610px;
}
.btm_5 ul {
	padding-top: 9px;
}
.btm_5 ul li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.btm_5 ul li a:link {color: #000000;text-decoration: none;}
.btm_5 ul li a:visited {color: #000000;text-decoration: none;}
.btm_5 ul li a:hover {
	color: #66CCFF;
	text-decoration: none;
}
.btm_5-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B3B3B3;
	float: left;
	width: 100%;
	text-align: left;
	padding-top: 7px;
}
.-------------------------------連絡我們{}
#contact {
	float: left;
	width: 100%;
}
#contact_1 {
	padding:0 20px 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin-top: 20px;
	float: left;
}
#contact_top{width:472px; height:81px; padding:15px 17px 0 132px; color:#158de3; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; background:url(../image/bg/contact_top.jpg) left top no-repeat; margin:5px 0 10px 10px;}
#contact_info_top{width:472px; height:70px; padding:25px 17px 0 132px; color:#158de3; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; background:url(../image/bg/contact_info_top.jpg) left top no-repeat; margin:0 0 20px 10px;}
#map_1{margin:0 20px !important; margin:0 15px; float:left;}
#map_info{float:left; color:#777; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:25px; line-height:22px;}
#map_info h2{color:#555; font-size:18px; display: inline; letter-spacing:0.5em;}
#map_info p{margin-left:8px;}
#map_info a{color:#777; text-decoration:none;}
#map_info a:hover{text-decoration:underline;}

/* form */
.simpleform{
	padding-top: 30px;
	font-size:13px;
	color:#666666;
	margin-left:20px;
}
.simpleform .text{
	width:220px;
	padding:3px;
	border:0;
	background-color:#f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	border-top:#e3e3e3 1px solid;
	border-left:#e3e3e3 1px solid;
}
.simpleform .text1{
	width:320px;
	padding:3px;
	border:0;
	background-color:#f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	border-top:#e3e3e3 1px solid;
	border-left:#e3e3e3 1px solid;
}
.simpleform .text2{
	width:40px;
	padding:3px;
	border:0;
	background-color:#f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	border-top:#e3e3e3 1px solid;
	border-left:#e3e3e3 1px solid;
}
.simpleform .textbox{
	width:450px;
	height:180px;
	padding:5px;
	border:0;
	background-color:#f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	border-top:#e3e3e3 1px solid;
	border-left:#e3e3e3 1px solid;
}
.simpleform .Imp{
	color:#FF0000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:5px;
	border:0px;
	vertical-align: middle;
}
.simpleform .row {
	margin-bottom:15px;
}
.simpleform .row label{
	display:block;
	float:left;
	width: 100px;
	text-align:right;
	margin-right: 8px;
}
.simpleform .buttonbar{width:80px; height:23px; margin:auto;}

/* .contact_1 {
	float: right;
	width: 400px;
	background-image: url(../image/line/02_orange_05.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.contact_2 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 80px;
	text-align: right;
	padding-right: 5px;
}
.contact_3 {
	float: left;
	width: 310px;
}
.contact_4 {
	background-color: #f9f9f9;
	border: 1px solid #CCCCCC;
} */
.-------------------------------常見問題{}
#qa {
	float: left;
	width: 100%;
}
.qa_1 {
	float: left;
	width:96%;
}
.qa_1 .qa_t{background:url(../image/icon/icon_2.gif) no-repeat left 1px; color:#0066FF; font-size:13px; font-weight:bold; padding-left:18px; text-align:left; margin:20px 0 -10px 50px;}
.qa_1 ul {
	padding-top: 20px;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-right: 20px;
}
.qa_1 ul li {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-left: 10px;
}
.qa_1 ul li a {
	color: #666;
}
.qa_1 ul li a:hover {
	color: #6699FF;
	margin-left:1px;
}
.qa_1 ul li.q1 {
	background-color: #f9f9f9;
}
.qa_1 ul li.q2 {
	padding: 6px 0;
	border-bottom:#E9C435 3px solid;
	margin-bottom:10px;
}
.qa_2 {
	float: left;
	width: 97%;
}
.qa_2 ul {
	padding-top: 20px;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-right: 20px;
	line-height: 20px;
}
.qa_2 ul li {padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-left: 10px;}
.qa_2 ul li.q3 {
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../image/icon/qa.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.qa_2 ul li.q4 {
	color: #787878;
}
.qa_2 ul li.q5 {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;
	margin-top: -7px;
}
.qa_3 {
	font-size: 15px;
	font-weight: bold;
}
.qa_4 {
	font-size: 15px;
	font-weight: bold;
}
.-------------------------------最新消息{}
/* 捲軸 */
body{
scrollbar-face-color: #fff; /*捲軸顏色*/ 
scrollbar-highlight-color: #bbb; /*捲軸左與上內邊框*/ 
scrollbar-shadow-color: #bbb;/*捲軸右與下內邊框*/ 
scrollbar-3dlight-color: #fff; /*捲軸左與上外邊框*/ 
scrollbar-darkshadow-color: #fff;/*捲軸右與下外邊框*/ 
scrollbar-arrow-color: #bbb; /*捲軸箭頭*/ 
scrollbar-track-color: #fff; /*捲軸底色*/ 
}
#news {
	float: left;
	width: 100%;
}
#news .news_t1{background:url(../image/icon/icon_2.gif) no-repeat left 1px; color:#0066FF; font-size:13px; font-weight:bold; padding-left:18px; text-align:left; margin:20px -10px 0 35px;}
.news_1{width:300px; padding:20px 5px 20px 35px; float:left; height:460px; overflow:auto; margin-top:10px;}
.news_1 .news_t{background:url(../image/icon/icon_2.gif) no-repeat left 1px; color:#0066FF; font-size:13px; font-weight:bold; padding-left:18px; text-align:left; margin-bottom:10px;}
.news_1 ul {
	text-align: left;
	margin-bottom:10px;
}
.news_1 ul li {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 6px;
	color: #996600;
	padding: 6px 4px 3px 6px;
	line-height:16px;
	border-bottom:#ccc 1px dotted;
}
.news_1 ul .n1 {font-size: 11px; color: #996600; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; margin-left:5px;}

.news_1 ul li a {
	color: #666;
}
.news_1 ul li a:hover {
	color: #6699FF;
}
.news_11{width:93%; padding:20px 30px;}
.news_11 ul li {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 6px;
	color: #996600;
	padding: 6px 4px 3px 6px;
	line-height:16px;
	text-align:left;
}
.news_11 ul li .n1 {font-size: 11px;}
.news_11 ul li .n2 {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
.news_11 ul li.n3 {
	background-color: #f9f9f9;
}

.news_2 {float: left;
	width: 100%;}
.news_2 ul {
	padding-right: 30px;
	padding-left: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #787878;
	padding-top: 10px;
}
.news_2 ul a{
	text-decoration:underline;
}
.news_3 {}
.-------------------------------網站導覽{}
#map {
	float: left;
	width: 100%;
}
.map_1 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 100px;
	float: left;
}
.map_2 {
	float: left;
	width: 250px;
	margin-bottom: 15px;
	margin-right: 30px;
	_margin-right: 20px;
	height: 180px;
}
.map_2 ul {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.map_2 ul li {
	background-image: url(../image/line/13_gray_03.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.map_2 ul li.m1 {
	background-color: #889097;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
.map_2 ul li.m2 {}
.map_2 ul li a {
	color: #666;
}
.map_2 ul li a:hover {
	color: #6699FF;
}
.map_3 {}
.-------------------------------其他{}
.zother_1 {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: -1px;
}
.zother_2 {}
.zother_3 {}
.zother_4button {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	float: left;
	text-align: center;
}
.blue{color:#0099FF;}
.grey{color:#333;}
.orange{color:#FF9900;}







/* 左邊按鈕收合 */
.mypets{
	cursor: hand;
	cursor: pointer;
	overflow:visible;
	color:#000; 
	font-size:12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	float:right;
	width:160px;
}
.openpet{color:#6699FF; font-weight:bold; width:160px;}
.thepet{padding:2px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:hidden; zoom:1; width:170px; float:right; margin:5px 5px 0 0;}
.thepet ol li{background:none; color:#666; border-bottom:#aaa 1px dotted;}
.thepet ol li a{color:#666; text-decoration:none;}
.thepet ol li a:hover{color:#fff; text-decoration:underline;}