/* default */
h1,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,ol,li{ padding:0; margin:0; font-weight:normal;}
ul,ol { list-style:none;}
a { text-decoration:none;}
img { border:0;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */

/* Body */
body{ font: 100% Arial, Helvetica, sans-serif; background:url(../images/common/bodyBG.jpg) center 834px; margin:0; padding:0; text-align: center; color:#FFF;}
#hd-wrapper { width:100%; min-width:990px; background:url(../images/common/hd-wrapper.jpg) repeat-x center top;}
#bn-wrapper { width:100%; min-width:990px; background:url(../images/common/bn-wrapper.jpg) repeat-x center top;}
#ft-wrapper { width:100%; min-width:990px; background:url(../images/common/ft-wrapper.jpg) repeat-x center top;}

/* header */
#header{ position:relative; top:0; left:0; width:990px; height:172px; margin:0 auto; padding:0; font-family: 'Roboto', sans-serif;}
#header h6,#header h5,#header h4,#header h3 { position:absolute;}
#header .hd-logo { position:absolute; top:12px; left:32px; margin:0; padding:0;}
#header h6 { top:16px; right:0; margin:0; padding:0; font-size:18px; line-height:120%; text-align:center; font-weight:300;}
#header h6 big { display:block; margin:0; padding:0; font-size:30px; line-height:120%; color:#FFBC00;}
#header ul { position:absolute; top:92px; right:0; margin:0; padding:0;}
#header ul li { float:left; margin:0; padding:0;}
#header ul li a { display:block; text-align:center; width:107px; height:58px; margin:0; padding:20px 0 0 0; font-size:23px; line-height:120%; color:#DBDBEA; font-weight:300;}
#header ul li a:hover,#header ul li a.active-menu { background:url(../images/common/nav-hover.jpg) repeat-x center top; color:#FFF; border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-right-radius:10px; -moz-border-top-right-radius:10px;}

/* banner */
#banner { position:relative; top:0; left:0; width:990px; height:528px; margin:0; padding:0; overflow:hidden; font-family: 'Roboto Condensed', sans-serif; background:url(../images/common/banner.jpg) no-repeat center top;}
#banner h6 { position:absolute; top:368px; right:49px; width:376px; height:95px; margin:0; padding:5px 10px 0 0; font-size:38px; line-height:120%; font-weight:700; text-align:right; background:url(../images/common/bn-shaddow.png) center top;}
#banner h6 span { display:inline-block; margin:0; padding:0; color:#FFB800; font-weight:300;}
#banner .slideshow { position:absolute; top:58px; left:35px; width:920px; height:420px; margin:0; padding:0;}

/* main */
#main { width:990px; margin:0 auto; padding:0; text-align:left;}

/* content */
#content{ float:right; margin:0; padding:0 0 20px 0; width:705px; min-height:300px; font-family: 'Roboto Condensed', sans-serif;}	
#content h6 { float:right; margin:0; padding:16px 34px 0 0;}
#content h1,#content h2 { margin:0; padding:34px 0 0 20px; font-size:30px; line-height:120%;}
#content h3 { margin:0; padding:0 0 0 20px; font-size:20px; line-height:120%; color:#FFB800;}
#content h3 a { color:#FFB800;}
#content h1 span { display:inline-block; margin:0; padding:0; color:#FFB800; font-weight:300; font-family: 'Roboto', sans-serif;}
#content p { margin:0; padding:0 5px 0 20px; font-size:18px; line-height:145%; text-align:justify;}		
#content .cn-data { margin:0; padding:0 0 0 130px;}
#content  dl { float:left; width:211px; margin:0; padding:0 0 0 20px; text-align:center;}
#content  dl dt { height:142px; margin:0; padding:0;}
#content  dl dd { margin:0; padding:5px 0 0 0; font-size:16px; line-height:120%; color:#FFB900;}
#content  dl dd small { display:inline-block; margin:0; padding:0; position:relative; top:5px; left:0;}
#content .cn-mid-title { text-align:center;}

/* inner pages content */
#content ol { margin:0; padding:0 0 0 40px; list-style:square;}
#content ol li { margin:0; padding:0; font-size:18px; line-height:160%;}
#content ul { float:left; width:295px; margin:0; padding:0 0 0 35px; list-style:disc;}
#content ul li { margin:0; padding:0; font-size:18px; line-height:160%;}
#content ul big { display:block; margin:0; padding:0; font-size:22px; line-height:120%; color:#FFB800; position:relative; top:0; left:-20px;}

#content .cn-contact-map { display:block; width:480px; height:416px; margin:0; padding:0; border:1px solid #FF9C00;}

/* sidebar */
#sidebar{ position:relative; top:0; left:0; float:left; margin:0; padding:10px 0 20px 15px; width:270px; font-family: 'Roboto', sans-serif;}			
#sidebar .sb-light { position:absolute; top:-5px; right:-56px; margin:0; padding:0;}
#sidebar h2 { margin:0; padding:15px 0 0 15px; font-size:30px; line-height:120%; font-family: 'Roboto Condensed', sans-serif;}
#sidebar h2 span { display:inline-block; margin:0; padding:0; color:#FFB800; font-weight:300;}
#sidebar .sb-top { z-index:99; position:relative; top:0; left:0; width:270px; height:370px; margin:0; padding:0; background:url(../images/common/sb-top.jpg) no-repeat center top;}
#sidebar .sb-top ul { margin:0; padding:20px 0 0 0;}
#sidebar .sb-top ul li { width:240px; margin:0 auto; padding:0; font-size:23px; line-height:180%; font-weight:300; text-align:right; background:url(../images/common/sb-border.png) no-repeat center top;}
#sidebar .sb-top ul li span { display:inline-block; margin:0; padding:0 10px 0 5px; position:relative; top:0; left:0; color:#FFBB00;}
#sidebar .sb-bot { width:270px; height:270px; margin:0; padding:0; background:url(../images/common/sb-bot.jpg) no-repeat center top;}
#sidebar .sb-bot p { margin:0; padding:10px 0 0 0; font-size:18px; line-height:120%; font-weight:300; text-align:center;}
#sidebar .sb-bot p big { display:block; margin:0; padding:5px 0 8px 0; font-size:25px; line-height:120%; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
#sidebar .sb-bot p small { display:block; margin:0; padding:0;}

/* footer */
#footer{ width:990px; min-height:142px; margin:0 auto; padding:0; background:url(../images/common/ftBG.jpg) no-repeat center top; color:#7F7F7F;}
#footer p { margin:0; padding:35px 0 0 0; font-size:23px; line-height:120%; font-family: 'Roboto', sans-serif; color:#DBDBEA; font-weight:300;}
#footer p span { padding:0 20px 0;}
#footer p a { color:#DBDBEA;}
#footer p a:hover,#footer p a.active-menu { color:#FFB900;}
#footer h6 { margin:0; padding:15px 0 0 0; font-size:12px; line-height:120%;}
#footer h5 { margin:0; padding:0; font-size:12px; line-height:120%;}
#footer h5 a { color:#0080F2;}
#footer h5 img { display:inline-block; margin:0; padding:0; width:50px; position:relative; top:5px; left:0;}
#footer h5 span { position:relative; top:0; display:inline-block; margin:0; padding:0;}