html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	font:13px/1.231 sans-serif;
*font-size:small;
} /* hack retained to preserve specificity */
select, input, textarea, button {
	font:99% sans-serif;
}
.ui-header{ margin:0; padding:0; text-align:center;}
.ui-content{ margin:0; padding:0;}
.ui-footer{ padding:20px; font-weight:normal; text-align:center;}
#logo a{ display:block; background: url(../../image/logo.png) no-repeat center center; width:228px; height:41px; margin:20px auto; text-align:center;}
.contentInner{ margin:20px;}
.ui-content h1{ margin-bottom:20px; font-size:1.6em; font-family:微軟正黑體; color:#fff;}

img{ width:100%; height:auto;}


.gallery ul{ list-style:none;}
.gallery li{ position:relative; width:100%; overflow:hidden;  border:1px solid #fff; margin-bottom:8px;}
.gallery li .info{ position:absolute; left:0; bottom:0;  background: #111; background: rgba(0,0,0,.6); color: #fff;  display:inline-block; width:100%; padding:8px;}

#ProCatalog{ margin:0 auto; padding: 0; width:100%; }
#ProCatalog .ImageBox{	margin: 2px; 
						text-align:center; 
						width:48%; 
						height:auto;
						float: left; 
						background-color:#fff;
						/* Do rounding (native in Firefox and Safari) 
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;*/

}

#ProCatalog .ImageBox a{ padding: 0; display:block; border:3px solid #fff; }
#ProCatalog .ImageBox a:hover{ border:3px solid #ededed;}

#ProCatalog .ImageBox .pic{	width:100%;
							height: auto; 
							background-color:#222;
							overflow: hidden;
							/* Do rounding (native in Firefox and Safari)
							-webkit-border-radius: 10px;
							-moz-border-radius: 10px;
							border-radius: 20px 10px;*/
}
#ProCatalog .ImageBox h3{ 	margin:10px 0 ; 
							font-size: 1em; 
							font-weight: normal;
							display:block;
							color:#002e43;
							/*overflow: hidden;*/
}