html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline:0;}
body{font:12px Arial; color:#656565; background:#FFF;}
a img{border:none}a{text-decoration:none}a:hover{text-decoration:underline}
ul, li{padding:0; margin:0; list-style:none}
.FL{float:left}.FR{float:right}.CL{clear:both; font-size:0; line-height:0; height:0}.CL1{clear:both}
.CTR{text-align:center}.TAR{text-align:right}.uline{text-decoration:underline}.UC{text-transform:uppercase}
:focus{outline:0}.PR{position:relative}
.checkBox{height:13px; width:13px; vertical-align:middle}
.no_brd{border:0 !important}.dsno{ display:none}
input, select { vertical-align:middle;}
table {	border-collapse: collapse;	border-spacing: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block;}


/*     Float containers fix 
=============================== */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix{display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%}
.clearfix{display: block}
/* End hide from IE-mac */
.readmore2{background:url(../images/rd_arow.png) no-repeat 0 3px; padding-left:12px; display:inline-block; font:bold 14px Arial; color:#1f2327;}
.PA5{padding:5px}.PA7{padding:7px}.PA10{padding:10px}.PA12{padding:12px}.PA15{padding:15px}
.PT5{padding-top:5px}.PT7{padding-top:7px}.PT8{padding-top:8px}.PT10{padding-top:10px}.PT15{padding-top:15px}.PT20{padding-top:20px}.PT25{padding-top:25px}.PT30{padding-top:30px}
.PB5{padding-bottom:5px}.PB7{padding-bottom:7px}.PB10{padding-bottom:10px}.PB15{padding-bottom:15px}.PB20{padding-bottom:20px}.PB25{padding-bottom:25px}
.PL5{padding-left:5px}.PL10{padding-left:10px}.PL15{padding-left:15px}.PL20{padding-left:20px}.PL25{padding-left: 25px}
.PR5{padding-right:5px}.PR10{padding-right:10px}.PR15{padding-right:15px}.PR20{padding-right: 20px}

.MR5{margin-right:5px}.MR7{margin-right:7px}.MR10{margin-right:10px}.MR15{margin-right:15px}.MR20{margin-right:20px}.MR25{margin-right:25px}.MR30{margin-right:30px}.MR0{margin-right:0 !important}
.ML2{margin-left:2px}.ML5{margin-left:5px}.ML7{margin-left:7px}.ML10{margin-left:10px}.ML15{margin-left:15px}.ML20{margin-left:20px}.ML30{margin-left:30px}.ML40{margin-left:40px}
.MT3{margin-top:3px}.MT5{margin-top:5px}.MT7{margin-top:7px}.MT10{margin-top:10px}.MT12{margin-top:12px}.MT15{margin-top:15px}.MT20{margin-top:20px}.MT25{margin-top:25px}.MT30{margin-top:30px}.MT35{margin-top:35px}.MT40{margin-top:40px}.MT45{margin-top:45px} .MT50{margin-top:50px}.MT70{margin-top:70px}
.MB5{margin-bottom:5px}.MB10{margin-bottom:10px}.MB15{margin-bottom:15px}.MB30{margin-bottom:30px} .ML35{margin-left:35px;}

.font{font-family: 'Bitter', serif; font-family: 'Roboto', sans-serif; font-family: 'Archivo Narrow', sans-serif;}
header { background:#FFF; height: 90px; padding:10px 0 }
.main { width: 960px; margin: 0 auto; }

.playbtn{background:url(../images/playbtn.png) no-repeat; width:41px; height:41px; display:block; position:absolute; z-index:2;}
.w780{width:605px;} .w300{width:300px;} .w165{width:165px;}
.vidBx{width:195px; float:left; margin:0 6px 20px 0}
.vidBx .playbtn{/*top:90px; left:10px; */margin:60px 0 0 10px}
.vidBx.last{margin:0;}
.vidBx .info{padding:5px 0px 0 3px;}
.bld18b, .bl16b{font:18px/22px 'Bitter', sans-serif;; color:#2d3a4a;}.bl16b{ font-size:16px}
.title2{font:27px/35px 'Bitter', sans-serif; color:#55606e; border-bottom:3px solid #249ea9;}
.brdb{border-bottom:1px solid #e5e5e5;}


.colLft{width:610px; padding-left:7px; float:left;}
.inner_title{font:23px/30px 'Bitter', sans-serif; color:#55606e; border-bottom:3px solid #249ea9;}
.autoexpo_list li{padding:16px 0 18px 0; border-bottom:1px solid #CCC;}
.autoexpo_list li h3{font:24px/32px 'Bitter', sans-serif;}
.autoexpo_list li h3 a{color:#1f2327;}
.autoexpo_list li h3 a:hover{color:#24afb2; text-decoration:none;}
.autoexpo_list li.last{border-bottom:none;}
.w400{width:400px;}
.bLd14{font:14px/22px Arial; color:#505b67;}
.readmore{background:url(../images/blue_arow.png) no-repeat 0 3px; padding-left:12px; display:inline-block; font:bold 14px Arial; color:#1f2327;}
.readmore2{background:url(../images/rd_arow.png) no-repeat 0 3px; padding-left:12px; display:inline-block; font:bold 14px Arial; color:#1f2327;}
.pageing a{font:bold 14px Arial; color:#272b30; display:inline-block; padding:5px 3px; vertical-align:top;}
.pageing a:hover, .pageing a.active{color:#0f7375;}
.pageing a.next, .pageing a.prev{background:url(../images/pageing_arow.png) no-repeat; width:24px; height:25px; padding:0}
.pageing a.prev{background-position:0 0}
.pageing a.prev:hover, .pageing a.prev.active{background-position:-30px 0}
.pageing a.next{background-position:-92px 0}
.pageing a.next:hover, .pageing a.next.active{background-position:-62px 0}
.hd2 {position: absolute; z-index: 100; margin-top: -4px; margin-left:75px; }
.hd2 span { display: inline-block; background: #24afb2; font: bold 13px/26px arial; color: #FFF; padding: 0 15px }
.hd2 strong { display: inline-block; width: 0; height: 0; border-bottom: 4px solid #0f7375; border-right: 4px solid transparent; vertical-align: top; }
.feturedbx{width:262px; background:#20252b;}
.feturedbx .cnt{padding:40px 10px 10px 10px; color:#abadb0; text-align:center}
.feturedbx .cnt img{display:block; border-bottom:1px solid #d82b2f;}
.whb18{font:18px/23px 'Bitter', sans-serif; color:#FFF;}
.brdbd{border-bottom:1px dotted #4d5155;}

.pollBg{background:url(../images/pollBg.jpg) no-repeat center top; border-top:1px solid #CCC;}
.pollElm{width:640px; padding-top:45px;}
.pollElm .cnt{background:#f7f4ef; border:5px solid #f7f4ef;}
.pollImgcnt{float:left; width:185px; padding:0 0 0 10px}
.pollImgcnt .arow-left {width:0;height:0; border-top:15px solid transparent; border-right:15px solid #f7f4ef;border-bottom:15px solid transparent; position:absolute; left:-15px; top:40px; z-index:2}
.pollImgcnt .gD12{font:12px Arial; color:#888683;}
.archi20b{font:700 17px 'Archivo Narrow', sans-serif; color:#333;}
.PB35{padding-bottom:35px;} .PL80{padding-left:80px} .PT60{padding-top:60px;}
.gL12, .gL11{font:12px Arial; color:#969da4;}.gL11{ font-size:11px}
.pollAns{float:left; margin-left:5px; width:165px; font:13px Arial; color:#7a7a7a;}
.bL12, .bL11{font:12px Arial; color:#249ea9}.bL11{ font-size:11px}
.title{font:34px/45px 'Bitter', sans-serif; color:#55606e; border-bottom:3px solid #249ea9;}
.title em{ font-style:normal; color:#c33e38}
.artBx{width:215px; float:left; margin-right:20px;}
.artBx.last{margin:0;}
.artBx .info{padding:10px 0px 0 3px;}
.bld16b{font:16px/20px 'Roboto', sans-serif;; color:#2d3a4a;}
#footer{background:#262a2e; padding:40px 0}
#footer .gL11{font:11px Arial; color:#67696b;}
.sep{ background:url(../images/sep1.png) no-repeat; width:13px; height:10px; display:inline-block;}

.navTop { padding: 4px 0; height: 30px; }
.ntCol { background: url(../images/sep.gif) no-repeat; padding: 0 15px; color: #8b8b8b }
.r12 { color: #d82b2f }
.lh30 { line-height: 30px; }
.srchBx { border: 1px solid #ddd; border-radius: 3px; background: #FFF url(../images/srchBg.png) repeat-x; padding: 3px; height: 22px; width: 216px; }
.go { background: #d82b2f; width: 30px; text-align: center; color: #FFF; font: bold 12px/22px Arial; float: right; border-radius: 3px; }
.srchBx input { border: 0; background: url(../images/search.png) no-repeat 3px center; padding-left: 22px; font: italic 12px/22px arial; color: #888; float: left; height: 22px; width: 160px; }
.twit, .fb, .gplus { background: url(../images/twiter.png) no-repeat; width: 24px; height: 25px; display: inline-block }
.fb { background-image: url(../images/fb.png) }
.gplus { background-image: url(../images/gplus.png) }
.share { padding: 3px 5px 3px 10px; float: left; margin-left: 8px; }
.share a { margin-right: 5px; }
.profImg { background: url(../images/sep.gif) no-repeat left top, url(../images/sep.gif) no-repeat right top; padding: 0 7px; }
.profImg a { background: url(../images/arwd.png) no-repeat right center; padding-right: 15px; display: inline-block }
nav { height: 42px; }
.logo { float: left; background: url(../images/logo.png) no-repeat; margin: 7px 15px 0; width: 128px; height: 30px; }
nav ul { float: left; background: url(../images/sepNav.gif) no-repeat; height: 42px; padding-left: 2px; }
nav li { float: left; background: url(../images/sepNav.gif) no-repeat right top; padding-right: 2px; }
nav li a { display: inline-block; color: #FFF; font: 400 14px/42px 'Bitter', serif; padding: 0 10px; }
nav li a span { background: url(../images/arwr.png) no-repeat; display: inline-block; width: 10px; height: 9px; margin-left: 5px }
.newsMain { background: url(../images/bgr.gif) repeat; padding:15px 0 15px; border-bottom: 1px solid #ccc }
.logom { float: left; }
.topBan { float: left; margin: 15px 0 0 60px; }
.bNews { background: #ceccc8; background: rgba(0,0,0,.1); height: 58px; }
.bNews span { background: #24afb2; padding: 7px 20px 0; height: 51px; font: 400 18px/18px 'Bitter', serif; color: #FFF; display: inline-block; }
.bNews span strong { font-weight: 400; font-size: 28px; line-height: 28px; }
.arwrht { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #24afb2; margin-top: 22px; }
.bNews p { font: 400 24px/58px 'Bitter', serif; width: 815px; padding-left: 15px }
.bNews p a { color: #c33e38; }
.col1 { width: 585px; }
.col2 { width: 355px; }
.imgBx { border-color: #efefed; border-top: 5px solid rgba(255,255,255,.4); border-left: 5px solid rgba(255,255,255,.4);  border-right: 5px solid rgba(255,255,255,.4);  height: 320px; position: relative; }
.imgBx p { position: absolute; font: 400 20px 'Roboto', serif; background: #000; background: rgba(0,0,0,.7); padding: 10px 15px; bottom: 0; left: 0; width: 545px; }
.imgBx p a { color: #FFF }
.brdt3g { border-top: 3px solid #249ea9 }
.list li { border-bottom: 1px solid #cac8c6; padding: 10px 0 }
.lisImg { position: absolute; margin:0 !important; }
.list li > div { margin-left: 145px; min-height: 70px }
.b18b { color: #2d3a4a; font: 400 18px/22px 'Bitter', serif; }
.liveFeed { background: url(../images/bgr1.gif) repeat; padding: 40px 0 25px; border-bottom: 1px solid #ccc }
.col3 { width: 465px; border-top: 1px solid #bbb; }
.list1 li { border-bottom: 1px solid #bbb; padding: 18px 0 }
.list1 li > div { margin-left: 110px; min-height: 86px }
.hd1 { position: absolute; z-index: 100; margin-top: -4px; margin-left: -5px; }
.hd1 span { display: inline-block; background: #d2544a; font: bold 13px/26px arial; color: #FFF; padding: 0 15px }
.hd1 strong { display: inline-block; width: 0; height: 0; border-bottom: 4px solid #7f2821; border-right: 4px solid transparent; vertical-align: top; }
.col3 .scroll-pane { height: 360px; overflow: auto; }
.jspContainer { overflow: hidden; position: relative; z-index: 99 }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; right: 0; width: 16px; }
.jspVerticalBar *, {
margin: 0;
padding: 0;
}
.clear{clear: both;}
.jspCap { display: none; }
.jspTrack { background: #f8f8f8; position: relative; width: 8px; padding: 0 4px; }
.jspDrag { background: #cdcdcd; position: relative; cursor: pointer; height: 70px; width: 8px !important; overflow: hidden; border-radius: 4px; }
.jspArrow { text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 10px; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
* html .jspCorner { margin: 0 -3px 0 0; }
.featurd { width: 270px; }
.featurd .hd1 span { background: #35b197 }
.featurd .hd1 strong { border-bottom-color: #177a64 }
.featurd .brdb { border-bottom: 3px solid #43b99f; height: 150px; }
.gd30r { font: 400 30px 'Roboto', serif; color: #333 }




.w500{width:500px;} .PT80{padding-top:80px} .MT60{margin-top:60px;}
.dmBox{background:#FFF; width:938px;position:relative; border:1px solid #9f9f9f;}
.dmBox_ele{height:168px;}
.dream_machine{background:url(../images/dream_machine.png) no-repeat 0 0; width:207px; height:81px; display:block; position:absolute; top:-15px; left:50%; margin-left:-104px}
.gL13osi{font:400 italic 13px 'Open Sans', sans-serif; color:#7c7c7c}
.gL15osi{font:400 italic 15px 'Open Sans', sans-serif; color:#7c7c7c}
.get_started{background:url(../images/get_started.png) no-repeat; width:172px; height:32px; display:inline-block;}
.dmqaBx{width:560px; float:right; min-height:480px;}
.numBx{width:34px; height:34px; display:block; float:left; border-radius:17px; font:700 20px/30px 'Open Sans', sans-serif; background:#e0e0e0; text-align:center; color:#000;}
.quanBx{float:right; width:505px; padding-right:10px}
.quanBx li{font:14px/18px 'Open Sans', sans-serif; color:#000;  padding:9px 0}
.quanBx li p{float:left; width:480px}
.rd16osi{font:italic 16px 'Open Sans', sans-serif;color:#fc1c21;}

.pageing{font:italic 14px/20px 'Open Sans', sans-serif; color:000}
.pageing span{font:700 14px 'Open Sans', sans-serif; color:000; }
.pageing .act{color:#06cef8}
.pageing .btn{background:#FFF; border:1px solid #7c7c7c; font:13px 'Open Sans', sans-serif; color:#7c7c7c; display:inline-block; width:85px; text-align:center;}
.pageing .btn:hover, .pageing .btn.act{background:#06cef8; color:#FFF; text-decoration:none;}
.lftarw, .prvarw{background:url(../images/next_pre_arow.png) no-repeat; width:13px; height:16px; display:inline-block; vertical-align:bottom; margin:0 3px}
.pageing .btn .prvarw{background-position:0 0;}
.pageing .btn:hover .prvarw, .pageing .btn.act .prvarw{background-position:0 -21px;}
.pageing .btn .lftarw{background-position:0 -42px;}
.pageing .btn:hover .lftarw, .pageing .btn.act .lftarw{background-position:0 -65px;}
.closeBtn{font:14px 'Open Sans', sans-serif; color:#000; position:absolute; right:20px; top:15px}
.closeBtn span{background:url(../images/closeBtn.png) no-repeat; width:27px; height:27px; display:inline-block; vertical-align:middle}
.quanBox{display:none}

.col1L{width:625px; float:left;}
.dreamMLP{ background:#FFF; padding-bottom:50px;}
.ML14m{ margin-left:-14px}
.dreamC{ width:230px; position:absolute; left:208px; top:90px; text-align:center}
.gd21{ color:#333; font:400 21px 'Bitter', Arial; }
.dreTxt{ color:#fc1c21; font:400 33px 'Bitter', Arial; border-top:1px solid #d6d6d6; padding-top:5px; margin-top:5px;}
.dream_tit{ position:absolute; left:205px; top:-14px;}
.consp_tit{ font:36px 'Bitter', sans-serif; color:#55606e; border-left:5px solid #14afb3; padding-left:15px}
.bl15b{ color:#505B67; font:15px/25px arial;}
.w480{width:480px;}