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

body, h1, h2, h3, h4, h5, p, ul, li, form { padding:0; margin:0; }
body { font-size:13px; font-family:Tahoma; color:#000; background:url(../images_hilight/ex_bgall.jpg) top center repeat-y; }
ul, li { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:0; }

#header, #nav, #container { width:1003px; margin:0 auto; clear:both; }
#article { width:690px; float:left; display:inline; }
#aside { width:313px; float:right; display:inline; }


#header { background:url(../images_hilight/logo-hilight-news.jpg) #9FE94F bottom center no-repeat; overflow:hidden; padding-bottom:5px; }
#header ul.topmenu { background:url(../images_hilight/bg-top-keyword.jpg) top left repeat-x; overflow:hidden; border-bottom:1px solid #FFF; }
#header ul.topmenu li { display:inline; float:right; font-size:12px; height:24px; padding:5px 0 0 15px; }
#header ul.topmenu li.title { float:left; padding:3px 0 0 0; }
#header ul.topmenu li.title h2 { font-size:13px; font-weight:bold; color:#ae4e59; padding-left:10px; background:url(../images_hilight/bg-h2.jpg) center left no-repeat; margin-left:10px; }
#header ul.topmenu li a { color:#6a4306; background:url(../images_hilight/icon-1.gif) center left no-repeat; padding-left:10px; }
#header ul.topmenu li a:hover { color:#265f9e; }
#header ul.topmenu li .truhit {  padding-left:10px; }
#header ul.tophead { height:100px; overflow:hidden; position:relative; }
#header ul.tophead li { float:right; width:260px; display:inline; clear:right; font-size:12px; padding-top:3px; }
#header ul.tophead li a { color:#4A680F; background:url(../images_hilight/icon-1.gif) center left no-repeat; padding-left:10px; }
#header ul.tophead li a:hover { color:#900; }
#header ul.tophead li.register { width:126px; height:95px; position:absolute; top:0; right:0; z-index:2; padding:0; }
#header ul.tophead li.register a { background:url(../images_hilight/btn-register.png) top right no-repeat; display:block; width:126px; height:95px; overflow:hidden; padding:0; }
#header ul.tophead li.register a:hover { text-decoration:none; }
#header ul.logo li { float:left; display:inline; }
#header ul.logo li.kapook { width:210px; text-align:center; }
#header ul.logo li.portal { width:560px; }
#header ul.logo li.portal a { display:block; width:560px; height:75px; }
#header ul.logo li.portal a:hover { text-decoration:none; }
#header ul.logo li.login { width:220px; background:url(../images_hilight/bg-login.gif) top left no-repeat; height:70px; font-size:11px; padding-top:4px; color:#666; }
#header ul.logo li.login p { display:inline; float:left; width:160px; padding-top:3px; }
#header ul.logo li.login input.login { width:87px; background:#f886a6; border:1px solid #FFF; color:#FFF; }
#header ul.logo li.login p.btn-login { float:right; width:52px; padding:0; }
#header ul.logo li.login p.btn-login input { width:47px; height:60px; padding:0; margin:0; border:0; cursor:pointer; }
#header ul.logo li.login p.email { padding-left:32px; width:128px; }
#header ul.logo li.login p.password { padding-left:10px; width:150px; }
#header ul.logo li.login p.forget { padding-left:15px; width:145px; }
#header ul.logo li.login p.forget a { color:#616161; }
#header ul.logo li.login p.forget a:hover { color:#900; }

#container { background:url(../images_hilight/bg-nav.gif) #FFF top left no-repeat; overflow:hidden; padding-top:5px; }

#article { position:relative; }
#article h1 { font-size:20px; color:#444444; margin:0 140px 0 20px; }
#article h3 { font-weight:normal; font-size:12px; color:#B0B0B0; display:block; border-top:1px solid #DFDFDF; margin:5px 140px 0 20px; padding-top:5px; }
#article h3 a { color:#567796; }
#article .share { position:absolute; top:0px; right:0px; width:130px; height:65px; }
#article .share a { margin:0 3px; }
#article .content { padding:0 20px; margin-top:30px; font-size:16px; }
#article .related { background:url(../images_hilight/bg-related.gif) top left no-repeat; width:661px; height:158px; margin:15px auto 0; }
#article .related h4 { font-size:16px; color:#333; padding:17px 0 0 10px; }
#article .related ul { padding:5px 10px; overflow:hidden; }
#article .related li { width:310px; display:inline; float:left; padding:3px 0 0; margin-left:5px; }
#article .related li a { color:#305C84; }
#article .related li a:hover { color:#900; }

#aside .banner { width:300px; height:250px; border:1px solid #666; margin:5px auto 0; }
#aside .textads { width:300px; margin:10px auto 0; }
#aside .textads li { clear:both; overflow:hidden; background:#E2F5BF; border:1px solid #BEE985; padding:5px; margin-top:5px; }
#aside .textads li a img { margin-right:5px; float:left; }
#aside .textads li a { color:#666; }
#aside .textads2 { width:210px; margin:10px auto 0; }

.contentlink { width:300px; margin:10px 0 0 6px; float:left; }
.contentlink strong { background:#690; color:#FFF; padding:3px; display:block; margin:0 3px 0 5px; }
.contentlink ul.box { overflow:hidden; }
.contentlink ul.box li { float:left; display:inline; width:136px; height:50px; overflow:hidden; background:url(../images_hilight/thumb_content01.gif) #E2F5BF top left repeat-x; border:1px solid #BEE985; padding:3px; margin:5px 0 0 5px; }
.contentlink ul.box li a img { margin-right:5px; float:left; }
.contentlink ul.box li a { color:#476D04; font-size:11px; }
.contentlink ul.list { overflow:hidden; margin-top:2px; }
.contentlink ul.list li { clear:both; margin:2px 1px 0 5px; background:#BAEC63; padding-left:5px; }
.contentlink ul.list li a { color:#476D04; font-size:12px; background:url(../images_hilight/icon-2.gif) center left no-repeat; display:block; padding:2px 0 4px 10px; border:1px solid #BEE985; }
.contentlink ul.list li a:hover, #aside .contentlink ul.box li a:hover { color:#900; }

.contentlink2 { width:680px; margin:20px 5px 0; float:left; }
.contentlink2 strong { background:#690; color:#FFF; padding:3px; display:block; margin:0 3px 0 5px; }
.contentlink2 ul.box { overflow:hidden; }
.contentlink2 ul.box li { float:left; display:inline; width:212px; height:50px; overflow:hidden; background:url(../images_hilight/thumb_content01.gif) #E2F5BF top left repeat-x; border:1px solid #BEE985; padding:3px; margin:5px 0 0 5px; }
.contentlink2 ul.box li a img { margin-right:5px; float:left; }
.contentlink2 ul.box li a { color:#476D04; font-size:12px; }
.contentlink2 ul.list { overflow:hidden; margin-top:2px; }
.contentlink2 ul.list li { margin:2px 1px 0 5px; background:#BAEC63; padding-left:5px; width:327px; display:inline; float:left; }
.contentlink2 ul.list li a { color:#476D04; font-size:12px; background:url(../images_hilight/icon-2.gif) center left no-repeat; display:block; padding:2px 0 4px 10px; border:1px solid #BEE985; }
.contentlink2 ul.list li a:hover, #aside .contentlink ul.box li a:hover { color:#900; }


/* Banner All Size */
#bannertop { width:100px; position:absolute; top:27px; left:50%; }
#bannertop .banner { width:728px; height:90px; left:-497px; top:6px; position:relative; z-index:3; }
.topads { width:980px; clear:both; margin:0 auto 20px; border-bottom:1px solid #CCCCCC; padding-bottom:5px; }

.navai_page { background:#720000; float:left; border:solid #669900 1px; padding:2px 6px; margin:0px 3px; }
.navai_page, .navai_page a:link, .navai_page a:visited { color:#FFFF00; }
.navigate { width:180px; }
.navigate li { background:#669900; font-size:16px; width:20px; text-align:center; border:1px solid #336600; float:left; margin-left:3px; }

#footer-new { border-top:8px #ffefeb solid; background:url(../images_hilight/bg-footer2.jpg) #E3A09A top left repeat-x; }
#footer-new .link { background:url(../images_hilight/bg-footer.jpg) top center no-repeat; overflow:hidden; }
#footer-new .link ul { width:983px; margin:0 auto; padding:38px 0 0 20px; }
#footer-new .link ul li { width:135px; display:inline; float:left; }
#footer-new .link ul li h3 { font-size:13px; }
#footer-new .link ul li ul { width:100%; float:none; clear:both; padding:10px 0 40px 10px; overflow:hidden; }
#footer-new .link ul li ul li { background:url(../images_hilight/icon-footernew.gif) center left no-repeat; padding:3px 0 2px 9px; font-size:12px; }
#footer-new .link ul li a { color:#993428; text-decoration:none; }
#footer-new .link ul li a:hover { text-decoration:underline; color:#900; }

#foot-logo { background:url(../images_hilight/bg-footlogo.jpg) top left repeat-x; height:57px; }
#foot-logo ul { width:1003px; margin:0 auto; overflow:hidden; }
#foot-logo li { width:501px; display:inline; float:left; color:#555; padding-top:14px; }
#foot-logo li strong { font-size:14px; display:block; color:#690; }
#foot-logo li img { float:right; }


#icare { width:300px; margin:0 auto; background:url(../images_hilight/bd-icare-hilight.jpg) top left repeat-y; }
#icare .related-icare {  width:260px; margin:0 auto; overflow:hidden; }