@import url("layout.css");@import url("page.css");
*{margin:0;padding:0;}           
body{font:12px Verdana,Arial,Tahoma;}  
img{border:none;}           
a{color:#36C;text-decoration:none;}           
a:hover{color:#F33;text-decoration:underline;}           
ul{list-style:none;}           
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}           
.center{margin:0 auto;}           
.w960{width:900px;}           
.mt1{margin-top:8px;}          
.mt2{margin-top:16px;}           
.clear{overflow:hidden;}           
.fs-12{font-size:12px;}           
.fc-f60{color:#F60;}           
.fc-f90{color:#F90;}           
.ipt-txt{line-height:15px;font-size:12px;margin-right:2px;border-color:#666 #BBB #BBB #666;border-style:solid;border-width:1px;padding:4px 5px;}           
.btn-1{width:56px;height:23px;border:none;background:url(../images/btn-bg1.gif) no-repeat;line-height:25px;letter-spacing:1px;overflow:hidden;color:#369;}           
.btn-2{width:70px;height:25px;border:none;background:url(../images/btn-bg2.gif) left top no-repeat;line-height:25px;overflow:hidden;color:#444;margin-right:2px;}           
.header{width:100%;overflow:hidden;}           
.header a{color:#000;}           
.header a:hover{color:#390;text-decoration:none;}           
.header .top{clear:both;overflow:hidden;}           
.header .title{float:left;padding-left:16px;}           
.header .title h1 a{width:200px;height:56px;display:block;font-size:0;text-indent:-200px;overflow:hidden;background:url(../images/logo.gif) center center no-repeat;}           
.header .banner{width:480px;height:56px;float:left;margin-left:40px;overflow:hidden;}           
.header .banner img{width:480px;height:56px;display:block;}           
.header .rlink{width:172px;height:52px;float:left;margin-left:32px;overflow:hidden;padding-top:4px;}           
.header .rlink ul li{width:78px;height:21px;background:url(../images/toprlink-bg.gif) left top no-repeat;float:left;margin-right:8px;margin-bottom:8px;overflow:hidden;}           
.header .rlink ul li a{display:block;color:#000;line-height:21px;text-indent:22px;background-image:url(../images/toprlink-bg.gif);background-repeat:no-repeat;}           
.header .rlink ul li a:hover{color:#000;}           
.header .rlink ul li.r1 a{background-position:0 -21px;}           
.header .rlink ul li.r2 a{background-position:0 -42px;}           
.header .rlink ul li.r3 a{background-position:0 -63px;}           
.header .rlink ul li.r4 a{background-position:0 -84px;}           
.header .welcome{float:right;margin-top:20px;padding-right:10px;color:#999;}           
.header .welcome a{margin:0 3px;} 
.toprl{ width:900px; height:25px; font-size: 12px; text-align:right; background-color:#f3f9fc; padding-bottom:5px; margin:auto; }
          
.header .nav{width:900px;height:28px;background:url(../images/nav_bg.gif) repeat-x;clear:both;overflow:hidden; margin:auto;}           
.header .nav ul{height:28px;overflow:hidden;margin:0 auto;}           
.header .nav ul li{float:left;line-height:28px;background:url(../images/nav-bg.gif) 0 -32px no-repeat;margin-left:-2px;}           
.header .nav ul li a{height:28px;display:block;color:#FFF;float:left;padding:0 16px 0 17px;font-size:14px;font-weight: bold}           
.header .nav ul li a:hover{color:#FF3;color:#000000;background:url(../images/on.gif) center bottom no-repeat; font-size:14px;font-weight: bold} 
.littlebar{margin:0;padding:0;width:4px;height:32px;float:left;background:url(../images/littlebar.jpg) no-repeat;}
.atitle{ height:60px; width:650px; text-align:center; margin-top: 10px; margin-bottom: 1px; margin-right: 10px; margin-left: 10px; }

        
.header .search{ width:900px;height:40px;background:url(../images/search-bg.png) repeat-x;clear:both; margin:auto;}           
.header .search .form{padding-left:8px;padding-top:5px;float:left;}           
.header .search .form h4{display:none;}           
.header .search .form input.search-keyword{width:156px;height:18px;border:none;background:url(../images/search-bg.gif) left top no-repeat;line-height:15px;font-size:12px;overflow:hidden;padding:5px 3px 0 58px;}           
.header .search .form select.search-option{margin-left:2px;}           
.header .search .form button.search-submit{width:68px;height:22px;border:none;background:red url(../images/search-bg.gif) right top no-repeat;font-size:0;line-height:100px;margin-left:5px;overflow:hidden;}           
.header .tags{float:left;margin-left:16px;padding-top:8px;}           
.header .tags h4{width:66px;height:19px;float:left;font-size:0;line-height:100px;overflow:hidden;background:url(../images/search-tags-title.gif) no-repeat;}           
.header .tags ul{height:21px;float:left;overflow:hidden;}           
.header .tags ul li{float:left;line-height:19px;padding:0 5px;}           
.channel-nav{height:31px;border-bottom:1px solid #CFE3EB;}           
.channel-nav ul{height:22px;padding-left:10px;padding-top:3px;overflow:hidden;float:left;}           
.channel-nav ul li{height:22px;float:left;overflow:hidden;margin-right:10px;}           
.channel-nav ul li a{height:22px;display:block;padding-right:10px;float:left;background:url(../images/channel-nav-bg.gif) right 0 no-repeat;overflow:hidden;}           
.channel-nav ul li a span{display:block;float:left;height:22px;padding-left:10px;background:url(../images/channel-nav-bg.gif) left 0 no-repeat;cursor:pointer;overflow:hidden;line-height:23px;color:#666;}           .channel-nav ul li a:hover{text-decoration:none;background:url(../images/channel-nav-bg.gif) right -22px no-repeat;}           
.channel-nav ul li a:hover span{color:#369;text-decoration:none;background:url(../images/channel-nav-bg.gif) left -22px no-repeat;}           
.channel-nav ul li.thisclass a,.channel-nav ul li.thisclass a:hover{background:url(../images/channel-nav-bg.gif) right -44px no-repeat;cursor:default;}          
 .channel-nav ul li.thisclass a span,.channel-nav ul li.thisclass a:hover span{background:url(../images/channel-nav-bg.gif) left -44px no-repeat;color:#FFF;cursor:default;}           .channel-nav .back{display:block;height:22px;line-height:21px;padding-top:6px;padding-right:10px;padding-left:20px;letter-spacing:2px;float:right;background:url(../images/ico-home.gif) 4px 10px no-repeat;}           .channel-nav .back a{color:#7C9EBE;}          
 .channel-nav .back a:hover{text-decoration:none;color:#000;}           
 .footer{color:#999;text-align:center;padding-bottom:10px;border-top:1px solid #E5EFD6;padding-top:10px;}           
 .footer .link{text-align:center;padding:5px 0;}           
 .footer .link a{color:#666;margin:0 5px;}           
 .footer .powered{font-size:10px;line-height:25px;}           
 .footer .powered strong{color:#690;}           
 .footer .powered strong span{color:#F93;}           
 .footer .copyright{color:#666;line-height:23px;}           
 .bg5,html{background:#FFF;}           
 
   #demo {
    background: #FFF;
    overflow:hidden;
    border: 1px;
    width: 450px;
	text-align:center;
    }
    #demo img {
    border: 3px solid #F2F2F2;
    }
    #indemo {
    float: left;
    width: 800%;
    }
    #demo1 {
    float: left;
    }
    #demo2 {
    float: left;
    }