<!--
body {line-height:24px; font-size:14px; font-family: "Microsoft Yahei", Arial, sans-serif; margin:0; color:#555555;}
a { text-decoration:none; color:#555555;}
a:hover { text-decoration: underline; color:red; }
.wrap { width:1000px; margin:0 auto;}
.header {clear:both; padding:15px 0 10px 0;}
.home {background:url("/static/image/home.gif") no-repeat scroll 0 2px transparent; padding-left:15px;}
.top {background:url("/video/microchip/images/branding-top.png") no-repeat;}

img{ vertical-align: middle;}

.nav { line-height:60px; height:60px; clear:both; font-size:16px; font-weight:bold; }
.nav a { margin:0 10px; font-weight:bold; color:#000000;}
.nav a:hover { color:red; }

.category {float:left; width:200px; min-height:465px; margin-bottom:10px; border:1px solid #CCC; border-radius:3px; box-shadow:0px 0px 5px #CCC;}
.category li {list-style:none;}
.category li span {color:red;}
.category h2 {padding-left:15px; font-size:18px;}
.category a:hover {color:#6CC24A;}
.parent {list-style:none;}
.current {color:#6CC24A; font-weight:bold;}

.main {float:right; width:785px; margin-bottom:10px; min-height:450px; padding-top:15px; border:1px solid #CCC; border-radius:3px; box-shadow:0px 0px 5px #CCC;}
.main h1 {color:#6CC24A; font-size:18px; margin:0 0 20px 12px; }

.shadowbox {border:1px solid #CCC; border-radius:3px; box-shadow:0px 0px 5px #CCC;}

.bottom {clear:both;height:0;overflow:hidden;}

.recommend {height:36px; line-height:18px; overflow:hidden; float:left; margin-left:15px; width:230px; margin-bottom:5px;}
.recommend-subject {height:18px; overflow:hidden;}
.recommend a:hover {color:red;}

.num { display: block; width: 25px; height: 25px; background: #41B6E6; border-radius: 15px; color: #fff; font-size: 16px; line-height: 25px; font-weight: bold;  text-align: center; float:left; margin-top:5px;}

.more {float:right; font-size:14px; font-weight:normal;}

.left {float:left;}
.right {float:right;}

.footer { font-size:12px; background-color:#194F90; color:#FFF; padding:20px 10px; }
.footer a {color:#fff;}

#qrcode { display:none; position: relative; top:-240px; z-index: 100;}
#qrcode-side { display:none; position: fixed; left:50px; top:220px; z-index: 100;}

.barbg {margin: 10px 0px 10px;}

.numx {width: 25px;
    height: 25px;
    background-color: #007BFF;
    border-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;position: relative;
    left: -10px;
}
.media {width:48px; position:fixed; top: 160px; left: 0;  z-index: 100;}

.block {float:left; margin-bottom:10px;}

.video {width:180px; height:180px; float:left; margin:0 0 10px 12px;font-size:12px; line-height:16px; background:url("/video/microchip/images/overlay-video.png") no-repeat; } 
.video img {  width:172px; height:95px; border:1px solid #cfcfcf; margin:3px 3px 20px 3px;}
.videosubject {max-height:32px; overflow:hidden;}
.videoview {height:12px; margin-top:5px; font-size:12px; float:left; }

.video2 {margin-bottom:20px;font-size:14px; line-height:17px; }
.video2 img {width:117px; height:72px; border:1px solid #cfcfcf; float:left;}
.videosubject2 {float:right; width:194px; height:50px; overflow:hidden;}
.videosubject2 a:hover {color:red;}

.videosubject3 {float:right; width:184px; height:80px; overflow:hidden;position:relative;left:8px;top:10px;}
.videosubject4 {position: relative;
    top: -31px;
    left: 30px;}
.videoviews4 {  position: relative;
    top: -42px;
    left: 30px;}

.videoviews {float:right; width:194px; margin-top:5px; }
.videoviews2 {float:left; width:194px; margin-top:5px;left: -5px;top: 10px; position:relative;}

.video-big {width:570px; float:left; margin:0 0 15px 15px;font-size:16px; line-height:24px; }
.video-big img {width:570px; height:340px; border:1px solid #cfcfcf; margin-bottom:5px;}
.videosubject-big {height:24px; overflow:hidden;}
.videoview-big {height:12px; font-size:12px; color:#BBB; float:left;}

.thisclass a {background:red}
.page {clear:both;}
.pgs {}
	.pgs #newspecial, .pgs #newspecialtmp, .pgs #post_reply, .pgs #post_replytmp { float: left; margin-right: 5px; }
	.pg { float: right; }
	.pg, .pgb { line-height: 26px; }
		.pg a, .pg strong, .pgb a { float: left; display: inline; margin-left: 4px; padding: 0 8px; height: 26px; border: 1px solid; border-color: #ccc; background-color: #fff; background-repeat: no-repeat;  overflow: hidden; text-decoration: none; }
			.pg a.nxt, .pgb a { padding: 0 10px; }
			.pg a:hover, .pgb a:hover { border-color: red; color: red; }
			.pg a.nxt { padding-right: 25px; background-image: url("/static/image/common/arw_r.gif"); background-position: 90% 50%; }
			.pg a.prev { background-image: url("/static/image/common/arw_l.gif"); background-position: 50% 50%; }
			.pg strong { background-color: {SPECIALBG}; }
		.pgb a { padding-left: 25px; background-image: url("/static/image/common/arw_l.gif"); background-position: 10px 50%; }
	#pgt .pg, #pgt .pgb { margin-top: 5px; }
	
.message {padding:100px 0; text-align:center;}

.subtype {border-bottom:1px solid #ccc; margin:0 0 15px 10px;}
.subtype h2 {font-size:16px; padding-left:15px;}

#pidlist1 {display:block; padding-left:20px;}
#pidlist2 {display:none; padding-left:20px;}
.fold {}
.expand {}
-->