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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;  font-family: Arial, sans-serif;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: ''; content: none;}
table {	border-collapse: collapse; border-spacing: 0;}
strong, b { font-weight: bold;}

.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;}

ul.ul-list { margin: 0.5em 0 1em; padding: 0;}
ul.ul-list li { background: url("green-bullet.png") no-repeat left 10px!important; list-style-type: none; list-style-position: outside; padding-left: 1.5em!important; line-height: 240%;  margin-left: 30px; font-size:.8em; color:#444444; padding: 0.2em 0 0 1.333em;}


/**/
#header { background: url("HeaderBg.png") repeat-x left top; padding: 0px; margin: 0px auto; text-align: center; width: 100%; z-index: 500;}
#header-wrapper { background-color: inherit; margin: 0 auto; padding: 0; width: 900px; height: 84px; text-align: center; margin-bottom: 10px;}

#move-site {width: 880px; margin: 0 auto; margin-bottom: 20px; text-align: center; padding: 10px; border: 1px dashed #ECD18E; background: #FDFAE1;}
#move-site h1 { font-family:Microsoft JhengHei, Arial, sans-serif; line-height: 180%; margin: 5px 0; font-size:18px; color: #E65100;}
#move-site p { font-family:Microsoft JhengHei, Arial, sans-serif; font-size:15px;}
#move-site p a {background: none; color: #5896C4; text-decoration: none; padding: 5px; border-radius: 3px; border: 1px solid #5896C4;}
#move-site p a:hover	{background: #7ABAEA; color: #ffffff;}

#preface { background: #FFF; height: 33px; width: 902px; margin: 0 auto; padding: 0px;}
#preface-left { background:url("Tab_Left.png") no-repeat left top; height: 33px; width: 5px; float: left;}
#preface-right { background:url("Tab_Right.png") no-repeat right top; height: 33px; width: 5px; float: right;}
#preface-bg { width: 892px; _width: 882px; height: 33px; float: left; background: #FFFFFF url("Tab_Bg.png") repeat-x left top;}

#main { width: 100%;}
#main-wrapper { margin: 0 auto; width: 902px; background: #FFF;}
#content-container { width: 900px; background: url("mainContainerBg.png") repeat-x left bottom; border: 1px solid #ccc; border-top: none; margin-bottom: 10px; height: auto; float: left;}
#content { margin: 0px; padding: 10px; padding-bottom: 20px;}

#footer_containter { clear: both; font-size: 0.85em; overflow: hidden; padding: 0; width: 900px; margin: 10px auto; background: transparent;}
#footer { float: right; text-align: right; line-height: 200%; font-size: 10px;}
#footer span{font-size:10px;font-family:Verdana; color:#666;}
#footer b	{color:#FF5F0F; font-size:14px; font-weight:bold;}

h1.title { color: #036; font-size: 17pt; line-height: 180%; font-weight: bold; font-family:Microsoft JhengHei, Arial, sans-serif;}
h2 { font-size: 14pt; font-family:Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif; color: #336699; line-height: 200%; font-weight: bold; letter-spacing: 0.05em;}
p { font-size: .8em; font-weight: normal; line-height: 180%; margin: 5px 0; color:#444;}