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

*{padding:0px;margin:0px;list-style:none;}
html{height:100%; }
body{margin:0 auto; background: #fff; font-family:"Microsoft Yahei", Arial, sans-serif;}
ul,li{ list-style:none; margin:0px; padding:0px;}
img{ border: none;}
a{text-decoration:none; cursor:pointer; color:#333;}
a:hover{color:#194e90;}

.right{ float:right;}
.left{ float:left;}
.clear{ clear:both;}
img{ border:none;}
table{ border-collapse:collapse; }
.blank30{height:30px; overflow:hidden;}
.mart5{margin:5px 0px;}
.mart0{margin-top:5px;}
.marr15{margin-right:15px;}
.blank15{height:15px; overflow:hidden;}
.blank20{height:20px; overflow:hidden;}
.padt0{padding-top:10px;}
.marr20{margin-right:30px;}
.marr40{margin-right:38px;}
.tc{text-align:center;}
.tr{text-align:right;}
.fb{font-weight:bold;}
.fr{color:#ff4343;}
.fr1{color:#194e90;}
.padt10{padding-top:10px; padding-bottom:20px;}
.fw{color:#fff;}
.mar5{margin:5px;}
.fg{color:#333;}
.padt5{padding-top:5px;height: 47px;overflow: hidden;}

.newtop{width:100%; background:url(../images/branding-top.png) no-repeat left top; background-size:cover;}
.footall{width:100%; background:#194e90;}
.top,.content,.foot{width:1170px; margin:0 auto;}
.top{padding-top:5px; margin-bottom:10px;}
.menu{width:100%; height:35px; margin-bottom:10px; background:#fff; line-height:35px;}
.menu .nav{width:1170px; margin:0 auto;}
.mw1{width:320px;}
.mw1 h1{font-size:24px; font-weight:normal; color:#ff4343; padding-right:40px; text-align:right;}
.mw2{width:850px;}
.mw2 ul.nav1{height:20px; padding:8px 0px;}
.mw2 ul.nav1 li{
	padding:0;
	margin:0;
	line-height:0;
	float:left;
}
.mw2 ul.nav1 li a{
	display:block;
	color:#000;
	padding:0px 20px;
	text-decoration:none;
	font:bold 16px Arial, Helvetica, sans-serif,"Microsoft YaHei UI";
	line-height:16px;
	float:left; text-align:left; margin:0px; border-right:#333 solid 1px;
}
.mw2 ul.nav1 li a:hover{
	background:url(../images/menubg_hover.jpg) repeat-x;
	color:#ff4343;
	background-color:inherit;
	padding:0px 20px;  text-align:center;;
}
.mw2 ul.nav1 li a.hover{
	display:block;
	background:url(../images/menubg_hover.jpg) repeat-x;
	color:#000;
	background-color:inherit;
	padding:0px 30px;
	text-decoration:none;
	font:normal 18px Arial, Helvetica, sans-serif,"Microsoft YaHei UI";
	line-height:35px;
	float:left; text-shadow:1px 1px 0px #fff;
}

.mmenunew{padding:0px 80px;}
.mmenunew a{font-size:16px; color:#666;}
.mmenunew a:hover{color:#194e90;}
.mw0{width:20%;}
.mw3{width:380px; height:240px; overflow:hidden;}
.mw03{width:380px;}
.mw4{width:540px; }
.mw5{width:380px;}
.mw6{width:768px; height:240px;}
.mw06{width:768px;}
.mw7{width:335px; padding-left:25px; padding-top:80px; padding-right:20px;}
.mw8{width:335px; padding-left:15px; padding-top:130px; padding-right:20px;}
.mw9{width:45px; position:relative;}
.mw10{width:850px; position:relative; margin-left:300px;}
.mw11{width:420px;}
.mw12{width:100px; line-height:24px;}
.mw13{width:250px; position:relative; }
.mw14{width:45px; position:relative;}
.mw15{width:373px; height:255px; overflow:hidden;}
.mw16{width:775px; height:255px; overflow:hidden;}
.mw17{width:31%; margin-right:20px;}

.picbg{background:url(../images/picbg.png) no-repeat; height:135px; padding:8px 5px 5px; text-align:center;}
.picbg img{width:235px; height:130px;}

.mbg1{background:#fff; border:#ccc solid 1px; box-shadow:0px 0px 5px #ccc;}
.mbg1 h2{color:#f58723; font-size:20px; font-weight:bold; padding:10px 25px 2px;}
.mbg1 h2 span{float:right; background:url(../images/more.png) center right no-repeat; padding-right:30px; font-size:16px; height:25px; line-height:25px; font-weight:normal;}
.mbg1 .intro{padding:5px 25px 10px 25px; color:#333; font-size:14px; line-height:25px;}
.vtitle{padding-left:15px; background:url(../images/triangle_red_bullet.png) no-repeat left center; font-size:14px; line-height:20px;} 
.restitle{padding-left:15px; background:url(../images/triangle_white_bullet.png) no-repeat left center; font-size:14px; line-height:24px; margin:5px 0px 4px 5px;}
.onlinetitle a{padding-left:15px; background:url(../images/triangle_red_bullet.png) no-repeat left center; font-size:14px; line-height:24px; margin:0px 0px 0px 5px;}
.bbstitle{padding-left:15px; background:url(../images/triangle_red_bullet.png) no-repeat; background-position: 0px 10px; font-size:14px; line-height:24px; margin:5px 0px 5px 5px; border-bottom:#ccc dashed 1px;}
.newstitle{padding-left:15px; background:url(../images/triangle_red_bullet.png) no-repeat; background-position: 0px 10px; font-size:16px; line-height:30px; margin:5px 0px 5px 5px; border-bottom:#ccc dashed 1px;}
.newstitle span{float:right; font-size:14px; line-height:25px; font-weight:normal; color:#666;}

.mbg2{background:url(../images/gift_banner_new.jpg) no-repeat;}
.mbg2 h1{color:#fff; font-size:16px; font-weight:normal; padding:15px 25px 5px;}
.mbg2 h2{color:#ff4343; font-size:25px; font-weight:bold; padding:0px 25px 5px;}
.mbg2 h2 a{color:#fff;}
.mbg2 h2 a:hover{color:#073756;}
.mbg2 .intro{padding:0px 25px 20px 25px; color:#fff; font-size:14px; line-height:20px;}
.mbg2 .intro span{color:#fff; font-weight:bold;}
.mbg2 .intro .time{color:#fff; font-size:14px; padding:5px 0px;}
.mbg2 .intro .award{color:#fff; font-weight:bold; font-size:18px; line-height:20px; background:url(../images/awardbg.png) no-repeat; height:46px; padding-top:5px;}
.mbg2 .intro .award img{box-shadow:4px 3px 7px #333; float:left; display:block; width:100px; margin-right:15px;}
.mbg2 .intro .award .awardtitle{float:left; padding-top:33px; padding-left:55px; width:150px;}
.mbg2 .intro .award .awardtitle span{color:#fff; font-size:15px;}

.mbg3{background:url(../images/forum_bg.jpg) no-repeat;}
.mbg3 h2{color:#ff4343; font-size:26px; font-weight:bold; padding:20px 25px 10px;}
.mbg3 h2 span{float:right; background:url(../images/more.png) center right no-repeat; padding-right:30px; font-size:16px; height:25px; line-height:25px; font-weight:normal;}
.mbg3 .intro{padding:0px 25px 20px 25px; color:#404041; font-size:14px; line-height:20px;}
.mbg3 .intro span{color:#ff4343;}
.mbg3 .intro .time{color:#073756; font-size:16px; padding:10px 0px;}
.mbg3 .intro .award{color:#ff4343; font-size:26px; line-height:35px;}
.mbg3 .intro .award span{color:#073756; font-size:18px;}

.mbg4{background:#fff; border:#ccc solid 1px; box-shadow:0px 0px 5px #ccc; height:325px;}
.mbg4 h2{color:#194e90; font-size:20px; font-weight:bold; padding:20px 25px 10px; font-family:"Microsoft Yahei", Arial, sans-serif;}
.mbg4 h2 span{float:right; background:url(../images/icon-more-blue.png) center right no-repeat; padding-right:30px; font-size:16px; height:25px; line-height:25px; font-weight:normal;}
.mbg4 .intro{padding:10px 25px 15px 25px; color:#000; line-height:20px;}
.mbg4 .intro .download img {float: left; margin:0px 10px 10px 0px;}
.mbg4 .intro .download .dtitle{font:16px; line-height:18px; font-weight:bold; color:#333; }
.mbg4 .intro .download .dtitle0{font-size:14px; line-height:18px; font-weight:normal; color:#333;}
.mbg4 .intro .download p {line-height:23px; font-size:14px; padding-top:8px; color:#414141; overflow:hidden; height: 50px;}

.mbg04{background:#fff; border:#ccc solid 1px; box-shadow:0px 0px 5px #ccc; padding-bottom:25px;}
.mbg04 h2{color:#194e90; font-size:20px; font-weight:bold; padding:20px 25px 10px;}
.mbg04 h2 span{float:right;}
.mbg04 .intro{padding:10px 25px 15px 25px; color:#000; line-height:20px;}
.mbg04 .intro .download img {float: left; margin:0px 20px 10px 0px;}
.mbg04 .intro .download .dtitle{font:16px; line-height:18px; font-weight:bold; color:#333; }
.mbg04 .intro .download .dtitle0{font-size:14px; line-height:18px; font-weight:normal; color:#333; }
.mbg04 .intro .download p {line-height:23px; font-size:14px; padding-top:8px; color:#414141; overflow:hidden;}

.mbg5{background:#9ed8d2; height:325px;}
.mbg5 h1{color:#ff4343; font-size:18px; font-weight:bold; padding:5px 25px 5px 0px; font-weight:normal;}
.mbg5 h2{color:#ff4343; font-size:25px; font-weight:bold; padding:20px 25px 5px;}
.mbg5 h2 span{float:right; background:url(../images/more.png) center right no-repeat; padding-right:30px; font-size:16px; height:25px; line-height:25px; font-weight:normal;}
.mbg5 .intro{padding:0px 25px 15px 25px; color:#000; font-size:14px; line-height:20px; }

.mbg6{background:#fff; border:#ccc solid 1px; box-shadow:0px 0px 5px #ccc;}
.mbg6 h2{color:#6dc24b; font-size:20px; font-weight:bold; padding:10px 25px 2px;}
.mbg6 h2 span{float:right; background:url(../images/icon-more-green.png) center right no-repeat; padding-right:30px; font-size:16px; height:25px; line-height:25px; font-weight:normal;}
.mbg6 .intro{padding:0px 25px 10px 25px; color:#333; font-size:14px; line-height:20px;}
.mbg6 .intro .videobg{background:url(../images/overlay-video.png) no-repeat center center; height:135px; margin:15px auto 0px; text-align:center; padding:5px; float:left; width:210px}

.mbg7{background:#ec302e; height:240px;}
.mbg7 h2{color:#fff; font-size:26px; font-weight:bold; padding:10px 15px 10px;}
.mbg7 .intro{padding:0px 15px 10px 15px; color:#fff; font-size:14px; line-height:24px;}

.mbg8{background:#fff; height:240px;}
.mbg8 h2{color:#fff; font-size:26px; font-weight:bold; padding:10px 25px 2px;}
.mbg8 h2 span{float:right; background:url(../images/more.png) center right no-repeat; padding-right:30px; font-size:16px; height:25px; line-height:25px; font-weight:normal;}
.mbg8 .intro{padding:15px 25px 10px 25px; color:#fff; font-size:14px; line-height:25px;}


.barbg{height:20px; width:100%; margin:5px 0px 10px; position:relative;}
.barbg .barbg1{background:#f68e2f; width: 33.0444%;margin-right: 5px; float:left; height:12px; position:absolute; display:block; left:0px; top:0px;}
.barbg .barbg2{
	background:#42b6e7;
	width: 32.74%;
	margin-right: 5px;
	float:left;
	height:12px;
	position:absolute;
	display:block;
	left:33.4%;
	top:0px;
}
.barbg .barbg3{background:#6dc24b; width: 33.5%; float:left; height:12px; position:absolute; display:block; left:66.5%; top:0px;}

.foot{background:#194e90; height:90px; color:#fff; font-size:12px; font-weight:normal; line-height:20px; font-family:Arial, Helvetica, sans-serif, "宋体"; position:relative;}

.titlebg1{background:url(../images/wechat_mono.png) no-repeat; height:45px; position:absolute; width:100%; top:0px;}

.nav0 {position:relative; width:100%; z-index:1000;}
.nav0 ul { list-style-type:none; }
.nav0 ul li {position:relative; text-align:left; width:50px;}
.nav0 ul li a {display:block; text-decoration:none; background:url(../images/small-banner-wechat.png) no-repeat;}
.nav0 ul li a:hover {background:url(../images/small-banner-wechat.png) no-repeat;} 
.nav0 ul li ul {display: none;}
.nav0 ul li:hover ul {display: block; position: absolute; top:-10px; min-width:150px; left:50px;} 
.nav0 ul li:hover ul li a {display:block; background:#fff; width: 150px; text-align: left;  border-right: none; padding:5px;}
.nav0 ul li:hover ul li a:hover { background:#fff; color:#ffffff; }


.foot .nav1 {position:relative; width:100%; z-index:1000;}
.foot .nav1 ul { list-style-type:none; }
.foot .nav1 ul li {position:relative; text-align:center; width:100%;}
.foot .nav1 ul li a {display:block; text-decoration:none; }
.foot .nav1 ul li a:hover {background:url(../images/wechat_color.png) no-repeat;} 
.foot .nav1 ul li ul {display: none;}
.foot .nav1 ul li:hover ul {display: block; position: absolute; top:-175px; min-width:150px; left:-50px;} 
.foot .nav1 ul li:hover ul li a {display:block; background:#fff; width: 150px; text-align: left;  border-right: none; padding:5px;}
.foot .nav1 ul li:hover ul li a:hover { background:#fff; color:#ffffff; }


.titlebg2{background:#194e90; height:50px; position:absolute; top:-50px; width:100%; text-align:right; padding-top:10px;}
.titlebg2 a{color:#fff;}
.titlebg2 a:hover{color:#a8dbf9;}
.nav2 {position:relative; width:100%; z-index:1000;}
.nav2 ul { list-style-type:none; }
.nav2 ul li {position:relative; text-align:right; width:100%;}
.nav2 ul li a {display:block; text-decoration:none; color:#fff;}
.nav2 ul li a:hover {background:#6d6f70;} 
.nav2 ul li ul {display: none;}
.nav2 ul li:hover ul {display: block; position: absolute; top:30px; min-width:1170px; left:-300px;} 
.nav2 ul li:hover ul li a {display:block; background:#6d6f70; width:1160px; margin:0 auto; text-align: left;  border-right: none; padding:5px;}
.nav2 ul li:hover ul li a:hover { background:#6d6f70; color:#ffffff; }

.titlebg3{background:url(../images/youtube_mono.png) no-repeat; height:45px; width:100%; top:0px;}
.foot .nav3 {position:relative; width:100%; z-index:1000;}
.foot .nav3 ul { list-style-type:none; }
.foot .nav3 ul li {position:relative; text-align:center; width:100%;}
.foot .nav3 ul li a {display:block; text-decoration:none; width:45px; height:45px;}
.foot .nav3 ul li a:hover {background:url(../images/youtube_color.png) no-repeat;} 

.titlebg4{background:url(../images/youku_mono.png) no-repeat; height:45px; width:50px; top:20px; position:absolute; left:145px;}
.foot .nav4 {position:relative; width:50px; display:block; z-index:1000;}
.foot .nav4 ul { list-style-type:none; }
.foot .nav4 ul li {text-align:center; width:100%;}
.foot .nav4 ul li a {display:block; text-decoration:none; width:45px; height:45px;}
.foot .nav4 ul li a:hover {background:url(../images/youku_color.png) no-repeat;} 

.titlebg5{background:url(../images/sina_mono.png) no-repeat; height:45px; width:100%; top:0px;}
.nav5 {position:relative; width:100%; z-index:1000;}
.nav5 ul { list-style-type:none; }
.nav5 ul li {position:relative; text-align:center; width:100%;}
.nav5 ul li a {display:block; text-decoration:none; width:45px; height:45px;}
.nav5 ul li a:hover {background:url(../images/sina_color.png) no-repeat;} 

.titlebg6{background:url(../images/bilibili_momo.png) no-repeat; height:45px; width:100%; position:absolute; top:0px; left:120px;}
.foot .nav6 {position:relative width:50px; display:block; z-index:1000;}
.foot .nav6 ul { list-style-type:none; }
.foot .nav6 ul li {position:relative; text-align:center; width:100%;}
.foot .nav6 ul li a {display:block; text-decoration:none; width:45px; height:45px;}
.foot .nav6 ul li a:hover {background:url(../images/bilibili_color.png) no-repeat;} 


.kj{ width:1170px; height:auto; margin:0 auto; background:#FFF;}
.banner{ width:980px; height:197px; padding-top:0; overflow:hidden;}
.main{ width:1170px; height:auto; margin:0 auto; padding-bottom:5px;}
.main_left{ width:780px; height:auto; float:left;}
.lf_layout1{ width:775px; height:475px; border:#e0e0e0 solid 1px;}
.lf_layout2{ width:660px; height:210px; border:#e0e0e0 solid 1px; margin-top:10px; overflow:hidden;}
.lf_layout2_1{ width:660px; height:33px; border-bottom:#e0e0e0 solid 1px; background:url(../images/menu.gif) no-repeat left top;}
.lf_layout2_1 p{ font-family:Arial, Helvetica, sans-serif, "宋体"; font-size:14px; line-height:33px; color:#FFF; width:240px; float:left; font-weight:bold; padding-left:30px;}
.lf_layout2_1 a{ font-family:"宋体"; font-size:14px; line-height:33px; color:#000; width:60px; float:right; font-weight:bold;}
.lf_layout2_2{ width:660px; height:auto;}
.lf_layout2_2 dl{ display:block; width:150px; height:150px; float:left; padding:10px 0px 10px 14px;}
.lf_layout2_2 dl dt{ display:block; width:150px; height:85px; background:url(../images/pro_bj.jpg) no-repeat center top;}
.lf_layout2_2 dl dt img{ margin:5px 26px;}
.lf_layout2_2 dl dd{ display:block; width:150px; font-family:"宋体"; font-size:12px; line-height:24px; color:#000;}
.lf_layout2_2 dl dd p{ text-align:center;}
.lf_layout2_2 dl dd p span{ color:#d62129;}
.main_right{ width:380px !important; width:378px;  height:auto; float:left; margin-left:10px; }
.rt_layout1{ width:380px !important; width:285px; height:475px; overflow:hidden; background:#073756;}
.rt_layout1_1{ width:288px !important; width:285px; padding:20px 20px 10px 25px; font-size:26px; font-weight:bold; color:#fff;}
.rt_layout1_1 p{ color:#cc0000; font-family:"宋体"; font-size:14px; line-height:35px; padding-left:38px; font-weight:bold;}
.rt_layout1_2{clear:both; padding:0px 20px 25px 20px;}
.rt_layout1_2 dl{ display:block; height:77px; clear:both;}
.rt_layout1_2 dl dt { float:left;  width:133px; height:77px; margin-right:10px; }
.rt_layout1_2 dl dt img{ margin:0px 0px;}
.rt_layout1_2 dl dd{ font-family:Arial, Helvetica, sans-serif,"Microsoft YaHei UI"; font-size:14px; line-height:24px; color:#fff; width:190px; float:left; display:block;}
.rt_layout1_2 dl dd p span{ color:#d62129;}
.rt_layout2{ width:288px !important; width:285px; height:210px; border:#e0e0e0 solid 1px; margin-top:10px;}
.rt_layout2_1{ width:288px !important; width:285px; height:34px; background:url(../images/action.jpg) repeat-x left top;}
.rt_layout2_1 p{ font-family:"宋体"; font-size:14px; color:#be2027; line-height:34px; margin-left:10px; font-weight:bold;}
.rt_layout2_2{ width:288px !important; width:285px; height:auto;margin-top:5px;}
.rt_layout2_2 a{ font-family:"宋体"; font-size:13px; font-weight:bold; color:#be2027; line-height:24px; margin-left:10px; }
.rt_layout2_2 a:hover{ text-decoration:underline;}
.rt_layout2_2 p{ font-family:"宋体"; font-size:12px; color:#000; line-height:24px; width:285px; margin-left:3px;}
.rt_layout3{ width:288px !important; width:285px; height:320px; border:#e0e0e0 solid 1px; margin-top:10px;}
.rt_layout3_1{ width:288px !important; width:285px; height:auto;}
.rt_layout3_1 dl{ display:block; margin-top:16px !important; margin-top:13px;  margin-left:10px; width:270px; height:37px;}
.rt_layout3_1 dl dt{ width:35px; height:37px; float:left;}
.rt_layout3_1 dl dd a{ display:block; width:225px; font-family:"宋体"; font-size:12px; line-height:20px; color:#000; float:left; margin-left:5px;}
.rt_layout3_1 dl dd a:hover{ text-decoration:underline;}
.rt_layout3_1 dl dd p{ display:block; width:225px; font-family:"宋体"; font-size:12px; line-height:20px; color:#000; float:left; margin-left:5px;}
.rt_layout3_1 dl dd p span{ color:#d62129;}
.rt_layout4{ width:288px !important; width:285px; height:322px;  border:#e0e0e0 solid 1px; margin-top:10px;}
.rt_layout4_1{ width:288px !important; width:285px; height:44px; background:url(../images/about.gif) no-repeat center top;}
.rt_layout4_1 p{ color:#cc0000; font-family:Arial, Helvetica, sans-serif, "宋体";  font-size:14px; line-height:38px; padding-left:54px; font-weight:bold;}
.rt_layout4_2{ width:288px !important; width:285px; height:auto;}
.rt_layout4_2 p{ color:#000; font-family:Arial, Helvetica, sans-serif, "宋体";  font-size:14px; line-height:24px; width:265px; margin-left:10px;}
.footer{ width:980px; height:auto; margin-top:27px; background:#c8c8c8; clear:both;}
.footer p{ font-family:Arial, Helvetica, sans-serif, "宋体"; font-size:14px; color:#FFF; text-align:center; line-height:24px; padding:10px 0px; }
a.red{color:red;}
a.red:hover{color:red;text-decoration:underline;}

/*分页*/
.styled-pagination {
    position: relative;
}
.margin-bott-40 {
    margin-bottom: 20px !important;
}
.padd-top-20 {
    padding-top: 20px !important;
}

.styled-pagination li {
    position: relative;
    display: inline-block;
    margin: 0px 5px 10px;
}
.styled-pagination li a:hover, .styled-pagination li a.active {
    color: #ffffff;
background:#c00;
border-color:#c00;
}
.styled-pagination li a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 5px 0px;
    font-size: 16px;
    text-transform: uppercase; text-decoration:none;
    min-width: 36px;
    border: 2px solid 
    rgba(0,0,0,0.10);
        border-top-color: rgba(0, 0, 0, 0.1);
        border-right-color: rgba(0, 0, 0, 0.1);
        border-bottom-color: rgba(0, 0, 0, 0.1);
        border-left-color: rgba(0, 0, 0, 0.1);
    background: #ffffff;
    color: #1a1a1a;
    text-align: center;
    border-radius: 3px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}

/*detail*/
.f12{font-size:12px; font-weight:normal;}
.position{clear:both; font-size:12px; color:#666;}
.text1{clear:both; line-height:28px; font-size:16px; color:#333; padding-bottom:10px; padding-top:10px;}
.detailtitle{font-size:26px; line-height:45px; color:#454545; font-family:"微软雅黑", "黑体", "宋体"; font-weight:bold;}
.detailcon, .detailcon p{font-size:16px; color:#333; line-height:28px; padding:10px 0px;}
.detailcon a{color:#0085CA; text-decoration:none;}
.detailcon a:hover{color:#c00; text-decoration:none;}
.detailcon .playdiv{position:absolute; top:30px; left:30px; width:610px; height:500px; z-index:9999;background: repeat scroll 0% 0% #000;opacity:0; filter:alpha(apacity:0);_background:#000;}
.detailcon p{font-size: 16px;}
.detailcon img{max-width: 700px;}
.borderb{border-bottom:#666 dotted 1px;}
.vborder{padding:20px 0px; border-bottom:#666 dotted 1px;}

@media screen and (min-width:640px) and (max-width:1300px){
	.newtop{width:100%; background:url(../images/branding-top_small.png) no-repeat left top;}

}
@media screen and (min-width:640px) and (max-width:1000px){
	.barbg3{background:#6dc24b; width:32.5%; float:left; height:20px;}
}