/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:url(../images/bg_c.gif) repeat-x top #f0f0f0;}
body#page6 {font-size:100%; line-height:1.125em; background:url(../images/bg2.gif) repeat-x top #f0f0f0}
html, input, textarea	{font-family: "微軟正黑體", Helvetica, sans-srif; 	color:#898989;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top;}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#fc5f8f; text-decoration:underline} 
a:hover{text-decoration:none}

.link{color:#212121;  }

.link1{color:#fff; text-transform:uppercase; background:url(../images/marker.gif) center right no-repeat; padding-right:20px; text-decoration:none; font-size:1.05em; font-family:Arial Narrow; font-weight:bold  }
.link1:hover{text-decoration:none; color:#61c3cc }

.link2{color:#7dc666; background:url(../images/marker2.gif) center left no-repeat; padding-left:15px; background-position:0 5px; }

.button{color:#fff; background:url(../images/button.gif) no-repeat top left; padding:1px 10px 2px 10px; font-weight:bold; text-decoration:none; float:right; vertical-align:middle}
.button:hover{text-decoration: underline}

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(../images/marker.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:10px; }
#content ul li a{color:#e5156d; text-decoration: underline; line-height:1.5em} 
#content ul li a:hover { text-decoration:none; }

#content .ul1 li{background:url(../images/marker-1.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul1 li a{color:#4b4b4b; text-decoration:none; line-height:1.71em; font-size:1.16em} 
#content .ul1 li a:hover { text-decoration:underline; }
#content .ul2 li{background:url(../images/marker-2.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul2 li a{color:#4b4b4b; text-decoration:none; line-height:1.71em; font-size:1.16em} 
#content .ul2 li a:hover { text-decoration:underline; }
#content .ul3 li{background:url(../images/marker-3.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul3 li a{color:#4b4b4b; text-decoration:none; line-height:1.71em; font-size:1.16em} 
#content .ul3 li a:hover { text-decoration:underline; }

#content .ul4 li{background:url(../images/marker3.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:15px; }
#content .ul4 li a{color:#212121; text-decoration: underline; line-height:1.41em; font-weight:bold} 
#content .ul4 li a:hover { text-decoration:none; }
#content .ul4 li span a{color:#fc5f8f; text-transform:uppercase; text-decoration: underline; line-height:1.5em; font-weight:bold} 
#content .ul4 li span a:hover { text-decoration:none; }

#content .ul5 li{background:url(../images/tail3.gif) repeat-x bottom; padding-left:0; font-size:1.16em; line-height:1.71em; }
#content .ul5 li span{color:#4b4b4b; line-height:1.5em; background:url(../images/tail4.gif) repeat-x bottom; float:right; padding-bottom:2px} 
#content .ul5 li a{color:#4b4b4b; text-decoration:none ;  background:url(../images/tail4.gif) repeat-x bottom; padding-bottom:2px;} 
#content .ul5 li a:hover { text-decoration:underline; }




.link-1 { display:block; float:left; background:url(../images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(../images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(../images/link_right.gif) no-repeat right top; padding:2px 15px 4px 20px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}
.link-2 { display:block; float:left; background:url(../images/link_bg1.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(../images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(../images/link_right1.gif) no-repeat right top; padding:2px 15px 4px 20px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}
.link-3 { display:block; float:left; background:url(../images/link_bg2.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-3 em { display:block; background:url(../images/link_left2.gif) no-repeat left top;}
.link-3  b { display:block; background:url(../images/link_right2.gif) no-repeat right top; padding:2px 15px 4px 20px; font-weight:normal; font-style:normal;}
.link-3:hover{ text-decoration:none; color:#000000}
.link-4 { display:block; float:left; background:url(../images/link_bg3.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-4 em { display:block; background:url(../images/link_left3.gif) no-repeat left top; font-size:.916em}
.link-4  b { display:block; background:url(../images/link_right3.gif) no-repeat right top; padding:0 15px 4px 20px; font-weight:normal; font-style:normal;}
.link-4:hover{ text-decoration:none; color:#53b6c3}


/*header*/
#header {font-size:1.125em; color:#FFFFFF }
#header .logo{
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	padding-right: 5px;
	position: relative;
	background-color: #000;
}
#header .img{ margin:136px 0 0 10px; position:absolute}
#header .img1{ margin:70px 0 0 0;}
#header .indent{padding:35px 20px 0 0}
#header .slogan{ position:absolute; margin:331px 0 0 135px}
#header h2 {color:#ffffff; font-size:3.05em; line-height:1em; margin-bottom:9px; font-family:"Arial Black", Gadget, sans-serif; font-weight:normal;}
#header h2 a{color:#ffffff; text-decoration:none}
#header h2 a:hover{color:#a8e9f2; text-decoration:none  }
#header h3{color:#a8e9f2; font-size:1.33em; margin-bottom:13px; font-family:Arial Narrow; font-weight:normal; line-height:1em; text-align:center  }

#header ul{
	margin-top: 35px;
	padding: 0;
	list-style: none;
	position: absolute
}
#header ul li{ margin:0; display:inline}
#header ul li a{color:#0c0c0c; text-decoration:none; margin:0 0 0 0; width:137px; text-align:center; display:block; float:left ; padding:18px 0 19px 0; background:url(../images/bg_menu.gif) top left no-repeat;} 
#header ul li a:hover { text-decoration:none; background:url(../images/bg_menu-act.gif) top left no-repeat;}
#header ul li .current{ text-decoration:none; background:url(../images/bg_menu-act.gif) top left no-repeat;  }

#header ul .first a{ width:138px; background:url(../images/bg_menu-first.gif) top left no-repeat;} 
#header ul .first a:hover { background:url(../images/bg_menu-first-act.gif) top left no-repeat;}
#header ul .first .current{ background:url(../images/bg_menu-first-act.gif) top left no-repeat;  }

#header ul .last a {background:url(../images/bg_menu-last.gif) top left no-repeat;} 
#header ul .last a:hover { text-decoration:none; background:url(../images/bg_menu-last-act.gif) top left no-repeat;}
#header ul .last .current { text-decoration:none; background:url(../images/bg_menu-last-act.gif) top left no-repeat;  }

.col-21{padding-top: 90px;} 

.row-1{min-height:100%; height:auto  !important; height:100%; margin:0 auto -45px;}
.textcontent{text-indent: 2em;};
.row-2{height:45px; background:url(../images/tail.gif) repeat-x top; margin:0 0 0 -36px}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:28px 52px 27px 75px}
#content .indent-main1{padding:3px 0 0 41px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content .img-indent1{ margin:41px 0 0 -7px; position:absolute}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0 0 17px 0}
#content .p1{ margin:0 0 7px 0}
#content h3{color:#2f2f2f; font-weight:normal; font-size:2.5em; font-family:Helvetica Neue, Arial, ·L³n¥¿¶ÂÅé, Microsoft JhengHei, Microsoft YaHei, Lucida Grande, Lucida Sans Unicode, sans-serif; line-height:1.1em; background:url(../images/marker1.gif) no-repeat left  center; padding-left:35px; margin-bottom:30px;  }
#content .h-3{margin-bottom:20px;  }
#content h4{color:#53b5c2; text-transform:uppercase; font-size:1.16em; margin-bottom:7px;  }
#content .tail{ background:url(../images/tail1.gif) repeat-x bottom; padding-bottom:11px; margin-bottom:19px}

#content .indent{padding:34px 0 0 138px}
#content .indent-1{padding:20px 0 0 69px}
#content .indent-3{padding:20px 0 0 39px}
#content .indent-4{padding:0 20px 7px 0}

.spanText {color: #fc5f8f; font-weight: bold;}

/*box*/
.box{ background:#fcfcfc; width:100%; color:#4b4b4b}
.box .border-top {background:url(../images/border_top.gif) repeat-x top;}
.box .border-top1 {background:url(../images/border_top1.gif) repeat-x top;}
.box .border-top2 {background:url(../images/border_top2.gif) repeat-x top;}
.box .border-top1-white {background:url(../images/border_top1_white.gif) repeat-x top;}
.box .border-bottom {background:url(../images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(../images/border_left.gif) repeat-y left;}
.box .border-right {background:url(../images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(../images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(../images/corner_top_right.gif) no-repeat right top;}
.box .corner-top-left1 {background:url(../images/corner_top_left1.gif) no-repeat left top;}
.box .corner-top-left1-1 {background:url(../images/corner_top_left1_1.gif) no-repeat left top;}
.box .corner-top-right1 {background:url(../images/corner_top_right1.gif) no-repeat right top;}
.box .corner-top-right1-1 {background:url(../images/corner_top_right1_1.gif) no-repeat right top;}
.box .corner-top-left2 {background:url(../images/corner_top_left2.gif) no-repeat left top;}
.box .corner-top-right2 {background:url(../images/corner_top_right2.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(../images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(../images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:61px 33px 23px 64px; }
#content .box h2{color:#2f2f2f; font-size:2.5em; margin-bottom:45px; margin-left:30px; font-weight:normal; line-height:24px; *line-height: 2.5em; *font-weight: bold; font-family:Helvetica Neue, Arial, ·L³n¥¿¶ÂÅé, Microsoft JhengHei, Microsoft YaHei, Lucida Grande, Lucida Sans Unicode, sans-serif;}
#content .box .h-2{color:#2f2f2f; font-size:2.5em; margin-bottom:45px; margin-left:20px; font-weight:normal  }
#content .box h4{color:#71c050; font-size:1.16em; font-weight:normal; text-transform:none; margin:0  }
#content .box .h-4{color:#62b9c7; font-size:1.16em; font-weight:normal; text-transform:none; margin:0  }
#content .box .h1-4{color:#fc5f8f; font-size:1.16em; font-weight:normal; text-transform:none; margin:0  }

/*box1*/
.box1{ background:#f7f7f7; width:100%; }
.box1 .corner-top-left {background:url(../images/corner_top_left-1.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(../images/corner_top_right-1.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(../images/corner_bottom_left-1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(../images/corner_bottom_right-1.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box{ padding:20px 20px 15px 28px; }

/*tab menu*/
.abgne_tab {
	clear: left;
	width: 800px;
	margin: 10px 0;
}

.abgne_tab ol, li {
	margin: 0;
	padding: 0;
	list-style-type: decimal;	
}

ol .tabs{
	margin-left: 20px;
	}

.tabs li{
	float: left;
	margin-right: 20px;
	font-size: 16px;
	font-weight: bold;
}
	
.tabs li  a {
	color: #fc5f8f;	
}

.tabs li  a:hover {
	text-decoration: none;
}

.tabs li .active {
	text-decoration: none;
	color: #fff;
}

div.tab_container {
	clear: left;
	width: 100%;
	border-top: none;
}
div.tab_container .tab_content {
	padding: 20px;
	width: 100%;
}

.tab_content .pic{
	float: left;
	margin: 10px 20px 20px 0;
}

#content .box .tab_container .tab_content h2 {
	font-size: 16px;
	color: #53B5C2;
	margin: 10px auto 10px -1em;
}

/*environment tab menu*/
.environment_tab {
	clear: left;
	width: 390px;
	margin: 10px 0;
}

.environment_tab ol, li {
	margin: 10px 0;
	padding: 0;
	list-style-type: decimal;	
}

.environment_tab  ol .tabs{
	width: 100%;	
	}
	
.environment_tab div.tab_container .tab_content {
	padding: 0;
}
.environment_tab .tab_container .tab_content h2 {
	font-size: 12px;
	color: #53B5C2;
	margin: 10px auto;
}

.environment_tab .tab_container .tab_content .pic{
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
}

.environment_tab .tab_container .tab_content .text{
	position: absolute;
	display: block;
	color: #FF7F00;
	padding: 0 3px;
}

/*footer*/
#footer { color:#757575; font-size:0.75em; background:url(../images/bot.gif) repeat-x top; }
#footer .indent-footer{ padding:27px 50px 0 7px;}
#footer .tel{  margin:21px 0 0 627px; position:absolute}
#footer span{ text-transform:uppercase}
#footer a {color:#757575; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

.jamp2{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.indent-2{ position:relative; padding-left:10px; float:left}
.h{ height:30px}
.h1{ height:28px}
.block-contact span{ float:right; margin-right:60px}
.block-contact a{ color:#212121}
.input{
	background:#FFFFFF;
	width:146px; height:18px;
	font-size:1em;
	vertical-align:middle;
	padding-left:5px;
	color:#525252;
	padding-top:2px
}
input{
	background:#FFFFFF;
	width:213px; height:18px;
	font-size:11px;
	padding-left:5px;
	padding-top:2px
}
textarea{
	background:#FFFFFF;
	width:213px; height:123px;
	font-size:11px;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}

#i01, #i02, #i03, #i04, #i05, #i06, #i07, #i08, #i09, #i10, #i11, #i12, #i13, #i14{
	background-color: #f0f0f0;
	line-height: 1.5em;
	width: 760px;
	padding: 10px 20px 10px 20px;	
}
#i01 h1, #i02 h1, #i03 h1, #i04 h1, #i05 h1, #i06 h1, #i07 h1, #i08 h1, #i09 h1, #i10 h1, #i11 h1, #i12 h1, #i13 h1, #i14 h1{	
	padding-top: 10px;
	line-height: 50px;
	font-size: 24px;
}
#i01 h3, #i02 h3, #i03 h3, #i04 h3, #i05 h3, #i06 h3, #i07 h3, #i08 h3, #i09 h3, #i10 h3, #i11 h3, #i12 h3, #i13 h3, #i14 h3{	
	margin: 10px auto 10px auto;	
}
#i01 p, #i02 p, #i03 p, #i04 p, #i05 p, #i06 p, #i07 p, #i08 p, #i09 p, #i10 p, #i11 p, #i12 p, #i13 p, #i14 p{
	text-indent: 2em;
	margin: 20px auto 20px auto;
}
#i01 ul, #i02 ul, #i03 ul, #i04 ul, #i05 ul, #i06 ul, #i07 ul, #i08 ul, #i09 ul, #i10 ul, #i11 ul, #i12 ul, #i13 ul, #i14 ul{
	padding-left: 2em;
}

.line-separator{
	height: 3px;
	border-bottom: 3px dotted #66ccff;	
}