@charset "utf-8";
/* CSS Document */
body { font:70% Verdana; margin:0; padding:0; background:#FFF; }
ul,ol,p { margin:0px; padding:0px; list-style:none;}
h1,h2,h3 { margin:0px; padding:0px; font-size: 145%}
#wrapper { background-color:#fff; margin:auto; width:1004px;}
#header { height:211px; background:url(../images/logo-protitle.jpg) no-repeat; text-align:right; clear: both;}
#container { background:url(../images/container-bg.gif) repeat-y; height:100%; }

/*--------div 內容撐開*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display:block; } 

/*   header   */
#link { height:20px; padding-right:20px; color:#272727; margin-top:6px;}
#link ul li { display:inline; margin-right:10px;}
#link ul li a { color:#272727; text-decoration:none; background:url(../images/button.png) no-repeat 0 0; padding-left:7px; }
#link ul li a:hover { color:#b75b28; background:url(../images/button.png) no-repeat 0 -10px; }
#nav { background:url(../images/nav-bg.jpg) no-repeat; height:50px; margin-left:391px; padding:17px 8px 0 0;}
#nav ul li { display:inline; padding-left:11px;}


/*   container   */
#sidebar { width:195px; background:url(../images/sidebar-bg.gif) no-repeat; padding:20px 0 0 30px; float:left; }
#sidebar ul li a { font:120% Verdana; font-weight:bold; color:#fff; display:block; padding:9px 0 0 20px; text-decoration:none; 
height:28px;background:transparent url(../images/submenu.gif) no-repeat; }
#sidebar ul li a:hover { background:transparent url(../images/submenu-over.gif) no-repeat ;}
#main { float:right; width:779px; background:url(../images/main-left-bg.gif) repeat-y; }
#main .maintop { background: url(../images/maintop-bg.gif) no-repeat; height:56px; }
#main .maintop h1 { font-size:180%; padding:17px 0 0 40px; }
#main .maintop .crumb { float:right; margin:25px 20px 0 0; color:#7a7a7a; }
#main .maintop .crumb a { color:#7a7a7a; text-decoration:none; }
#main .maintop .crumb a.home { background:url(../images/home-button.gif) no-repeat; padding-left:16px; }
#content { background:url(../images/contant-bg.gif) no-repeat; background-position:100% 1%; padding:20px; font-size:120%; }
#content a.back { text-decoration:none; color:#333; }
#content a:hover.back { text-decoration:none; color:#00F; }


/*   foot   */
#foot { background:url(../images/foot-bg.gif) repeat-x; height:106px; clear: both; }
#foot p { padding: 50px 0 10px 20px; color:#333; }
.copyright { color:#A8A8A8; padding-left:600px; font-size:80%;}
.copyright a { color:#A8A8A8; text-decoration:none; }




.pic tr td img{ border:3px #999 solid;}
.pic tr td{padding:0 20px 10px 0;}
.tab {
	font-size: 12px;
	line-height: 2em;
	color: #333;
}
.pro-inner img {
	border: 3px solid #999;
	margin: 5px;
}
.pro-inner {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
h2 {
	font-size: 14px;
	text-align: center;
	margin-bottom: 20px;
}

